.NoteDetails__note-detail___yB3Xx5OauH {
  cursor: pointer;
  height: 0;
  position: absolute;
  right: -25px;
  top: clamp(1rem, calc(50% - 25px), 3.5rem);
  z-index: 3!important
}

.NoteDetails__detail-icon___ciOwFd8DfL {
  align-items: center;
  background-color: #4461e0;
  border-radius: 50%;
  display: flex;
  height: 50px;
  justify-content: center;
  width: 50px
}

.NoteDetails__detail-icon___ciOwFd8DfL:hover i {
  color: #ffdf49!important
}

.NoteDetails__detail-icon___ciOwFd8DfL:not(:only-child) {
  border-radius: 0 50% 50% 0
}

.NoteDetails__detail-icon___ciOwFd8DfL:not(:only-child) i {
  color: #ffdf49
}

.NoteDetails__detail-icon___ciOwFd8DfL i {
  color: #fff!important;
  font-size: 30px!important
}

.NoteDetails__text-wrapper___ouDhO_IIYZ {
  background-color: #fff;
  border: 2px solid #4461e0;
  border-radius: 10px 0 10px 10px;
  cursor: text;
  left: -200px;
  min-height: 60px;
  padding: 10px;
  position: absolute;
  text-align: left;
  top: 0;
  width: 200px;
  z-index: 3
}

.NoteDetails__text-node___jtITMYFqhe {
  position: relative
}

.NoteDetails__text-node___jtITMYFqhe * {
  color: #000!important;
  font-family: Roboto,Helvetica,sans-serif
}

.template.cover-basic .page,.template.resignation-basic .page {
  padding: 39px 46px 52px 60px
}

.template.cover-basic.letter .page,.template.resignation-basic.letter .page {
  padding-left: 71px;
  padding-right: 57px
}

.template.cover-basic .general-section .name,.template.resignation-basic .general-section .name {
  font-size: 34px;
  line-height: 40px;
  text-align: center
}

.template.cover-basic .general-section .general-info-wrapper,.template.resignation-basic .general-section .general-info-wrapper {
  padding-bottom: clamp(1rem, calc(var(--templates-lh-base)*4), 3.5rem);
  padding-top: clamp(1rem, calc(var(--templates-lh-base)*4), 3.5rem);
}

.template.cover-basic .general-section .general-info-wrapper .general-info-from,.template.cover-basic .general-section .general-info-wrapper .general-info-to,.template.resignation-basic .general-section .general-info-wrapper .general-info-from,.template.resignation-basic .general-section .general-info-wrapper .general-info-to {
  display: inline-block;
  vertical-align: top;
  width: 50%
}

.template.cover-basic .general-section .general-info-wrapper .general-info-to,.template.resignation-basic .general-section .general-info-wrapper .general-info-to {
  padding-right: 10px
}

.template.cover-basic .general-section .general-info-wrapper .general-info-from,.template.resignation-basic .general-section .general-info-wrapper .general-info-from {
  padding-left: 10px;
  text-align: right
}

.template.cover-basic.whi .page,.template.resignation-basic.whi .page {
  background-color: #fff
}

.template.cover-basic.ful-red .page,.template.resignation-basic.ful-red .page {
  background-color: #f9ddc0
}

.template.cover-basic.cya .page,.template.resignation-basic.cya .page {
  background-color: #e5f9f9
}

.template.cover-basic.yel .page,.template.resignation-basic.yel .page {
  background-color: #f9e8d2
}

.template.cover-basic.grn .page,.template.resignation-basic.grn .page {
  background-color: #daf2da
}

.template.cover-basic.pin .page,.template.resignation-basic.pin .page {
  background-color: #fce6e6
}

.template.cover-bauhaus .page,.template.resignation-bauhaus .page {
  padding-bottom: 52px;
  padding-top: 39px
}

.template.cover-bauhaus .page:after,.template.resignation-bauhaus .page:after {
  color: #1e3892
}

.template.cover-bauhaus.page-wrapper.numbersShown .outer-page.multi-page .page:after,.template.resignation-bauhaus.page-wrapper.numbersShown .outer-page.multi-page .page:after {
  bottom: 26px;
  padding-right: 60px;
  text-align: right
}

.letter.template.cover-bauhaus.page-wrapper.numbersShown .outer-page.multi-page .page:after,.letter.template.resignation-bauhaus.page-wrapper.numbersShown .outer-page.multi-page .page:after {
  padding-right: 71px
}

.template.cover-bauhaus.letter .general-section .name,.template.resignation-bauhaus.letter .general-section .name {
  padding-left: 71px;
  padding-right: 57px
}

.template.cover-bauhaus.letter .general-section .general-info-wrapper,.template.cover-bauhaus.letter .rich-text,.template.resignation-bauhaus.letter .general-section .general-info-wrapper,.template.resignation-bauhaus.letter .rich-text {
  padding-left: 101px;
  padding-right: 71px
}

.template.cover-bauhaus .general-section .name,.template.resignation-bauhaus .general-section .name {
  color: #1e3892;
  font-size: 35px;
  line-height: 45px;
  padding-bottom: var(--templates-lh-base);
  padding-left: 60px;
  padding-right: 46px
}

.template.cover-bauhaus .general-section .general-info-wrapper,.template.resignation-bauhaus .general-section .general-info-wrapper {
  padding-bottom: clamp(1rem, calc(var(--templates-lh-base)*4), 3.5rem);
  padding-left: 90px;
  padding-right: 60px;
  padding-top: clamp(1rem, calc(var(--templates-lh-base)*3), 3.5rem);
}

.template.cover-bauhaus .general-section .general-info-wrapper.rich-text .note-detail-item,.template.resignation-bauhaus .general-section .general-info-wrapper.rich-text .note-detail-item {
  padding-right: 60px
}

.template.cover-bauhaus .general-section .general-info-wrapper .general-info-from,.template.cover-bauhaus .general-section .general-info-wrapper .general-info-to,.template.resignation-bauhaus .general-section .general-info-wrapper .general-info-from,.template.resignation-bauhaus .general-section .general-info-wrapper .general-info-to {
  display: inline-block;
  vertical-align: top;
  width: 50%
}

.template.cover-bauhaus .general-section .general-info-wrapper .general-info-to,.template.resignation-bauhaus .general-section .general-info-wrapper .general-info-to {
  padding-right: 10px
}

.template.cover-bauhaus .general-section .general-info-wrapper .general-info-from,.template.resignation-bauhaus .general-section .general-info-wrapper .general-info-from {
  color: #1e3892;
  padding-left: 10px;
  text-align: right
}

.template.cover-bauhaus .rich-text,.template.resignation-bauhaus .rich-text {
  padding-left: 90px;
  padding-right: 60px;
  width: 100%
}

.template.cover-bauhaus .rich-text.rich-text .note-detail-item,.template.resignation-bauhaus .rich-text.rich-text .note-detail-item {
  padding-right: 60px
}

.template.cover-bauhaus .rich-text .date,.template.cover-bauhaus.nvy .general-section .general-info-wrapper .general-info-from,.template.cover-bauhaus.nvy .general-section .name,.template.cover-bauhaus.nvy .rich-text .date,.template.resignation-bauhaus .rich-text .date,.template.resignation-bauhaus.nvy .general-section .general-info-wrapper .general-info-from,.template.resignation-bauhaus.nvy .general-section .name,.template.resignation-bauhaus.nvy .rich-text .date {
  color: #1e3892
}

.template.cover-bauhaus.win .general-section .general-info-wrapper .general-info-from,.template.cover-bauhaus.win .general-section .name,.template.cover-bauhaus.win .rich-text .date,.template.resignation-bauhaus.win .general-section .general-info-wrapper .general-info-from,.template.resignation-bauhaus.win .general-section .name,.template.resignation-bauhaus.win .rich-text .date {
  color: #961e27
}

.template.cover-bauhaus.grn .general-section .general-info-wrapper .general-info-from,.template.cover-bauhaus.grn .general-section .name,.template.cover-bauhaus.grn .rich-text .date,.template.resignation-bauhaus.grn .general-section .general-info-wrapper .general-info-from,.template.resignation-bauhaus.grn .general-section .name,.template.resignation-bauhaus.grn .rich-text .date {
  color: #369188
}

.template.cover-bauhaus.bro .general-section .general-info-wrapper .general-info-from,.template.cover-bauhaus.bro .general-section .name,.template.cover-bauhaus.bro .rich-text .date,.template.resignation-bauhaus.bro .general-section .general-info-wrapper .general-info-from,.template.resignation-bauhaus.bro .general-section .name,.template.resignation-bauhaus.bro .rich-text .date {
  color: #884f06
}

.template.cover-bauhaus.pur .general-section .general-info-wrapper .general-info-from,.template.cover-bauhaus.pur .general-section .name,.template.cover-bauhaus.pur .rich-text .date,.template.resignation-bauhaus.pur .general-section .general-info-wrapper .general-info-from,.template.resignation-bauhaus.pur .general-section .name,.template.resignation-bauhaus.pur .rich-text .date {
  color: #ab47bc
}

.template.cover-bauhaus.ste .general-section .general-info-wrapper .general-info-from,.template.cover-bauhaus.ste .general-section .name,.template.cover-bauhaus.ste .rich-text .date,.template.resignation-bauhaus.ste .general-section .general-info-wrapper .general-info-from,.template.resignation-bauhaus.ste .general-section .name,.template.resignation-bauhaus.ste .rich-text .date {
  color: #517484
}

.template.cover-bauhaus.blu .general-section .general-info-wrapper .general-info-from,.template.cover-bauhaus.blu .general-section .name,.template.cover-bauhaus.blu .rich-text .date,.template.resignation-bauhaus.blu .general-section .general-info-wrapper .general-info-from,.template.resignation-bauhaus.blu .general-section .name,.template.resignation-bauhaus.blu .rich-text .date {
  color: #366af6
}

.template.cover-bauhaus.oli .general-section .general-info-wrapper .general-info-from,.template.cover-bauhaus.oli .general-section .name,.template.cover-bauhaus.oli .rich-text .date,.template.resignation-bauhaus.oli .general-section .general-info-wrapper .general-info-from,.template.resignation-bauhaus.oli .general-section .name,.template.resignation-bauhaus.oli .rich-text .date {
  color: #808626
}

.template.cover-bauhaus.gre .general-section .general-info-wrapper .general-info-from,.template.cover-bauhaus.gre .general-section .name,.template.cover-bauhaus.gre .rich-text .date,.template.resignation-bauhaus.gre .general-section .general-info-wrapper .general-info-from,.template.resignation-bauhaus.gre .general-section .name,.template.resignation-bauhaus.gre .rich-text .date {
  color: grey
}

.template.cover-black .page,.template.resignation-black .page {
  padding: 52px 46px 65px 60px
}

.template.cover-black.letter .page,.template.resignation-black.letter .page {
  padding-left: 71px;
  padding-right: 57px
}

.template.cover-black .general-section .name,.template.resignation-black .general-section .name {
  font-size: 34px;
  line-height: 40px;
  padding-bottom: clamp(1rem, calc(var(--templates-lh-base)*4), 3.5rem);
  position: relative;
  text-align: center
}

.template.cover-black .general-section .name:after,.template.resignation-black .general-section .name:after {
  background: #000;
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%
}

.template.cover-black .general-section .general-info-wrapper,.template.resignation-black .general-section .general-info-wrapper {
  padding-bottom: clamp(1rem, calc(var(--templates-lh-base)*6), 3.5rem);
  padding-top: clamp(1rem, calc(var(--templates-lh-base)*3), 3.5rem);
  position: relative
}

.template.cover-black .general-section .general-info-wrapper .general-info-from,.template.cover-black .general-section .general-info-wrapper .general-info-to,.template.resignation-black .general-section .general-info-wrapper .general-info-from,.template.resignation-black .general-section .general-info-wrapper .general-info-to {
  display: inline-block;
  vertical-align: top;
  width: 50%
}

.template.cover-black .general-section .general-info-wrapper .general-info-to,.template.resignation-black .general-section .general-info-wrapper .general-info-to {
  padding-right: 10px
}

.template.cover-black .general-section .general-info-wrapper .general-info-from,.template.resignation-black .general-section .general-info-wrapper .general-info-from {
  padding-left: 10px;
  text-align: right;
  text-align: left
}

.template.cover-black .general-section .general-info-wrapper:after,.template.resignation-black .general-section .general-info-wrapper:after {
  background: #000;
  bottom: clamp(1rem, calc(var(--templates-lh-base)*3), 3.5rem);
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%
}

.template.cover-black.whi .page,.template.resignation-black.whi .page {
  background-color: #fff
}

.template.cover-black.ful-red .page,.template.resignation-black.ful-red .page {
  background-color: #f9ddc0
}

.template.cover-black.cya .page,.template.resignation-black.cya .page {
  background-color: #e5f9f9
}

.template.cover-black.yel .page,.template.resignation-black.yel .page {
  background-color: #f9e8d2
}

.template.cover-black.grn .page,.template.resignation-black.grn .page {
  background-color: #daf2da
}

.template.cover-black.pin .page,.template.resignation-black.pin .page {
  background-color: #fce6e6
}

.template.cover-blurred {
  position: relative
}

.template.cover-blurred.page-wrapper.numbersShown .outer-page.multi-page .page:after {
  padding-right: 60px;
  text-align: right;
  top: 20px
}

.letter.template.cover-blurred.page-wrapper.numbersShown .outer-page.multi-page .page:after {
  padding-right: 71px
}

.template.cover-blurred.letter .general-section .general-info-wrapper,.template.cover-blurred.letter .general-section .name,.template.cover-blurred.letter .rich-text {
  padding-left: 101px;
  padding-right: 71px
}

.template.cover-blurred .page {
  padding-bottom: 104px;
  padding-top: 70px
}

.template.cover-blurred .page .bottom-ornament,.template.cover-blurred .page .top-ornament {
  background-image: url(https://d1civoyjepycei.cloudfront.net/static/assets/bundle/media/blue_bottom.f5cd54c4.png);
  background-size: cover;
  display: block;
  height: 55px;
  left: 0;
  position: absolute;
  width: 100%
}

.template.cover-blurred .page .top-ornament {
  top: 0
}

.template.cover-blurred .page .bottom-ornament {
  bottom: 0
}

.template.cover-blurred .page.first-page .top-ornament {
  display: none
}

.template.cover-blurred .page:not(.first-page) .top-ornament {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1)
}

.template.cover-blurred .general-section .name {
  color: #000;
  font-size: 32px;
  line-height: 50px;
  max-width: 100%;
  padding-bottom: 65px;
  padding-left: 90px;
  padding-right: 60px;
  position: relative;
  text-align: center;
  z-index: 1
}

.template.cover-blurred .general-section .name.rich-text .note-detail-item {
  padding-right: 60px
}

.template.cover-blurred .general-section .name:before {
  background-image: url(https://d1civoyjepycei.cloudfront.net/static/assets/bundle/media/blue_top.53243d02.png);
  background-size: cover;
  content: "";
  height: clamp(1rem, calc(100% + 70px), 3.5rem);
  left: 0;
  position: absolute;
  top: -70px;
  width: 100%;
  z-index: -1
}

.template.cover-blurred .general-section .general-info-wrapper {
  padding-bottom: clamp(1rem, calc(var(--templates-lh-base)*3), 3.5rem);
  padding-left: 90px;
  padding-right: 60px;
  padding-top: clamp(1rem, calc(var(--templates-lh-base)*3), 3.5rem);
}

.template.cover-blurred .general-section .general-info-wrapper.rich-text .note-detail-item {
  padding-right: 60px
}

.template.cover-blurred .general-section .general-info-wrapper .general-info-from,.template.cover-blurred .general-section .general-info-wrapper .general-info-to {
  display: inline-block;
  vertical-align: top;
  width: 50%
}

.template.cover-blurred .general-section .general-info-wrapper .general-info-to {
  padding-right: 10px
}

.template.cover-blurred .general-section .general-info-wrapper .general-info-from {
  padding-left: 10px;
  text-align: right
}

.template.cover-blurred .rich-text {
  padding-left: 90px;
  padding-right: 60px;
  width: 100%
}

.template.cover-blurred .rich-text.rich-text .note-detail-item {
  padding-right: 60px
}

.template.cover-blurred.grn .page .bottom-ornament,.template.cover-blurred.grn .page .top-ornament {
  background-image: url(https://d1civoyjepycei.cloudfront.net/static/assets/bundle/media/green_bottom.b0a8413f.png)
}

.template.cover-blurred.grn .general-section .name:before {
  background-image: url(https://d1civoyjepycei.cloudfront.net/static/assets/bundle/media/green_top.394c0091.png)
}

.template.cover-blurred.cya .page .bottom-ornament,.template.cover-blurred.cya .page .top-ornament {
  background-image: url(https://d1civoyjepycei.cloudfront.net/static/assets/bundle/media/blue_bottom.f5cd54c4.png)
}

.template.cover-blurred.cya .general-section .name:before {
  background-image: url(https://d1civoyjepycei.cloudfront.net/static/assets/bundle/media/blue_top.53243d02.png)
}

.template.cover-blurred.ora .page .bottom-ornament,.template.cover-blurred.ora .page .top-ornament {
  background-image: url(https://d1civoyjepycei.cloudfront.net/static/assets/bundle/media/orange_bottom.d9c4f794.png)
}

.template.cover-blurred.ora .general-section .name:before {
  background-image: url(https://d1civoyjepycei.cloudfront.net/static/assets/bundle/media/orange_top.a9e96eff.png)
}

.template.cover-blurred.pur .page .bottom-ornament,.template.cover-blurred.pur .page .top-ornament {
  background-image: url(https://d1civoyjepycei.cloudfront.net/static/assets/bundle/media/holo_bottom.fa501599.png)
}

.template.cover-blurred.pur .general-section .name:before {
  background-image: url(https://d1civoyjepycei.cloudfront.net/static/assets/bundle/media/holo_top.a45c90c0.png)
}

.template.cover-bubbles .page {
  padding: 52px 0 65px;
  position: relative
}

.template.cover-bubbles.page-wrapper.numbersShown .outer-page.multi-page .page:after {
  bottom: 30px;
  padding-right: 60px;
  text-align: right
}

.letter.template.cover-bubbles.page-wrapper.numbersShown .outer-page.multi-page .page:after {
  padding-right: 71px
}

.template.cover-bubbles.letter .general-section .name {
  max-width: 620px;
  padding-left: 71px;
  padding-right: 71px
}

.template.cover-bubbles.letter .general-section .general-info-wrapper,.template.cover-bubbles.letter .rich-text {
  padding-left: 101px;
  padding-right: 71px
}

.template.cover-bubbles.letter .page:not(.first-page) .top-ornament {
  background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA4MTYgMTA1NCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDJ7ZmlsbDojZmFjZDQ4fTwvc3R5bGU+PHBhdGggZD0iTTQ0LjgwOCAxMjUuNDI2YzAtMjcuNTIyLTE5LjEyNy01MC41NjEtNDQuODA4LTU2LjU5M3YxMTMuMTg1YzI1LjY4Mi02LjAzMSA0NC44MDgtMjkuMDcgNDQuODA4LTU2LjU5MnoiIGZpbGw9IiNlZTRlMzQiLz48cGF0aCBkPSJNNDU3LjY4OSAzMS4wNTFjMTkuMDkgMCAzNS4wNzYtMTMuMjQ5IDM5LjI5MS0zMS4wNTFoLTc4LjU4M2M0LjIxNiAxNy44MDIgMjAuMjAyIDMxLjA1MSAzOS4yOTIgMzEuMDUxem0xOTEuODgzIDk5Mi4wOTRjLTE5LjAyIDAtMzQuOTYgMTMuMTUyLTM5LjI0NiAzMC44NTVoNzguNDkyYy00LjI4Ni0xNy43MDMtMjAuMjI2LTMwLjg1NS0zOS4yNDYtMzAuODU1eiIgc3R5bGU9ImZpbGw6IzQxYzBjOSIvPjxjaXJjbGUgY2xhc3M9InN0MiIgY3g9IjU2NC4wMyIgY3k9IjEwMTkuNTY2IiByPSIxMC44NzIiLz48cGF0aCBjbGFzcz0ic3QyIiBkPSJNNjg3LjE1NiAwaC00OC44MjRjLjA1OSAyLjEyNC4zMjggNC4xOTUuNzg4IDYuMTkzIDMuMjA5IDEzLjkyIDE1LjY3MSAyNC4zMDMgMzAuNTY2IDI0LjMwMyAyLjY3MiAwIDUuMjY1LS4zMzYgNy43NDItLjk2NUM2OTAuNzM5IDI2LjE1MyA3MDAuNjQ3IDE0LjI2NiA3MDEuMDQxIDBoLTEzLjg4NXpNMTQ0LjI0IDE0Ljg5OWMxMS4yODQgMCAyMS4xNzMtNS45NTkgMjYuNzAxLTE0Ljg5OWgtNTMuNDAzYzUuNTMgOC45NCAxNS40MTggMTQuODk5IDI2LjcwMiAxNC44OTl6Ii8+PC9zdmc+) no-repeat;
  background-size: 101%
}

.template.cover-bubbles.letter .page.first-page .top-ornament {
  background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA4MTYgMTA1NCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDB7ZmlsbDojZWU0ZTM0fS5zdDJ7ZmlsbDojZmFjZDQ4fTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTc5MC42MDIgMGMtOS4wMyAyMS45OTctMjUuNTI2IDQwLjEzNi00Ni4zNCA1MS4yNjUuNDYyIDMuMTguNzEyIDYuNDMuNzEyIDkuNzM5IDAgMzEuNjM5LTIxLjg5NiA1OC4xNDktNTEuMzU2IDY1LjI0NSAyMy42NzUgMzkuODcxIDY3LjE2IDY2LjYwMSAxMTYuODk0IDY2LjYwMWExMzYuOSAxMzYuOSAwIDAgMCA1LjQ4OC0uMTJWMGgtMjUuMzk4eiIvPjxwYXRoIGQ9Ik02MzkuMTIgNi4xOTNBMzEuMzM4IDMxLjMzOCAwIDAgMSA2MzguMzMyIDBINjAxLjk0YTEwMS45NTUgMTAxLjk1NSAwIDAgMCAxNy4zNzEgMjguMTZBNjcuNDMgNjcuNDMgMCAwIDEgNjM5LjEyIDYuMTkzem0xMDUuMTQyIDQ1LjA3MmMyMC44MTMtMTEuMTI4IDM3LjMxLTI5LjI2OCA0Ni4zNC01MS4yNjVINzA1Ljg1YzIwLjI2NSA5LjMxOCAzNS4wOTEgMjguNDIgMzguNDEyIDUxLjI2NXoiIHN0eWxlPSJmaWxsOiM4MGRlZWEiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDQuODA4IDEyNS40MjZjMC0yNy41MjItMTkuMTI3LTUwLjU2MS00NC44MDgtNTYuNTkzdjExMy4xODVjMjUuNjgyLTYuMDMxIDQ0LjgwOC0yOS4wNyA0NC44MDgtNTYuNTkyeiIvPjxjaXJjbGUgY2xhc3M9InN0MiIgY3g9IjY1MC44MDIiIGN5PSIxNDQuNTUyIiByPSI3LjE3Ii8+PHBhdGggZD0iTTc0NC4yNjIgNTEuMjY1Qzc0MC45NDEgMjguNDIgNzI2LjExNSA5LjMxOCA3MDUuODUgMGgtNC44MDljLS4zOTQgMTQuMjY2LTEwLjMwMiAyNi4xNTMtMjMuNjEzIDI5LjUzMS0yLjQ3Ny42MjktNS4wNy45NjUtNy43NDIuOTY1LTE0Ljg5NSAwLTI3LjM1Ny0xMC4zODItMzAuNTY2LTI0LjMwM2E2Ny40MzQgNjcuNDM0IDAgMCAwLTE5LjgwOCAyMS45NjYgNjYuNzkyIDY2Ljc5MiAwIDAgMC04LjU4OSAzMi44NDRjMCAzNy4wNzMgMzAuMDUzIDY3LjEyNiA2Ny4xMjYgNjcuMTI2IDUuNDM0IDAgMTAuNzEtLjY2MiAxNS43Ny0xLjg4MSAyOS40NjEtNy4wOTYgNTEuMzU2LTMzLjYwNiA1MS4zNTYtNjUuMjQ1YTY3LjgyNyA2Ny44MjcgMCAwIDAtLjcxMy05LjczOHpNNDU3LjY4OSAzMS4wNTFjMTkuMDkgMCAzNS4wNzYtMTMuMjQ5IDM5LjI5MS0zMS4wNTFoLTc4LjU4M2M0LjIxNiAxNy44MDIgMjAuMjAyIDMxLjA1MSAzOS4yOTIgMzEuMDUxem0xOTEuODgzIDk5Mi4wOTRjLTE5LjAyIDAtMzQuOTYgMTMuMTUyLTM5LjI0NiAzMC44NTVoNzguNDkyYy00LjI4Ni0xNy43MDMtMjAuMjI2LTMwLjg1NS0zOS4yNDYtMzAuODU1eiIgc3R5bGU9ImZpbGw6IzQxYzBjOSIvPjxjaXJjbGUgY2xhc3M9InN0MCIgY3g9IjU2OC4wNTYiIGN5PSI0NC40NDMiIHI9IjE2LjU2MSIvPjxjaXJjbGUgY2xhc3M9InN0MCIgY3g9IjY4MC42NSIgY3k9IjE5Mi44NDkiIHI9IjE4LjM5NiIvPjxjaXJjbGUgY2xhc3M9InN0MiIgY3g9IjU2NC4wMyIgY3k9IjEwMTkuNTY2IiByPSIxMC44NzIiLz48cGF0aCBjbGFzcz0ic3QyIiBkPSJNNjg3LjE1NiAwaC00OC44MjRjLjA1OSAyLjEyNC4zMjggNC4xOTUuNzg4IDYuMTkzIDMuMjA5IDEzLjkyIDE1LjY3MSAyNC4zMDMgMzAuNTY2IDI0LjMwMyAyLjY3MiAwIDUuMjY1LS4zMzYgNy43NDItLjk2NUM2OTAuNzM5IDI2LjE1MyA3MDAuNjQ3IDE0LjI2NiA3MDEuMDQxIDBoLTEzLjg4NXpNMTQ0LjI0IDE0Ljg5OWMxMS4yODQgMCAyMS4xNzMtNS45NTkgMjYuNzAxLTE0Ljg5OWgtNTMuNDAzYzUuNTMgOC45NCAxNS40MTggMTQuODk5IDI2LjcwMiAxNC44OTl6Ii8+PC9zdmc+) no-repeat;
  background-size: 101%
}

.template.cover-bubbles .top-ornament {
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.template.cover-bubbles .page:not(.first-page) .top-ornament {
  background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA3OTQgMTEyMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDJ7ZmlsbDojZmFjZDQ4fTwvc3R5bGU+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGg3OTR2MTEyMkgweiIvPjxwYXRoIGQ9Ik00NDMgMzEuMWMxOS4xIDAgMzUuMS0xMy4yIDM5LjMtMzEuMWgtNzguNmM0LjIgMTcuOCAyMC4yIDMxLjEgMzkuMyAzMS4xem0xOTEuOSAxMDYwLjFjLTE5LjQgMC0zNS41IDEzLjYtMzkuNSAzMS44aDc4LjljLTMuOS0xOC4yLTIwLTMxLjgtMzkuNC0zMS44eiIgc3R5bGU9ImZpbGw6IzQxYzBjOSIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik02NTUgMzAuNWMxNyAwIDMwLjktMTMuNiAzMS40LTMwLjVoLTYyLjdjLjQgMTYuOSAxNC4zIDMwLjUgMzEuMyAzMC41ek0xMjkuNiAxNC45YzExLjMgMCAyMS4yLTYgMjYuNy0xNC45aC01My40YzUuNSA4LjkgMTUuNCAxNC45IDI2LjcgMTQuOXoiLz48Y2lyY2xlIHRyYW5zZm9ybT0icm90YXRlKC05LjIxMyA1NDkuNDg3IDEwODcuNTE0KSIgY2xhc3M9InN0MiIgY3g9IjU0OS40IiBjeT0iMTA4Ny42IiByPSIxMC45Ii8+PHBhdGggZD0iTTI5LjggMTI1LjRjMC0yMS44LTEyLTQwLjgtMjkuOC01MC44djEwMS41YzE3LjgtOS44IDI5LjgtMjguOSAyOS44LTUwLjd6IiBmaWxsPSIjZWU0ZTM0Ii8+PC9zdmc+) no-repeat;
  background-size: 101%
}

.template.cover-bubbles .page.first-page .top-ornament {
  background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA3OTQgMTEyMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDB7ZmlsbDojZWU0ZTM0fS5zdDF7ZmlsbDojZmFjZDQ4fS5zdDJ7ZmlsbDojNDFjMGM5fTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTY3My4yNzIgMGMtNy44ODUgMTcuMjEtMTIuMjg5IDM2LjM0OC0xMi4yODkgNTYuNTE3IDAgNzQuMDgzIDU5LjI5NiAxMzQuMzEgMTMzLjAxNiAxMzUuODI0VjBINjczLjI3MnoiLz48Y2lyY2xlIGNsYXNzPSJzdDEiIGN4PSI2MzYuMTM0IiBjeT0iMTQ0LjA4MSIgcj0iNy4xNyIvPjxjaXJjbGUgY2xhc3M9InN0MCIgY3g9IjU1My4zODgiIGN5PSI0My45NzEiIHI9IjE2LjU2MSIvPjxjaXJjbGUgY2xhc3M9InN0MCIgY3g9IjY2NS45ODIiIGN5PSIxOTIuMzc4IiByPSIxOC4zOTYiLz48Y2lyY2xlIGNsYXNzPSJzdDEiIGN4PSI1NDkuMzYyIiBjeT0iMTA4Ny4wOTkiIHI9IjEwLjg3MiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik02NzQuMjU4IDExMjJjLTQuMTE3LTE3LjkzOC0yMC4xNjctMzEuMzIyLTM5LjM1NC0zMS4zMjJzLTM1LjIzNyAxMy4zODQtMzkuMzU0IDMxLjMyMmg3OC43MDh6Ii8+PHBhdGggY2xhc3M9InN0MCIgZD0iTTAgNzMuOTkydjEwMS45MjVjMTcuOTY1LTkuODk0IDMwLjE0LTI5LjAwNCAzMC4xNC01MC45NjNTMTcuOTY1IDgzLjg4NiAwIDczLjk5MnoiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTAzLjE3MyAwYzUuNTgyIDguNjc2IDE1LjMxNiAxNC40MjggMjYuMzk5IDE0LjQyOFMxNTAuMzkgOC42NzYgMTU1Ljk3MiAwaC01Mi43OTl6Ii8+PHBhdGggY2xhc3M9InN0MiIgZD0iTTQwMy44MzkgMGM0LjM4MyAxNy41NjUgMjAuMjYgMzAuNTggMzkuMTgzIDMwLjU4IDE4LjkyMiAwIDM0LjgtMTMuMDE1IDM5LjE4My0zMC41OGgtNzguMzY2eiIvPjxwYXRoIGQ9Ik01ODcuNDY1IDBjMTUuMzUgMzYuODYzIDUxLjcxNSA2Mi43ODEgOTQuMTM4IDYyLjc4MVM3NjAuMzkyIDM2Ljg2MyA3NzUuNzQxIDBINTg3LjQ2NXoiIGZpbGw9IiM4MGRlZWEiLz48cGF0aCBjbGFzcz0ic3QyIiBkPSJNNjkyLjIyNiAwaC01OC4wOWMtMjIuNTI5IDEwLjgzLTM4LjA4MSAzMy44NjQtMzguMDgxIDYwLjUzMiAwIDM3LjA3MyAzMC4wNTMgNjcuMTI2IDY3LjEyNiA2Ny4xMjYgMzcuMDczIDAgNjcuMTI2LTMwLjA1MyA2Ny4xMjYtNjcuMTI2QzczMC4zMDYgMzMuODY0IDcxNC43NTQgMTAuODMgNjkyLjIyNiAweiIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik02MjMuNjc2IDBjLjcwOSAxNi43MDEgMTQuNDY3IDMwLjAyNSAzMS4zNDMgMzAuMDI1UzY4NS42NTMgMTYuNzAxIDY4Ni4zNjIgMGgtNjIuNjg2eiIvPjwvc3ZnPg==) no-repeat;
  background-size: 101%
}

.template.cover-bubbles .general-section {
  min-height: 260px
}

.template.cover-bubbles .general-section .name {
  color: #000;
  font-size: 34px;
  line-height: 40px;
  max-width: 580px;
  padding-bottom: 145px;
  padding-left: 60px;
  padding-right: 60px
}

.template.cover-bubbles .general-section .name.rich-text .note-detail-item {
  padding-right: 60px
}

.template.cover-bubbles .general-section .general-info-wrapper {
  padding-bottom: clamp(1rem, calc(var(--templates-lh-base)*4), 3.5rem);
  padding-left: 90px;
  padding-right: 60px
}

.template.cover-bubbles .general-section .general-info-wrapper.rich-text .note-detail-item {
  padding-right: 60px
}

.template.cover-bubbles .general-section .general-info-wrapper .general-info-from,.template.cover-bubbles .general-section .general-info-wrapper .general-info-to {
  display: inline-block;
  vertical-align: top;
  width: 50%
}

.template.cover-bubbles .general-section .general-info-wrapper .general-info-to {
  padding-right: 10px
}

.template.cover-bubbles .general-section .general-info-wrapper .general-info-from {
  padding-left: 10px;
  text-align: right
}

.template.cover-bubbles .rich-text {
  padding-left: 90px;
  padding-right: 60px;
  width: 100%
}

.template.cover-bubbles .rich-text.rich-text .note-detail-item {
  padding-right: 60px
}

.template.cover-bubbles.yel-blu.letter .page:not(.first-page) .top-ornament {
  background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA4MTYgMTA1NCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDJ7ZmlsbDojZmFjZDQ4fTwvc3R5bGU+PHBhdGggZD0iTTQ0LjgwOCAxMjUuNDI2YzAtMjcuNTIyLTE5LjEyNy01MC41NjEtNDQuODA4LTU2LjU5M3YxMTMuMTg1YzI1LjY4Mi02LjAzMSA0NC44MDgtMjkuMDcgNDQuODA4LTU2LjU5MnoiIGZpbGw9IiNlZTRlMzQiLz48cGF0aCBkPSJNNDU3LjY4OSAzMS4wNTFjMTkuMDkgMCAzNS4wNzYtMTMuMjQ5IDM5LjI5MS0zMS4wNTFoLTc4LjU4M2M0LjIxNiAxNy44MDIgMjAuMjAyIDMxLjA1MSAzOS4yOTIgMzEuMDUxem0xOTEuODgzIDk5Mi4wOTRjLTE5LjAyIDAtMzQuOTYgMTMuMTUyLTM5LjI0NiAzMC44NTVoNzguNDkyYy00LjI4Ni0xNy43MDMtMjAuMjI2LTMwLjg1NS0zOS4yNDYtMzAuODU1eiIgc3R5bGU9ImZpbGw6IzQxYzBjOSIvPjxjaXJjbGUgY2xhc3M9InN0MiIgY3g9IjU2NC4wMyIgY3k9IjEwMTkuNTY2IiByPSIxMC44NzIiLz48cGF0aCBjbGFzcz0ic3QyIiBkPSJNNjg3LjE1NiAwaC00OC44MjRjLjA1OSAyLjEyNC4zMjggNC4xOTUuNzg4IDYuMTkzIDMuMjA5IDEzLjkyIDE1LjY3MSAyNC4zMDMgMzAuNTY2IDI0LjMwMyAyLjY3MiAwIDUuMjY1LS4zMzYgNy43NDItLjk2NUM2OTAuNzM5IDI2LjE1MyA3MDAuNjQ3IDE0LjI2NiA3MDEuMDQxIDBoLTEzLjg4NXpNMTQ0LjI0IDE0Ljg5OWMxMS4yODQgMCAyMS4xNzMtNS45NTkgMjYuNzAxLTE0Ljg5OWgtNTMuNDAzYzUuNTMgOC45NCAxNS40MTggMTQuODk5IDI2LjcwMiAxNC44OTl6Ii8+PC9zdmc+) no-repeat;
  background-size: 101%
}

.template.cover-bubbles.yel-blu.letter .page.first-page .top-ornament {
  background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA4MTYgMTA1NCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDB7ZmlsbDojZWU0ZTM0fS5zdDJ7ZmlsbDojZmFjZDQ4fTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTc5MC42MDIgMGMtOS4wMyAyMS45OTctMjUuNTI2IDQwLjEzNi00Ni4zNCA1MS4yNjUuNDYyIDMuMTguNzEyIDYuNDMuNzEyIDkuNzM5IDAgMzEuNjM5LTIxLjg5NiA1OC4xNDktNTEuMzU2IDY1LjI0NSAyMy42NzUgMzkuODcxIDY3LjE2IDY2LjYwMSAxMTYuODk0IDY2LjYwMWExMzYuOSAxMzYuOSAwIDAgMCA1LjQ4OC0uMTJWMGgtMjUuMzk4eiIvPjxwYXRoIGQ9Ik02MzkuMTIgNi4xOTNBMzEuMzM4IDMxLjMzOCAwIDAgMSA2MzguMzMyIDBINjAxLjk0YTEwMS45NTUgMTAxLjk1NSAwIDAgMCAxNy4zNzEgMjguMTZBNjcuNDMgNjcuNDMgMCAwIDEgNjM5LjEyIDYuMTkzem0xMDUuMTQyIDQ1LjA3MmMyMC44MTMtMTEuMTI4IDM3LjMxLTI5LjI2OCA0Ni4zNC01MS4yNjVINzA1Ljg1YzIwLjI2NSA5LjMxOCAzNS4wOTEgMjguNDIgMzguNDEyIDUxLjI2NXoiIHN0eWxlPSJmaWxsOiM4MGRlZWEiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDQuODA4IDEyNS40MjZjMC0yNy41MjItMTkuMTI3LTUwLjU2MS00NC44MDgtNTYuNTkzdjExMy4xODVjMjUuNjgyLTYuMDMxIDQ0LjgwOC0yOS4wNyA0NC44MDgtNTYuNTkyeiIvPjxjaXJjbGUgY2xhc3M9InN0MiIgY3g9IjY1MC44MDIiIGN5PSIxNDQuNTUyIiByPSI3LjE3Ii8+PHBhdGggZD0iTTc0NC4yNjIgNTEuMjY1Qzc0MC45NDEgMjguNDIgNzI2LjExNSA5LjMxOCA3MDUuODUgMGgtNC44MDljLS4zOTQgMTQuMjY2LTEwLjMwMiAyNi4xNTMtMjMuNjEzIDI5LjUzMS0yLjQ3Ny42MjktNS4wNy45NjUtNy43NDIuOTY1LTE0Ljg5NSAwLTI3LjM1Ny0xMC4zODItMzAuNTY2LTI0LjMwM2E2Ny40MzQgNjcuNDM0IDAgMCAwLTE5LjgwOCAyMS45NjYgNjYuNzkyIDY2Ljc5MiAwIDAgMC04LjU4OSAzMi44NDRjMCAzNy4wNzMgMzAuMDUzIDY3LjEyNiA2Ny4xMjYgNjcuMTI2IDUuNDM0IDAgMTAuNzEtLjY2MiAxNS43Ny0xLjg4MSAyOS40NjEtNy4wOTYgNTEuMzU2LTMzLjYwNiA1MS4zNTYtNjUuMjQ1YTY3LjgyNyA2Ny44MjcgMCAwIDAtLjcxMy05LjczOHpNNDU3LjY4OSAzMS4wNTFjMTkuMDkgMCAzNS4wNzYtMTMuMjQ5IDM5LjI5MS0zMS4wNTFoLTc4LjU4M2M0LjIxNiAxNy44MDIgMjAuMjAyIDMxLjA1MSAzOS4yOTIgMzEuMDUxem0xOTEuODgzIDk5Mi4wOTRjLTE5LjAyIDAtMzQuOTYgMTMuMTUyLTM5LjI0NiAzMC44NTVoNzguNDkyYy00LjI4Ni0xNy43MDMtMjAuMjI2LTMwLjg1NS0zOS4yNDYtMzAuODU1eiIgc3R5bGU9ImZpbGw6IzQxYzBjOSIvPjxjaXJjbGUgY2xhc3M9InN0MCIgY3g9IjU2OC4wNTYiIGN5PSI0NC40NDMiIHI9IjE2LjU2MSIvPjxjaXJjbGUgY2xhc3M9InN0MCIgY3g9IjY4MC42NSIgY3k9IjE5Mi44NDkiIHI9IjE4LjM5NiIvPjxjaXJjbGUgY2xhc3M9InN0MiIgY3g9IjU2NC4wMyIgY3k9IjEwMTkuNTY2IiByPSIxMC44NzIiLz48cGF0aCBjbGFzcz0ic3QyIiBkPSJNNjg3LjE1NiAwaC00OC44MjRjLjA1OSAyLjEyNC4zMjggNC4xOTUuNzg4IDYuMTkzIDMuMjA5IDEzLjkyIDE1LjY3MSAyNC4zMDMgMzAuNTY2IDI0LjMwMyAyLjY3MiAwIDUuMjY1LS4zMzYgNy43NDItLjk2NUM2OTAuNzM5IDI2LjE1MyA3MDAuNjQ3IDE0LjI2NiA3MDEuMDQxIDBoLTEzLjg4NXpNMTQ0LjI0IDE0Ljg5OWMxMS4yODQgMCAyMS4xNzMtNS45NTkgMjYuNzAxLTE0Ljg5OWgtNTMuNDAzYzUuNTMgOC45NCAxNS40MTggMTQuODk5IDI2LjcwMiAxNC44OTl6Ii8+PC9zdmc+) no-repeat;
  background-size: 101%
}

.template.cover-bubbles.yel-blu:not(.letter) .page:not(.first-page) .top-ornament {
  background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA3OTQgMTEyMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDJ7ZmlsbDojZmFjZDQ4fTwvc3R5bGU+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGg3OTR2MTEyMkgweiIvPjxwYXRoIGQ9Ik00NDMgMzEuMWMxOS4xIDAgMzUuMS0xMy4yIDM5LjMtMzEuMWgtNzguNmM0LjIgMTcuOCAyMC4yIDMxLjEgMzkuMyAzMS4xem0xOTEuOSAxMDYwLjFjLTE5LjQgMC0zNS41IDEzLjYtMzkuNSAzMS44aDc4LjljLTMuOS0xOC4yLTIwLTMxLjgtMzkuNC0zMS44eiIgc3R5bGU9ImZpbGw6IzQxYzBjOSIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik02NTUgMzAuNWMxNyAwIDMwLjktMTMuNiAzMS40LTMwLjVoLTYyLjdjLjQgMTYuOSAxNC4zIDMwLjUgMzEuMyAzMC41ek0xMjkuNiAxNC45YzExLjMgMCAyMS4yLTYgMjYuNy0xNC45aC01My40YzUuNSA4LjkgMTUuNCAxNC45IDI2LjcgMTQuOXoiLz48Y2lyY2xlIHRyYW5zZm9ybT0icm90YXRlKC05LjIxMyA1NDkuNDg3IDEwODcuNTE0KSIgY2xhc3M9InN0MiIgY3g9IjU0OS40IiBjeT0iMTA4Ny42IiByPSIxMC45Ii8+PHBhdGggZD0iTTI5LjggMTI1LjRjMC0yMS44LTEyLTQwLjgtMjkuOC01MC44djEwMS41YzE3LjgtOS44IDI5LjgtMjguOSAyOS44LTUwLjd6IiBmaWxsPSIjZWU0ZTM0Ii8+PC9zdmc+) no-repeat;
  background-size: 101%
}

.template.cover-bubbles.yel-blu:not(.letter) .page.first-page .top-ornament {
  background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA3OTQgMTEyMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDB7ZmlsbDojZWU0ZTM0fS5zdDF7ZmlsbDojZmFjZDQ4fS5zdDJ7ZmlsbDojNDFjMGM5fTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTY3My4yNzIgMGMtNy44ODUgMTcuMjEtMTIuMjg5IDM2LjM0OC0xMi4yODkgNTYuNTE3IDAgNzQuMDgzIDU5LjI5NiAxMzQuMzEgMTMzLjAxNiAxMzUuODI0VjBINjczLjI3MnoiLz48Y2lyY2xlIGNsYXNzPSJzdDEiIGN4PSI2MzYuMTM0IiBjeT0iMTQ0LjA4MSIgcj0iNy4xNyIvPjxjaXJjbGUgY2xhc3M9InN0MCIgY3g9IjU1My4zODgiIGN5PSI0My45NzEiIHI9IjE2LjU2MSIvPjxjaXJjbGUgY2xhc3M9InN0MCIgY3g9IjY2NS45ODIiIGN5PSIxOTIuMzc4IiByPSIxOC4zOTYiLz48Y2lyY2xlIGNsYXNzPSJzdDEiIGN4PSI1NDkuMzYyIiBjeT0iMTA4Ny4wOTkiIHI9IjEwLjg3MiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik02NzQuMjU4IDExMjJjLTQuMTE3LTE3LjkzOC0yMC4xNjctMzEuMzIyLTM5LjM1NC0zMS4zMjJzLTM1LjIzNyAxMy4zODQtMzkuMzU0IDMxLjMyMmg3OC43MDh6Ii8+PHBhdGggY2xhc3M9InN0MCIgZD0iTTAgNzMuOTkydjEwMS45MjVjMTcuOTY1LTkuODk0IDMwLjE0LTI5LjAwNCAzMC4xNC01MC45NjNTMTcuOTY1IDgzLjg4NiAwIDczLjk5MnoiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTAzLjE3MyAwYzUuNTgyIDguNjc2IDE1LjMxNiAxNC40MjggMjYuMzk5IDE0LjQyOFMxNTAuMzkgOC42NzYgMTU1Ljk3MiAwaC01Mi43OTl6Ii8+PHBhdGggY2xhc3M9InN0MiIgZD0iTTQwMy44MzkgMGM0LjM4MyAxNy41NjUgMjAuMjYgMzAuNTggMzkuMTgzIDMwLjU4IDE4LjkyMiAwIDM0LjgtMTMuMDE1IDM5LjE4My0zMC41OGgtNzguMzY2eiIvPjxwYXRoIGQ9Ik01ODcuNDY1IDBjMTUuMzUgMzYuODYzIDUxLjcxNSA2Mi43ODEgOTQuMTM4IDYyLjc4MVM3NjAuMzkyIDM2Ljg2MyA3NzUuNzQxIDBINTg3LjQ2NXoiIGZpbGw9IiM4MGRlZWEiLz48cGF0aCBjbGFzcz0ic3QyIiBkPSJNNjkyLjIyNiAwaC01OC4wOWMtMjIuNTI5IDEwLjgzLTM4LjA4MSAzMy44NjQtMzguMDgxIDYwLjUzMiAwIDM3LjA3MyAzMC4wNTMgNjcuMTI2IDY3LjEyNiA2Ny4xMjYgMzcuMDczIDAgNjcuMTI2LTMwLjA1MyA2Ny4xMjYtNjcuMTI2QzczMC4zMDYgMzMuODY0IDcxNC43NTQgMTAuODMgNjkyLjIyNiAweiIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik02MjMuNjc2IDBjLjcwOSAxNi43MDEgMTQuNDY3IDMwLjAyNSAzMS4zNDMgMzAuMDI1UzY4NS42NTMgMTYuNzAxIDY4Ni4zNjIgMGgtNjIuNjg2eiIvPjwvc3ZnPg==) no-repeat;
  background-size: 101%
}

.template.cover-bubbles.blu-pin.letter .page:not(.first-page) .top-ornament {
  background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA4MTYgMTA1NCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDJ7ZmlsbDojOWJiZmNjfTwvc3R5bGU+PHBhdGggZD0iTTQ0LjgwOCAxMjUuNDI2YzAtMjcuNTIyLTE5LjEyNy01MC41NjEtNDQuODA4LTU2LjU5M3YxMTMuMTg1YzI1LjY4Mi02LjAzMSA0NC44MDgtMjkuMDcgNDQuODA4LTU2LjU5MnoiIGZpbGw9IiNjMmI1OWIiLz48cGF0aCBkPSJNNDU3LjY4OSAzMS4wNTFjMTkuMDkgMCAzNS4wNzYtMTMuMjQ5IDM5LjI5MS0zMS4wNTFoLTc4LjU4M2M0LjIxNiAxNy44MDIgMjAuMjAyIDMxLjA1MSAzOS4yOTIgMzEuMDUxem0xOTEuODgzIDk5Mi4wOTRjLTE5LjAyIDAtMzQuOTYgMTMuMTUyLTM5LjI0NiAzMC44NTVoNzguNDkyYy00LjI4Ni0xNy43MDMtMjAuMjI2LTMwLjg1NS0zOS4yNDYtMzAuODU1eiIgc3R5bGU9ImZpbGw6I2VmOWE5YSIvPjxjaXJjbGUgY2xhc3M9InN0MiIgY3g9IjU2NC4wMyIgY3k9IjEwMTkuNTY2IiByPSIxMC44NzIiLz48cGF0aCBjbGFzcz0ic3QyIiBkPSJNNjg3LjE1NiAwaC00OC44MjRjLjA1OSAyLjEyNC4zMjggNC4xOTUuNzg4IDYuMTkzIDMuMjA5IDEzLjkyIDE1LjY3MSAyNC4zMDMgMzAuNTY2IDI0LjMwMyAyLjY3MiAwIDUuMjY1LS4zMzYgNy43NDItLjk2NUM2OTAuNzM5IDI2LjE1MyA3MDAuNjQ3IDE0LjI2NiA3MDEuMDQxIDBoLTEzLjg4NXpNMTQ0LjI0IDE0Ljg5OWMxMS4yODQgMCAyMS4xNzMtNS45NTkgMjYuNzAxLTE0Ljg5OWgtNTMuNDAzYzUuNTMgOC45NCAxNS40MTggMTQuODk5IDI2LjcwMiAxNC44OTl6Ii8+PC9zdmc+) no-repeat;
  background-size: 101%
}

.template.cover-bubbles.blu-pin.letter .page.first-page .top-ornament {
  background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA4MTYgMTA1NCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDB7ZmlsbDojYzJiNTlifS5zdDJ7ZmlsbDojOWJiZmNjfTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTc5MC42MDIgMGMtOS4wMyAyMS45OTctMjUuNTI2IDQwLjEzNi00Ni4zNCA1MS4yNjUuNDYyIDMuMTguNzEyIDYuNDMuNzEyIDkuNzM5IDAgMzEuNjM5LTIxLjg5NiA1OC4xNDktNTEuMzU2IDY1LjI0NSAyMy42NzUgMzkuODcxIDY3LjE2IDY2LjYwMSAxMTYuODk0IDY2LjYwMWExMzYuOSAxMzYuOSAwIDAgMCA1LjQ4OC0uMTJWMGgtMjUuMzk4eiIvPjxwYXRoIGQ9Ik02MzkuMTIgNi4xOTNBMzEuMzM4IDMxLjMzOCAwIDAgMSA2MzguMzMyIDBINjAxLjk0YTEwMS45NTUgMTAxLjk1NSAwIDAgMCAxNy4zNzEgMjguMTZBNjcuNDMgNjcuNDMgMCAwIDEgNjM5LjEyIDYuMTkzem0xMDUuMTQyIDQ1LjA3MmMyMC44MTMtMTEuMTI4IDM3LjMxLTI5LjI2OCA0Ni4zNC01MS4yNjVINzA1Ljg1YzIwLjI2NSA5LjMxOCAzNS4wOTEgMjguNDIgMzguNDEyIDUxLjI2NXoiIHN0eWxlPSJmaWxsOiNmN2JhYmEiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDQuODA4IDEyNS40MjZjMC0yNy41MjItMTkuMTI3LTUwLjU2MS00NC44MDgtNTYuNTkzdjExMy4xODVjMjUuNjgyLTYuMDMxIDQ0LjgwOC0yOS4wNyA0NC44MDgtNTYuNTkyeiIvPjxjaXJjbGUgY2xhc3M9InN0MiIgY3g9IjY1MC44MDIiIGN5PSIxNDQuNTUyIiByPSI3LjE3Ii8+PHBhdGggZD0iTTc0NC4yNjIgNTEuMjY1Qzc0MC45NDEgMjguNDIgNzI2LjExNSA5LjMxOCA3MDUuODUgMGgtNC44MDljLS4zOTQgMTQuMjY2LTEwLjMwMiAyNi4xNTMtMjMuNjEzIDI5LjUzMS0yLjQ3Ny42MjktNS4wNy45NjUtNy43NDIuOTY1LTE0Ljg5NSAwLTI3LjM1Ny0xMC4zODItMzAuNTY2LTI0LjMwM2E2Ny40MzQgNjcuNDM0IDAgMCAwLTE5LjgwOCAyMS45NjYgNjYuNzkyIDY2Ljc5MiAwIDAgMC04LjU4OSAzMi44NDRjMCAzNy4wNzMgMzAuMDUzIDY3LjEyNiA2Ny4xMjYgNjcuMTI2IDUuNDM0IDAgMTAuNzEtLjY2MiAxNS43Ny0xLjg4MSAyOS40NjEtNy4wOTYgNTEuMzU2LTMzLjYwNiA1MS4zNTYtNjUuMjQ1YTY3LjgyNyA2Ny44MjcgMCAwIDAtLjcxMy05LjczOHpNNDU3LjY4OSAzMS4wNTFjMTkuMDkgMCAzNS4wNzYtMTMuMjQ5IDM5LjI5MS0zMS4wNTFoLTc4LjU4M2M0LjIxNiAxNy44MDIgMjAuMjAyIDMxLjA1MSAzOS4yOTIgMzEuMDUxem0xOTEuODgzIDk5Mi4wOTRjLTE5LjAyIDAtMzQuOTYgMTMuMTUyLTM5LjI0NiAzMC44NTVoNzguNDkyYy00LjI4Ni0xNy43MDMtMjAuMjI2LTMwLjg1NS0zOS4yNDYtMzAuODU1eiIgc3R5bGU9ImZpbGw6I2VmOWE5YSIvPjxjaXJjbGUgY2xhc3M9InN0MCIgY3g9IjU2OC4wNTYiIGN5PSI0NC40NDMiIHI9IjE2LjU2MSIvPjxjaXJjbGUgY2xhc3M9InN0MCIgY3g9IjY4MC42NSIgY3k9IjE5Mi44NDkiIHI9IjE4LjM5NiIvPjxjaXJjbGUgY2xhc3M9InN0MiIgY3g9IjU2NC4wMyIgY3k9IjEwMTkuNTY2IiByPSIxMC44NzIiLz48cGF0aCBjbGFzcz0ic3QyIiBkPSJNNjg3LjE1NiAwaC00OC44MjRjLjA1OSAyLjEyNC4zMjggNC4xOTUuNzg4IDYuMTkzIDMuMjA5IDEzLjkyIDE1LjY3MSAyNC4zMDMgMzAuNTY2IDI0LjMwMyAyLjY3MiAwIDUuMjY1LS4zMzYgNy43NDItLjk2NUM2OTAuNzM5IDI2LjE1MyA3MDAuNjQ3IDE0LjI2NiA3MDEuMDQxIDBoLTEzLjg4NXpNMTQ0LjI0IDE0Ljg5OWMxMS4yODQgMCAyMS4xNzMtNS45NTkgMjYuNzAxLTE0Ljg5OWgtNTMuNDAzYzUuNTMgOC45NCAxNS40MTggMTQuODk5IDI2LjcwMiAxNC44OTl6Ii8+PC9zdmc+) no-repeat;
  background-size: 101%
}

.template.cover-bubbles.blu-pin:not(.letter) .page:not(.first-page) .top-ornament {
  background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA3OTQgMTEyMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDJ7ZmlsbDojZWY5YTlhfS5zdDN7ZmlsbDojYzJiNTlifTwvc3R5bGU+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGg3OTR2MTEyMkgweiIvPjxwYXRoIGQ9Ik02NzIuNSAwaC00OC44Yy4xIDIuMS4zIDQuMi44IDYuMiAzLjIgMTMuOSAxNS43IDI0LjMgMzAuNiAyNC4zIDIuNyAwIDUuMy0uMyA3LjctMUM2NzYuMSAyNi4yIDY4NiAxNC4zIDY4Ni40IDBoLTEzLjl6TTEyOS4yIDE0LjljMTEuMyAwIDIxLjItNiAyNi43LTE0LjloLTUzLjRjNS42IDguOSAxNS41IDE0LjkgMjYuNyAxNC45eiIgc3R5bGU9ImZpbGw6IzliYmZjYyIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik00NDIuNyAzMS4xYzE5LjEgMCAzNS4xLTEzLjIgMzkuMy0zMS4xaC03OC42YzQuMiAxNy44IDIwLjIgMzEuMSAzOS4zIDMxLjF6Ii8+PGNpcmNsZSBjbGFzcz0ic3QzIiBjeD0iNTQ5IiBjeT0iMTA4Ny42IiByPSIxMC45Ii8+PHBhdGggY2xhc3M9InN0MiIgZD0iTTY3NC4zIDExMjJjLTQuMS0xNy45LTIwLjItMzEuMy0zOS40LTMxLjNzLTM1LjIgMTMuNC0zOS40IDMxLjNoNzguOHoiLz48cGF0aCBjbGFzcz0ic3QzIiBkPSJNMCA3NHYxMDEuOWMxOC05LjkgMzAuMS0yOSAzMC4xLTUxUzE4IDgzLjkgMCA3NHoiLz48L3N2Zz4=) no-repeat;
  background-size: 101%
}

.template.cover-bubbles.blu-pin:not(.letter) .page.first-page .top-ornament {
  background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA3OTQgMTEyMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDB7ZmlsbDojYzJiNTlifS5zdDJ7ZmlsbDojOWJiZmNjfS5zdDN7ZmlsbDojZWY5YTlhfTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTc3NS45MzQgMGMtOS4wMyAyMS45OTctMjUuNTI2IDQwLjEzNi00Ni4zNCA1MS4yNjUuNDYyIDMuMTguNzEyIDYuNDMuNzEyIDkuNzM5IDAgMzEuNjM5LTIxLjg5NiA1OC4xNDktNTEuMzU2IDY1LjI0NSAyMy4zODEgMzkuMzc3IDY2LjA4NyA2NS45MjUgMTE1LjA1IDY2LjU3N1YwaC0xOC4wNjZ6Ii8+PHBhdGggZD0iTTYyNC40NTIgNi4xOTNBMzEuMzM4IDMxLjMzOCAwIDAgMSA2MjMuNjY0IDBoLTM2LjM5MWExMDEuOTU1IDEwMS45NTUgMCAwIDAgMTcuMzcxIDI4LjE2IDY3LjQxNiA2Ny40MTYgMCAwIDEgMTkuODA4LTIxLjk2N3ptMTA1LjE0MiA0NS4wNzJjMjAuODEzLTExLjEyOCAzNy4zMS0yOS4yNjggNDYuMzQtNTEuMjY1aC04NC43NTFjMjAuMjY0IDkuMzE4IDM1LjA5IDI4LjQyIDM4LjQxMSA1MS4yNjV6IiBzdHlsZT0iZmlsbDojZjdiYWJhIi8+PGNpcmNsZSB0cmFuc2Zvcm09InJvdGF0ZSgtNjcuNSA2MzYuMTMxIDE0NC41MzgpIiBjbGFzcz0ic3QyIiBjeD0iNjM2LjE0NyIgY3k9IjE0NC41NDIiIHI9IjcuMTciLz48cGF0aCBjbGFzcz0ic3QzIiBkPSJNNzI5LjU5NCA1MS4yNjVDNzI2LjI3MyAyOC40MiA3MTEuNDQ3IDkuMzE4IDY5MS4xODIgMGgtNC44MDljLS4zOTQgMTQuMjY2LTEwLjMwMiAyNi4xNTMtMjMuNjEzIDI5LjUzMS0yLjQ3Ny42MjktNS4wNy45NjUtNy43NDIuOTY1LTE0Ljg5NSAwLTI3LjM1Ny0xMC4zODItMzAuNTY3LTI0LjMwM2E2Ny40MzQgNjcuNDM0IDAgMCAwLTE5LjgwOCAyMS45NjYgNjYuNzkyIDY2Ljc5MiAwIDAgMC04LjU4OSAzMi44NDRjMCAzNy4wNzMgMzAuMDUzIDY3LjEyNiA2Ny4xMjYgNjcuMTI2IDUuNDM0IDAgMTAuNzEtLjY2MiAxNS43Ny0xLjg4MSAyOS40NjEtNy4wOTYgNTEuMzU2LTMzLjYwNiA1MS4zNTYtNjUuMjQ1IDAtMy4zMDgtLjI1LTYuNTU4LS43MTItOS43Mzh6Ii8+PGNpcmNsZSBjbGFzcz0ic3QwIiBjeD0iNTUzLjM4OCIgY3k9IjQ0LjQ0MyIgcj0iMTYuNTYxIi8+PGNpcmNsZSBjbGFzcz0ic3QwIiBjeD0iNjY1Ljk4MiIgY3k9IjE5Mi44NDkiIHI9IjE4LjM5NiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik02NzIuNDg4IDBoLTQ4LjgyNGMuMDU5IDIuMTI0LjMyOCA0LjE5NS43ODggNi4xOTMgMy4yMDkgMTMuOTIgMTUuNjcxIDI0LjMwMyAzMC41NjcgMjQuMzAzIDIuNjcyIDAgNS4yNjUtLjMzNiA3Ljc0Mi0uOTY1IDEzLjMxLTMuMzc4IDIzLjIxOC0xNS4yNjUgMjMuNjEyLTI5LjUzMWgtMTMuODg1ek0xMjkuMjM5IDE0Ljg5OWMxMS4yODQgMCAyMS4xNzMtNS45NTkgMjYuNzAxLTE0Ljg5OWgtNTMuNDAzYzUuNTMgOC45NCAxNS40MTggMTQuODk5IDI2LjcwMiAxNC44OTl6Ii8+PHBhdGggY2xhc3M9InN0MyIgZD0iTTQ0Mi42ODggMzEuMDUxYzE5LjA5MSAwIDM1LjA3Ni0xMy4yNDkgMzkuMjkxLTMxLjA1MWgtNzguNTgzYzQuMjE2IDE3LjgwMiAyMC4yMDIgMzEuMDUxIDM5LjI5MiAzMS4wNTF6Ii8+PGNpcmNsZSBjbGFzcz0ic3QwIiBjeD0iNTQ5LjAyOSIgY3k9IjEwODcuNTciIHI9IjEwLjg3MiIvPjxwYXRoIGNsYXNzPSJzdDMiIGQ9Ik02NzQuMjU4IDExMjJjLTQuMTE3LTE3LjkzOC0yMC4xNjctMzEuMzIyLTM5LjM1NC0zMS4zMjJzLTM1LjIzNyAxMy4zODQtMzkuMzU0IDMxLjMyMmg3OC43MDh6Ii8+PHBhdGggY2xhc3M9InN0MCIgZD0iTTAgNzMuOTkydjEwMS45MjVjMTcuOTY1LTkuODk0IDMwLjE0LTI5LjAwNCAzMC4xNC01MC45NjNTMTcuOTY1IDgzLjg4NiAwIDczLjk5MnoiLz48L3N2Zz4=) no-repeat;
  background-size: 101%
}

.template.cover-bubbles.gre-ora.letter .page:not(.first-page) .top-ornament {
  background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA4MTYgMTA1NCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDB7ZmlsbDojMmExZDM4fTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTQ0LjgwOCAxMjUuNDI2YzAtMjcuNTIyLTE5LjEyNy01MC41NjEtNDQuODA4LTU2LjU5M3YxMTMuMTg1YzI1LjY4Mi02LjAzMSA0NC44MDgtMjkuMDcgNDQuODA4LTU2LjU5MnoiLz48cGF0aCBkPSJNNDU3LjY4OSAzMS4wNTFjMTkuMDkgMCAzNS4wNzYtMTMuMjQ5IDM5LjI5MS0zMS4wNTFoLTc4LjU4M2M0LjIxNiAxNy44MDIgMjAuMjAyIDMxLjA1MSAzOS4yOTIgMzEuMDUxem0xOTEuODgzIDk5Mi4wOTRjLTE5LjAyIDAtMzQuOTYgMTMuMTUyLTM5LjI0NiAzMC44NTVoNzguNDkyYy00LjI4Ni0xNy43MDMtMjAuMjI2LTMwLjg1NS0zOS4yNDYtMzAuODU1eiIgc3R5bGU9ImZpbGw6I2ZiYjA0MCIvPjxjaXJjbGUgY2xhc3M9InN0MCIgY3g9IjU2NC4wMyIgY3k9IjEwMTkuNTY2IiByPSIxMC44NzIiLz48cGF0aCBkPSJNNjg3LjE1NiAwaC00OC44MjRjLjA1OSAyLjEyNC4zMjggNC4xOTUuNzg4IDYuMTkzIDMuMjA5IDEzLjkyIDE1LjY3MSAyNC4zMDMgMzAuNTY2IDI0LjMwMyAyLjY3MiAwIDUuMjY1LS4zMzYgNy43NDItLjk2NUM2OTAuNzM5IDI2LjE1MyA3MDAuNjQ3IDE0LjI2NiA3MDEuMDQxIDBoLTEzLjg4NXpNMTQ0LjI0IDE0Ljg5OWMxMS4yODQgMCAyMS4xNzMtNS45NTkgMjYuNzAxLTE0Ljg5OWgtNTMuNDAzYzUuNTMgOC45NCAxNS40MTggMTQuODk5IDI2LjcwMiAxNC44OTl6IiBzdHlsZT0iZmlsbDojZDhkOGQ4Ii8+PC9zdmc+) no-repeat;
  background-size: 101%
}

.template.cover-bubbles.gre-ora.letter .page.first-page .top-ornament {
  background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA4MTYgMTA1NCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDB7ZmlsbDojMmExZDM4fS5zdDJ7ZmlsbDojZDhkOGQ4fTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTc5MC42MDIgMGMtOS4wMyAyMS45OTctMjUuNTI2IDQwLjEzNi00Ni4zNCA1MS4yNjUuNDYyIDMuMTguNzEyIDYuNDMuNzEyIDkuNzM5IDAgMzEuNjM5LTIxLjg5NiA1OC4xNDktNTEuMzU2IDY1LjI0NSAyMy42NzUgMzkuODcxIDY3LjE2IDY2LjYwMSAxMTYuODk0IDY2LjYwMWExMzYuOSAxMzYuOSAwIDAgMCA1LjQ4OC0uMTJWMGgtMjUuMzk4eiIvPjxwYXRoIGQ9Ik02MzkuMTIgNi4xOTNBMzEuMzM4IDMxLjMzOCAwIDAgMSA2MzguMzMyIDBINjAxLjk0YTEwMS45NTUgMTAxLjk1NSAwIDAgMCAxNy4zNzEgMjguMTZBNjcuNDMgNjcuNDMgMCAwIDEgNjM5LjEyIDYuMTkzem0xMDUuMTQyIDQ1LjA3MmMyMC44MTMtMTEuMTI4IDM3LjMxLTI5LjI2OCA0Ni4zNC01MS4yNjVINzA1Ljg1YzIwLjI2NSA5LjMxOCAzNS4wOTEgMjguNDIgMzguNDEyIDUxLjI2NXoiIHN0eWxlPSJmaWxsOiNmZmU0YTEiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDQuODA4IDEyNS40MjZjMC0yNy41MjItMTkuMTI3LTUwLjU2MS00NC44MDgtNTYuNTkzdjExMy4xODVjMjUuNjgyLTYuMDMxIDQ0LjgwOC0yOS4wNyA0NC44MDgtNTYuNTkyeiIvPjxjaXJjbGUgY2xhc3M9InN0MiIgY3g9IjY1MC44MDIiIGN5PSIxNDQuNTUyIiByPSI3LjE3Ii8+PHBhdGggZD0iTTc0NC4yNjIgNTEuMjY1Qzc0MC45NDEgMjguNDIgNzI2LjExNSA5LjMxOCA3MDUuODUgMGgtNC44MDljLS4zOTQgMTQuMjY2LTEwLjMwMiAyNi4xNTMtMjMuNjEzIDI5LjUzMS0yLjQ3Ny42MjktNS4wNy45NjUtNy43NDIuOTY1LTE0Ljg5NSAwLTI3LjM1Ny0xMC4zODItMzAuNTY2LTI0LjMwM2E2Ny40MzQgNjcuNDM0IDAgMCAwLTE5LjgwOCAyMS45NjYgNjYuNzkyIDY2Ljc5MiAwIDAgMC04LjU4OSAzMi44NDRjMCAzNy4wNzMgMzAuMDUzIDY3LjEyNiA2Ny4xMjYgNjcuMTI2IDUuNDM0IDAgMTAuNzEtLjY2MiAxNS43Ny0xLjg4MSAyOS40NjEtNy4wOTYgNTEuMzU2LTMzLjYwNiA1MS4zNTYtNjUuMjQ1YTY3LjgyNyA2Ny44MjcgMCAwIDAtLjcxMy05LjczOHpNNDU3LjY4OSAzMS4wNTFjMTkuMDkgMCAzNS4wNzYtMTMuMjQ5IDM5LjI5MS0zMS4wNTFoLTc4LjU4M2M0LjIxNiAxNy44MDIgMjAuMjAyIDMxLjA1MSAzOS4yOTIgMzEuMDUxem0xOTEuODgzIDk5Mi4wOTRjLTE5LjAyIDAtMzQuOTYgMTMuMTUyLTM5LjI0NiAzMC44NTVoNzguNDkyYy00LjI4Ni0xNy43MDMtMjAuMjI2LTMwLjg1NS0zOS4yNDYtMzAuODU1eiIgc3R5bGU9ImZpbGw6I2ZiYjA0MCIvPjxjaXJjbGUgY2xhc3M9InN0MCIgY3g9IjU2OC4wNTYiIGN5PSI0NC40NDMiIHI9IjE2LjU2MSIvPjxjaXJjbGUgY2xhc3M9InN0MCIgY3g9IjY4MC42NSIgY3k9IjE5Mi44NDkiIHI9IjE4LjM5NiIvPjxjaXJjbGUgY2xhc3M9InN0MCIgY3g9IjU2NC4wMyIgY3k9IjEwMTkuNTY2IiByPSIxMC44NzIiLz48cGF0aCBjbGFzcz0ic3QyIiBkPSJNNjg3LjE1NiAwaC00OC44MjRjLjA1OSAyLjEyNC4zMjggNC4xOTUuNzg4IDYuMTkzIDMuMjA5IDEzLjkyIDE1LjY3MSAyNC4zMDMgMzAuNTY2IDI0LjMwMyAyLjY3MiAwIDUuMjY1LS4zMzYgNy43NDItLjk2NUM2OTAuNzM5IDI2LjE1MyA3MDAuNjQ3IDE0LjI2NiA3MDEuMDQxIDBoLTEzLjg4NXpNMTQ0LjI0IDE0Ljg5OWMxMS4yODQgMCAyMS4xNzMtNS45NTkgMjYuNzAxLTE0Ljg5OWgtNTMuNDAzYzUuNTMgOC45NCAxNS40MTggMTQuODk5IDI2LjcwMiAxNC44OTl6Ii8+PC9zdmc+) no-repeat;
  background-size: 101%
}

.template.cover-bubbles.gre-ora:not(.letter) .page:not(.first-page) .top-ornament {
  background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA3OTQgMTEyMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDF7ZmlsbDojZmJiMDQwfS5zdDN7ZmlsbDojMmExZDM4fTwvc3R5bGU+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGg3OTR2MTEyMkgweiIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik00NDIuNyAzMS4xYzE5LjEgMCAzNS4xLTEzLjIgMzkuMy0zMS4xaC03OC42YzQuMiAxNy44IDIwLjIgMzEuMSAzOS4zIDMxLjF6Ii8+PHBhdGggZD0iTTY3Mi41IDBoLTQ4LjhjLjEgMi4xLjMgNC4yLjggNi4yIDMuMiAxMy45IDE1LjcgMjQuMyAzMC42IDI0LjMgMi43IDAgNS4zLS4zIDcuNy0xQzY3Ni4xIDI2LjIgNjg2IDE0LjMgNjg2LjQgMGgtMTMuOXpNMTI5LjIgMTQuOWMxMS4zIDAgMjEuMi02IDI2LjctMTQuOWgtNTMuNGM1LjYgOC45IDE1LjUgMTQuOSAyNi43IDE0Ljl6IiBzdHlsZT0iZmlsbDojZDhkOGQ4Ii8+PGNpcmNsZSBjbGFzcz0ic3QzIiBjeD0iNTQ5IiBjeT0iMTA4Ny42IiByPSIxMC45Ii8+PHBhdGggY2xhc3M9InN0MyIgZD0iTTAgNzR2MTAxLjljMTgtOS45IDMwLjEtMjkgMzAuMS01MVMxOCA4My45IDAgNzR6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTY3NC4zIDExMjJjLTQuMS0xNy45LTIwLjItMzEuMy0zOS40LTMxLjNzLTM1LjIgMTMuNC0zOS40IDMxLjNoNzguOHoiLz48L3N2Zz4=) no-repeat;
  background-size: 101%
}

.template.cover-bubbles.gre-ora:not(.letter) .page.first-page .top-ornament {
  background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA3OTQgMTEyMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDB7ZmlsbDojZmJiMDQwfS5zdDF7ZmlsbDojMmExZDM4fS5zdDN7ZmlsbDojZDhkOGQ4fTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTQ0Mi42ODggMzEuMDUxYzE5LjA5MSAwIDM1LjA3Ni0xMy4yNDkgMzkuMjkxLTMxLjA1MWgtNzguNTgzYzQuMjE2IDE3LjgwMiAyMC4yMDIgMzEuMDUxIDM5LjI5MiAzMS4wNTF6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTc3NS45MzQgMGMtOS4wMyAyMS45OTctMjUuNTI2IDQwLjEzNi00Ni4zNCA1MS4yNjUuNDYyIDMuMTguNzEyIDYuNDMuNzEyIDkuNzM5IDAgMzEuNjM5LTIxLjg5NiA1OC4xNDktNTEuMzU2IDY1LjI0NSAyMy4zODEgMzkuMzc3IDY2LjA4NyA2NS45MjUgMTE1LjA1IDY2LjU3N1YwaC0xOC4wNjZ6Ii8+PHBhdGggZD0iTTYyNC40NTIgNi4xOTNBMzEuMzM4IDMxLjMzOCAwIDAgMSA2MjMuNjY0IDBoLTM2LjM5MWExMDEuOTU1IDEwMS45NTUgMCAwIDAgMTcuMzcxIDI4LjE2IDY3LjQyNyA2Ny40MjcgMCAwIDEgMTkuODA4LTIxLjk2N3ptMTA1LjE0MiA0NS4wNzJjMjAuODEzLTExLjEyOCAzNy4zMS0yOS4yNjggNDYuMzQtNTEuMjY1aC04NC43NTFjMjAuMjY0IDkuMzE4IDM1LjA5IDI4LjQyIDM4LjQxMSA1MS4yNjV6IiBzdHlsZT0iZmlsbDojZmZlNGExIi8+PGNpcmNsZSB0cmFuc2Zvcm09InJvdGF0ZSgtNjcuNSA2MzYuMTMyIDE0NC41MzgpIiBjbGFzcz0ic3QzIiBjeD0iNjM2LjE0OCIgY3k9IjE0NC41NDIiIHI9IjcuMTciLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNNzI5LjU5NCA1MS4yNjVDNzI2LjI3MyAyOC40MiA3MTEuNDQ3IDkuMzE4IDY5MS4xODMgMGgtNC44MDljLS4zOTQgMTQuMjY2LTEwLjMwMiAyNi4xNTMtMjMuNjEzIDI5LjUzMS0yLjQ3Ny42MjktNS4wNy45NjUtNy43NDIuOTY1LTE0Ljg5NSAwLTI3LjM1Ny0xMC4zODItMzAuNTY3LTI0LjMwM2E2Ny40MzQgNjcuNDM0IDAgMCAwLTE5LjgwOCAyMS45NjYgNjYuNzkyIDY2Ljc5MiAwIDAgMC04LjU4OSAzMi44NDRjMCAzNy4wNzMgMzAuMDUzIDY3LjEyNiA2Ny4xMjYgNjcuMTI2IDUuNDM0IDAgMTAuNzEtLjY2MiAxNS43Ny0xLjg4MSAyOS40NjEtNy4wOTYgNTEuMzU2LTMzLjYwNiA1MS4zNTYtNjUuMjQ1YTY3LjY4MyA2Ny42ODMgMCAwIDAtLjcxMy05LjczOHoiLz48Y2lyY2xlIGNsYXNzPSJzdDEiIGN4PSI1NTMuMzg4IiBjeT0iNDQuNDQzIiByPSIxNi41NjEiLz48Y2lyY2xlIGNsYXNzPSJzdDEiIGN4PSI2NjUuOTgyIiBjeT0iMTkyLjg0OSIgcj0iMTguMzk2Ii8+PHBhdGggY2xhc3M9InN0MyIgZD0iTTY3Mi40ODggMGgtNDguODI0Yy4wNTkgMi4xMjQuMzI4IDQuMTk1Ljc4OCA2LjE5MyAzLjIwOSAxMy45MiAxNS42NzEgMjQuMzAzIDMwLjU2NyAyNC4zMDMgMi42NzIgMCA1LjI2NS0uMzM2IDcuNzQyLS45NjUgMTMuMzEtMy4zNzggMjMuMjE4LTE1LjI2NSAyMy42MTMtMjkuNTMxaC0xMy44ODZ6TTEyOS4yMzkgMTQuODk5YzExLjI4NCAwIDIxLjE3My01Ljk1OSAyNi43MDEtMTQuODk5aC01My40MDNjNS41MyA4Ljk0IDE1LjQxOCAxNC44OTkgMjYuNzAyIDE0Ljg5OXoiLz48Y2lyY2xlIGNsYXNzPSJzdDEiIGN4PSI1NDkuMDI5IiBjeT0iMTA4Ny41NyIgcj0iMTAuODcyIi8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTAgNzMuOTkydjEwMS45MjVjMTcuOTY1LTkuODk0IDMwLjE0LTI5LjAwNCAzMC4xNC01MC45NjNTMTcuOTY1IDgzLjg4NiAwIDczLjk5MnoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNNjc0LjI1OCAxMTIyYy00LjExNy0xNy45MzgtMjAuMTY3LTMxLjMyMi0zOS4zNTQtMzEuMzIycy0zNS4yMzcgMTMuMzg0LTM5LjM1NCAzMS4zMjJoNzguNzA4eiIvPjwvc3ZnPg==) no-repeat;
  background-size: 101%
}

.template.cover-bubbles.grn-grn.letter .page:not(.first-page) .top-ornament {
  background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA4MTYgMTA1NCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDB7ZmlsbDojMGQyYTE0fTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTQ0LjgwOCAxMjUuNDI2YzAtMjcuNTIyLTE5LjEyNy01MC41NjEtNDQuODA4LTU2LjU5M3YxMTMuMTg1YzI1LjY4Mi02LjAzMSA0NC44MDgtMjkuMDcgNDQuODA4LTU2LjU5MnoiLz48cGF0aCBkPSJNNDU3LjY4OSAzMS4wNTFjMTkuMDkgMCAzNS4wNzYtMTMuMjQ5IDM5LjI5MS0zMS4wNTFoLTc4LjU4M2M0LjIxNiAxNy44MDIgMjAuMjAyIDMxLjA1MSAzOS4yOTIgMzEuMDUxem0xOTEuODgzIDk5Mi4wOTRjLTE5LjAyIDAtMzQuOTYgMTMuMTUyLTM5LjI0NiAzMC44NTVoNzguNDkyYy00LjI4Ni0xNy43MDMtMjAuMjI2LTMwLjg1NS0zOS4yNDYtMzAuODU1eiIgc3R5bGU9ImZpbGw6IzM2OTE4OCIvPjxjaXJjbGUgY2xhc3M9InN0MCIgY3g9IjU2NC4wMyIgY3k9IjEwMTkuNTY2IiByPSIxMC44NzIiLz48cGF0aCBkPSJNNjg3LjE1NiAwaC00OC44MjRjLjA1OSAyLjEyNC4zMjggNC4xOTUuNzg4IDYuMTkzIDMuMjA5IDEzLjkyIDE1LjY3MSAyNC4zMDMgMzAuNTY2IDI0LjMwMyAyLjY3MiAwIDUuMjY1LS4zMzYgNy43NDItLjk2NUM2OTAuNzM5IDI2LjE1MyA3MDAuNjQ3IDE0LjI2NiA3MDEuMDQxIDBoLTEzLjg4NXpNMTQ0LjI0IDE0Ljg5OWMxMS4yODQgMCAyMS4xNzMtNS45NTkgMjYuNzAxLTE0Ljg5OWgtNTMuNDAzYzUuNTMgOC45NCAxNS40MTggMTQuODk5IDI2LjcwMiAxNC44OTl6IiBzdHlsZT0iZmlsbDojMjRlMGEyIi8+PC9zdmc+) no-repeat;
  background-size: 101%
}

.template.cover-bubbles.grn-grn.letter .page.first-page .top-ornament {
  background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA4MTYgMTA1NCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDB7ZmlsbDojMGQyYTE0fS5zdDJ7ZmlsbDojMjRlMGEyfTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTc5MC42MDIgMGMtOS4wMyAyMS45OTctMjUuNTI2IDQwLjEzNi00Ni4zNCA1MS4yNjUuNDYyIDMuMTguNzEyIDYuNDMuNzEyIDkuNzM5IDAgMzEuNjM5LTIxLjg5NiA1OC4xNDktNTEuMzU2IDY1LjI0NSAyMy42NzUgMzkuODcxIDY3LjE2IDY2LjYwMSAxMTYuODk0IDY2LjYwMWExMzYuOSAxMzYuOSAwIDAgMCA1LjQ4OC0uMTJWMGgtMjUuMzk4eiIvPjxwYXRoIGQ9Ik02MzkuMTIgNi4xOTNBMzEuMzM4IDMxLjMzOCAwIDAgMSA2MzguMzMyIDBINjAxLjk0YTEwMS45NTUgMTAxLjk1NSAwIDAgMCAxNy4zNzEgMjguMTZBNjcuNDMgNjcuNDMgMCAwIDEgNjM5LjEyIDYuMTkzem0xMDUuMTQyIDQ1LjA3MmMyMC44MTMtMTEuMTI4IDM3LjMxLTI5LjI2OCA0Ni4zNC01MS4yNjVINzA1Ljg1YzIwLjI2NSA5LjMxOCAzNS4wOTEgMjguNDIgMzguNDEyIDUxLjI2NXoiIHN0eWxlPSJmaWxsOiNjN2VjYzciLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDQuODA4IDEyNS40MjZjMC0yNy41MjItMTkuMTI3LTUwLjU2MS00NC44MDgtNTYuNTkzdjExMy4xODVjMjUuNjgyLTYuMDMxIDQ0LjgwOC0yOS4wNyA0NC44MDgtNTYuNTkyeiIvPjxjaXJjbGUgY2xhc3M9InN0MiIgY3g9IjY1MC44MDIiIGN5PSIxNDQuNTUyIiByPSI3LjE3Ii8+PHBhdGggZD0iTTc0NC4yNjIgNTEuMjY1Qzc0MC45NDEgMjguNDIgNzI2LjExNSA5LjMxOCA3MDUuODUgMGgtNC44MDljLS4zOTQgMTQuMjY2LTEwLjMwMiAyNi4xNTMtMjMuNjEzIDI5LjUzMS0yLjQ3Ny42MjktNS4wNy45NjUtNy43NDIuOTY1LTE0Ljg5NSAwLTI3LjM1Ny0xMC4zODItMzAuNTY2LTI0LjMwM2E2Ny40MzQgNjcuNDM0IDAgMCAwLTE5LjgwOCAyMS45NjYgNjYuNzkyIDY2Ljc5MiAwIDAgMC04LjU4OSAzMi44NDRjMCAzNy4wNzMgMzAuMDUzIDY3LjEyNiA2Ny4xMjYgNjcuMTI2IDUuNDM0IDAgMTAuNzEtLjY2MiAxNS43Ny0xLjg4MSAyOS40NjEtNy4wOTYgNTEuMzU2LTMzLjYwNiA1MS4zNTYtNjUuMjQ1YTY3LjgyNyA2Ny44MjcgMCAwIDAtLjcxMy05LjczOHpNNDU3LjY4OSAzMS4wNTFjMTkuMDkgMCAzNS4wNzYtMTMuMjQ5IDM5LjI5MS0zMS4wNTFoLTc4LjU4M2M0LjIxNiAxNy44MDIgMjAuMjAyIDMxLjA1MSAzOS4yOTIgMzEuMDUxem0xOTEuODgzIDk5Mi4wOTRjLTE5LjAyIDAtMzQuOTYgMTMuMTUyLTM5LjI0NiAzMC44NTVoNzguNDkyYy00LjI4Ni0xNy43MDMtMjAuMjI2LTMwLjg1NS0zOS4yNDYtMzAuODU1eiIgc3R5bGU9ImZpbGw6IzM2OTE4OCIvPjxjaXJjbGUgY2xhc3M9InN0MCIgY3g9IjU2OC4wNTYiIGN5PSI0NC40NDMiIHI9IjE2LjU2MSIvPjxjaXJjbGUgY2xhc3M9InN0MCIgY3g9IjY4MC42NSIgY3k9IjE5Mi44NDkiIHI9IjE4LjM5NiIvPjxjaXJjbGUgY2xhc3M9InN0MCIgY3g9IjU2NC4wMyIgY3k9IjEwMTkuNTY2IiByPSIxMC44NzIiLz48cGF0aCBjbGFzcz0ic3QyIiBkPSJNNjg3LjE1NiAwaC00OC44MjRjLjA1OSAyLjEyNC4zMjggNC4xOTUuNzg4IDYuMTkzIDMuMjA5IDEzLjkyIDE1LjY3MSAyNC4zMDMgMzAuNTY2IDI0LjMwMyAyLjY3MiAwIDUuMjY1LS4zMzYgNy43NDItLjk2NUM2OTAuNzM5IDI2LjE1MyA3MDAuNjQ3IDE0LjI2NiA3MDEuMDQxIDBoLTEzLjg4NXpNMTQ0LjI0IDE0Ljg5OWMxMS4yODQgMCAyMS4xNzMtNS45NTkgMjYuNzAxLTE0Ljg5OWgtNTMuNDAzYzUuNTMgOC45NCAxNS40MTggMTQuODk5IDI2LjcwMiAxNC44OTl6Ii8+PC9zdmc+) no-repeat;
  background-size: 101%
}

.template.cover-bubbles.grn-grn:not(.letter) .page:not(.first-page) .top-ornament {
  background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA3OTQgMTEyMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDF7ZmlsbDojMzY5MTg4fS5zdDN7ZmlsbDojMGQyYTE0fTwvc3R5bGU+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGg3OTR2MTEyMkgweiIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik00NDIuNyAzMS4xYzE5LjEgMCAzNS4xLTEzLjIgMzkuMy0zMS4xaC03OC42YzQuMiAxNy44IDIwLjIgMzEuMSAzOS4zIDMxLjF6Ii8+PHBhdGggZD0iTTY3Mi41IDBoLTQ4LjhjLjEgMi4xLjMgNC4yLjggNi4yIDMuMiAxMy45IDE1LjcgMjQuMyAzMC42IDI0LjMgMi43IDAgNS4zLS4zIDcuNy0xQzY3Ni4xIDI2LjIgNjg2IDE0LjMgNjg2LjQgMGgtMTMuOXpNMTI5LjIgMTQuOWMxMS4zIDAgMjEuMi02IDI2LjctMTQuOWgtNTMuNGM1LjYgOC45IDE1LjUgMTQuOSAyNi43IDE0Ljl6IiBzdHlsZT0iZmlsbDojMjRlMGEyIi8+PGNpcmNsZSBjbGFzcz0ic3QzIiBjeD0iNTQ5IiBjeT0iMTA4Ny42IiByPSIxMC45Ii8+PHBhdGggY2xhc3M9InN0MyIgZD0iTTAgNzR2MTAxLjljMTgtOS45IDMwLjEtMjkgMzAuMS01MVMxOCA4My45IDAgNzR6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTY3NC4zIDExMjJjLTQuMS0xNy45LTIwLjItMzEuMy0zOS40LTMxLjNzLTM1LjIgMTMuNC0zOS40IDMxLjNoNzguOHoiLz48L3N2Zz4=) no-repeat;
  background-size: 101%
}

.template.cover-bubbles.grn-grn:not(.letter) .page.first-page .top-ornament {
  background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA3OTQgMTEyMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDB7ZmlsbDojMzY5MTg4fS5zdDF7ZmlsbDojMGQyYTE0fS5zdDN7ZmlsbDojMjRlMGEyfTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTQ0Mi42ODggMzEuMDUxYzE5LjA5MSAwIDM1LjA3Ni0xMy4yNDkgMzkuMjkxLTMxLjA1MWgtNzguNTgzYzQuMjE2IDE3LjgwMiAyMC4yMDIgMzEuMDUxIDM5LjI5MiAzMS4wNTF6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTc3NS45MzQgMGMtOS4wMyAyMS45OTctMjUuNTI2IDQwLjEzNi00Ni4zNCA1MS4yNjUuNDYyIDMuMTguNzEyIDYuNDMuNzEyIDkuNzM5IDAgMzEuNjM5LTIxLjg5NiA1OC4xNDktNTEuMzU2IDY1LjI0NSAyMy4zODEgMzkuMzc3IDY2LjA4NyA2NS45MjUgMTE1LjA1IDY2LjU3N1YwaC0xOC4wNjZ6Ii8+PHBhdGggZD0iTTYyNC40NTMgNi4xOTNBMzEuMzM4IDMxLjMzOCAwIDAgMSA2MjMuNjY1IDBoLTM2LjM5MWExMDEuOTU1IDEwMS45NTUgMCAwIDAgMTcuMzcxIDI4LjE2IDY3LjQxNiA2Ny40MTYgMCAwIDEgMTkuODA4LTIxLjk2N3ptMTA1LjE0MiA0NS4wNzJjMjAuODEzLTExLjEyOCAzNy4zMS0yOS4yNjggNDYuMzQtNTEuMjY1aC04NC43NTFjMjAuMjY0IDkuMzE4IDM1LjA4OSAyOC40MiAzOC40MTEgNTEuMjY1eiIgc3R5bGU9ImZpbGw6I2M3ZWNjNyIvPjxjaXJjbGUgdHJhbnNmb3JtPSJyb3RhdGUoLTY3LjUgNjM2LjEzMiAxNDQuNTM4KSIgY2xhc3M9InN0MyIgY3g9IjYzNi4xNDgiIGN5PSIxNDQuNTQxIiByPSI3LjE3Ii8+PHBhdGggY2xhc3M9InN0MCIgZD0iTTcyOS41OTUgNTEuMjY1QzcyNi4yNzMgMjguNDIgNzExLjQ0OCA5LjMxOCA2OTEuMTgzIDBoLTQuODA5Yy0uMzk0IDE0LjI2Ni0xMC4zMDIgMjYuMTUzLTIzLjYxMyAyOS41MzEtMi40NzcuNjI5LTUuMDcuOTY1LTcuNzQyLjk2NS0xNC44OTUgMC0yNy4zNTctMTAuMzgyLTMwLjU2Ny0yNC4zMDNhNjcuNDM0IDY3LjQzNCAwIDAgMC0xOS44MDggMjEuOTY2IDY2Ljc5MiA2Ni43OTIgMCAwIDAtOC41ODkgMzIuODQ0YzAgMzcuMDczIDMwLjA1MyA2Ny4xMjYgNjcuMTI2IDY3LjEyNiA1LjQzNCAwIDEwLjcxLS42NjIgMTUuNzctMS44ODEgMjkuNDYxLTcuMDk2IDUxLjM1Ni0zMy42MDYgNTEuMzU2LTY1LjI0NSAwLTMuMzA4LS4yNS02LjU1OC0uNzEyLTkuNzM4eiIvPjxjaXJjbGUgY2xhc3M9InN0MSIgY3g9IjU1My4zODkiIGN5PSI0NC40NDMiIHI9IjE2LjU2MSIvPjxjaXJjbGUgY2xhc3M9InN0MSIgY3g9IjY2NS45ODMiIGN5PSIxOTIuODQ5IiByPSIxOC4zOTYiLz48cGF0aCBjbGFzcz0ic3QzIiBkPSJNNjcyLjQ4OCAwaC00OC44MjRjLjA1OSAyLjEyNC4zMjggNC4xOTUuNzg4IDYuMTkzIDMuMjA5IDEzLjkyIDE1LjY3MSAyNC4zMDMgMzAuNTY3IDI0LjMwMyAyLjY3MiAwIDUuMjY1LS4zMzYgNy43NDItLjk2NUM2NzYuMDcyIDI2LjE1MyA2ODUuOTc5IDE0LjI2NiA2ODYuMzc0IDBoLTEzLjg4NnpNMTI5LjIzOSAxNC44OTljMTEuMjg0IDAgMjEuMTczLTUuOTU5IDI2LjcwMS0xNC44OTloLTUzLjQwM2M1LjUzIDguOTQgMTUuNDE4IDE0Ljg5OSAyNi43MDIgMTQuODk5eiIvPjxjaXJjbGUgY2xhc3M9InN0MSIgY3g9IjU0OS4wMjkiIGN5PSIxMDg3LjU3IiByPSIxMC44NzIiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNMCA3My45OTJ2MTAxLjkyNWMxNy45NjUtOS44OTQgMzAuMTQtMjkuMDA0IDMwLjE0LTUwLjk2M1MxNy45NjUgODMuODg2IDAgNzMuOTkyeiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02NzQuMjU4IDExMjJjLTQuMTE3LTE3LjkzOC0yMC4xNjctMzEuMzIyLTM5LjM1NC0zMS4zMjJzLTM1LjIzNyAxMy4zODQtMzkuMzU0IDMxLjMyMmg3OC43MDh6Ii8+PC9zdmc+) no-repeat;
  background-size: 101%
}

.template.cover-bubbles.gre-gre.letter .page:not(.first-page) .top-ornament {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4MTYgMTA1NCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZD0iTTQ0LjgwOCAxMjUuNDI2YzAtMjcuNTIyLTE5LjEyNy01MC41NjEtNDQuODA4LTU2LjU5M3YxMTMuMTg1YzI1LjY4Mi02LjAzMSA0NC44MDgtMjkuMDcgNDQuODA4LTU2LjU5MnoiLz48cGF0aCBkPSJNNDU3LjY4OSAzMS4wNTFjMTkuMDkgMCAzNS4wNzYtMTMuMjQ5IDM5LjI5MS0zMS4wNTFoLTc4LjU4M2M0LjIxNiAxNy44MDIgMjAuMjAyIDMxLjA1MSAzOS4yOTIgMzEuMDUxem0xOTEuODgzIDk5Mi4wOTRjLTE5LjAyIDAtMzQuOTYgMTMuMTUyLTM5LjI0NiAzMC44NTVoNzguNDkyYy00LjI4Ni0xNy43MDMtMjAuMjI2LTMwLjg1NS0zOS4yNDYtMzAuODU1eiIgc3R5bGU9ImZpbGw6IzU4NTk1YiIvPjxjaXJjbGUgY3g9IjU2NC4wMyIgY3k9IjEwMTkuNTY2IiByPSIxMC44NzIiIGZpbGw9IiMzMzMiLz48cGF0aCBkPSJNNjg3LjE1NiAwaC00OC44MjRjLjA1OSAyLjEyNC4zMjggNC4xOTUuNzg4IDYuMTkzIDMuMjA5IDEzLjkyIDE1LjY3MSAyNC4zMDMgMzAuNTY2IDI0LjMwMyAyLjY3MiAwIDUuMjY1LS4zMzYgNy43NDItLjk2NUM2OTAuNzM5IDI2LjE1MyA3MDAuNjQ3IDE0LjI2NiA3MDEuMDQxIDBoLTEzLjg4NXpNMTQ0LjI0IDE0Ljg5OWMxMS4yODQgMCAyMS4xNzMtNS45NTkgMjYuNzAxLTE0Ljg5OWgtNTMuNDAzYzUuNTMgOC45NCAxNS40MTggMTQuODk5IDI2LjcwMiAxNC44OTl6IiBzdHlsZT0iZmlsbDojZDhkOGQ4Ii8+PC9zdmc+) no-repeat;
  background-size: 101%
}

.template.cover-bubbles.gre-gre.letter .page.first-page .top-ornament {
  background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA4MTYgMTA1NCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDF7ZmlsbDojZDhkOGQ4fTwvc3R5bGU+PHBhdGggZD0iTTc5MC42MDIgMGMtOS4wMyAyMS45OTctMjUuNTI2IDQwLjEzNi00Ni4zNCA1MS4yNjUuNDYyIDMuMTguNzEyIDYuNDMuNzEyIDkuNzM5IDAgMzEuNjM5LTIxLjg5NiA1OC4xNDktNTEuMzU2IDY1LjI0NSAyMy42NzUgMzkuODcxIDY3LjE2IDY2LjYwMSAxMTYuODk0IDY2LjYwMWExMzYuOSAxMzYuOSAwIDAgMCA1LjQ4OC0uMTJWMGgtMjUuMzk4eiIvPjxwYXRoIGQ9Ik02MzkuMTIgNi4xOTNBMzEuMzM4IDMxLjMzOCAwIDAgMSA2MzguMzMyIDBINjAxLjk0YTEwMS45NTUgMTAxLjk1NSAwIDAgMCAxNy4zNzEgMjguMTZBNjcuNDMgNjcuNDMgMCAwIDEgNjM5LjEyIDYuMTkzem0xMDUuMTQyIDQ1LjA3MmMyMC44MTMtMTEuMTI4IDM3LjMxLTI5LjI2OCA0Ni4zNC01MS4yNjVINzA1Ljg1YzIwLjI2NSA5LjMxOCAzNS4wOTEgMjguNDIgMzguNDEyIDUxLjI2NXoiIHN0eWxlPSJmaWxsOiNiM2IzYjMiLz48cGF0aCBkPSJNNDQuODA4IDEyNS40MjZjMC0yNy41MjItMTkuMTI3LTUwLjU2MS00NC44MDgtNTYuNTkzdjExMy4xODVjMjUuNjgyLTYuMDMxIDQ0LjgwOC0yOS4wNyA0NC44MDgtNTYuNTkyeiIvPjxjaXJjbGUgY2xhc3M9InN0MSIgY3g9IjY1MC44MDIiIGN5PSIxNDQuNTUyIiByPSI3LjE3Ii8+PHBhdGggZD0iTTc0NC4yNjIgNTEuMjY1Qzc0MC45NDEgMjguNDIgNzI2LjExNSA5LjMxOCA3MDUuODUgMGgtNC44MDljLS4zOTQgMTQuMjY2LTEwLjMwMiAyNi4xNTMtMjMuNjEzIDI5LjUzMS0yLjQ3Ny42MjktNS4wNy45NjUtNy43NDIuOTY1LTE0Ljg5NSAwLTI3LjM1Ny0xMC4zODItMzAuNTY2LTI0LjMwM2E2Ny40MzQgNjcuNDM0IDAgMCAwLTE5LjgwOCAyMS45NjYgNjYuNzkyIDY2Ljc5MiAwIDAgMC04LjU4OSAzMi44NDRjMCAzNy4wNzMgMzAuMDUzIDY3LjEyNiA2Ny4xMjYgNjcuMTI2IDUuNDM0IDAgMTAuNzEtLjY2MiAxNS43Ny0xLjg4MSAyOS40NjEtNy4wOTYgNTEuMzU2LTMzLjYwNiA1MS4zNTYtNjUuMjQ1YTY3LjgyNyA2Ny44MjcgMCAwIDAtLjcxMy05LjczOHpNNDU3LjY4OSAzMS4wNTFjMTkuMDkgMCAzNS4wNzYtMTMuMjQ5IDM5LjI5MS0zMS4wNTFoLTc4LjU4M2M0LjIxNiAxNy44MDIgMjAuMjAyIDMxLjA1MSAzOS4yOTIgMzEuMDUxem0xOTEuODgzIDk5Mi4wOTRjLTE5LjAyIDAtMzQuOTYgMTMuMTUyLTM5LjI0NiAzMC44NTVoNzguNDkyYy00LjI4Ni0xNy43MDMtMjAuMjI2LTMwLjg1NS0zOS4yNDYtMzAuODU1eiIgc3R5bGU9ImZpbGw6IzU4NTk1YiIvPjxjaXJjbGUgY3g9IjU2OC4wNTYiIGN5PSI0NC40NDMiIHI9IjE2LjU2MSIvPjxjaXJjbGUgY3g9IjY4MC42NSIgY3k9IjE5Mi44NDkiIHI9IjE4LjM5NiIvPjxjaXJjbGUgY2xhc3M9InN0MSIgY3g9IjU2NC4wMyIgY3k9IjEwMTkuNTY2IiByPSIxMC44NzIiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNNjg3LjE1NiAwaC00OC44MjRjLjA1OSAyLjEyNC4zMjggNC4xOTUuNzg4IDYuMTkzIDMuMjA5IDEzLjkyIDE1LjY3MSAyNC4zMDMgMzAuNTY2IDI0LjMwMyAyLjY3MiAwIDUuMjY1LS4zMzYgNy43NDItLjk2NUM2OTAuNzM5IDI2LjE1MyA3MDAuNjQ3IDE0LjI2NiA3MDEuMDQxIDBoLTEzLjg4NXpNMTQ0LjI0IDE0Ljg5OWMxMS4yODQgMCAyMS4xNzMtNS45NTkgMjYuNzAxLTE0Ljg5OWgtNTMuNDAzYzUuNTMgOC45NCAxNS40MTggMTQuODk5IDI2LjcwMiAxNC44OTl6Ii8+PC9zdmc+) no-repeat;
  background-size: 101%
}

.template.cover-bubbles.gre-gre:not(.letter) .page:not(.first-page) .top-ornament {
  background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA3OTQgMTEyMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDF7ZmlsbDojNTg1OTVifTwvc3R5bGU+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGg3OTR2MTEyMkgweiIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik00NDIuNyAzMS4xYzE5LjEgMCAzNS4xLTEzLjIgMzkuMy0zMS4xaC03OC42YzQuMiAxNy44IDIwLjIgMzEuMSAzOS4zIDMxLjF6Ii8+PHBhdGggZD0iTTY3Mi41IDBoLTQ4LjhjLjEgMi4xLjMgNC4yLjggNi4yIDMuMiAxMy45IDE1LjcgMjQuMyAzMC42IDI0LjMgMi43IDAgNS4zLS4zIDcuNy0xQzY3Ni4xIDI2LjIgNjg2IDE0LjMgNjg2LjQgMGgtMTMuOXpNMTI5LjIgMTQuOWMxMS4zIDAgMjEuMi02IDI2LjctMTQuOWgtNTMuNGM1LjYgOC45IDE1LjUgMTQuOSAyNi43IDE0Ljl6IiBzdHlsZT0iZmlsbDojZDhkOGQ4Ii8+PGNpcmNsZSBjeD0iNTQ5IiBjeT0iMTA4Ny42IiByPSIxMC45Ii8+PHBhdGggZD0iTTAgNzR2MTAxLjljMTgtOS45IDMwLjEtMjkgMzAuMS01MVMxOCA4My45IDAgNzR6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTY3NC4zIDExMjJjLTQuMS0xNy45LTIwLjItMzEuMy0zOS40LTMxLjNzLTM1LjIgMTMuNC0zOS40IDMxLjNoNzguOHoiLz48L3N2Zz4=) no-repeat;
  background-size: 101%
}

.template.cover-bubbles.gre-gre:not(.letter) .page.first-page .top-ornament {
  background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA3OTQgMTEyMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDB7ZmlsbDojNTg1OTVifS5zdDJ7ZmlsbDojZDhkOGQ4fTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTQ0Mi42ODggMzEuMDUxYzE5LjA5MSAwIDM1LjA3Ni0xMy4yNDkgMzkuMjkxLTMxLjA1MWgtNzguNTgzYzQuMjE2IDE3LjgwMiAyMC4yMDIgMzEuMDUxIDM5LjI5MiAzMS4wNTF6Ii8+PHBhdGggZD0iTTc3NS45MzQgMGMtOS4wMyAyMS45OTctMjUuNTI2IDQwLjEzNi00Ni4zNCA1MS4yNjUuNDYyIDMuMTguNzEyIDYuNDMuNzEyIDkuNzM5IDAgMzEuNjM5LTIxLjg5NiA1OC4xNDktNTEuMzU2IDY1LjI0NSAyMy4zODEgMzkuMzc3IDY2LjA4NyA2NS45MjUgMTE1LjA1IDY2LjU3N1YwaC0xOC4wNjZ6Ii8+PHBhdGggZD0iTTYyNC40NTIgNi4xOTNBMzEuMzM4IDMxLjMzOCAwIDAgMSA2MjMuNjY0IDBoLTM2LjM5MWExMDEuOTU1IDEwMS45NTUgMCAwIDAgMTcuMzcxIDI4LjE2IDY3LjQyNyA2Ny40MjcgMCAwIDEgMTkuODA4LTIxLjk2N3ptMTA1LjE0MiA0NS4wNzJjMjAuODEzLTExLjEyOCAzNy4zMS0yOS4yNjggNDYuMzQtNTEuMjY1aC04NC43NTFjMjAuMjY0IDkuMzE4IDM1LjA5IDI4LjQyIDM4LjQxMSA1MS4yNjV6IiBzdHlsZT0iZmlsbDojYjNiM2IzIi8+PGNpcmNsZSB0cmFuc2Zvcm09InJvdGF0ZSgtNjcuNSA2MzYuMTMyIDE0NC41MzgpIiBjbGFzcz0ic3QyIiBjeD0iNjM2LjE0OCIgY3k9IjE0NC41NDIiIHI9IjcuMTciLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNNzI5LjU5NCA1MS4yNjVDNzI2LjI3MyAyOC40MiA3MTEuNDQ3IDkuMzE4IDY5MS4xODMgMGgtNC44MDljLS4zOTQgMTQuMjY2LTEwLjMwMiAyNi4xNTMtMjMuNjEzIDI5LjUzMS0yLjQ3Ny42MjktNS4wNy45NjUtNy43NDIuOTY1LTE0Ljg5NSAwLTI3LjM1Ny0xMC4zODItMzAuNTY3LTI0LjMwM2E2Ny40MzQgNjcuNDM0IDAgMCAwLTE5LjgwOCAyMS45NjYgNjYuNzkyIDY2Ljc5MiAwIDAgMC04LjU4OSAzMi44NDRjMCAzNy4wNzMgMzAuMDUzIDY3LjEyNiA2Ny4xMjYgNjcuMTI2IDUuNDM0IDAgMTAuNzEtLjY2MiAxNS43Ny0xLjg4MSAyOS40NjEtNy4wOTYgNTEuMzU2LTMzLjYwNiA1MS4zNTYtNjUuMjQ1YTY3LjY4MyA2Ny42ODMgMCAwIDAtLjcxMy05LjczOHoiLz48Y2lyY2xlIGN4PSI1NTMuMzg4IiBjeT0iNDQuNDQzIiByPSIxNi41NjEiLz48Y2lyY2xlIGN4PSI2NjUuOTgyIiBjeT0iMTkyLjg0OSIgcj0iMTguMzk2Ii8+PHBhdGggY2xhc3M9InN0MiIgZD0iTTY3Mi40ODggMGgtNDguODI0Yy4wNTkgMi4xMjQuMzI4IDQuMTk1Ljc4OCA2LjE5MyAzLjIwOSAxMy45MiAxNS42NzEgMjQuMzAzIDMwLjU2NyAyNC4zMDMgMi42NzIgMCA1LjI2NS0uMzM2IDcuNzQyLS45NjUgMTMuMzEtMy4zNzggMjMuMjE4LTE1LjI2NSAyMy42MTMtMjkuNTMxaC0xMy44ODZ6TTEyOS4yMzkgMTQuODk5YzExLjI4NCAwIDIxLjE3My01Ljk1OSAyNi43MDEtMTQuODk5aC01My40MDNjNS41MyA4Ljk0IDE1LjQxOCAxNC44OTkgMjYuNzAyIDE0Ljg5OXoiLz48Y2lyY2xlIGN4PSI1NDkuMDI5IiBjeT0iMTA4Ny41NyIgcj0iMTAuODcyIi8+PHBhdGggZD0iTTAgNzMuOTkydjEwMS45MjVjMTcuOTY1LTkuODk0IDMwLjE0LTI5LjAwNCAzMC4xNC01MC45NjNTMTcuOTY1IDgzLjg4NiAwIDczLjk5MnoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNNjc0LjI1OCAxMTIyYy00LjExNy0xNy45MzgtMjAuMTY3LTMxLjMyMi0zOS4zNTQtMzEuMzIycy0zNS4yMzcgMTMuMzg0LTM5LjM1NCAzMS4zMjJoNzguNzA4eiIvPjwvc3ZnPg==) no-repeat;
  background-size: 101%
}

.template.cover-bubbles.ocn-red.letter .page:not(.first-page) .top-ornament {
  background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA4MTYgMTA1NCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDF7ZmlsbDojZjlkZGMwfS5zdDJ7ZmlsbDojNjZjZGRkfTwvc3R5bGU+PHBhdGggZD0iTTY5MS4yMzggMEg2NDEuMDRjLjA2MSAyLjE4NC4zMzcgNC4zMTMuODEgNi4zNjcgMy4yOTkgMTQuMzEyIDE2LjExMiAyNC45ODcgMzEuNDI3IDI0Ljk4N2EzMi4yOSAzMi4yOSAwIDAgMCA3Ljk2LS45OTJDNjk0LjkyMiAyNi44ODkgNzA1LjEwOSAxNC42NjcgNzA1LjUxNCAwaC0xNC4yNzZ6TTEzMi43MDYgMTUuMzE4YzExLjYwMSAwIDIxLjc2OS02LjEyNyAyNy40NTItMTUuMzE4aC01NC45MDVjNS42ODYgOS4xOTEgMTUuODUyIDE1LjMxOCAyNy40NTMgMTUuMzE4eiIgZmlsbD0iI2QxZjJmMiIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik00NTQuOTczIDMxLjkyNWMxOS42MjggMCAzNi4wNjMtMTMuNjIyIDQwLjM5Ni0zMS45MjVoLTgwLjc5NGM0LjMzNiAxOC4zMDMgMjAuNzcxIDMxLjkyNSA0MC4zOTggMzEuOTI1eiIvPjxjaXJjbGUgY2xhc3M9InN0MiIgY3g9IjU2NC4zMDYiIGN5PSIxMDE4LjYwMSIgcj0iMTEuMTc4Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTY5My4wNTggMTA1NGMtNC4yMzMtMTguNDQzLTIwLjczNC0zMi4yMDMtNDAuNDYxLTMyLjIwMy0xOS43MjcgMC0zNi4yMjggMTMuNzYxLTQwLjQ2MSAzMi4yMDNoODAuOTIyeiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0tLjE2OCA3Ni4wNzR2MTA0Ljc5MmMxOC40Ny0xMC4xNzIgMzAuOTg4LTI5LjgyIDMwLjk4OC01Mi4zOTdTMTguMzAyIDg2LjI0Ni0uMTY4IDc2LjA3NHoiLz48L3N2Zz4=) no-repeat;
  background-size: 101%
}

.template.cover-bubbles.ocn-red.letter .page.first-page .top-ornament {
  background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA4MTYgMTA1NCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDB7ZmlsbDojNjZjZGRkfS5zdDJ7ZmlsbDojZDFmMmYyfS5zdDN7ZmlsbDojZjlkZGMwfTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTc5Ny41OTQgMGMtOS4yODQgMjIuNjE2LTI2LjI0NCA0MS4yNjUtNDcuNjQ0IDUyLjcwNy40NzUgMy4yNjkuNzMyIDYuNjExLjczMiAxMC4wMTMgMCAzMi41MjktMjIuNTEyIDU5Ljc4NS01Mi44MDEgNjcuMDggMjQuMDM5IDQwLjQ4NSA2Ny45NDYgNjcuNzggMTE4LjI4NyA2OC40NVYwaC0xOC41NzR6Ii8+PHBhdGggZD0iTTY0MS44NTEgNi4zNjdhMzIuMjM4IDMyLjIzOCAwIDAgMS0uODEtNi4zNjdoLTM3LjQxNWExMDQuNzk4IDEwNC43OTggMCAwIDAgMTcuODYgMjguOTUyIDY5LjMwMSA2OS4zMDEgMCAwIDEgMjAuMzY1LTIyLjU4NXptMTA4LjA5OSA0Ni4zNEM3NzEuMzQ5IDQxLjI2NiA3ODguMzEgMjIuNjE2IDc5Ny41OTQgMGgtODcuMTM1YzIwLjgzNCA5LjU4IDM2LjA3NyAyOS4yMiAzOS40OTEgNTIuNzA3eiIgZmlsbD0iI2ZjZWNkZSIvPjxjaXJjbGUgdHJhbnNmb3JtPSJyb3RhdGUoLTY3LjUgNjUzLjg4OSAxNDguNTYzKSIgY2xhc3M9InN0MiIgY3g9IjY1My45MDUiIGN5PSIxNDguNTY3IiByPSI3LjM3MiIvPjxwYXRoIGNsYXNzPSJzdDMiIGQ9Ik03NDkuOTUgNTIuNzA3Qzc0Ni41MzYgMjkuMjIgNzMxLjI5MyA5LjU4IDcxMC40NTggMGgtNC45NDRjLS40MDUgMTQuNjY3LTEwLjU5MiAyNi44ODktMjQuMjc3IDMwLjM2MmEzMi4yOSAzMi4yOSAwIDAgMS03Ljk2Ljk5MmMtMTUuMzE0IDAtMjguMTI3LTEwLjY3NC0zMS40MjctMjQuOTg3YTY5LjM0MiA2OS4zNDIgMCAwIDAtMjAuMzY1IDIyLjU4NCA2OC42NjYgNjguNjY2IDAgMCAwLTguODMxIDMzLjc2OGMwIDM4LjExNiAzMC44OTggNjkuMDE0IDY5LjAxNCA2OS4wMTRhNjkuMTUgNjkuMTUgMCAwIDAgMTYuMjE0LTEuOTM0YzMwLjI5LTcuMjk2IDUyLjgwMS0zNC41NTEgNTIuODAxLTY3LjA4YTY5LjczNyA2OS43MzcgMCAwIDAtLjczMy0xMC4wMTJ6Ii8+PGNpcmNsZSBjbGFzcz0ic3QwIiBjeD0iNTY4Ljc4NyIgY3k9IjQ1LjY5MyIgcj0iMTcuMDI3Ii8+PGNpcmNsZSBjbGFzcz0ic3QwIiBjeD0iNjg0LjU0OSIgY3k9IjE5OC4yNzQiIHI9IjE4LjkxNCIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik02OTEuMjM4IDBINjQxLjA0Yy4wNjEgMi4xODQuMzM3IDQuMzEzLjgxIDYuMzY3IDMuMjk5IDE0LjMxMiAxNi4xMTIgMjQuOTg3IDMxLjQyNyAyNC45ODdhMzIuMjkgMzIuMjkgMCAwIDAgNy45Ni0uOTkyQzY5NC45MjIgMjYuODg5IDcwNS4xMDkgMTQuNjY3IDcwNS41MTQgMGgtMTQuMjc2ek0xMzIuNzA2IDE1LjMxOGMxMS42MDEgMCAyMS43NjktNi4xMjcgMjcuNDUyLTE1LjMxOGgtNTQuOTA1YzUuNjg2IDkuMTkxIDE1Ljg1MiAxNS4zMTggMjcuNDUzIDE1LjMxOHoiLz48cGF0aCBjbGFzcz0ic3QzIiBkPSJNNDU0Ljk3MyAzMS45MjVjMTkuNjI4IDAgMzYuMDYzLTEzLjYyMiA0MC4zOTYtMzEuOTI1aC04MC43OTRjNC4zMzYgMTguMzAzIDIwLjc3MSAzMS45MjUgNDAuMzk4IDMxLjkyNXoiLz48Y2lyY2xlIGNsYXNzPSJzdDAiIGN4PSI1NjQuMzA2IiBjeT0iMTAxOC42MDEiIHI9IjExLjE3OCIvPjxwYXRoIGNsYXNzPSJzdDMiIGQ9Ik02OTMuMDU4IDEwNTRjLTQuMjMzLTE4LjQ0My0yMC43MzQtMzIuMjAzLTQwLjQ2MS0zMi4yMDMtMTkuNzI3IDAtMzYuMjI4IDEzLjc2MS00MC40NjEgMzIuMjAzaDgwLjkyMnoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNLS4xNjggNzYuMDc0djEwNC43OTJjMTguNDctMTAuMTcyIDMwLjk4OC0yOS44MiAzMC45ODgtNTIuMzk3UzE4LjMwMiA4Ni4yNDYtLjE2OCA3Ni4wNzR6Ii8+PC9zdmc+) no-repeat;
  background-size: 101%
}

.template.cover-bubbles.ocn-red:not(.letter) .page:not(.first-page) .top-ornament {
  background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA3OTQgMTEyMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDF7ZmlsbDojZjlkZGMwfS5zdDJ7ZmlsbDojNjZjZGRkfTwvc3R5bGU+PHBhdGggZD0iTTY3Mi40ODggMGgtNDguODI0Yy4wNTkgMi4xMjQuMzI4IDQuMTk1Ljc4OCA2LjE5MyAzLjIwOSAxMy45MiAxNS42NzEgMjQuMzAzIDMwLjU2NyAyNC4zMDMgMi42NzIgMCA1LjI2NS0uMzM2IDcuNzQyLS45NjUgMTMuMzEtMy4zNzggMjMuMjE4LTE1LjI2NSAyMy42MTItMjkuNTMxaC0xMy44ODV6TTEyOS4yMzkgMTQuODk5YzExLjI4NCAwIDIxLjE3My01Ljk1OSAyNi43MDEtMTQuODk5aC01My40MDNjNS41MyA4Ljk0IDE1LjQxOCAxNC44OTkgMjYuNzAyIDE0Ljg5OXoiIGZpbGw9IiNkMWYyZjIiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNNDQyLjY4OCAzMS4wNTFjMTkuMDkxIDAgMzUuMDc2LTEzLjI0OSAzOS4yOTEtMzEuMDUxaC03OC41ODNjNC4yMTYgMTcuODAyIDIwLjIwMiAzMS4wNTEgMzkuMjkyIDMxLjA1MXoiLz48Y2lyY2xlIGNsYXNzPSJzdDIiIGN4PSI1NDkuMDI5IiBjeT0iMTA4Ny41NyIgcj0iMTAuODcyIi8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTY3NC4yNTggMTEyMmMtNC4xMTctMTcuOTM4LTIwLjE2Ny0zMS4zMjItMzkuMzU0LTMxLjMyMnMtMzUuMjM3IDEzLjM4NC0zOS4zNTQgMzEuMzIyaDc4LjcwOHoiLz48cGF0aCBjbGFzcz0ic3QyIiBkPSJNMCA3My45OTJ2MTAxLjkyNWMxNy45NjUtOS44OTQgMzAuMTQtMjkuMDA0IDMwLjE0LTUwLjk2M1MxNy45NjUgODMuODg2IDAgNzMuOTkyeiIvPjwvc3ZnPg==) no-repeat;
  background-size: 101%
}

.template.cover-bubbles.ocn-red:not(.letter) .page.first-page .top-ornament {
  background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA3OTQgMTEyMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDB7ZmlsbDojNjZjZGRkfS5zdDJ7ZmlsbDojZDFmMmYyfS5zdDN7ZmlsbDojZjlkZGMwfTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTc3NS45MzQgMGMtOS4wMyAyMS45OTctMjUuNTI2IDQwLjEzNi00Ni4zNCA1MS4yNjUuNDYyIDMuMTguNzEyIDYuNDMuNzEyIDkuNzM5IDAgMzEuNjM5LTIxLjg5NiA1OC4xNDktNTEuMzU2IDY1LjI0NSAyMy4zODEgMzkuMzc3IDY2LjA4NyA2NS45MjUgMTE1LjA1IDY2LjU3N1YwaC0xOC4wNjZ6Ii8+PHBhdGggZD0iTTYyNC40NTIgNi4xOTNBMzEuMzM4IDMxLjMzOCAwIDAgMSA2MjMuNjY0IDBoLTM2LjM5MWExMDEuOTU1IDEwMS45NTUgMCAwIDAgMTcuMzcxIDI4LjE2IDY3LjQxNiA2Ny40MTYgMCAwIDEgMTkuODA4LTIxLjk2N3ptMTA1LjE0MiA0NS4wNzJjMjAuODEzLTExLjEyOCAzNy4zMS0yOS4yNjggNDYuMzQtNTEuMjY1aC04NC43NTFjMjAuMjY0IDkuMzE4IDM1LjA5IDI4LjQyIDM4LjQxMSA1MS4yNjV6IiBmaWxsPSIjZmNlY2RlIi8+PGNpcmNsZSB0cmFuc2Zvcm09InJvdGF0ZSgtNjcuNSA2MzYuMTUgMTQ0LjUxMikiIGNsYXNzPSJzdDIiIGN4PSI2MzYuMTY3IiBjeT0iMTQ0LjUxNiIgcj0iNy4xNyIvPjxwYXRoIGNsYXNzPSJzdDMiIGQ9Ik03MjkuNTk0IDUxLjI2NUM3MjYuMjczIDI4LjQyIDcxMS40NDcgOS4zMTggNjkxLjE4MiAwaC00LjgwOWMtLjM5NCAxNC4yNjYtMTAuMzAyIDI2LjE1My0yMy42MTMgMjkuNTMxLTIuNDc3LjYyOS01LjA3Ljk2NS03Ljc0Mi45NjUtMTQuODk1IDAtMjcuMzU3LTEwLjM4Mi0zMC41NjctMjQuMzAzYTY3LjQzNCA2Ny40MzQgMCAwIDAtMTkuODA4IDIxLjk2NiA2Ni43OTIgNjYuNzkyIDAgMCAwLTguNTg5IDMyLjg0NGMwIDM3LjA3MyAzMC4wNTMgNjcuMTI2IDY3LjEyNiA2Ny4xMjYgNS40MzQgMCAxMC43MS0uNjYyIDE1Ljc3LTEuODgxIDI5LjQ2MS03LjA5NiA1MS4zNTYtMzMuNjA2IDUxLjM1Ni02NS4yNDUgMC0zLjMwOC0uMjUtNi41NTgtLjcxMi05LjczOHoiLz48Y2lyY2xlIGNsYXNzPSJzdDAiIGN4PSI1NTMuMzg4IiBjeT0iNDQuNDQzIiByPSIxNi41NjEiLz48Y2lyY2xlIGNsYXNzPSJzdDAiIGN4PSI2NjUuOTgyIiBjeT0iMTkyLjg0OSIgcj0iMTguMzk2Ii8+PHBhdGggY2xhc3M9InN0MiIgZD0iTTY3Mi40ODggMGgtNDguODI0Yy4wNTkgMi4xMjQuMzI4IDQuMTk1Ljc4OCA2LjE5MyAzLjIwOSAxMy45MiAxNS42NzEgMjQuMzAzIDMwLjU2NyAyNC4zMDMgMi42NzIgMCA1LjI2NS0uMzM2IDcuNzQyLS45NjUgMTMuMzEtMy4zNzggMjMuMjE4LTE1LjI2NSAyMy42MTItMjkuNTMxaC0xMy44ODV6TTEyOS4yMzkgMTQuODk5YzExLjI4NCAwIDIxLjE3My01Ljk1OSAyNi43MDEtMTQuODk5aC01My40MDNjNS41MyA4Ljk0IDE1LjQxOCAxNC44OTkgMjYuNzAyIDE0Ljg5OXoiLz48cGF0aCBjbGFzcz0ic3QzIiBkPSJNNDQyLjY4OCAzMS4wNTFjMTkuMDkxIDAgMzUuMDc2LTEzLjI0OSAzOS4yOTEtMzEuMDUxaC03OC41ODNjNC4yMTYgMTcuODAyIDIwLjIwMiAzMS4wNTEgMzkuMjkyIDMxLjA1MXoiLz48Y2lyY2xlIGNsYXNzPSJzdDAiIGN4PSI1NDkuMDI5IiBjeT0iMTA4Ny41NyIgcj0iMTAuODcyIi8+PHBhdGggY2xhc3M9InN0MyIgZD0iTTY3NC4yNTggMTEyMmMtNC4xMTctMTcuOTM4LTIwLjE2Ny0zMS4zMjItMzkuMzU0LTMxLjMyMnMtMzUuMjM3IDEzLjM4NC0zOS4zNTQgMzEuMzIyaDc4LjcwOHoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMCA3My45OTJ2MTAxLjkyNWMxNy45NjUtOS44OTQgMzAuMTQtMjkuMDA0IDMwLjE0LTUwLjk2M1MxNy45NjUgODMuODg2IDAgNzMuOTkyeiIvPjwvc3ZnPg==) no-repeat;
  background-size: 101%
}

.template.cover-bubbles.win-bro.letter .page:not(.first-page) .top-ornament {
  background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA4MTYgMTA1NCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDF7ZmlsbDojYzRiMTk1fS5zdDJ7ZmlsbDojYWQ1YTVhfTwvc3R5bGU+PHBhdGggZD0iTTY5MS4xMjEgMGgtNTAuMTc3Yy4wNjEgMi4xODMuMzM3IDQuMzExLjgxIDYuMzY1IDMuMjk4IDE0LjMwNiAxNi4xMDUgMjQuOTc2IDMxLjQxNCAyNC45NzYgMi43NDYgMCA1LjQxMS0uMzQ1IDcuOTU3LS45OTJDNjk0LjgwNCAyNi44NzggNzA0Ljk4NiAxNC42NjEgNzA1LjM5MSAwaC0xNC4yN3pNMTMyLjgyIDE1LjMxMmMxMS41OTcgMCAyMS43Ni02LjEyNCAyNy40NDEtMTUuMzEyaC01NC44ODNjNS42ODMgOS4xODggMTUuODQ1IDE1LjMxMiAyNy40NDIgMTUuMzEyeiIgZmlsbD0iI2Y5ZDJkMiIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik00NTQuOTU0IDMxLjkxMWMxOS42MiAwIDM2LjA0OC0xMy42MTYgNDAuMzgtMzEuOTExaC04MC43NmM0LjMzMiAxOC4yOTUgMjAuNzYxIDMxLjkxMSA0MC4zOCAzMS45MTF6Ii8+PGNpcmNsZSBjbGFzcz0ic3QyIiBjeD0iNTY0LjI0MSIgY3k9IjEwMTguNjE2IiByPSIxMS4xNzMiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNNjkyLjk0IDEwNTRjLTQuMjMxLTE4LjQzNS0yMC43MjYtMzIuMTktNDAuNDQ0LTMyLjE5cy0zNi4yMTMgMTMuNzU1LTQwLjQ0NCAzMi4xOWg4MC44ODh6Ii8+PHBhdGggY2xhc3M9InN0MiIgZD0iTTAgNzYuMDQydjEwNC43NDljMTguNDYzLTEwLjE2OCAzMC45NzUtMjkuODA4IDMwLjk3NS01Mi4zNzVTMTguNDYzIDg2LjIxIDAgNzYuMDQyeiIvPjwvc3ZnPg==) no-repeat;
  background-size: 101%
}

.template.cover-bubbles.win-bro.letter .page.first-page .top-ornament {
  background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA4MTYgMTA1NCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDB7ZmlsbDojYWQ1YTVhfS5zdDJ7ZmlsbDojZjlkMmQyfS5zdDN7ZmlsbDojYzRiMTk1fTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTc5Ny40MzQgMGMtOS4yOCAyMi42MDYtMjYuMjMzIDQxLjI0OC00Ny42MjQgNTIuNjg1LjQ3NSAzLjI2OC43MzIgNi42MDguNzMyIDEwLjAwOSAwIDMyLjUxNi0yMi41MDMgNTkuNzYtNTIuNzc5IDY3LjA1MyAyNC4wMjkgNDAuNDY4IDY3LjkxOCA2Ny43NTIgMTE4LjIzOCA2OC40MjJWMGgtMTguNTY3eiIvPjxwYXRoIGQ9Ik02NDEuNzU0IDYuMzY1YTMyLjIxOCAzMi4yMTggMCAwIDEtLjgxLTYuMzY1aC0zNy4zOTlhMTA0Ljc4MSAxMDQuNzgxIDAgMCAwIDE3Ljg1MiAyOC45NCA2OS4yODcgNjkuMjg3IDAgMCAxIDIwLjM1Ny0yMi41NzV6bTEwOC4wNTYgNDYuMzJDNzcxLjE5OSA0MS4yNDkgNzg4LjE1MyAyMi42MDYgNzk3LjQzNCAwaC04Ny4wOTljMjAuODI1IDkuNTc2IDM2LjA2MSAyOS4yMDcgMzkuNDc1IDUyLjY4NXoiIGZpbGw9IiNlMGNjYjEiLz48Y2lyY2xlIHRyYW5zZm9ybT0icm90YXRlKC02Ny41IDY1My43NzcgMTQ4LjUxNikiIGNsYXNzPSJzdDIiIGN4PSI2NTMuNzk0IiBjeT0iMTQ4LjUyIiByPSI3LjM2OSIvPjxwYXRoIGNsYXNzPSJzdDMiIGQ9Ik03NDkuODEgNTIuNjg1Qzc0Ni4zOTYgMjkuMjA3IDczMS4xNiA5LjU3NiA3MTAuMzMzIDBoLTQuOTQyYy0uNDA1IDE0LjY2MS0xMC41ODcgMjYuODc4LTI0LjI2NyAzMC4zNDlhMzIuMzEzIDMyLjMxMyAwIDAgMS03Ljk1Ny45OTJjLTE1LjMwOCAwLTI4LjExNS0xMC42Ny0zMS40MTQtMjQuOTc2YTY5LjI5OCA2OS4yOTggMCAwIDAtMjAuMzU3IDIyLjU3NSA2OC42NDUgNjguNjQ1IDAgMCAwLTguODI3IDMzLjc1NGMwIDM4LjEgMzAuODg2IDY4Ljk4NiA2OC45ODYgNjguOTg2IDUuNTg1IDAgMTEuMDA3LS42OCAxNi4yMDctMS45MzMgMzAuMjc3LTcuMjkzIDUyLjc3OS0zNC41MzcgNTIuNzc5LTY3LjA1MyAwLTMuNC0uMjU3LTYuNzQtLjczMS0xMC4wMDl6Ii8+PGNpcmNsZSBjbGFzcz0ic3QwIiBjeD0iNTY4LjcyMSIgY3k9IjQ1LjY3NCIgcj0iMTcuMDIiLz48Y2lyY2xlIGNsYXNzPSJzdDAiIGN4PSI2ODQuNDM1IiBjeT0iMTk4LjE5MiIgcj0iMTguOTA2Ii8+PHBhdGggY2xhc3M9InN0MiIgZD0iTTY5MS4xMjEgMGgtNTAuMTc3Yy4wNjEgMi4xODMuMzM3IDQuMzExLjgxIDYuMzY1IDMuMjk4IDE0LjMwNiAxNi4xMDUgMjQuOTc2IDMxLjQxNCAyNC45NzYgMi43NDYgMCA1LjQxMS0uMzQ1IDcuOTU3LS45OTJDNjk0LjgwNCAyNi44NzggNzA0Ljk4NiAxNC42NjEgNzA1LjM5MSAwaC0xNC4yN3pNMTMyLjgyIDE1LjMxMmMxMS41OTcgMCAyMS43Ni02LjEyNCAyNy40NDEtMTUuMzEyaC01NC44ODNjNS42ODMgOS4xODggMTUuODQ1IDE1LjMxMiAyNy40NDIgMTUuMzEyeiIvPjxwYXRoIGNsYXNzPSJzdDMiIGQ9Ik00NTQuOTU0IDMxLjkxMWMxOS42MiAwIDM2LjA0OC0xMy42MTYgNDAuMzgtMzEuOTExaC04MC43NmM0LjMzMiAxOC4yOTUgMjAuNzYxIDMxLjkxMSA0MC4zOCAzMS45MTF6Ii8+PGNpcmNsZSBjbGFzcz0ic3QwIiBjeD0iNTY0LjI0MSIgY3k9IjEwMTguNjE2IiByPSIxMS4xNzMiLz48cGF0aCBjbGFzcz0ic3QzIiBkPSJNNjkyLjk0IDEwNTRjLTQuMjMxLTE4LjQzNS0yMC43MjYtMzIuMTktNDAuNDQ0LTMyLjE5cy0zNi4yMTMgMTMuNzU1LTQwLjQ0NCAzMi4xOWg4MC44ODh6Ii8+PHBhdGggY2xhc3M9InN0MCIgZD0iTTAgNzYuMDQydjEwNC43NDljMTguNDYzLTEwLjE2OCAzMC45NzUtMjkuODA4IDMwLjk3NS01Mi4zNzVTMTguNDYzIDg2LjIxIDAgNzYuMDQyeiIvPjwvc3ZnPg==) no-repeat;
  background-size: 101%
}

.template.cover-bubbles.win-bro:not(.letter) .page:not(.first-page) .top-ornament {
  background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA3OTQgMTEyMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDF7ZmlsbDojYzRiMTk1fS5zdDJ7ZmlsbDojYWQ1YTVhfTwvc3R5bGU+PHBhdGggZD0iTTY3Mi40ODggMGgtNDguODI0Yy4wNTkgMi4xMjQuMzI4IDQuMTk1Ljc4OCA2LjE5MyAzLjIwOSAxMy45MiAxNS42NzEgMjQuMzAzIDMwLjU2NyAyNC4zMDMgMi42NzIgMCA1LjI2NS0uMzM2IDcuNzQyLS45NjUgMTMuMzEtMy4zNzggMjMuMjE4LTE1LjI2NSAyMy42MTItMjkuNTMxaC0xMy44ODV6TTEyOS4yMzkgMTQuODk5YzExLjI4NCAwIDIxLjE3My01Ljk1OSAyNi43MDEtMTQuODk5aC01My40MDNjNS41MyA4Ljk0IDE1LjQxOCAxNC44OTkgMjYuNzAyIDE0Ljg5OXoiIGZpbGw9IiNmOWQyZDIiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNNDQyLjY4OCAzMS4wNTFjMTkuMDkxIDAgMzUuMDc2LTEzLjI0OSAzOS4yOTEtMzEuMDUxaC03OC41ODNjNC4yMTYgMTcuODAyIDIwLjIwMiAzMS4wNTEgMzkuMjkyIDMxLjA1MXoiLz48Y2lyY2xlIGNsYXNzPSJzdDIiIGN4PSI1NDkuMDI5IiBjeT0iMTA4Ny41NyIgcj0iMTAuODcyIi8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTY3NC4yNTggMTEyMmMtNC4xMTctMTcuOTM4LTIwLjE2Ny0zMS4zMjItMzkuMzU0LTMxLjMyMnMtMzUuMjM3IDEzLjM4NC0zOS4zNTQgMzEuMzIyaDc4LjcwOHoiLz48cGF0aCBjbGFzcz0ic3QyIiBkPSJNMCA3My45OTJ2MTAxLjkyNWMxNy45NjUtOS44OTQgMzAuMTQtMjkuMDA0IDMwLjE0LTUwLjk2M1MxNy45NjUgODMuODg2IDAgNzMuOTkyeiIvPjwvc3ZnPg==) no-repeat;
  background-size: 101%
}

.template.cover-bubbles.win-bro:not(.letter) .page.first-page .top-ornament {
  background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA3OTQgMTEyMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDB7ZmlsbDojYWQ1YTVhfS5zdDJ7ZmlsbDojZjlkMmQyfS5zdDN7ZmlsbDojYzRiMTk1fTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTc3NS45MzQgMGMtOS4wMyAyMS45OTctMjUuNTI2IDQwLjEzNi00Ni4zNCA1MS4yNjUuNDYyIDMuMTguNzEyIDYuNDMuNzEyIDkuNzM5IDAgMzEuNjM5LTIxLjg5NiA1OC4xNDktNTEuMzU2IDY1LjI0NSAyMy4zODEgMzkuMzc3IDY2LjA4NyA2NS45MjUgMTE1LjA1IDY2LjU3N1YwaC0xOC4wNjZ6Ii8+PHBhdGggZD0iTTYyNC40NTIgNi4xOTNBMzEuMzM4IDMxLjMzOCAwIDAgMSA2MjMuNjY0IDBoLTM2LjM5MWExMDEuOTU1IDEwMS45NTUgMCAwIDAgMTcuMzcxIDI4LjE2IDY3LjQxNiA2Ny40MTYgMCAwIDEgMTkuODA4LTIxLjk2N3ptMTA1LjE0MiA0NS4wNzJjMjAuODEzLTExLjEyOCAzNy4zMS0yOS4yNjggNDYuMzQtNTEuMjY1aC04NC43NTFjMjAuMjY0IDkuMzE4IDM1LjA5IDI4LjQyIDM4LjQxMSA1MS4yNjV6IiBmaWxsPSIjZTBjY2IxIi8+PGNpcmNsZSB0cmFuc2Zvcm09InJvdGF0ZSgtNjcuNSA2MzYuMTQxIDE0NC41MjUpIiBjbGFzcz0ic3QyIiBjeD0iNjM2LjE1NyIgY3k9IjE0NC41MjkiIHI9IjcuMTciLz48cGF0aCBjbGFzcz0ic3QzIiBkPSJNNzI5LjU5NCA1MS4yNjVDNzI2LjI3MyAyOC40MiA3MTEuNDQ3IDkuMzE4IDY5MS4xODIgMGgtNC44MDljLS4zOTQgMTQuMjY2LTEwLjMwMiAyNi4xNTMtMjMuNjEzIDI5LjUzMS0yLjQ3Ny42MjktNS4wNy45NjUtNy43NDIuOTY1LTE0Ljg5NSAwLTI3LjM1Ny0xMC4zODItMzAuNTY3LTI0LjMwM2E2Ny40MzQgNjcuNDM0IDAgMCAwLTE5LjgwOCAyMS45NjYgNjYuNzkyIDY2Ljc5MiAwIDAgMC04LjU4OSAzMi44NDRjMCAzNy4wNzMgMzAuMDUzIDY3LjEyNiA2Ny4xMjYgNjcuMTI2IDUuNDM0IDAgMTAuNzEtLjY2MiAxNS43Ny0xLjg4MSAyOS40NjEtNy4wOTYgNTEuMzU2LTMzLjYwNiA1MS4zNTYtNjUuMjQ1IDAtMy4zMDgtLjI1LTYuNTU4LS43MTItOS43Mzh6Ii8+PGNpcmNsZSBjbGFzcz0ic3QwIiBjeD0iNTUzLjM4OCIgY3k9IjQ0LjQ0MyIgcj0iMTYuNTYxIi8+PGNpcmNsZSBjbGFzcz0ic3QwIiBjeD0iNjY1Ljk4MiIgY3k9IjE5Mi44NDkiIHI9IjE4LjM5NiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik02NzIuNDg4IDBoLTQ4LjgyNGMuMDU5IDIuMTI0LjMyOCA0LjE5NS43ODggNi4xOTMgMy4yMDkgMTMuOTIgMTUuNjcxIDI0LjMwMyAzMC41NjcgMjQuMzAzIDIuNjcyIDAgNS4yNjUtLjMzNiA3Ljc0Mi0uOTY1IDEzLjMxLTMuMzc4IDIzLjIxOC0xNS4yNjUgMjMuNjEyLTI5LjUzMWgtMTMuODg1ek0xMjkuMjM5IDE0Ljg5OWMxMS4yODQgMCAyMS4xNzMtNS45NTkgMjYuNzAxLTE0Ljg5OWgtNTMuNDAzYzUuNTMgOC45NCAxNS40MTggMTQuODk5IDI2LjcwMiAxNC44OTl6Ii8+PHBhdGggY2xhc3M9InN0MyIgZD0iTTQ0Mi42ODggMzEuMDUxYzE5LjA5MSAwIDM1LjA3Ni0xMy4yNDkgMzkuMjkxLTMxLjA1MWgtNzguNTgzYzQuMjE2IDE3LjgwMiAyMC4yMDIgMzEuMDUxIDM5LjI5MiAzMS4wNTF6Ii8+PGNpcmNsZSBjbGFzcz0ic3QwIiBjeD0iNTQ5LjAyOSIgY3k9IjEwODcuNTciIHI9IjEwLjg3MiIvPjxwYXRoIGNsYXNzPSJzdDMiIGQ9Ik02NzQuMjU4IDExMjJjLTQuMTE3LTE3LjkzOC0yMC4xNjctMzEuMzIyLTM5LjM1NC0zMS4zMjJzLTM1LjIzNyAxMy4zODQtMzkuMzU0IDMxLjMyMmg3OC43MDh6Ii8+PHBhdGggY2xhc3M9InN0MCIgZD0iTTAgNzMuOTkydjEwMS45MjVjMTcuOTY1LTkuODk0IDMwLjE0LTI5LjAwNCAzMC4xNC01MC45NjNTMTcuOTY1IDgzLjg4NiAwIDczLjk5MnoiLz48L3N2Zz4=) no-repeat;
  background-size: 101%
}

.template.cover-compact .page,.template.resignation-compact .page {
  padding: 39px 46px 65px 60px
}

.template.cover-compact .page:after,.template.resignation-compact .page:after {
  color: #f7410f
}

.template.cover-compact.letter .page,.template.resignation-compact.letter .page {
  padding-left: 71px;
  padding-right: 57px
}

.template.cover-compact .general-section .name,.template.resignation-compact .general-section .name {
  color: #f7410f;
  font-size: 34px;
  line-height: 40px;
  padding-bottom: clamp(1rem, calc(var(--templates-lh-base)*2), 3.5rem);
  position: relative;
  text-align: center
}

.template.cover-compact .general-section .name:before,.template.resignation-compact .general-section .name:before {
  background: #000;
  bottom: 10px;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%
}

.template.cover-compact .general-section .name:after,.template.resignation-compact .general-section .name:after {
  background: #000;
  bottom: 6px;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%
}

.template.cover-compact .general-section .general-info-wrapper,.template.resignation-compact .general-section .general-info-wrapper {
  padding-bottom: clamp(1rem, calc(var(--templates-lh-base)*5), 3.5rem);
  padding-top: clamp(1rem, calc(var(--templates-lh-base)*3), 3.5rem);
}

.template.cover-compact .general-section .general-info-wrapper .general-info-from,.template.cover-compact .general-section .general-info-wrapper .general-info-to,.template.resignation-compact .general-section .general-info-wrapper .general-info-from,.template.resignation-compact .general-section .general-info-wrapper .general-info-to {
  display: inline-block;
  vertical-align: top;
  width: 50%
}

.template.cover-compact .general-section .general-info-wrapper .general-info-to,.template.resignation-compact .general-section .general-info-wrapper .general-info-to {
  padding-right: 10px
}

.template.cover-compact .general-section .general-info-wrapper .general-info-from,.template.resignation-compact .general-section .general-info-wrapper .general-info-from {
  padding-left: 10px;
  text-align: right
}

.template.cover-compact.blu-whi .page,.template.resignation-compact.blu-whi .page {
  background-color: #fff
}

.template.cover-compact.blu-whi .general-section .name,.template.cover-compact.blu-whi .page:after,.template.resignation-compact.blu-whi .general-section .name,.template.resignation-compact.blu-whi .page:after {
  color: #0462f6
}

.template.cover-compact.red-whi .page,.template.resignation-compact.red-whi .page {
  background-color: #fff
}

.template.cover-compact.red-whi .general-section .name,.template.cover-compact.red-whi .page:after,.template.resignation-compact.red-whi .general-section .name,.template.resignation-compact.red-whi .page:after {
  color: #f7410f
}

.template.cover-compact.grn-whi .page,.template.resignation-compact.grn-whi .page {
  background-color: #fff
}

.template.cover-compact.grn-whi .general-section .name,.template.cover-compact.grn-whi .page:after,.template.resignation-compact.grn-whi .general-section .name,.template.resignation-compact.grn-whi .page:after {
  color: #369188
}

.template.cover-compact.yel-whi .page,.template.resignation-compact.yel-whi .page {
  background-color: #fff
}

.template.cover-compact.yel-whi .general-section .name,.template.cover-compact.yel-whi .page:after,.template.resignation-compact.yel-whi .general-section .name,.template.resignation-compact.yel-whi .page:after {
  color: #f7b94b
}

.template.cover-compact.pin-whi .page,.template.resignation-compact.pin-whi .page {
  background-color: #fff
}

.template.cover-compact.pin-whi .general-section .name,.template.cover-compact.pin-whi .page:after,.template.resignation-compact.pin-whi .general-section .name,.template.resignation-compact.pin-whi .page:after {
  color: #ef9a9a
}

.template.cover-compact.cya-whi .page,.template.resignation-compact.cya-whi .page {
  background-color: #fff
}

.template.cover-compact.cya-whi .general-section .name,.template.cover-compact.cya-whi .page:after,.template.resignation-compact.cya-whi .general-section .name,.template.resignation-compact.cya-whi .page:after {
  color: #3dbfed
}

.template.cover-compact.win-whi .page,.template.resignation-compact.win-whi .page {
  background-color: #fff
}

.template.cover-compact.win-whi .general-section .name,.template.cover-compact.win-whi .page:after,.template.resignation-compact.win-whi .general-section .name,.template.resignation-compact.win-whi .page:after {
  color: #961e27
}

.template.cover-compact.bro-whi .page,.template.resignation-compact.bro-whi .page {
  background-color: #fff
}

.template.cover-compact.bro-whi .general-section .name,.template.cover-compact.bro-whi .page:after,.template.resignation-compact.bro-whi .general-section .name,.template.resignation-compact.bro-whi .page:after {
  color: #884f06
}

.template.cover-compact.ste-whi .page,.template.resignation-compact.ste-whi .page {
  background-color: #fff
}

.template.cover-compact.ste-whi .general-section .name,.template.cover-compact.ste-whi .page:after,.template.resignation-compact.ste-whi .general-section .name,.template.resignation-compact.ste-whi .page:after {
  color: #517484
}

.template.cover-compact.blu-pin .page,.template.resignation-compact.blu-pin .page {
  background-color: #fce6e6
}

.template.cover-compact.blu-pin .general-section .name,.template.cover-compact.blu-pin .page:after,.template.resignation-compact.blu-pin .general-section .name,.template.resignation-compact.blu-pin .page:after {
  color: #366af6
}

.template.cover-compact.grn-red .page,.template.resignation-compact.grn-red .page {
  background-color: #f9ddc0
}

.template.cover-compact.grn-red .general-section .name,.template.cover-compact.grn-red .page:after,.template.resignation-compact.grn-red .general-section .name,.template.resignation-compact.grn-red .page:after {
  color: #369188
}

.template.cover-compact.red-cya .page,.template.resignation-compact.red-cya .page {
  background-color: #e5f9f9
}

.template.cover-compact.red-cya .general-section .name,.template.cover-compact.red-cya .page:after,.template.resignation-compact.red-cya .general-section .name,.template.resignation-compact.red-cya .page:after {
  color: #f7410f
}

.template.cover-compact.gre-whi .page,.template.resignation-compact.gre-whi .page {
  background-color: #fff
}

.template.cover-compact.gre-whi .general-section .name,.template.cover-compact.gre-whi .page:after,.template.resignation-compact.gre-whi .general-section .name,.template.resignation-compact.gre-whi .page:after {
  color: #a7a9ac
}

.template.cover-compact.bla-whi .page,.template.resignation-compact.bla-whi .page {
  background-color: #fff
}

.template.cover-compact.bla-whi .general-section .name,.template.cover-compact.bla-whi .page:after,.template.resignation-compact.bla-whi .general-section .name,.template.resignation-compact.bla-whi .page:after {
  color: #000
}

.template.cover-doodle .page {
  padding: 91px 0 52px;
  position: relative
}

.template.cover-doodle.page-wrapper.numbersShown .outer-page.multi-page .page:after {
  align-items: center;
  background: #fff;
  border: 1px solid #000;
  border-radius: 50%;
  color: #0462f6;
  display: inline-flex;
  height: 44px;
  justify-content: center;
  left: unset;
  right: 20px;
  text-align: right;
  top: 20px;
  width: 44px
}

.template.cover-doodle.letter .general-section .name {
  padding-left: 71px;
  padding-right: 71px
}

.template.cover-doodle.letter .general-section .general-info-wrapper,.template.cover-doodle.letter .rich-text {
  padding-left: 101px;
  padding-right: 71px
}

.template.cover-doodle .top-ornament {
  display: block;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.template.cover-doodle .page:not(.first-page) .top-ornament {
  background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgNzkxLjQgNzUuNSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDF7Y2xpcC1wYXRoOnVybCgjU1ZHSURfMl8pO2ZpbGw6bm9uZTtzdHJva2U6IzAwMDtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MTB9PC9zdHlsZT48ZGVmcz48cGF0aCBpZD0iU1ZHSURfMV8iIGQ9Ik0wIDBoNzkxLjR2NzUuNUgweiIvPjwvZGVmcz48Y2xpcFBhdGggaWQ9IlNWR0lEXzJfIj48dXNlIHhsaW5rOmhyZWY9IiNTVkdJRF8xXyIgb3ZlcmZsb3c9InZpc2libGUiLz48L2NsaXBQYXRoPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0tMi40LTEwLjdzMzAuNyAyMy4xIDY3LjUgMy40Uzk1LTI3IDEwNy45LTI3LjYiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNNDMuOS0uMVMyMiAyNS4yIDE3LjcgNDYtNi45IDc3LjQtNi45IDc3LjQiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNMzkuMi42UzIwLjQgMTYuMiAxNy4xIDI3LjEgOS4yIDU3LjctNC41IDYzLjdNMzYuMiAyLjJTNi41IDM1LTIuNCA0Ny4zTTI4LjkgNVMyIDI1LjUtMi40IDI3LjdNMzYuOSAyUzcuNiAxMi45LTQuNCAxMy4yTTM4LjMgMS4zUzMgNi02LjkgMi4ybTE3LjQgNTkuNlM4MS4yIDYwIDk0LjQgMjUuNXMxMS4xLTQ1LjggMTcuNy00OS4yIi8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTEyLjEgNTkuM1M1Ni42IDQ1LjIgNzAgMzQuMWMxNy45LTE0LjkgMjkuOS01MS42IDM5LTU1Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTEzLjIgNTcuNXM0OC42LTI1LjEgNjAuMi0zOS40IDMzLjUtNDAuOCAzOC4zLTQxLjkiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJtMTQuMyA1NS40IDc5LjEtNjcuOXMxMy41LTEwLjMgMTcuNS0xMS4yIi8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTE1LjggNTIuMlM1NS43IDEuMiA4MS4yLTEwczMwLjEtMTQuOCAzMC4xLTE0LjhtLTkuNyAyOC43czEyLjMtMjMuNyAyNy40LTE5LjFtLTMyLjMgMzVzMTUuMy0yNyA0OS42LTMyLjdNOTMuNiAyNy4zUzEzNC0yLjUgMTQ2LTUuOWMxMi0zLjQgMTIuOS0xMS40IDEyLjktMTEuNCIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik05Ni43IDI1LjFzMTYuNS0xMC4xIDMxLjEtMTEuNCAyOS43LTkuNCAzMS4xLTI5LjQiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNOTIuNiAyOS40czE5LjYtNi42IDM3LjktNC4zIDI5LjktMjEuMiAyOC40LTQwLjhNNzc0LjIgMi44Uzc1OS45LTguOSA3NjQtMjEuOW0xMC40IDI1LjRzLTIyLjItNS0yMi4zLTIxLjciLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNNzc0LjQgMy45cy0xMi43IDctMjQuNy0zLjgtMTAuMy0xMS43LTExLjUtMTYuNW0zNiAyMS4zcy0zNi45IDIxLjQtNTUuNC0yMy41bTU4LjYtOC43Uzc3Mi43LS4yIDc5Ny41IDkuOW0tMjQuNy0zNy4zcy03LjYgNDEuMiAyMi4xIDUwLjVNNzc0LjggNC42czQuOSAyNCAxOS45IDMwLjFNNzc0LjEgOC40czEuOSAzMCAxOS40IDM3LjUiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNNzAyLjQtMjUuN3MzLjQgNDUuNCA0Ny43IDQ0LjVjMCAwIDE3LjUtMS42IDI0LjctMTIuNiIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik03MDEuNy0yNS43cy00LjYgNDAuNyAzMS40IDUzLjJjMCAwIDIwLjMgNy40IDM5IDMuNiIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik03MDAuOC0yNS4xcy04LjYgNjAuMyAzOS43IDY1LjhjMCAwIDIyLjYgMi44IDMzLjkuNCIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik03MDAuMi0yNC42cy0yMCA2Ny41IDQ0LjEgNzcuOWMwIDAgMjUuMiAyLjMgMzUuNi0xLjNNMTU5LjgtMTcuM1MyMDggMTUuOCAyNzAuNS0zLjJjNTcuNi0xNy42IDU2LjQtNTUuNyA1Ni40LTU1LjciLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTU5LTEwLjFTMjA3IDI3LjEgMjcwLjQgNHM2NS41LTU1LjcgNjctNjEuNk0yMTUgLjRsLS4zLTYuNG0zNC45LTF2OC4ybS0yMy04LjIuNSA4LjhtOC4xLTcuMUwyMzMuNi40bTQwNC41LTMyLjZzNDAuNCAyOS4xIDYyLjEgNy4xYzAgMC0yMy42IDUzLjggMTQuNiA3OS40IDM0LjQgMjMuMSA3OC44IDcuMiA3OC44IDcuMkM3NjQuMyA1MC44IDc3NC43IDcgNzc0LjcgNyIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik02MDcuMS0xNS45czE1LjggMzEuMSA2MCAyMy4zYzAgMCAyMS45LS4yIDMxLjQtMjcuOU0yOTMuNi02LjJzMzUuNSAyNC4zIDUyLjEtNS4xIi8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTI4My40LTEuM3MxOC43IDIwLjkgNDcuNyAxMi44YzAgMCAxNS45LTYuOSAxNy41LTI2LjUuMi0yLjgtNC42IDUuMy00LjYgNS4zLTE3LjkgMTEuNC0zMy43LTYuOS0zMy43LTYuOSIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0yNjMuNiA2LjJzMzUuNiAzNy41IDcwLjYgMjEuMVMzNDguNi0xNSAzNDguNi0xNWM2LjIgMjcuOC0yMC41IDM0LjQtMjAuNSAzNC40QzI5OC4yIDI5LjUgMjczLjIgMyAyNzMuMiAzbTc1LjQtMThzMjYuNiAyMi4zIDUzLjMgMTIuNG0tNTIuMy0xMXMxNi41IDI3LjIgNjYuNSAxOC44bS02Ni0xNy45czE4LjQgMzcuNSA3My4xIDI0LjIiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNMzUxLjgtOS40czEyLjEgMzUuNyA1My4xIDMyLjQgMzQuMy02LjMgMzQuMy02LjNNNDY5LjEtLjdjLTIxLjQgOC4xLTI4LjItOS4xLTI4LjItOS4xIi8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTQxNi42LTkuMXM5LjIgMjcuNCAzMy40IDIxLjlTNDcwLjUtLjEgNDcwLjUtLjFzLTEwLjMgNi42LTIzLjkgNi45LTE5LjgtMTcuNC0xOS44LTE3LjQiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNNDA5LjctNC41UzQyMCAyMyA0NTIuMiAxNS42YzAgMCAyMC4xLTQuNSAxOC4zLTE1LjYgMCAwIDM3LjYgNzMuOCAxMzkuOSA1NC40IDAgMCA2NS44LTguMyA4My4xLTU5LjJNMjU0LjMgOC43czE4LjQgNDIuMyA1OC4xIDIyLjhjMCAwIDE0IDMyLjggNTYuMSAyMy4yczI2LjEtMzEgMjYuMS0zMUMzOTMuMSAzNS4yIDM4MyAzOS44IDM4MyAzOS44Yy0zMi44IDEzLjYtNTUtMTAuMi01NS0xMC4ybS04NC42LTE5czE4LjcgNDQuMiA2OC42IDIxLjdtLTc3LjctMjAuOHMyNi44IDQ5LjUgNzggMjEuMm0tOTEuMS0yMS4yczMwLjQgNjAuMiA5MS43IDIxLjFNMzQ1LjcgMjBzMzIuMyAxNi41IDQ2LjIgMy4ybTEuMSAwYy0yMy41IDIzLjMtNTQuNyAxLjktNTQuNyAxLjkiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNNDc4LjUtMS41czQxLjEgNTcuNCAxMDguNCA1MiA5NS44LTMyLjYgMTA4LjQtNjAuMU00NjMuNSAxMS4xczMuNCAxOC4xIDMxLjggMTguMW0tNDAuMi0xNC40czExLjMgMzMuOCA1Ni40IDI2bS02Ny0yMy44czIyLjUgMzguNCA2NyAyMy44bS03NS43LTIxLjdzMjEuMSAzMi41IDUyLjggMjUuMm0tOTMuOS0yMC42czI4LjYgMTkuNSA0OS44IDYuMSIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0zOTQuOCAyNC4zczExLjMgMjAuNiA0Mi45IDE2LjdjMCAwIDkuOC0yLjIgMTIuOC02LjMiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNMzk3LjQgMjkuM3MxMi42IDIyLjEgMzguMiAyMC40YzAgMCAxNy44LTMgMjIuOC05LjMiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNMzk3LjYgMzMuMXM4LjUgMjcgNDcuOSAyMC41YzAgMCAxNS0yLjIgMjEuNy05LjVtLjcuMXMyMC4yIDEyLjEgNDkuNi0uM20tNTAuMSAxczE2IDE5LjggNTkuNSAzLjRNMTU5LTcuNXMxMi44IDMxLjcgNjcuNCAyNy43bS02Ny42LTI2cy0xLjggNDEuMiA3OS40IDM4LjZNNTAxLjgtOC45IDUwMyAxLjdtMTMtMTAuNC0uMSA4LjZtMTIuNy0yLjItMS4yIDYuOW03LjMtOS0xIDYuMm01LjMtMy40LjEgNi41bTcuMy0xMi4zLjkgOC42TTYwNC42LTEwbC4zIDEwTTQ4Ni41LTUuM3Y5LjJtMy42LTMuNi45IDcuNG0yLjktOS4xLjMgMTQuOW00LjktMTEuMXY5LjJtMy45LTMuNy0uOSA5LjNtNC42LTEzLjktLjIgOC4ybS4yIDMuNS4zIDkuOW03LjItMTQgLjkgOC4xbTQuMy0xNy41LS42IDguOG01LjEgMi41LS4zLTguNm0tNC4yIDkuM3Y1LjdtLTguNi0xNS42LS40IDYuNW0yMCAxLS41IDYuN201LTMuOS0xLjMtNi42bS0xMC4xIDExLjEtLjIgNy44bS0xMS01LjUgMS4yIDEwLjFNNTM0IDE4LjRsLS43IDhtNi0xNSAuMiAxNS4zTTU0OCA0LjZsLTEuNSA5bS0zLjMtOS4xLS4zIDdtNy45IDUgLjIgN20tNi4zLTYuOC43IDUuMW0tLjMgNS43LTIgNi4zTTUyOC4zIDI2djcuNG00LjEtNC40djExLjhtLTE0LjQtMTQgLjYgNi40bTQuMi0uNVYzNk01NTMuOS44djEwLjFtNC44LTEyLjEuNCA3LjJtLTEuNyA1LjctLjUgNy41bTguOC0xNC45LS43IDltMy4zLTE5LjkgMS44IDEwLjdtNS40LTcuOS41IDYuMW00LjMtOC45LS40IDEwLjVtMi40LjguNyA4LjZtNS40LTE1LjEtLjggOC43bTYuNS0zLjF2OW0tMi44LTE5LjQgMS4xIDYuOW0tMzEuMSAxNy44LTEuNSA4LjFtLTIuNiAyLjguMiA3bS0zLjEtMTQuOS0uNiA3LjJtMTUuNS0xOS42LjQgNy4ybTguMy0zLjEtLjYgNi40bS0xLjEtMTQuNS0uMiA1LjdtNy42IDUuMS0uMiA1LjltNS4xLTcuNS0uMyA4LjZNNjAwLjEtMWwtLjEgOW03LjUtOC4xLS43IDEyLjdtNy45LTE0Ljl2OS43bS0xNC43IDdWMjJtLTUuNC02LjUtLjMgNy44bS0xMi42LjUuMiA4LjltLTE1LjgtMTQuMnY3LjRtNi42LTEyLjItLjIgNy45bTUuMiA1LjV2OS4xbS0zLjUtMTMuNXY2LjhtLTYuMS0yLjItLjYgNy44bS00LjctMy4yLjcgNy44bS0xNi01LjYuMyA2LjNtLTUuMy0yLjYuNCA2LjhNNTM3LjMgMzF2Ny42bTM1LjMtNC42djcuMW0xOC43LTEyLjktLjYgOE02MjAuOSAxbDEuMSAxMS4zbTEyLjctNi0uNiA3LjZtLTYtNC45LjggNS41bTEyLjYtMS45djcuN20yLjgtMTEuNiAzLjMgOS42bTUuNy05LjMtLjIgMTIuNm0tNTMuMiA0LjguNCA4bTguNy0xNi0xLjEgOS43bTkuNC0xMS40IDEgMTAuNG0tMTEuNCAyMC44LjMtOS40bS0xNC45IDEwLjguNC04LjNtLTExLjUgOS0zLjEtMTAuMW00NS4xLTEyLjYtMS4zIDguMW0xMS40LTE1LjUuMiAzLjVtOS4xIDEwLjJMNjQ0IDI0bS0xNCAxLjZ2OG0yOC40LTIyLjIuMiA5LjZtNS0xMC45IDMuOSA2LjFtNi4xLTguOHY3LjltLTc2LjEgMzQgLjQtNi41bTIxLjIuOS0xLjMtNy43bS01LjMtOS44LS40IDEybS01MS41IDEwLjMtLjItN203LjYgOC4zLjItNi4xbTM1LjYtMzEuMi43IDEyLjJtLTE3LjEgMTQuNC0uNCA2LjNtLTEuMS0xOC4zLjcgNS40bS0zMi44IDE0LjR2LTcuMm04MS41LTQuMXYtN20tOC41IDEyLjEtLjQtNS45bTIxLjcuMi0uMi03LjRtOC40IDIuNC0xLjItNC43bTguOC44LTEuNC02LjZtLTM3LjktMy45djQuNSIvPjwvc3ZnPg==);
  background-size: cover;
  height: 80px
}

.template.cover-doodle .page.first-page .top-ornament {
  background: url(https://d1civoyjepycei.cloudfront.net/static/assets/bundle/media/doodle-header.b41c66de.svg) no-repeat;
  height: 100%
}

.template.cover-doodle .general-section {
  padding-top: 156px
}

.template.cover-doodle .general-section .name {
  color: #ef9a9a;
  font-size: 34px;
  line-height: 40px;
  padding-bottom: clamp(1rem, calc(var(--templates-lh-base)*3), 3.5rem);
  padding-left: 60px;
  padding-right: 60px;
  text-align: center
}

.template.cover-doodle .general-section .name.rich-text .note-detail-item {
  padding-right: 60px
}

.template.cover-doodle .general-section .general-info-wrapper {
  padding-bottom: clamp(1rem, calc(var(--templates-lh-base)*3), 3.5rem);
  padding-left: 90px;
  padding-right: 60px
}

.template.cover-doodle .general-section .general-info-wrapper.rich-text .note-detail-item {
  padding-right: 60px
}

.template.cover-doodle .general-section .general-info-wrapper .general-info-from,.template.cover-doodle .general-section .general-info-wrapper .general-info-to {
  display: inline-block;
  vertical-align: top;
  width: 50%
}

.template.cover-doodle .general-section .general-info-wrapper .general-info-to {
  padding-right: 10px
}

.template.cover-doodle .general-section .general-info-wrapper .general-info-from {
  padding-left: 10px;
  text-align: right
}

.template.cover-doodle .rich-text {
  padding-left: 90px;
  padding-right: 60px;
  width: 100%
}

.template.cover-doodle .rich-text.rich-text .note-detail-item {
  padding-right: 60px
}

.template.cover-doodle.bla .general-section .name,.template.cover-doodle.bla.page-wrapper .outer-page.multi-page .page:after {
  color: #000
}

.template.cover-doodle.blu .general-section .name,.template.cover-doodle.blu.page-wrapper .outer-page.multi-page .page:after {
  color: #0462f6
}

.template.cover-doodle.con-red .general-section .name,.template.cover-doodle.con-red.page-wrapper .outer-page.multi-page .page:after {
  color: #f7410f
}

.template.cover-doodle.bro .general-section .name,.template.cover-doodle.bro.page-wrapper .outer-page.multi-page .page:after {
  color: #884f06
}

.template.cover-doodle.pur .general-section .name,.template.cover-doodle.pur.page-wrapper .outer-page.multi-page .page:after {
  color: #ab47bc
}

.template.cover-doodle.pin .general-section .name,.template.cover-doodle.pin.page-wrapper .outer-page.multi-page .page:after {
  color: #ef9a9a
}

.template.cover-doodle.grn .general-section .name,.template.cover-doodle.grn.page-wrapper .outer-page.multi-page .page:after {
  color: #369188
}

.template.cover-dotts .page {
  background: #fff;
  padding: 52px 60px 65px;
  position: relative
}

.template.cover-dotts .page.rich-text .note-detail-item {
  padding-right: 60px
}

.template.cover-dotts .page .top-ornament {
  bottom: 0;
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.template.cover-dotts .page .top-ornament svg {
  fill: #0462f6;
  display: block;
  height: 100%;
  width: 100%
}

.template.cover-dotts .page.first-page .background,.template.cover-dotts .page:not(.first-page) .first-background {
  display: none
}

.template.cover-dotts .page>.left-col,.template.cover-dotts .page>.left-column-render {
  width: 75%
}

.template.cover-dotts .page>.right-col,.template.cover-dotts .page>.right-column-render {
  width: 25%
}

.template.cover-dotts.letter .page {
  padding-left: 71px;
  padding-right: 71px
}

.template.cover-dotts .general-section {
  min-height: 193px;
  text-align: center
}

.template.cover-dotts .general-section .name {
  font-size: 32px;
  line-height: 40px;
  padding-top: 26px
}

.template.cover-dotts .general-info-wrapper {
  text-align: right
}

.template.cover-dotts .general-info-wrapper .general-info-from {
  padding-bottom: clamp(1rem, calc(var(--templates-lh-base)*2), 3.5rem);
}

.template.cover-dotts.blu-whi .page {
  background: #fff
}

.template.cover-dotts.blu-whi .page .top-ornament svg {
  fill: #0462f6
}

.template.cover-dotts.red-whi .page {
  background: #fff
}

.template.cover-dotts.red-whi .page .top-ornament svg {
  fill: #f7410f
}

.template.cover-dotts.grn-whi .page {
  background: #fff
}

.template.cover-dotts.grn-whi .page .top-ornament svg {
  fill: #369188
}

.template.cover-dotts.yel-whi .page {
  background: #fff
}

.template.cover-dotts.yel-whi .page .top-ornament svg {
  fill: #f7b94b
}

.template.cover-dotts.pin-whi .page {
  background: #fff
}

.template.cover-dotts.pin-whi .page .top-ornament svg {
  fill: #ef9a9a
}

.template.cover-dotts.cya-whi .page {
  background: #fff
}

.template.cover-dotts.cya-whi .page .top-ornament svg {
  fill: #3dbfed
}

.template.cover-dotts.win-whi .page {
  background: #fff
}

.template.cover-dotts.win-whi .page .top-ornament svg {
  fill: #961e27
}

.template.cover-dotts.pur-whi .page {
  background: #fff
}

.template.cover-dotts.pur-whi .page .top-ornament svg {
  fill: #ab47bc
}

.template.cover-dotts.ste-whi .page {
  background: #fff
}

.template.cover-dotts.ste-whi .page .top-ornament svg {
  fill: #517484
}

.template.cover-dotts.oli-whi .page {
  background: #fff
}

.template.cover-dotts.oli-whi .page .top-ornament svg {
  fill: #808626
}

.template.cover-dotts.red-red .page {
  background: #f9ddc0
}

.template.cover-dotts.red-red .page .top-ornament svg {
  fill: #f7410f
}

.template.cover-dotts.cya-cya .page {
  background: #e5f9f9
}

.template.cover-dotts.cya-cya .page .top-ornament svg {
  fill: #3dbfed
}

.template.cover-dotts.gre-whi .page {
  background: #fff
}

.template.cover-dotts.gre-whi .page .top-ornament svg {
  fill: #d8d8d8
}

.template.cover-dotts.grn-grn .page {
  background: #c7ecc7
}

.template.cover-dotts.grn-grn .page .top-ornament svg {
  fill: #369188
}

.template.cover-dotts.yel-yel .page {
  background: #f9e8d2
}

.template.cover-dotts.yel-yel .page .top-ornament svg {
  fill: #f7b94b
}

.template.cover-double-decker.page-wrapper .outer-page.multi-page .page:after,.template.resignation-double-decker.page-wrapper .outer-page.multi-page .page:after {
  padding-right: 46px;
  text-align: right
}

.letter.template.cover-double-decker.page-wrapper .outer-page.multi-page .page:after,.letter.template.resignation-double-decker.page-wrapper .outer-page.multi-page .page:after {
  padding-right: 57px
}

.template.cover-double-decker .page,.template.resignation-double-decker .page {
  padding: 52px 46px 65px 60px;
  position: relative
}

.template.cover-double-decker .page:not(.first-page) .top-ornament,.template.resignation-double-decker .page:not(.first-page) .top-ornament {
  display: block
}

.template.cover-double-decker .page:not(.first-page) .top-ornament:before,.template.resignation-double-decker .page:not(.first-page) .top-ornament:before {
  background: #ee4e34;
  content: "";
  height: 7px;
  left: 55px;
  position: absolute;
  top: 35px;
  width: 35px
}

.template.cover-double-decker .page:not(.first-page) .top-ornament:after,.template.resignation-double-decker .page:not(.first-page) .top-ornament:after {
  background: #ee4e34;
  content: "";
  height: 2px;
  left: 60px;
  position: absolute;
  top: 40px;
  width: clamp(1rem, calc(100% - 106px), 3.5rem);
}

.template.cover-double-decker.letter .page,.template.resignation-double-decker.letter .page {
  padding-left: 71px;
  padding-right: 57px
}

.template.cover-double-decker.letter .page:not(.first-page) .top-ornament:before,.template.resignation-double-decker.letter .page:not(.first-page) .top-ornament:before {
  left: 66px
}

.template.cover-double-decker.letter .page:not(.first-page) .top-ornament:after,.template.resignation-double-decker.letter .page:not(.first-page) .top-ornament:after {
  left: 71px;
  width: clamp(1rem, calc(100% - 128px), 3.5rem);
}

.template.cover-double-decker .general-section,.template.resignation-double-decker .general-section {
  padding-bottom: clamp(1rem, calc(var(--templates-lh-base)*4), 3.5rem);
  position: relative
}

.template.cover-double-decker .general-section .name,.template.resignation-double-decker .general-section .name {
  font-size: 32px;
  line-height: 40px;
  padding-bottom: 16px;
  position: relative;
  text-align: center
}

.template.cover-double-decker .general-section .name span,.template.resignation-double-decker .general-section .name span {
  position: relative
}

.template.cover-double-decker .general-section .name span:before,.template.resignation-double-decker .general-section .name span:before {
  border-bottom: 5px solid #ee4e34;
  bottom: -10px;
  content: "";
  left: 0;
  position: absolute;
  width: 100%
}

.template.cover-double-decker .general-section .name:after,.template.resignation-double-decker .general-section .name:after {
  border-bottom: 2px solid #ee4e34;
  bottom: 5px;
  content: "";
  left: -5px;
  position: absolute;
  width: clamp(1rem, calc(100% + 5px), 3.5rem);
}

.template.cover-double-decker .general-section .general-info-wrapper,.template.resignation-double-decker .general-section .general-info-wrapper {
  padding-top: clamp(1rem, calc(var(--templates-lh-base)*2), 3.5rem);
}

.template.cover-double-decker .general-section .general-info-wrapper .general-info-from,.template.cover-double-decker .general-section .general-info-wrapper .general-info-to,.template.resignation-double-decker .general-section .general-info-wrapper .general-info-from,.template.resignation-double-decker .general-section .general-info-wrapper .general-info-to {
  display: inline-block;
  vertical-align: top;
  width: 50%
}

.template.cover-double-decker .general-section .general-info-wrapper .general-info-to,.template.resignation-double-decker .general-section .general-info-wrapper .general-info-to {
  padding-right: 10px
}

.template.cover-double-decker .general-section .general-info-wrapper .general-info-from,.template.resignation-double-decker .general-section .general-info-wrapper .general-info-from {
  padding-left: 10px;
  text-align: right
}

.template.cover-double-decker .general-section:before,.template.resignation-double-decker .general-section:before {
  background: #ee4e34;
  bottom: 28px;
  content: "";
  height: 5px;
  left: -5px;
  position: absolute;
  width: 35px
}

.template.cover-double-decker .general-section:after,.template.resignation-double-decker .general-section:after {
  background: #ee4e34;
  bottom: 26px;
  content: "";
  height: 2px;
  left: -5px;
  position: absolute;
  width: clamp(1rem, calc(100% + 5px), 3.5rem);
}

.template.cover-double-decker.red-whi .page,.template.resignation-double-decker.red-whi .page {
  background-color: #fff
}

.template.cover-double-decker.red-whi .page:not(.first-page) .top-ornament:after,.template.cover-double-decker.red-whi .page:not(.first-page) .top-ornament:before,.template.resignation-double-decker.red-whi .page:not(.first-page) .top-ornament:after,.template.resignation-double-decker.red-whi .page:not(.first-page) .top-ornament:before {
  background: #ee4e34
}

.template.cover-double-decker.red-whi .general-section .name span:before,.template.cover-double-decker.red-whi .general-section .name:after,.template.resignation-double-decker.red-whi .general-section .name span:before,.template.resignation-double-decker.red-whi .general-section .name:after {
  border-bottom-color: #ee4e34
}

.template.cover-double-decker.red-whi .general-section:after,.template.cover-double-decker.red-whi .general-section:before,.template.resignation-double-decker.red-whi .general-section:after,.template.resignation-double-decker.red-whi .general-section:before {
  background: #ee4e34
}

.template.cover-double-decker.blu-whi .page,.template.resignation-double-decker.blu-whi .page {
  background-color: #fff
}

.template.cover-double-decker.blu-whi .page:not(.first-page) .top-ornament:after,.template.cover-double-decker.blu-whi .page:not(.first-page) .top-ornament:before,.template.resignation-double-decker.blu-whi .page:not(.first-page) .top-ornament:after,.template.resignation-double-decker.blu-whi .page:not(.first-page) .top-ornament:before {
  background: #0462f6
}

.template.cover-double-decker.blu-whi .general-section .name span:before,.template.cover-double-decker.blu-whi .general-section .name:after,.template.resignation-double-decker.blu-whi .general-section .name span:before,.template.resignation-double-decker.blu-whi .general-section .name:after {
  border-bottom-color: #0462f6
}

.template.cover-double-decker.blu-whi .general-section:after,.template.cover-double-decker.blu-whi .general-section:before,.template.resignation-double-decker.blu-whi .general-section:after,.template.resignation-double-decker.blu-whi .general-section:before {
  background: #0462f6
}

.template.cover-double-decker.grn-whi .page,.template.resignation-double-decker.grn-whi .page {
  background-color: #fff
}

.template.cover-double-decker.grn-whi .page:not(.first-page) .top-ornament:after,.template.cover-double-decker.grn-whi .page:not(.first-page) .top-ornament:before,.template.resignation-double-decker.grn-whi .page:not(.first-page) .top-ornament:after,.template.resignation-double-decker.grn-whi .page:not(.first-page) .top-ornament:before {
  background: #24e0a2
}

.template.cover-double-decker.grn-whi .general-section .name span:before,.template.cover-double-decker.grn-whi .general-section .name:after,.template.resignation-double-decker.grn-whi .general-section .name span:before,.template.resignation-double-decker.grn-whi .general-section .name:after {
  border-bottom-color: #24e0a2
}

.template.cover-double-decker.grn-whi .general-section:after,.template.cover-double-decker.grn-whi .general-section:before,.template.resignation-double-decker.grn-whi .general-section:after,.template.resignation-double-decker.grn-whi .general-section:before {
  background: #24e0a2
}

.template.cover-double-decker.yel-whi .page,.template.resignation-double-decker.yel-whi .page {
  background-color: #fff
}

.template.cover-double-decker.yel-whi .page:not(.first-page) .top-ornament:after,.template.cover-double-decker.yel-whi .page:not(.first-page) .top-ornament:before,.template.resignation-double-decker.yel-whi .page:not(.first-page) .top-ornament:after,.template.resignation-double-decker.yel-whi .page:not(.first-page) .top-ornament:before {
  background: #f7b94b
}

.template.cover-double-decker.yel-whi .general-section .name span:before,.template.cover-double-decker.yel-whi .general-section .name:after,.template.resignation-double-decker.yel-whi .general-section .name span:before,.template.resignation-double-decker.yel-whi .general-section .name:after {
  border-bottom-color: #f7b94b
}

.template.cover-double-decker.yel-whi .general-section:after,.template.cover-double-decker.yel-whi .general-section:before,.template.resignation-double-decker.yel-whi .general-section:after,.template.resignation-double-decker.yel-whi .general-section:before {
  background: #f7b94b
}

.template.cover-double-decker.old-pin-whi .page,.template.resignation-double-decker.old-pin-whi .page {
  background-color: #fff
}

.template.cover-double-decker.old-pin-whi .page:not(.first-page) .top-ornament:after,.template.cover-double-decker.old-pin-whi .page:not(.first-page) .top-ornament:before,.template.resignation-double-decker.old-pin-whi .page:not(.first-page) .top-ornament:after,.template.resignation-double-decker.old-pin-whi .page:not(.first-page) .top-ornament:before {
  background: #ef9a9a
}

.template.cover-double-decker.old-pin-whi .general-section .name span:before,.template.cover-double-decker.old-pin-whi .general-section .name:after,.template.resignation-double-decker.old-pin-whi .general-section .name span:before,.template.resignation-double-decker.old-pin-whi .general-section .name:after {
  border-bottom-color: #ef9a9a
}

.template.cover-double-decker.old-pin-whi .general-section:after,.template.cover-double-decker.old-pin-whi .general-section:before,.template.resignation-double-decker.old-pin-whi .general-section:after,.template.resignation-double-decker.old-pin-whi .general-section:before {
  background: #ef9a9a
}

.template.cover-double-decker.cya-whi .page,.template.resignation-double-decker.cya-whi .page {
  background-color: #fff
}

.template.cover-double-decker.cya-whi .page:not(.first-page) .top-ornament:after,.template.cover-double-decker.cya-whi .page:not(.first-page) .top-ornament:before,.template.resignation-double-decker.cya-whi .page:not(.first-page) .top-ornament:after,.template.resignation-double-decker.cya-whi .page:not(.first-page) .top-ornament:before {
  background: #3dbfed
}

.template.cover-double-decker.cya-whi .general-section .name span:before,.template.cover-double-decker.cya-whi .general-section .name:after,.template.resignation-double-decker.cya-whi .general-section .name span:before,.template.resignation-double-decker.cya-whi .general-section .name:after {
  border-bottom-color: #3dbfed
}

.template.cover-double-decker.cya-whi .general-section:after,.template.cover-double-decker.cya-whi .general-section:before,.template.resignation-double-decker.cya-whi .general-section:after,.template.resignation-double-decker.cya-whi .general-section:before {
  background: #3dbfed
}

.template.cover-double-decker.ste-whi .page,.template.resignation-double-decker.ste-whi .page {
  background-color: #fff
}

.template.cover-double-decker.ste-whi .page:not(.first-page) .top-ornament:after,.template.cover-double-decker.ste-whi .page:not(.first-page) .top-ornament:before,.template.resignation-double-decker.ste-whi .page:not(.first-page) .top-ornament:after,.template.resignation-double-decker.ste-whi .page:not(.first-page) .top-ornament:before {
  background: #9bbfcc
}

.template.cover-double-decker.ste-whi .general-section .name span:before,.template.cover-double-decker.ste-whi .general-section .name:after,.template.resignation-double-decker.ste-whi .general-section .name span:before,.template.resignation-double-decker.ste-whi .general-section .name:after {
  border-bottom-color: #9bbfcc
}

.template.cover-double-decker.ste-whi .general-section:after,.template.cover-double-decker.ste-whi .general-section:before,.template.resignation-double-decker.ste-whi .general-section:after,.template.resignation-double-decker.ste-whi .general-section:before {
  background: #9bbfcc
}

.template.cover-double-decker.bro-whi .page,.template.resignation-double-decker.bro-whi .page {
  background-color: #fff
}

.template.cover-double-decker.bro-whi .page:not(.first-page) .top-ornament:after,.template.cover-double-decker.bro-whi .page:not(.first-page) .top-ornament:before,.template.resignation-double-decker.bro-whi .page:not(.first-page) .top-ornament:after,.template.resignation-double-decker.bro-whi .page:not(.first-page) .top-ornament:before {
  background: #b5a09a
}

.template.cover-double-decker.bro-whi .general-section .name span:before,.template.cover-double-decker.bro-whi .general-section .name:after,.template.resignation-double-decker.bro-whi .general-section .name span:before,.template.resignation-double-decker.bro-whi .general-section .name:after {
  border-bottom-color: #b5a09a
}

.template.cover-double-decker.bro-whi .general-section:after,.template.cover-double-decker.bro-whi .general-section:before,.template.resignation-double-decker.bro-whi .general-section:after,.template.resignation-double-decker.bro-whi .general-section:before {
  background: #b5a09a
}

.template.cover-double-decker.pin-whi .page,.template.resignation-double-decker.pin-whi .page {
  background-color: #fff
}

.template.cover-double-decker.pin-whi .page:not(.first-page) .top-ornament:after,.template.cover-double-decker.pin-whi .page:not(.first-page) .top-ornament:before,.template.resignation-double-decker.pin-whi .page:not(.first-page) .top-ornament:after,.template.resignation-double-decker.pin-whi .page:not(.first-page) .top-ornament:before {
  background: #ee699b
}

.template.cover-double-decker.pin-whi .general-section .name span:before,.template.cover-double-decker.pin-whi .general-section .name:after,.template.resignation-double-decker.pin-whi .general-section .name span:before,.template.resignation-double-decker.pin-whi .general-section .name:after {
  border-bottom-color: #ee699b
}

.template.cover-double-decker.pin-whi .general-section:after,.template.cover-double-decker.pin-whi .general-section:before,.template.resignation-double-decker.pin-whi .general-section:after,.template.resignation-double-decker.pin-whi .general-section:before {
  background: #ee699b
}

.template.cover-double-decker.gre-whi .page,.template.resignation-double-decker.gre-whi .page {
  background-color: #fff
}

.template.cover-double-decker.gre-whi .page:not(.first-page) .top-ornament:after,.template.cover-double-decker.gre-whi .page:not(.first-page) .top-ornament:before,.template.resignation-double-decker.gre-whi .page:not(.first-page) .top-ornament:after,.template.resignation-double-decker.gre-whi .page:not(.first-page) .top-ornament:before {
  background: #d8d8d8
}

.template.cover-double-decker.gre-whi .general-section .name span:before,.template.cover-double-decker.gre-whi .general-section .name:after,.template.resignation-double-decker.gre-whi .general-section .name span:before,.template.resignation-double-decker.gre-whi .general-section .name:after {
  border-bottom-color: #d8d8d8
}

.template.cover-double-decker.gre-whi .general-section:after,.template.cover-double-decker.gre-whi .general-section:before,.template.resignation-double-decker.gre-whi .general-section:after,.template.resignation-double-decker.gre-whi .general-section:before {
  background: #d8d8d8
}

.template.cover-double-decker.red-red .page,.template.resignation-double-decker.red-red .page {
  background-color: #f9ddc0
}

.template.cover-double-decker.red-red .page:not(.first-page) .top-ornament:after,.template.cover-double-decker.red-red .page:not(.first-page) .top-ornament:before,.template.resignation-double-decker.red-red .page:not(.first-page) .top-ornament:after,.template.resignation-double-decker.red-red .page:not(.first-page) .top-ornament:before {
  background: #ee4e34
}

.template.cover-double-decker.red-red .general-section .name span:before,.template.cover-double-decker.red-red .general-section .name:after,.template.resignation-double-decker.red-red .general-section .name span:before,.template.resignation-double-decker.red-red .general-section .name:after {
  border-bottom-color: #ee4e34
}

.template.cover-double-decker.red-red .general-section:after,.template.cover-double-decker.red-red .general-section:before,.template.resignation-double-decker.red-red .general-section:after,.template.resignation-double-decker.red-red .general-section:before {
  background: #ee4e34
}

.template.cover-double-decker.blu-cya .page,.template.resignation-double-decker.blu-cya .page {
  background-color: #e5f9f9
}

.template.cover-double-decker.blu-cya .page:not(.first-page) .top-ornament:after,.template.cover-double-decker.blu-cya .page:not(.first-page) .top-ornament:before,.template.resignation-double-decker.blu-cya .page:not(.first-page) .top-ornament:after,.template.resignation-double-decker.blu-cya .page:not(.first-page) .top-ornament:before {
  background: #0462f6
}

.template.cover-double-decker.blu-cya .general-section .name span:before,.template.cover-double-decker.blu-cya .general-section .name:after,.template.resignation-double-decker.blu-cya .general-section .name span:before,.template.resignation-double-decker.blu-cya .general-section .name:after {
  border-bottom-color: #0462f6
}

.template.cover-double-decker.blu-cya .general-section:after,.template.cover-double-decker.blu-cya .general-section:before,.template.resignation-double-decker.blu-cya .general-section:after,.template.resignation-double-decker.blu-cya .general-section:before {
  background: #0462f6
}

.template.cover-english.page-wrapper .outer-page.multi-page .page:after,.template.resignation-english.page-wrapper .outer-page.multi-page .page:after {
  padding-right: 46px;
  text-align: right
}

.letter.template.cover-english.page-wrapper .outer-page.multi-page .page:after,.letter.template.resignation-english.page-wrapper .outer-page.multi-page .page:after {
  padding-right: 57px
}

.template.cover-english .page,.template.resignation-english .page {
  padding: 52px 46px 52px 60px
}

.template.cover-english .page:not(.first-page):before,.template.resignation-english .page:not(.first-page):before {
  background-color: #c1c1c1;
  content: "";
  height: 2px;
  left: 60px;
  position: absolute;
  top: 39px;
  width: clamp(1rem, calc(100% - 106px), 3.5rem);
}

.template.cover-english.letter .page,.template.resignation-english.letter .page {
  padding-left: 71px;
  padding-right: 57px
}

.template.cover-english.letter .page:not(.first-page):before,.template.resignation-english.letter .page:not(.first-page):before {
  left: 71px;
  width: clamp(1rem, calc(100% - 128px), 3.5rem);
}

.template.cover-english .general-section,.template.resignation-english .general-section {
  position: relative
}

.template.cover-english .general-section .name,.template.resignation-english .general-section .name {
  font-size: 34px;
  line-height: 40px;
  padding-bottom: var(--templates-lh-base);
  position: relative
}

.template.cover-english .general-section .name:after,.template.resignation-english .general-section .name:after {
  background-color: #c1c1c1;
  bottom: 0;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  width: 100%
}

.template.cover-english .general-section .general-info-wrapper,.template.resignation-english .general-section .general-info-wrapper {
  padding-bottom: clamp(1rem, calc(var(--templates-lh-base)*4), 3.5rem);
  padding-top: clamp(1rem, calc(var(--templates-lh-base)*2), 3.5rem);
}

.template.cover-english .general-section .general-info-wrapper .general-info-from,.template.cover-english .general-section .general-info-wrapper .general-info-to,.template.resignation-english .general-section .general-info-wrapper .general-info-from,.template.resignation-english .general-section .general-info-wrapper .general-info-to {
  display: inline-block;
  vertical-align: top;
  width: 50%
}

.template.cover-english .general-section .general-info-wrapper .general-info-to,.template.resignation-english .general-section .general-info-wrapper .general-info-to {
  padding-right: 10px
}

.template.cover-english .general-section .general-info-wrapper .general-info-from,.template.resignation-english .general-section .general-info-wrapper .general-info-from {
  padding-left: 10px;
  text-align: right
}

.template.cover-english.whi .page,.template.resignation-english.whi .page {
  background-color: #fff
}

.template.cover-english.ful-red .page,.template.resignation-english.ful-red .page {
  background-color: #f9ddc0
}

.template.cover-english.blu .page,.template.resignation-english.blu .page {
  background-color: #e5f9f9
}

.template.cover-english.yel .page,.template.resignation-english.yel .page {
  background-color: #f9e8d2
}

.template.cover-english.grn .page,.template.resignation-english.grn .page {
  background-color: #daf2da
}

.template.cover-english.pin .page,.template.resignation-english.pin .page {
  background-color: #fce6e6
}

.template.cover-europe.page-wrapper .outer-page.multi-page .page.first-page:after,.template.resignation-europe.page-wrapper .outer-page.multi-page .page.first-page:after {
  padding-right: 46px;
  text-align: right
}

.letter.template.cover-europe.page-wrapper .outer-page.multi-page .page.first-page:after,.letter.template.resignation-europe.page-wrapper .outer-page.multi-page .page.first-page:after {
  padding-right: 57px
}

.template.cover-europe .page,.template.resignation-europe .page {
  padding: 39px 46px 52px 32px
}

.template.cover-europe .page>.left-col,.template.cover-europe .page>.left-column-render,.template.resignation-europe .page>.left-col,.template.resignation-europe .page>.left-column-render {
  width: 25%
}

.template.cover-europe .page>.right-col,.template.cover-europe .page>.right-column-render,.template.resignation-europe .page>.right-col,.template.resignation-europe .page>.right-column-render {
  width: 75%
}

.template.cover-europe .page:after,.template.resignation-europe .page:after {
  color: #0462f6
}

.template.cover-europe.letter .page,.template.resignation-europe.letter .page {
  padding-left: 43px;
  padding-right: 57px
}

.template.cover-europe .general-section,.template.resignation-europe .general-section {
  padding-bottom: 52px;
  position: relative
}

.template.cover-europe .general-section .name,.template.resignation-europe .general-section .name {
  color: #0462f6;
  flex-grow: 1;
  font-size: 30px;
  line-height: 40px;
  padding-left: 172px
}

.template.cover-europe .general-info-wrapper,.template.resignation-europe .general-info-wrapper {
  color: #1e3892;
  padding-right: 26px;
  text-align: right;
  word-break: break-word
}

.template.cover-europe .general-info-wrapper .general-info-from,.template.resignation-europe .general-info-wrapper .general-info-from {
  padding-bottom: clamp(1rem, calc(var(--templates-lh-base)*2), 3.5rem);
}

.template.cover-europe .rich-text,.template.resignation-europe .rich-text {
  position: relative
}

.template.cover-europe .rich-text:before,.template.resignation-europe .rich-text:before {
  background: #0462f6;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  top: -13px;
  width: 100%
}

.template.cover-europe.blu-blu .general-section .name,.template.cover-europe.blu-blu .page:after,.template.resignation-europe.blu-blu .general-section .name,.template.resignation-europe.blu-blu .page:after {
  color: #0462f6
}

.template.cover-europe.blu-blu .general-info-wrapper,.template.resignation-europe.blu-blu .general-info-wrapper {
  color: #1e3892
}

.template.cover-europe.blu-blu .rich-text:before,.template.resignation-europe.blu-blu .rich-text:before {
  background: #0462f6
}

.template.cover-europe.pin-win .general-section .name,.template.cover-europe.pin-win .page:after,.template.resignation-europe.pin-win .general-section .name,.template.resignation-europe.pin-win .page:after {
  color: #ef9a9a
}

.template.cover-europe.pin-win .general-info-wrapper,.template.resignation-europe.pin-win .general-info-wrapper {
  color: #961e27
}

.template.cover-europe.pin-win .rich-text:before,.template.resignation-europe.pin-win .rich-text:before {
  background: #ef9a9a
}

.template.cover-europe.min-grn .general-section .name,.template.cover-europe.min-grn .page:after,.template.resignation-europe.min-grn .general-section .name,.template.resignation-europe.min-grn .page:after {
  color: #67dfc2
}

.template.cover-europe.min-grn .general-info-wrapper,.template.resignation-europe.min-grn .general-info-wrapper {
  color: #369188
}

.template.cover-europe.min-grn .rich-text:before,.template.resignation-europe.min-grn .rich-text:before {
  background: #67dfc2
}

.template.cover-europe.oli-bro .general-section .name,.template.cover-europe.oli-bro .page:after,.template.resignation-europe.oli-bro .general-section .name,.template.resignation-europe.oli-bro .page:after {
  color: #808626
}

.template.cover-europe.oli-bro .general-info-wrapper,.template.resignation-europe.oli-bro .general-info-wrapper {
  color: #6d4c41
}

.template.cover-europe.oli-bro .rich-text:before,.template.resignation-europe.oli-bro .rich-text:before {
  background: #808626
}

.template.cover-europe.blu-pur .general-section .name,.template.cover-europe.blu-pur .page:after,.template.resignation-europe.blu-pur .general-section .name,.template.resignation-europe.blu-pur .page:after {
  color: #366af6
}

.template.cover-europe.blu-pur .general-info-wrapper,.template.resignation-europe.blu-pur .general-info-wrapper {
  color: #ab47bc
}

.template.cover-europe.blu-pur .rich-text:before,.template.resignation-europe.blu-pur .rich-text:before {
  background: #366af6
}

.template.cover-europe.cya-red .general-section .name,.template.cover-europe.cya-red .page:after,.template.resignation-europe.cya-red .general-section .name,.template.resignation-europe.cya-red .page:after {
  color: #3dbfed
}

.template.cover-europe.cya-red .general-info-wrapper,.template.resignation-europe.cya-red .general-info-wrapper {
  color: #ee4e34
}

.template.cover-europe.cya-red .rich-text:before,.template.resignation-europe.cya-red .rich-text:before {
  background: #3dbfed
}

.template.cover-europe.pin-pur .general-section .name,.template.cover-europe.pin-pur .page:after,.template.resignation-europe.pin-pur .general-section .name,.template.resignation-europe.pin-pur .page:after {
  color: #ee699b
}

.template.cover-europe.pin-pur .general-info-wrapper,.template.resignation-europe.pin-pur .general-info-wrapper {
  color: #2a1d38
}

.template.cover-europe.pin-pur .rich-text:before,.template.resignation-europe.pin-pur .rich-text:before {
  background: #ee699b
}

.template.cover-europe.ste-ste .general-section .name,.template.cover-europe.ste-ste .page:after,.template.resignation-europe.ste-ste .general-section .name,.template.resignation-europe.ste-ste .page:after {
  color: #517484
}

.template.cover-europe.ste-ste .general-info-wrapper,.template.resignation-europe.ste-ste .general-info-wrapper {
  color: #9bbfcc
}

.template.cover-europe.ste-ste .rich-text:before,.template.resignation-europe.ste-ste .rich-text:before {
  background: #517484
}

.template.cover-europe.gre-gre .general-section .name,.template.cover-europe.gre-gre .page:after,.template.resignation-europe.gre-gre .general-section .name,.template.resignation-europe.gre-gre .page:after {
  color: #c1c1c1
}

.template.cover-europe.gre-gre .general-info-wrapper,.template.resignation-europe.gre-gre .general-info-wrapper {
  color: grey
}

.template.cover-europe.gre-gre .rich-text:before,.template.resignation-europe.gre-gre .rich-text:before {
  background: #c1c1c1
}

.template.cover-europe.bro-bro .general-section .name,.template.cover-europe.bro-bro .page:after,.template.resignation-europe.bro-bro .general-section .name,.template.resignation-europe.bro-bro .page:after {
  color: #9b876a
}

.template.cover-europe.bro-bro .general-info-wrapper,.template.resignation-europe.bro-bro .general-info-wrapper {
  color: #253a3a
}

.template.cover-europe.bro-bro .rich-text:before,.template.resignation-europe.bro-bro .rich-text:before {
  background: #9b876a
}

.template.cover-europe.grn-grn .general-section .name,.template.cover-europe.grn-grn .page:after,.template.resignation-europe.grn-grn .general-section .name,.template.resignation-europe.grn-grn .page:after {
  color: #446466
}

.template.cover-europe.grn-grn .general-info-wrapper,.template.resignation-europe.grn-grn .general-info-wrapper {
  color: #253a3a
}

.template.cover-europe.grn-grn .rich-text:before,.template.resignation-europe.grn-grn .rich-text:before {
  background: #446466
}

.template.cover-europe.win-win .general-section .name,.template.cover-europe.win-win .page:after,.template.resignation-europe.win-win .general-section .name,.template.resignation-europe.win-win .page:after {
  color: #9b5050
}

.template.cover-europe.win-win .general-info-wrapper,.template.resignation-europe.win-win .general-info-wrapper {
  color: #633
}

.template.cover-europe.win-win .rich-text:before,.template.resignation-europe.win-win .rich-text:before {
  background: #9b5050
}

.template.cover-green .page,.template.resignation-green .page {
  padding: 52px 46px 91px 60px;
  position: relative
}

.template.cover-green .page .bottom-ornament,.template.resignation-green .page .bottom-ornament {
  background: #369188;
  bottom: 65px;
  display: block;
  height: 1px;
  left: 60px;
  position: absolute;
  width: clamp(1rem, calc(100% - 106px), 3.5rem);
}

.template.cover-green .page:not(.first-page):before,.template.resignation-green .page:not(.first-page):before {
  background: #369188;
  content: "";
  height: 1px;
  left: 60px;
  position: absolute;
  top: 30px;
  width: clamp(1rem, calc(100% - 106px), 3.5rem);
}

.template.cover-green .page:after,.template.resignation-green .page:after {
  color: #369188
}

.template.cover-green.letter .page,.template.resignation-green.letter .page {
  padding-left: 71px;
  padding-right: 57px
}

.template.cover-green.letter .page .bottom-ornament,.template.cover-green.letter .page:not(.first-page):before,.template.resignation-green.letter .page .bottom-ornament,.template.resignation-green.letter .page:not(.first-page):before {
  left: 71px;
  width: clamp(1rem, calc(100% - 128px), 3.5rem);
}

.template.cover-green .general-section,.template.resignation-green .general-section {
  padding-bottom: clamp(1rem, calc(var(--templates-lh-base)*3), 3.5rem);
}

.template.cover-green .general-section .name,.template.resignation-green .general-section .name {
  color: #369188;
  font-size: 32px;
  line-height: 40px;
  padding-bottom: clamp(1rem, calc(var(--templates-lh-base)*3), 3.5rem);
  position: relative;
  text-align: center;
  z-index: 0
}

.template.cover-green .general-section .name span,.template.resignation-green .general-section .name span {
  background: #fff;
  padding: 0 16px
}

.template.cover-green .general-section .name:before,.template.resignation-green .general-section .name:before {
  background: #369188;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  top: 20px;
  width: 100%;
  z-index: -1
}

.template.cover-green .general-section .general-info-wrapper .general-info-from,.template.cover-green .general-section .general-info-wrapper .general-info-to,.template.resignation-green .general-section .general-info-wrapper .general-info-from,.template.resignation-green .general-section .general-info-wrapper .general-info-to {
  display: inline-block;
  vertical-align: top;
  width: 50%
}

.template.cover-green .general-section .general-info-wrapper .general-info-to,.template.resignation-green .general-section .general-info-wrapper .general-info-to {
  padding-right: 10px
}

.template.cover-green .general-section .general-info-wrapper .general-info-from,.template.resignation-green .general-section .general-info-wrapper .general-info-from {
  padding-left: 10px;
  text-align: right
}

.template.cover-green .rich-text .date,.template.resignation-green .rich-text .date {
  color: #369188
}

.template.cover-green.blu-whi .page,.template.resignation-green.blu-whi .page {
  background-color: #fff
}

.template.cover-green.blu-whi .page .bottom-ornament,.template.cover-green.blu-whi .page:not(.first-page):before,.template.resignation-green.blu-whi .page .bottom-ornament,.template.resignation-green.blu-whi .page:not(.first-page):before {
  background: #0462f6
}

.template.cover-green.blu-whi .general-section .name,.template.cover-green.blu-whi .page:after,.template.resignation-green.blu-whi .general-section .name,.template.resignation-green.blu-whi .page:after {
  color: #0462f6
}

.template.cover-green.blu-whi .general-section .name span,.template.resignation-green.blu-whi .general-section .name span {
  background: #fff
}

.template.cover-green.blu-whi .general-section .name:before,.template.resignation-green.blu-whi .general-section .name:before {
  background: #0462f6
}

.template.cover-green.blu-whi .rich-text .date,.template.resignation-green.blu-whi .rich-text .date {
  color: #0462f6
}

.template.cover-green.red-whi .page,.template.resignation-green.red-whi .page {
  background-color: #fff
}

.template.cover-green.red-whi .page .bottom-ornament,.template.cover-green.red-whi .page:not(.first-page):before,.template.resignation-green.red-whi .page .bottom-ornament,.template.resignation-green.red-whi .page:not(.first-page):before {
  background: #f7410f
}

.template.cover-green.red-whi .general-section .name,.template.cover-green.red-whi .page:after,.template.resignation-green.red-whi .general-section .name,.template.resignation-green.red-whi .page:after {
  color: #f7410f
}

.template.cover-green.red-whi .general-section .name span,.template.resignation-green.red-whi .general-section .name span {
  background: #fff
}

.template.cover-green.red-whi .general-section .name:before,.template.resignation-green.red-whi .general-section .name:before {
  background: #f7410f
}

.template.cover-green.red-whi .rich-text .date,.template.resignation-green.red-whi .rich-text .date {
  color: #f7410f
}

.template.cover-green.grn-whi .page,.template.resignation-green.grn-whi .page {
  background-color: #fff
}

.template.cover-green.grn-whi .page .bottom-ornament,.template.cover-green.grn-whi .page:not(.first-page):before,.template.resignation-green.grn-whi .page .bottom-ornament,.template.resignation-green.grn-whi .page:not(.first-page):before {
  background: #369188
}

.template.cover-green.grn-whi .general-section .name,.template.cover-green.grn-whi .page:after,.template.resignation-green.grn-whi .general-section .name,.template.resignation-green.grn-whi .page:after {
  color: #369188
}

.template.cover-green.grn-whi .general-section .name span,.template.resignation-green.grn-whi .general-section .name span {
  background: #fff
}

.template.cover-green.grn-whi .general-section .name:before,.template.resignation-green.grn-whi .general-section .name:before {
  background: #369188
}

.template.cover-green.grn-whi .rich-text .date,.template.resignation-green.grn-whi .rich-text .date {
  color: #369188
}

.template.cover-green.yel-whi .page,.template.resignation-green.yel-whi .page {
  background-color: #fff
}

.template.cover-green.yel-whi .page .bottom-ornament,.template.cover-green.yel-whi .page:not(.first-page):before,.template.resignation-green.yel-whi .page .bottom-ornament,.template.resignation-green.yel-whi .page:not(.first-page):before {
  background: #f7b94b
}

.template.cover-green.yel-whi .general-section .name,.template.cover-green.yel-whi .page:after,.template.resignation-green.yel-whi .general-section .name,.template.resignation-green.yel-whi .page:after {
  color: #f7b94b
}

.template.cover-green.yel-whi .general-section .name span,.template.resignation-green.yel-whi .general-section .name span {
  background: #fff
}

.template.cover-green.yel-whi .general-section .name:before,.template.resignation-green.yel-whi .general-section .name:before {
  background: #f7b94b
}

.template.cover-green.yel-whi .rich-text .date,.template.resignation-green.yel-whi .rich-text .date {
  color: #f7b94b
}

.template.cover-green.pin-whi .page,.template.resignation-green.pin-whi .page {
  background-color: #fff
}

.template.cover-green.pin-whi .page .bottom-ornament,.template.cover-green.pin-whi .page:not(.first-page):before,.template.resignation-green.pin-whi .page .bottom-ornament,.template.resignation-green.pin-whi .page:not(.first-page):before {
  background: #ef9a9a
}

.template.cover-green.pin-whi .general-section .name,.template.cover-green.pin-whi .page:after,.template.resignation-green.pin-whi .general-section .name,.template.resignation-green.pin-whi .page:after {
  color: #ef9a9a
}

.template.cover-green.pin-whi .general-section .name span,.template.resignation-green.pin-whi .general-section .name span {
  background: #fff
}

.template.cover-green.pin-whi .general-section .name:before,.template.resignation-green.pin-whi .general-section .name:before {
  background: #ef9a9a
}

.template.cover-green.pin-whi .rich-text .date,.template.resignation-green.pin-whi .rich-text .date {
  color: #ef9a9a
}

.template.cover-green.cya-whi .page,.template.resignation-green.cya-whi .page {
  background-color: #fff
}

.template.cover-green.cya-whi .page .bottom-ornament,.template.cover-green.cya-whi .page:not(.first-page):before,.template.resignation-green.cya-whi .page .bottom-ornament,.template.resignation-green.cya-whi .page:not(.first-page):before {
  background: #3dbfed
}

.template.cover-green.cya-whi .general-section .name,.template.cover-green.cya-whi .page:after,.template.resignation-green.cya-whi .general-section .name,.template.resignation-green.cya-whi .page:after {
  color: #3dbfed
}

.template.cover-green.cya-whi .general-section .name span,.template.resignation-green.cya-whi .general-section .name span {
  background: #fff
}

.template.cover-green.cya-whi .general-section .name:before,.template.resignation-green.cya-whi .general-section .name:before {
  background: #3dbfed
}

.template.cover-green.cya-whi .rich-text .date,.template.resignation-green.cya-whi .rich-text .date {
  color: #3dbfed
}

.template.cover-green.win-whi .page,.template.resignation-green.win-whi .page {
  background-color: #fff
}

.template.cover-green.win-whi .page .bottom-ornament,.template.cover-green.win-whi .page:not(.first-page):before,.template.resignation-green.win-whi .page .bottom-ornament,.template.resignation-green.win-whi .page:not(.first-page):before {
  background: #961e27
}

.template.cover-green.win-whi .general-section .name,.template.cover-green.win-whi .page:after,.template.resignation-green.win-whi .general-section .name,.template.resignation-green.win-whi .page:after {
  color: #961e27
}

.template.cover-green.win-whi .general-section .name span,.template.resignation-green.win-whi .general-section .name span {
  background: #fff
}

.template.cover-green.win-whi .general-section .name:before,.template.resignation-green.win-whi .general-section .name:before {
  background: #961e27
}

.template.cover-green.win-whi .rich-text .date,.template.resignation-green.win-whi .rich-text .date {
  color: #961e27
}

.template.cover-green.pur-whi .page,.template.resignation-green.pur-whi .page {
  background-color: #fff
}

.template.cover-green.pur-whi .page .bottom-ornament,.template.cover-green.pur-whi .page:not(.first-page):before,.template.resignation-green.pur-whi .page .bottom-ornament,.template.resignation-green.pur-whi .page:not(.first-page):before {
  background: #ab47bc
}

.template.cover-green.pur-whi .general-section .name,.template.cover-green.pur-whi .page:after,.template.resignation-green.pur-whi .general-section .name,.template.resignation-green.pur-whi .page:after {
  color: #ab47bc
}

.template.cover-green.pur-whi .general-section .name span,.template.resignation-green.pur-whi .general-section .name span {
  background: #fff
}

.template.cover-green.pur-whi .general-section .name:before,.template.resignation-green.pur-whi .general-section .name:before {
  background: #ab47bc
}

.template.cover-green.pur-whi .rich-text .date,.template.resignation-green.pur-whi .rich-text .date {
  color: #ab47bc
}

.template.cover-green.ste-whi .page,.template.resignation-green.ste-whi .page {
  background-color: #fff
}

.template.cover-green.ste-whi .page .bottom-ornament,.template.cover-green.ste-whi .page:not(.first-page):before,.template.resignation-green.ste-whi .page .bottom-ornament,.template.resignation-green.ste-whi .page:not(.first-page):before {
  background: #517484
}

.template.cover-green.ste-whi .general-section .name,.template.cover-green.ste-whi .page:after,.template.resignation-green.ste-whi .general-section .name,.template.resignation-green.ste-whi .page:after {
  color: #517484
}

.template.cover-green.ste-whi .general-section .name span,.template.resignation-green.ste-whi .general-section .name span {
  background: #fff
}

.template.cover-green.ste-whi .general-section .name:before,.template.resignation-green.ste-whi .general-section .name:before {
  background: #517484
}

.template.cover-green.ste-whi .rich-text .date,.template.resignation-green.ste-whi .rich-text .date {
  color: #517484
}

.template.cover-green.oli-whi .page,.template.resignation-green.oli-whi .page {
  background-color: #fff
}

.template.cover-green.oli-whi .page .bottom-ornament,.template.cover-green.oli-whi .page:not(.first-page):before,.template.resignation-green.oli-whi .page .bottom-ornament,.template.resignation-green.oli-whi .page:not(.first-page):before {
  background: #808626
}

.template.cover-green.oli-whi .general-section .name,.template.cover-green.oli-whi .page:after,.template.resignation-green.oli-whi .general-section .name,.template.resignation-green.oli-whi .page:after {
  color: #808626
}

.template.cover-green.oli-whi .general-section .name span,.template.resignation-green.oli-whi .general-section .name span {
  background: #fff
}

.template.cover-green.oli-whi .general-section .name:before,.template.resignation-green.oli-whi .general-section .name:before {
  background: #808626
}

.template.cover-green.oli-whi .rich-text .date,.template.resignation-green.oli-whi .rich-text .date {
  color: #808626
}

.template.cover-green.red-red .page,.template.resignation-green.red-red .page {
  background-color: #f9ddc0
}

.template.cover-green.red-red .page .bottom-ornament,.template.cover-green.red-red .page:not(.first-page):before,.template.resignation-green.red-red .page .bottom-ornament,.template.resignation-green.red-red .page:not(.first-page):before {
  background: #f7410f
}

.template.cover-green.red-red .general-section .name,.template.cover-green.red-red .page:after,.template.resignation-green.red-red .general-section .name,.template.resignation-green.red-red .page:after {
  color: #f7410f
}

.template.cover-green.red-red .general-section .name span,.template.resignation-green.red-red .general-section .name span {
  background: #f9ddc0
}

.template.cover-green.red-red .general-section .name:before,.template.resignation-green.red-red .general-section .name:before {
  background: #f7410f
}

.template.cover-green.red-red .rich-text .date,.template.resignation-green.red-red .rich-text .date {
  color: #f7410f
}

.template.cover-green.cya-cya .page,.template.resignation-green.cya-cya .page {
  background-color: #e5f9f9
}

.template.cover-green.cya-cya .page .bottom-ornament,.template.cover-green.cya-cya .page:not(.first-page):before,.template.resignation-green.cya-cya .page .bottom-ornament,.template.resignation-green.cya-cya .page:not(.first-page):before {
  background: #3dbfed
}

.template.cover-green.cya-cya .general-section .name,.template.cover-green.cya-cya .page:after,.template.resignation-green.cya-cya .general-section .name,.template.resignation-green.cya-cya .page:after {
  color: #3dbfed
}

.template.cover-green.cya-cya .general-section .name span,.template.resignation-green.cya-cya .general-section .name span {
  background: #e5f9f9
}

.template.cover-green.cya-cya .general-section .name:before,.template.resignation-green.cya-cya .general-section .name:before {
  background: #3dbfed
}

.template.cover-green.cya-cya .rich-text .date,.template.resignation-green.cya-cya .rich-text .date {
  color: #3dbfed
}

.template.cover-green.gre-whi .page,.template.resignation-green.gre-whi .page {
  background-color: #fff
}

.template.cover-green.gre-whi .page .bottom-ornament,.template.cover-green.gre-whi .page:not(.first-page):before,.template.resignation-green.gre-whi .page .bottom-ornament,.template.resignation-green.gre-whi .page:not(.first-page):before {
  background: #c1c1c1
}

.template.cover-green.gre-whi .general-section .name,.template.cover-green.gre-whi .page:after,.template.resignation-green.gre-whi .general-section .name,.template.resignation-green.gre-whi .page:after {
  color: #c1c1c1
}

.template.cover-green.gre-whi .general-section .name span,.template.resignation-green.gre-whi .general-section .name span {
  background: #fff
}

.template.cover-green.gre-whi .general-section .name:before,.template.resignation-green.gre-whi .general-section .name:before {
  background: #c1c1c1
}

.template.cover-green.gre-whi .rich-text .date,.template.resignation-green.gre-whi .rich-text .date {
  color: #c1c1c1
}

.template.cover-green.grn-grn .page,.template.resignation-green.grn-grn .page {
  background-color: #c7ecc7
}

.template.cover-green.grn-grn .page .bottom-ornament,.template.cover-green.grn-grn .page:not(.first-page):before,.template.resignation-green.grn-grn .page .bottom-ornament,.template.resignation-green.grn-grn .page:not(.first-page):before {
  background: #369188
}

.template.cover-green.grn-grn .general-section .name,.template.cover-green.grn-grn .page:after,.template.resignation-green.grn-grn .general-section .name,.template.resignation-green.grn-grn .page:after {
  color: #369188
}

.template.cover-green.grn-grn .general-section .name span,.template.resignation-green.grn-grn .general-section .name span {
  background: #c7ecc7
}

.template.cover-green.grn-grn .general-section .name:before,.template.resignation-green.grn-grn .general-section .name:before {
  background: #369188
}

.template.cover-green.grn-grn .rich-text .date,.template.resignation-green.grn-grn .rich-text .date {
  color: #369188
}

.template.cover-green.yel-yel .page,.template.resignation-green.yel-yel .page {
  background-color: #f9e8d2
}

.template.cover-green.yel-yel .page .bottom-ornament,.template.cover-green.yel-yel .page:not(.first-page):before,.template.resignation-green.yel-yel .page .bottom-ornament,.template.resignation-green.yel-yel .page:not(.first-page):before {
  background: #f7b94b
}

.template.cover-green.yel-yel .general-section .name,.template.cover-green.yel-yel .page:after,.template.resignation-green.yel-yel .general-section .name,.template.resignation-green.yel-yel .page:after {
  color: #f7b94b
}

.template.cover-green.yel-yel .general-section .name span,.template.resignation-green.yel-yel .general-section .name span {
  background: #f9e8d2
}

.template.cover-green.yel-yel .general-section .name:before,.template.resignation-green.yel-yel .general-section .name:before {
  background: #f7b94b
}

.template.cover-green.yel-yel .rich-text .date,.template.resignation-green.yel-yel .rich-text .date {
  color: #f7b94b
}

.template.cover-hoth .page,.template.resignation-hoth .page {
  padding: 52px 46px 65px 60px;
  position: relative
}

.template.cover-hoth .page>.left-col,.template.cover-hoth .page>.left-column-render,.template.resignation-hoth .page>.left-col,.template.resignation-hoth .page>.left-column-render {
  padding-top: var(--templates-lh-base);
  width: 25%
}

.template.cover-hoth .page>.right-col,.template.cover-hoth .page>.right-column-render,.template.resignation-hoth .page>.right-col,.template.resignation-hoth .page>.right-column-render {
  padding-left: 32px;
  padding-top: var(--templates-lh-base);
  width: 75%
}

.template.cover-hoth .page .bottom-ornament,.template.resignation-hoth .page .bottom-ornament {
  background: #000;
  display: block;
  height: 16px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2
}

.template.cover-hoth .page:not(.first-page) .top-ornament,.template.resignation-hoth .page:not(.first-page) .top-ornament {
  background: #c1c1c1;
  display: block;
  height: 1px;
  left: 60px;
  position: absolute;
  top: 52px;
  width: clamp(1rem, calc(100% - 106px), 3.5rem);
}

.template.cover-hoth .page:not(.first-page) .top-ornament:before,.template.resignation-hoth .page:not(.first-page) .top-ornament:before {
  background: #facd48;
  border-radius: 50%;
  bottom: -5px;
  content: "";
  height: 10px;
  left: 163px;
  position: absolute;
  width: 10px;
  z-index: 2
}

.template.cover-hoth .page:before,.template.resignation-hoth .page:before {
  background: #facd48;
  content: "";
  height: clamp(1rem, calc(100% - 117px), 3.5rem);
  left: 228px;
  position: absolute;
  top: 52px;
  width: 1px
}

.template.cover-hoth.letter .page,.template.resignation-hoth.letter .page {
  padding-left: 71px;
  padding-right: 57px
}

.template.cover-hoth.letter .page:before,.template.resignation-hoth.letter .page:before {
  left: 239px
}

.template.cover-hoth.letter .page:not(.first-page) .top-ornament,.template.resignation-hoth.letter .page:not(.first-page) .top-ornament {
  left: 71px;
  width: clamp(1rem, calc(100% - 128px), 3.5rem);
}

.template.cover-hoth .general-section,.template.resignation-hoth .general-section {
  background: #fff;
  padding-bottom: clamp(1rem, calc(var(--templates-lh-base)*2), 3.5rem);
  position: relative;
  z-index: 1
}

.template.cover-hoth .general-section .name,.template.resignation-hoth .general-section .name {
  display: block;
  font-size: 34px;
  line-height: 40px;
  padding: 10px 30px;
  position: relative;
  text-align: center;
  z-index: 0
}

.template.cover-hoth .general-section .name span,.template.resignation-hoth .general-section .name span {
  display: initial;
  position: relative
}

.template.cover-hoth .general-section .name span:after,.template.cover-hoth .general-section .name span:before,.template.resignation-hoth .general-section .name span:after,.template.resignation-hoth .general-section .name span:before {
  content: "";
  height: clamp(1rem, calc(100% + 4px), 3.5rem);
  position: absolute;
  top: 0;
  width: 30px
}

.template.cover-hoth .general-section .name span:before,.template.resignation-hoth .general-section .name span:before {
  background-size: auto;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOC4xNiA1Mi43ODkiPjxwYXRoIGZpbGw9IiNjMWMxYzEiIGQ9Ik0xOC4xNiA1Mi43ODlIMFYwaDE4LjE2djFIMXY1MC43ODloMTcuMTZ6Ii8+PC9zdmc+) no-repeat 0;
  left: -40px
}

.template.cover-hoth .general-section .name span:after,.template.resignation-hoth .general-section .name span:after {
  background-size: auto;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOC4xNTkgNTIuNzg5Ij48cGF0aCBmaWxsPSIjYzFjMWMxIiBkPSJNMTguMTU5IDUyLjc4OUgwdi0xaDE3LjE1OVYxSDBWMGgxOC4xNTl6Ii8+PC9zdmc+) no-repeat 100%;
  right: -40px
}

.template.cover-hoth .general-section:before,.template.resignation-hoth .general-section:before {
  background: #facd48;
  border-radius: 50%;
  bottom: -5px;
  content: "";
  height: 10px;
  left: 163px;
  position: absolute;
  width: 10px;
  z-index: 2
}

.template.cover-hoth .general-section:after,.template.resignation-hoth .general-section:after {
  background: #c1c1c1;
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 1
}

.template.cover-hoth .general-info-wrapper,.template.resignation-hoth .general-info-wrapper {
  padding-right: 10px;
  padding-top: var(--templates-lh-base);
  position: relative;
  word-break: break-word
}

.template.cover-hoth .general-info-wrapper .general-info-from,.template.resignation-hoth .general-info-wrapper .general-info-from {
  padding-bottom: clamp(1rem, calc(var(--templates-lh-base)*2), 3.5rem);
}

.template.cover-hoth .rich-text .date,.template.resignation-hoth .rich-text .date {
  padding-top: var(--templates-lh-base)
}

.template.cover-hoth.gre .general-section:before,.template.cover-hoth.gre .page:before,.template.cover-hoth.gre .page:not(.first-page) .top-ornament:before,.template.resignation-hoth.gre .general-section:before,.template.resignation-hoth.gre .page:before,.template.resignation-hoth.gre .page:not(.first-page) .top-ornament:before {
  background: #a7a9ac
}

.template.cover-hoth.blu .general-section:before,.template.cover-hoth.blu .page:before,.template.cover-hoth.blu .page:not(.first-page) .top-ornament:before,.template.resignation-hoth.blu .general-section:before,.template.resignation-hoth.blu .page:before,.template.resignation-hoth.blu .page:not(.first-page) .top-ornament:before {
  background: #0462f6
}

.template.cover-hoth.cnt-red .general-section:before,.template.cover-hoth.cnt-red .page:before,.template.cover-hoth.cnt-red .page:not(.first-page) .top-ornament:before,.template.resignation-hoth.cnt-red .general-section:before,.template.resignation-hoth.cnt-red .page:before,.template.resignation-hoth.cnt-red .page:not(.first-page) .top-ornament:before {
  background: #f7410f
}

.template.cover-hoth.bro .general-section:before,.template.cover-hoth.bro .page:before,.template.cover-hoth.bro .page:not(.first-page) .top-ornament:before,.template.resignation-hoth.bro .general-section:before,.template.resignation-hoth.bro .page:before,.template.resignation-hoth.bro .page:not(.first-page) .top-ornament:before {
  background: #884f06
}

.template.cover-hoth.pur .general-section:before,.template.cover-hoth.pur .page:before,.template.cover-hoth.pur .page:not(.first-page) .top-ornament:before,.template.resignation-hoth.pur .general-section:before,.template.resignation-hoth.pur .page:before,.template.resignation-hoth.pur .page:not(.first-page) .top-ornament:before {
  background: #ab47bc
}

.template.cover-hoth.old-pin .general-section:before,.template.cover-hoth.old-pin .page:before,.template.cover-hoth.old-pin .page:not(.first-page) .top-ornament:before,.template.resignation-hoth.old-pin .general-section:before,.template.resignation-hoth.old-pin .page:before,.template.resignation-hoth.old-pin .page:not(.first-page) .top-ornament:before {
  background: #ef9a9a
}

.template.cover-hoth.grn .general-section:before,.template.cover-hoth.grn .page:before,.template.cover-hoth.grn .page:not(.first-page) .top-ornament:before,.template.resignation-hoth.grn .general-section:before,.template.resignation-hoth.grn .page:before,.template.resignation-hoth.grn .page:not(.first-page) .top-ornament:before {
  background: #369188
}

.template.cover-hoth.yel .general-section:before,.template.cover-hoth.yel .page:before,.template.cover-hoth.yel .page:not(.first-page) .top-ornament:before,.template.resignation-hoth.yel .general-section:before,.template.resignation-hoth.yel .page:before,.template.resignation-hoth.yel .page:not(.first-page) .top-ornament:before {
  background: #facd48
}

.template.cover-hoth.cya .general-section:before,.template.cover-hoth.cya .page:before,.template.cover-hoth.cya .page:not(.first-page) .top-ornament:before,.template.resignation-hoth.cya .general-section:before,.template.resignation-hoth.cya .page:before,.template.resignation-hoth.cya .page:not(.first-page) .top-ornament:before {
  background: #3dbfed
}

.template.cover-hoth.oli .general-section:before,.template.cover-hoth.oli .page:before,.template.cover-hoth.oli .page:not(.first-page) .top-ornament:before,.template.resignation-hoth.oli .general-section:before,.template.resignation-hoth.oli .page:before,.template.resignation-hoth.oli .page:not(.first-page) .top-ornament:before {
  background: #808626
}

.template.cover-hoth.pin .general-section:before,.template.cover-hoth.pin .page:before,.template.cover-hoth.pin .page:not(.first-page) .top-ornament:before,.template.resignation-hoth.pin .general-section:before,.template.resignation-hoth.pin .page:before,.template.resignation-hoth.pin .page:not(.first-page) .top-ornament:before {
  background: #ee699b
}

.template.cover-hoth.ste .general-section:before,.template.cover-hoth.ste .page:before,.template.cover-hoth.ste .page:not(.first-page) .top-ornament:before,.template.resignation-hoth.ste .general-section:before,.template.resignation-hoth.ste .page:before,.template.resignation-hoth.ste .page:not(.first-page) .top-ornament:before {
  background: #517484
}

.template.cover-iMessage .page,.template.resignation-iMessage .page {
  padding-bottom: 65px;
  padding-top: 39px;
  position: relative
}

.template.cover-iMessage.page-wrapper.numbersShown .outer-page.multi-page .page:after,.template.resignation-iMessage.page-wrapper.numbersShown .outer-page.multi-page .page:after {
  bottom: 35px;
  padding-right: 60px;
  text-align: right
}

.letter.template.cover-iMessage.page-wrapper.numbersShown .outer-page.multi-page .page:after,.letter.template.resignation-iMessage.page-wrapper.numbersShown .outer-page.multi-page .page:after {
  padding-right: 71px
}

.template.cover-iMessage.letter .general-section:after,.template.resignation-iMessage.letter .general-section:after {
  left: 71px
}

.template.cover-iMessage.letter .general-section .name,.template.resignation-iMessage.letter .general-section .name {
  padding-left: 71px;
  padding-right: 57px
}

.template.cover-iMessage.letter .general-section .name .imessage-bubble,.template.resignation-iMessage.letter .general-section .name .imessage-bubble {
  right: -4px
}

.template.cover-iMessage.letter .general-section .general-info-wrapper,.template.cover-iMessage.letter .rich-text,.template.resignation-iMessage.letter .general-section .general-info-wrapper,.template.resignation-iMessage.letter .rich-text {
  padding-left: 101px;
  padding-right: 71px
}

.template.cover-iMessage .general-section,.template.resignation-iMessage .general-section {
  padding-bottom: clamp(1rem, calc(var(--templates-lh-base)*3), 3.5rem);
  position: relative
}

.template.cover-iMessage .general-section .name,.template.resignation-iMessage .general-section .name {
  color: #000;
  font-size: 36px;
  line-height: 45px;
  max-width: clamp(1rem, calc(100% - 75px), 3.5rem);
  padding-left: 60px;
  padding-right: 46px;
  position: relative
}

.template.cover-iMessage .general-section .imessage-bubble,.template.resignation-iMessage .general-section .imessage-bubble {
  fill: #0462f6;
  bottom: -10px;
  height: 46px;
  position: absolute;
  right: -15px;
  width: 62px
}

.template.cover-iMessage .general-section .general-info-wrapper,.template.resignation-iMessage .general-section .general-info-wrapper {
  padding-bottom: clamp(1rem, calc(var(--templates-lh-base)*5), 3.5rem);
  padding-left: 90px;
  padding-right: 60px;
  padding-top: clamp(1rem, calc(var(--templates-lh-base)*5), 3.5rem);
}

.template.cover-iMessage .general-section .general-info-wrapper.rich-text .note-detail-item,.template.resignation-iMessage .general-section .general-info-wrapper.rich-text .note-detail-item {
  padding-right: 60px
}

.template.cover-iMessage .general-section .general-info-wrapper .general-info-from,.template.cover-iMessage .general-section .general-info-wrapper .general-info-to,.template.resignation-iMessage .general-section .general-info-wrapper .general-info-from,.template.resignation-iMessage .general-section .general-info-wrapper .general-info-to {
  display: inline-block;
  vertical-align: top;
  width: 50%
}

.template.cover-iMessage .general-section:after,.template.resignation-iMessage .general-section:after {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2Mi4xMDggNDUuNjIiPjxwYXRoIGQ9Ik0xMC4xNDMgMGg0MS44MjNjNS42MDEgMCAxMC4xNDMgNC41NDEgMTAuMTQzIDEwLjE0M3YxMS41MDZjMCA1LjYwMi00LjU0MSAxMC4xNDMtMTAuMTQzIDEwLjE0M2gtMi43NVY0NS42MmwtMTMuODMtMTMuODI5SDEwLjE0M0M0LjU0MSAzMS43OTEgMCAyNy4yNSAwIDIxLjY0OFYxMC4xNDJDMCA0LjU0MSA0LjU0MSAwIDEwLjE0MyAweiIgZmlsbD0iI2E3YTlhYyIvPjwvc3ZnPg==) no-repeat;
  bottom: 10px;
  content: "";
  height: 46px;
  left: 60px;
  position: absolute;
  width: 62px
}

.template.cover-iMessage .rich-text,.template.resignation-iMessage .rich-text {
  padding-left: 90px;
  padding-right: 60px
}

.template.cover-iMessage .rich-text.rich-text .note-detail-item,.template.resignation-iMessage .rich-text.rich-text .note-detail-item {
  padding-right: 60px
}

.template.cover-iMessage.blu .general-section .imessage-bubble,.template.resignation-iMessage.blu .general-section .imessage-bubble {
  fill: #0462f6
}

.template.cover-iMessage.con-red .general-section .imessage-bubble,.template.resignation-iMessage.con-red .general-section .imessage-bubble {
  fill: #f7410f
}

.template.cover-iMessage.grn .general-section .imessage-bubble,.template.resignation-iMessage.grn .general-section .imessage-bubble {
  fill: #24e0a2
}

.template.cover-iMessage.yel .general-section .imessage-bubble,.template.resignation-iMessage.yel .general-section .imessage-bubble {
  fill: #f7da92
}

.template.cover-iMessage.pur .general-section .imessage-bubble,.template.resignation-iMessage.pur .general-section .imessage-bubble {
  fill: #e1bee7
}

.template.cover-iMessage.gre .general-section .imessage-bubble,.template.resignation-iMessage.gre .general-section .imessage-bubble {
  fill: #d8d8d8
}

.template.cover-ios.page-wrapper .outer-page.multi-page .page:after,.template.resignation-ios.page-wrapper .outer-page.multi-page .page:after {
  padding-right: 46px;
  text-align: right
}

.letter.template.cover-ios.page-wrapper .outer-page.multi-page .page:after,.letter.template.resignation-ios.page-wrapper .outer-page.multi-page .page:after {
  padding-right: 57px
}

.template.cover-ios .page,.template.resignation-ios .page {
  padding-bottom: 65px;
  padding-top: 39px
}

.template.cover-ios .page:after,.template.resignation-ios .page:after {
  color: #527175
}

.template.cover-ios.letter .general-section .general-info-wrapper,.template.cover-ios.letter .rich-text,.template.resignation-ios.letter .general-section .general-info-wrapper,.template.resignation-ios.letter .rich-text {
  padding-left: 71px;
  padding-right: 57px
}

.template.cover-ios .general-section,.template.resignation-ios .general-section {
  padding-bottom: clamp(1rem, calc(var(--templates-lh-base)*3), 3.5rem);
}

.template.cover-ios .general-section .name,.template.resignation-ios .general-section .name {
  color: #527175;
  font-size: 30px;
  line-height: 40px;
  padding-bottom: clamp(1rem, calc(var(--templates-lh-base)*3), 3.5rem);
  padding-left: 60px;
  padding-right: 46px;
  text-align: center
}

.template.cover-ios .general-section .general-info-wrapper,.template.resignation-ios .general-section .general-info-wrapper {
  background: #e6e6e6;
  color: #000;
  padding-bottom: var(--templates-lh-base);
  padding-left: 60px;
  padding-right: 46px;
  padding-top: var(--templates-lh-base)
}

.template.cover-ios .general-section .general-info-wrapper .general-info-from,.template.cover-ios .general-section .general-info-wrapper .general-info-to,.template.resignation-ios .general-section .general-info-wrapper .general-info-from,.template.resignation-ios .general-section .general-info-wrapper .general-info-to {
  display: inline-block;
  vertical-align: top;
  width: 50%
}

.template.cover-ios .general-section .general-info-wrapper .general-info-to,.template.resignation-ios .general-section .general-info-wrapper .general-info-to {
  padding-right: 10px
}

.template.cover-ios .general-section .general-info-wrapper .general-info-from,.template.resignation-ios .general-section .general-info-wrapper .general-info-from {
  padding-left: 10px;
  text-align: right
}

.template.cover-ios .rich-text,.template.resignation-ios .rich-text {
  padding-left: 60px;
  padding-right: 46px
}

.template.cover-ios .rich-text .date,.template.cover-ios.dar-grn .general-section .name,.template.cover-ios.dar-grn .page:after,.template.cover-ios.dar-grn .rich-text .date,.template.resignation-ios .rich-text .date,.template.resignation-ios.dar-grn .general-section .name,.template.resignation-ios.dar-grn .page:after,.template.resignation-ios.dar-grn .rich-text .date {
  color: #527175
}

.template.cover-ios.grn .general-section .name,.template.cover-ios.grn .page:after,.template.cover-ios.grn .rich-text .date,.template.resignation-ios.grn .general-section .name,.template.resignation-ios.grn .page:after,.template.resignation-ios.grn .rich-text .date {
  color: #607c60
}

.template.cover-ios.ste .general-section .name,.template.cover-ios.ste .page:after,.template.cover-ios.ste .rich-text .date,.template.resignation-ios.ste .general-section .name,.template.resignation-ios.ste .page:after,.template.resignation-ios.ste .rich-text .date {
  color: #5a84af
}

.template.cover-ios.win .general-section .name,.template.cover-ios.win .page:after,.template.cover-ios.win .rich-text .date,.template.resignation-ios.win .general-section .name,.template.resignation-ios.win .page:after,.template.resignation-ios.win .rich-text .date {
  color: #ad5a5a
}

.template.cover-ios.bro .general-section .name,.template.cover-ios.bro .page:after,.template.cover-ios.bro .rich-text .date,.template.resignation-ios.bro .general-section .name,.template.resignation-ios.bro .page:after,.template.resignation-ios.bro .rich-text .date {
  color: #a89371
}

.template.cover-ios.bla .general-section .name,.template.cover-ios.bla .page:after,.template.cover-ios.bla .rich-text .date,.template.resignation-ios.bla .general-section .name,.template.resignation-ios.bla .page:after,.template.resignation-ios.bla .rich-text .date {
  color: #000
}

.template.cover-ladder .preview-overlay path:first-of-type,.template.resignation-ladder .preview-overlay path:first-of-type {
  fill: #fff
}

.template.cover-ladder.page-wrapper .outer-page.multi-page .page:after,.template.resignation-ladder.page-wrapper .outer-page.multi-page .page:after {
  padding-right: 46px;
  text-align: right
}

.letter.template.cover-ladder.page-wrapper .outer-page.multi-page .page:after,.letter.template.resignation-ladder.page-wrapper .outer-page.multi-page .page:after {
  padding-right: 51px
}

.template.cover-ladder .page,.template.resignation-ladder .page {
  padding: 39px 46px 39px 32px;
  position: relative
}

.template.cover-ladder .page:before,.template.resignation-ladder .page:before {
  background-color: #1a1a1a;
  content: " ";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 27%;
  z-index: 0
}

.template.cover-ladder .page>.left-col,.template.cover-ladder .page>.left-column-render,.template.resignation-ladder .page>.left-col,.template.resignation-ladder .page>.left-column-render {
  width: 25%
}

.template.cover-ladder .page>.right-col,.template.cover-ladder .page>.right-column-render,.template.resignation-ladder .page>.right-col,.template.resignation-ladder .page>.right-column-render {
  width: 75%
}

.template.cover-ladder .page.first-page .rich-text,.template.resignation-ladder .page.first-page .rich-text {
  position: relative
}

.template.cover-ladder .page.first-page .rich-text:before,.template.resignation-ladder .page.first-page .rich-text:before {
  background: #d8d8d8;
  content: "";
  height: 1px;
  left: 32px;
  position: absolute;
  top: -13px;
  width: clamp(1rem, calc(100% - 32px), 3.5rem);
}

.template.cover-ladder.letter .page,.template.resignation-ladder.letter .page {
  padding-left: 43px;
  padding-right: 57px
}

.template.cover-ladder.letter .page:before,.template.resignation-ladder.letter .page:before {
  width: clamp(1rem, calc(27% + 6px), 3.5rem);
}

.template.cover-ladder .general-section,.template.resignation-ladder .general-section {
  display: flex;
  padding-bottom: 52px
}

.template.cover-ladder .general-section .avatar .initials,.template.resignation-ladder .general-section .avatar .initials {
  background-color: #fff;
  border-radius: 50%;
  height: 120px;
  padding-top: 25px;
  position: relative;
  width: 120px
}

.template.cover-ladder .general-section .avatar .initials .body,.template.resignation-ladder .general-section .avatar .initials .body {
  height: 70px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: 70px
}

.template.cover-ladder .general-section .avatar .initials .body .first-line,.template.resignation-ladder .general-section .avatar .initials .body .first-line {
  border-top: 1px solid #fff;
  height: 0;
  left: -18px;
  position: absolute;
  top: 35px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 150%
}

.template.cover-ladder .general-section .avatar .initials .body .second-line,.template.resignation-ladder .general-section .avatar .initials .body .second-line {
  border-bottom: 1px solid #fff;
  height: 0;
  left: -18px;
  position: absolute;
  top: 35px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  width: 150%
}

.template.cover-ladder .general-section .avatar .initials .body .first,.template.cover-ladder .general-section .avatar .initials .body .second,.template.resignation-ladder .general-section .avatar .initials .body .first,.template.resignation-ladder .general-section .avatar .initials .body .second {
  color: #fff;
  font-size: 35px;
  line-height: 45px;
  position: absolute;
  top: 12px
}

.template.cover-ladder .general-section .avatar .initials .body .first,.template.resignation-ladder .general-section .avatar .initials .body .first {
  left: -15px
}

.template.cover-ladder .general-section .avatar .initials .body .second,.template.resignation-ladder .general-section .avatar .initials .body .second {
  right: -15px
}

.template.cover-ladder .general-section .avatar .initials .body .first-line,.template.resignation-ladder .general-section .avatar .initials .body .first-line {
  border-top-color: #ef9a9a
}

.template.cover-ladder .general-section .avatar .initials .body .second-line,.template.resignation-ladder .general-section .avatar .initials .body .second-line {
  border-bottom-color: #ef9a9a
}

.template.cover-ladder .general-section .avatar .initials .body .first,.template.cover-ladder .general-section .avatar .initials .body .second,.template.resignation-ladder .general-section .avatar .initials .body .first,.template.resignation-ladder .general-section .avatar .initials .body .second {
  color: #000
}

.template.cover-ladder .general-section .avatar,.template.resignation-ladder .general-section .avatar {
  display: inline-block;
  left: 14px;
  padding-top: 16px;
  position: relative;
  width: 25%
}

.template.cover-ladder .general-section .name,.template.resignation-ladder .general-section .name {
  color: #000;
  display: inline-block;
  font-size: 35px;
  line-height: 40px;
  padding-left: 32px;
  padding-top: 26px;
  vertical-align: top;
  width: 75%
}

.template.cover-ladder .general-info-wrapper,.template.resignation-ladder .general-info-wrapper {
  color: #fff;
  word-break: break-word
}

.template.cover-ladder .general-info-wrapper .general-info-from,.template.resignation-ladder .general-info-wrapper .general-info-from {
  padding-bottom: clamp(1rem, calc(var(--templates-lh-base)*2), 3.5rem);
}

.template.cover-ladder .general-info-wrapper .general-info-from,.template.cover-ladder .general-info-wrapper .general-info-to,.template.resignation-ladder .general-info-wrapper .general-info-from,.template.resignation-ladder .general-info-wrapper .general-info-to {
  position: relative
}

.template.cover-ladder .general-info-wrapper .general-info-from:before,.template.cover-ladder .general-info-wrapper .general-info-to:before,.template.resignation-ladder .general-info-wrapper .general-info-from:before,.template.resignation-ladder .general-info-wrapper .general-info-to:before {
  background: grey;
  content: "";
  height: 1px;
  left: -6px;
  position: absolute;
  top: -13px;
  width: 100%
}

.template.cover-ladder .rich-text,.template.resignation-ladder .rich-text {
  padding-left: 32px
}

.template.cover-ladder .rich-text .date,.template.resignation-ladder .rich-text .date {
  color: #ef9a9a
}

.template.cover-ladder.bla .general-section .avatar .initials .body .first-line,.template.resignation-ladder.bla .general-section .avatar .initials .body .first-line {
  border-top-color: #1a1a1a
}

.template.cover-ladder.bla .general-section .avatar .initials .body .second-line,.template.resignation-ladder.bla .general-section .avatar .initials .body .second-line {
  border-bottom-color: #1a1a1a
}

.template.cover-ladder.bla .general-section .avatar .initials .body .first,.template.cover-ladder.bla .general-section .avatar .initials .body .second,.template.resignation-ladder.bla .general-section .avatar .initials .body .first,.template.resignation-ladder.bla .general-section .avatar .initials .body .second {
  color: #000
}

.template.cover-ladder.bla .rich-text .date,.template.resignation-ladder.bla .rich-text .date {
  color: #1a1a1a
}

.template.cover-ladder.pin .general-section .avatar .initials .body .first-line,.template.resignation-ladder.pin .general-section .avatar .initials .body .first-line {
  border-top-color: #ef9a9a
}

.template.cover-ladder.pin .general-section .avatar .initials .body .second-line,.template.resignation-ladder.pin .general-section .avatar .initials .body .second-line {
  border-bottom-color: #ef9a9a
}

.template.cover-ladder.pin .general-section .avatar .initials .body .first,.template.cover-ladder.pin .general-section .avatar .initials .body .second,.template.resignation-ladder.pin .general-section .avatar .initials .body .first,.template.resignation-ladder.pin .general-section .avatar .initials .body .second {
  color: #000
}

.template.cover-ladder.pin .rich-text .date,.template.resignation-ladder.pin .rich-text .date {
  color: #ef9a9a
}

.template.cover-ladder.ora .general-section .avatar .initials .body .first-line,.template.resignation-ladder.ora .general-section .avatar .initials .body .first-line {
  border-top-color: #fbb040
}

.template.cover-ladder.ora .general-section .avatar .initials .body .second-line,.template.resignation-ladder.ora .general-section .avatar .initials .body .second-line {
  border-bottom-color: #fbb040
}

.template.cover-ladder.ora .general-section .avatar .initials .body .first,.template.cover-ladder.ora .general-section .avatar .initials .body .second,.template.resignation-ladder.ora .general-section .avatar .initials .body .first,.template.resignation-ladder.ora .general-section .avatar .initials .body .second {
  color: #000
}

.template.cover-ladder.ora .rich-text .date,.template.resignation-ladder.ora .rich-text .date {
  color: #fbb040
}

.template.cover-ladder.cya .general-section .avatar .initials .body .first-line,.template.resignation-ladder.cya .general-section .avatar .initials .body .first-line {
  border-top-color: #3dbfed
}

.template.cover-ladder.cya .general-section .avatar .initials .body .second-line,.template.resignation-ladder.cya .general-section .avatar .initials .body .second-line {
  border-bottom-color: #3dbfed
}

.template.cover-ladder.cya .general-section .avatar .initials .body .first,.template.cover-ladder.cya .general-section .avatar .initials .body .second,.template.resignation-ladder.cya .general-section .avatar .initials .body .first,.template.resignation-ladder.cya .general-section .avatar .initials .body .second {
  color: #000
}

.template.cover-ladder.cya .rich-text .date,.template.resignation-ladder.cya .rich-text .date {
  color: #3dbfed
}

.template.cover-ladder.min .general-section .avatar .initials .body .first-line,.template.resignation-ladder.min .general-section .avatar .initials .body .first-line {
  border-top-color: #67dfc2
}

.template.cover-ladder.min .general-section .avatar .initials .body .second-line,.template.resignation-ladder.min .general-section .avatar .initials .body .second-line {
  border-bottom-color: #67dfc2
}

.template.cover-ladder.min .general-section .avatar .initials .body .first,.template.cover-ladder.min .general-section .avatar .initials .body .second,.template.resignation-ladder.min .general-section .avatar .initials .body .first,.template.resignation-ladder.min .general-section .avatar .initials .body .second {
  color: #000
}

.template.cover-ladder.min .rich-text .date,.template.resignation-ladder.min .rich-text .date {
  color: #67dfc2
}

.template.cover-ladder.bri-red .general-section .avatar .initials .body .first-line,.template.resignation-ladder.bri-red .general-section .avatar .initials .body .first-line {
  border-top-color: #ee4e34
}

.template.cover-ladder.bri-red .general-section .avatar .initials .body .second-line,.template.resignation-ladder.bri-red .general-section .avatar .initials .body .second-line {
  border-bottom-color: #ee4e34
}

.template.cover-ladder.bri-red .general-section .avatar .initials .body .first,.template.cover-ladder.bri-red .general-section .avatar .initials .body .second,.template.resignation-ladder.bri-red .general-section .avatar .initials .body .first,.template.resignation-ladder.bri-red .general-section .avatar .initials .body .second {
  color: #000
}

.template.cover-ladder.bri-red .rich-text .date,.template.resignation-ladder.bri-red .rich-text .date {
  color: #ee4e34
}

.template.cover-ladder.grn .general-section .avatar .initials .body .first-line,.template.resignation-ladder.grn .general-section .avatar .initials .body .first-line {
  border-top-color: #c5e1a5
}

.template.cover-ladder.grn .general-section .avatar .initials .body .second-line,.template.resignation-ladder.grn .general-section .avatar .initials .body .second-line {
  border-bottom-color: #c5e1a5
}

.template.cover-ladder.grn .general-section .avatar .initials .body .first,.template.cover-ladder.grn .general-section .avatar .initials .body .second,.template.resignation-ladder.grn .general-section .avatar .initials .body .first,.template.resignation-ladder.grn .general-section .avatar .initials .body .second {
  color: #000
}

.template.cover-ladder.grn .rich-text .date,.template.resignation-ladder.grn .rich-text .date {
  color: #c5e1a5
}

.template.cover-ladder.ste .general-section .avatar .initials .body .first-line,.template.resignation-ladder.ste .general-section .avatar .initials .body .first-line {
  border-top-color: #517484
}

.template.cover-ladder.ste .general-section .avatar .initials .body .second-line,.template.resignation-ladder.ste .general-section .avatar .initials .body .second-line {
  border-bottom-color: #517484
}

.template.cover-ladder.ste .general-section .avatar .initials .body .first,.template.cover-ladder.ste .general-section .avatar .initials .body .second,.template.resignation-ladder.ste .general-section .avatar .initials .body .first,.template.resignation-ladder.ste .general-section .avatar .initials .body .second {
  color: #000
}

.template.cover-ladder.ste .rich-text .date,.template.resignation-ladder.ste .rich-text .date {
  color: #517484
}

.template.cover-ladder.gol .general-section .avatar .initials .body .first-line,.template.resignation-ladder.gol .general-section .avatar .initials .body .first-line {
  border-top-color: #c29d42
}

.template.cover-ladder.gol .general-section .avatar .initials .body .second-line,.template.resignation-ladder.gol .general-section .avatar .initials .body .second-line {
  border-bottom-color: #c29d42
}

.template.cover-ladder.gol .general-section .avatar .initials .body .first,.template.cover-ladder.gol .general-section .avatar .initials .body .second,.template.resignation-ladder.gol .general-section .avatar .initials .body .first,.template.resignation-ladder.gol .general-section .avatar .initials .body .second {
  color: #000
}

.template.cover-ladder.gol .rich-text .date,.template.resignation-ladder.gol .rich-text .date {
  color: #c29d42
}

.template.cover-martinus .page,.template.resignation-martinus .page {
  padding-bottom: 65px;
  padding-top: 52px
}

.template.cover-martinus.letter .general-section .general-info-wrapper,.template.cover-martinus.letter .general-section .name,.template.cover-martinus.letter .rich-text,.template.resignation-martinus.letter .general-section .general-info-wrapper,.template.resignation-martinus.letter .general-section .name,.template.resignation-martinus.letter .rich-text {
  padding-left: 101px;
  padding-right: 71px
}

.template.cover-martinus .page:not(.first-page) .top-ornament,.template.resignation-martinus .page:not(.first-page) .top-ornament {
  background: #ee4e34;
  display: block;
  height: 26px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.template.cover-martinus .page:not(.first-page) .top-ornament:after,.template.resignation-martinus .page:not(.first-page) .top-ornament:after {
  background: #facd48;
  content: "";
  height: 13px;
  left: 0;
  position: absolute;
  top: 26px;
  width: 100%
}

.template.cover-martinus .general-section,.template.resignation-martinus .general-section {
  position: relative
}

.template.cover-martinus .general-section .name,.template.resignation-martinus .general-section .name {
  background: #ee4e34;
  color: #000;
  font-size: 34px;
  line-height: 40px;
  padding: 8px 60px 73px 90px;
  position: relative;
  text-align: center
}

.template.cover-martinus .general-section .name.rich-text .note-detail-item,.template.resignation-martinus .general-section .name.rich-text .note-detail-item {
  padding-right: 60px
}

.template.cover-martinus .general-section .name:before,.template.resignation-martinus .general-section .name:before {
  background: #9bbfcc;
  content: "";
  height: 54px;
  left: 0;
  position: absolute;
  top: -52px;
  width: 100%
}

.template.cover-martinus .general-section .name:after,.template.resignation-martinus .general-section .name:after {
  background: #facd48;
  bottom: 0;
  content: "";
  height: 13px;
  left: 0;
  position: absolute;
  width: 100%
}

.template.cover-martinus .general-section .general-info-wrapper,.template.resignation-martinus .general-section .general-info-wrapper {
  padding-bottom: clamp(1rem, calc(var(--templates-lh-base)*3), 3.5rem);
  padding-left: 90px;
  padding-right: 60px;
  padding-top: clamp(1rem, calc(var(--templates-lh-base)*3), 3.5rem);
}

.template.cover-martinus .general-section .general-info-wrapper.rich-text .note-detail-item,.template.resignation-martinus .general-section .general-info-wrapper.rich-text .note-detail-item {
  padding-right: 60px
}

.template.cover-martinus .general-section .general-info-wrapper .general-info-from,.template.cover-martinus .general-section .general-info-wrapper .general-info-to,.template.resignation-martinus .general-section .general-info-wrapper .general-info-from,.template.resignation-martinus .general-section .general-info-wrapper .general-info-to {
  display: inline-block;
  vertical-align: top;
  width: 50%
}

.template.cover-martinus .general-section .general-info-wrapper .general-info-to,.template.resignation-martinus .general-section .general-info-wrapper .general-info-to {
  padding-right: 10px
}

.template.cover-martinus .general-section .general-info-wrapper .general-info-from,.template.resignation-martinus .general-section .general-info-wrapper .general-info-from {
  padding-left: 10px;
  text-align: right;
  text-align: left
}

.template.cover-martinus .rich-text,.template.resignation-martinus .rich-text {
  padding-left: 90px;
  padding-right: 60px
}

.template.cover-martinus .rich-text.rich-text .note-detail-item,.template.resignation-martinus .rich-text.rich-text .note-detail-item {
  padding-right: 60px
}

.template.cover-martinus.red-yel .page:not(.first-page) .top-ornament,.template.resignation-martinus.red-yel .page:not(.first-page) .top-ornament {
  background: #ee4e34
}

.template.cover-martinus.red-yel .page:not(.first-page) .top-ornament:after,.template.resignation-martinus.red-yel .page:not(.first-page) .top-ornament:after {
  background: #facd48
}

.template.cover-martinus.red-yel .general-section .name,.template.resignation-martinus.red-yel .general-section .name {
  background: #ee4e34;
  color: #000
}

.template.cover-martinus.red-yel .general-section .name:before,.template.resignation-martinus.red-yel .general-section .name:before {
  background: #ee4e34
}

.template.cover-martinus.red-yel .general-section .name:after,.template.resignation-martinus.red-yel .general-section .name:after {
  background: #facd48
}

.template.cover-martinus.gol-cya .page:not(.first-page) .top-ornament,.template.resignation-martinus.gol-cya .page:not(.first-page) .top-ornament {
  background: #f2e8c9
}

.template.cover-martinus.gol-cya .page:not(.first-page) .top-ornament:after,.template.resignation-martinus.gol-cya .page:not(.first-page) .top-ornament:after {
  background: #a1f0d6
}

.template.cover-martinus.gol-cya .general-section .name,.template.resignation-martinus.gol-cya .general-section .name {
  background: #f2e8c9;
  color: #000
}

.template.cover-martinus.gol-cya .general-section .name:before,.template.resignation-martinus.gol-cya .general-section .name:before {
  background: #f2e8c9
}

.template.cover-martinus.gol-cya .general-section .name:after,.template.resignation-martinus.gol-cya .general-section .name:after {
  background: #a1f0d6
}

.template.cover-martinus.ora-pur .page:not(.first-page) .top-ornament,.template.resignation-martinus.ora-pur .page:not(.first-page) .top-ornament {
  background: #fbb040
}

.template.cover-martinus.ora-pur .page:not(.first-page) .top-ornament:after,.template.resignation-martinus.ora-pur .page:not(.first-page) .top-ornament:after {
  background: #2a1d38
}

.template.cover-martinus.ora-pur .general-section .name,.template.resignation-martinus.ora-pur .general-section .name {
  background: #fbb040;
  color: #fff
}

.template.cover-martinus.ora-pur .general-section .name:before,.template.resignation-martinus.ora-pur .general-section .name:before {
  background: #fbb040
}

.template.cover-martinus.ora-pur .general-section .name:after,.template.resignation-martinus.ora-pur .general-section .name:after {
  background: #2a1d38
}

.template.cover-martinus.ste-red .page:not(.first-page) .top-ornament,.template.resignation-martinus.ste-red .page:not(.first-page) .top-ornament {
  background: #9bbfcc
}

.template.cover-martinus.ste-red .page:not(.first-page) .top-ornament:after,.template.resignation-martinus.ste-red .page:not(.first-page) .top-ornament:after {
  background: #ee4e34
}

.template.cover-martinus.ste-red .general-section .name,.template.resignation-martinus.ste-red .general-section .name {
  background: #9bbfcc;
  color: #000
}

.template.cover-martinus.ste-red .general-section .name:before,.template.resignation-martinus.ste-red .general-section .name:before {
  background: #9bbfcc
}

.template.cover-martinus.ste-red .general-section .name:after,.template.resignation-martinus.ste-red .general-section .name:after {
  background: #ee4e34
}

.template.cover-martinus.grn-grn .page:not(.first-page) .top-ornament,.template.resignation-martinus.grn-grn .page:not(.first-page) .top-ornament {
  background: #c5e1a5
}

.template.cover-martinus.grn-grn .page:not(.first-page) .top-ornament:after,.template.resignation-martinus.grn-grn .page:not(.first-page) .top-ornament:after {
  background: #def2c2
}

.template.cover-martinus.grn-grn .general-section .name,.template.resignation-martinus.grn-grn .general-section .name {
  background: #c5e1a5;
  color: #000
}

.template.cover-martinus.grn-grn .general-section .name:before,.template.resignation-martinus.grn-grn .general-section .name:before {
  background: #c5e1a5
}

.template.cover-martinus.grn-grn .general-section .name:after,.template.resignation-martinus.grn-grn .general-section .name:after {
  background: #def2c2
}

.template.cover-martinus.blu-pur .page:not(.first-page) .top-ornament,.template.resignation-martinus.blu-pur .page:not(.first-page) .top-ornament {
  background: #366af6
}

.template.cover-martinus.blu-pur .page:not(.first-page) .top-ornament:after,.template.resignation-martinus.blu-pur .page:not(.first-page) .top-ornament:after {
  background: #ab47bc
}

.template.cover-martinus.blu-pur .general-section .name,.template.resignation-martinus.blu-pur .general-section .name {
  background: #366af6;
  color: #fff
}

.template.cover-martinus.blu-pur .general-section .name:before,.template.resignation-martinus.blu-pur .general-section .name:before {
  background: #366af6
}

.template.cover-martinus.blu-pur .general-section .name:after,.template.resignation-martinus.blu-pur .general-section .name:after {
  background: #ab47bc
}

.template.cover-martinus.grn-bro .page:not(.first-page) .top-ornament,.template.resignation-martinus.grn-bro .page:not(.first-page) .top-ornament {
  background: #808626
}

.template.cover-martinus.grn-bro .page:not(.first-page) .top-ornament:after,.template.resignation-martinus.grn-bro .page:not(.first-page) .top-ornament:after {
  background: #6d4c41
}

.template.cover-martinus.grn-bro .general-section .name,.template.resignation-martinus.grn-bro .general-section .name {
  background: #808626;
  color: #fff
}

.template.cover-martinus.grn-bro .general-section .name:before,.template.resignation-martinus.grn-bro .general-section .name:before {
  background: #808626
}

.template.cover-martinus.grn-bro .general-section .name:after,.template.resignation-martinus.grn-bro .general-section .name:after {
  background: #6d4c41
}

.template.cover-martinus.pin-blu .page:not(.first-page) .top-ornament,.template.resignation-martinus.pin-blu .page:not(.first-page) .top-ornament {
  background: #ef9a9a
}

.template.cover-martinus.pin-blu .page:not(.first-page) .top-ornament:after,.template.resignation-martinus.pin-blu .page:not(.first-page) .top-ornament:after {
  background: #366af6
}

.template.cover-martinus.pin-blu .general-section .name,.template.resignation-martinus.pin-blu .general-section .name {
  background: #ef9a9a;
  color: #000
}

.template.cover-martinus.pin-blu .general-section .name:before,.template.resignation-martinus.pin-blu .general-section .name:before {
  background: #ef9a9a
}

.template.cover-martinus.pin-blu .general-section .name:after,.template.resignation-martinus.pin-blu .general-section .name:after {
  background: #366af6
}

.template.cover-martinus.gre-gre .page:not(.first-page) .top-ornament,.template.resignation-martinus.gre-gre .page:not(.first-page) .top-ornament {
  background: #000
}

.template.cover-martinus.gre-gre .page:not(.first-page) .top-ornament:after,.template.resignation-martinus.gre-gre .page:not(.first-page) .top-ornament:after {
  background: grey
}

.template.cover-martinus.gre-gre .general-section .name,.template.resignation-martinus.gre-gre .general-section .name {
  background: #000;
  color: #fff
}

.template.cover-martinus.gre-gre .general-section .name:before,.template.resignation-martinus.gre-gre .general-section .name:before {
  background: #000
}

.template.cover-martinus.gre-gre .general-section .name:after,.template.resignation-martinus.gre-gre .general-section .name:after {
  background: grey
}

.template.cover-martinus.yel-yel .page:not(.first-page) .top-ornament,.template.resignation-martinus.yel-yel .page:not(.first-page) .top-ornament {
  background: #f7da92
}

.template.cover-martinus.yel-yel .page:not(.first-page) .top-ornament:after,.template.resignation-martinus.yel-yel .page:not(.first-page) .top-ornament:after {
  background: #ffecb3
}

.template.cover-martinus.yel-yel .general-section .name,.template.resignation-martinus.yel-yel .general-section .name {
  background: #f7da92;
  color: #000
}

.template.cover-martinus.yel-yel .general-section .name:before,.template.resignation-martinus.yel-yel .general-section .name:before {
  background: #f7da92
}

.template.cover-martinus.yel-yel .general-section .name:after,.template.resignation-martinus.yel-yel .general-section .name:after {
  background: #ffecb3
}

.template.cover-martinus.cya-cya .page:not(.first-page) .top-ornament,.template.resignation-martinus.cya-cya .page:not(.first-page) .top-ornament {
  background: #3dbfed
}

.template.cover-martinus.cya-cya .page:not(.first-page) .top-ornament:after,.template.resignation-martinus.cya-cya .page:not(.first-page) .top-ornament:after {
  background: #8ae2f9
}

.template.cover-martinus.cya-cya .general-section .name,.template.resignation-martinus.cya-cya .general-section .name {
  background: #3dbfed;
  color: #000
}

.template.cover-martinus.cya-cya .general-section .name:before,.template.resignation-martinus.cya-cya .general-section .name:before {
  background: #3dbfed
}

.template.cover-martinus.cya-cya .general-section .name:after,.template.resignation-martinus.cya-cya .general-section .name:after {
  background: #8ae2f9
}

.template.cover-martinus.yel-pin .page:not(.first-page) .top-ornament,.template.resignation-martinus.yel-pin .page:not(.first-page) .top-ornament {
  background: #f9e8d2
}

.template.cover-martinus.yel-pin .page:not(.first-page) .top-ornament:after,.template.resignation-martinus.yel-pin .page:not(.first-page) .top-ornament:after {
  background: #ef9a9a
}

.template.cover-martinus.yel-pin .general-section .name,.template.resignation-martinus.yel-pin .general-section .name {
  background: #f9e8d2;
  color: #000
}

.template.cover-martinus.yel-pin .general-section .name:before,.template.resignation-martinus.yel-pin .general-section .name:before {
  background: #f9e8d2
}

.template.cover-martinus.yel-pin .general-section .name:after,.template.resignation-martinus.yel-pin .general-section .name:after {
  background: #ef9a9a
}

.template.cover-martinus.win-pin .page:not(.first-page) .top-ornament,.template.resignation-martinus.win-pin .page:not(.first-page) .top-ornament {
  background: #961e27
}

.template.cover-martinus.win-pin .page:not(.first-page) .top-ornament:after,.template.resignation-martinus.win-pin .page:not(.first-page) .top-ornament:after {
  background: #f9b7c3
}

.template.cover-martinus.win-pin .general-section .name,.template.resignation-martinus.win-pin .general-section .name {
  background: #961e27;
  color: #fff
}

.template.cover-martinus.win-pin .general-section .name:before,.template.resignation-martinus.win-pin .general-section .name:before {
  background: #961e27
}

.template.cover-martinus.win-pin .general-section .name:after,.template.resignation-martinus.win-pin .general-section .name:after {
  background: #f9b7c3
}

.template.cover-martinus.ste-ste .page:not(.first-page) .top-ornament,.template.resignation-martinus.ste-ste .page:not(.first-page) .top-ornament {
  background: #517484
}

.template.cover-martinus.ste-ste .page:not(.first-page) .top-ornament:after,.template.resignation-martinus.ste-ste .page:not(.first-page) .top-ornament:after {
  background: #9bbfcc
}

.template.cover-martinus.ste-ste .general-section .name,.template.resignation-martinus.ste-ste .general-section .name {
  background: #517484;
  color: #fff
}

.template.cover-martinus.ste-ste .general-section .name:before,.template.resignation-martinus.ste-ste .general-section .name:before {
  background: #517484
}

.template.cover-martinus.ste-pin .page:not(.first-page) .top-ornament,.template.cover-martinus.ste-ste .general-section .name:after,.template.resignation-martinus.ste-pin .page:not(.first-page) .top-ornament,.template.resignation-martinus.ste-ste .general-section .name:after {
  background: #9bbfcc
}

.template.cover-martinus.ste-pin .page:not(.first-page) .top-ornament:after,.template.resignation-martinus.ste-pin .page:not(.first-page) .top-ornament:after {
  background: #f9b7c3
}

.template.cover-martinus.ste-pin .general-section .name,.template.resignation-martinus.ste-pin .general-section .name {
  background: #9bbfcc;
  color: #000
}

.template.cover-martinus.ste-pin .general-section .name:before,.template.resignation-martinus.ste-pin .general-section .name:before {
  background: #9bbfcc
}

.template.cover-martinus.ste-pin .general-section .name:after,.template.resignation-martinus.ste-pin .general-section .name:after {
  background: #f9b7c3
}

.template.cover-midday .page,.template.cover-midnight .page,.template.resignation-midday .page,.template.resignation-midnight .page {
  padding-bottom: 60px;
  padding-top: 60px
}

.template.cover-midday.page-wrapper.numbersShown .outer-page.multi-page .page:after,.template.cover-midnight.page-wrapper.numbersShown .outer-page.multi-page .page:after,.template.resignation-midday.page-wrapper.numbersShown .outer-page.multi-page .page:after,.template.resignation-midnight.page-wrapper.numbersShown .outer-page.multi-page .page:after {
  padding-right: 46px;
  text-align: right
}

.letter.template.cover-midday.page-wrapper.numbersShown .outer-page.multi-page .page:after,.letter.template.cover-midnight.page-wrapper.numbersShown .outer-page.multi-page .page:after,.letter.template.resignation-midday.page-wrapper.numbersShown .outer-page.multi-page .page:after,.letter.template.resignation-midnight.page-wrapper.numbersShown .outer-page.multi-page .page:after {
  padding-right: 57px
}

.template.cover-midday.letter .general-section .general-info-wrapper,.template.cover-midday.letter .general-section .name,.template.cover-midday.letter .rich-text,.template.cover-midnight.letter .general-section .general-info-wrapper,.template.cover-midnight.letter .general-section .name,.template.cover-midnight.letter .rich-text,.template.resignation-midday.letter .general-section .general-info-wrapper,.template.resignation-midday.letter .general-section .name,.template.resignation-midday.letter .rich-text,.template.resignation-midnight.letter .general-section .general-info-wrapper,.template.resignation-midnight.letter .general-section .name,.template.resignation-midnight.letter .rich-text {
  padding-left: 71px;
  padding-right: 57px
}

.template.cover-midday .page,.template.cover-midnight .page,.template.resignation-midday .page,.template.resignation-midnight .page {
  background-color: #1a1a1a;
  position: relative
}

.template.cover-midday .page:not(.first-page) .top-ornament,.template.cover-midnight .page:not(.first-page) .top-ornament,.template.resignation-midday .page:not(.first-page) .top-ornament,.template.resignation-midnight .page:not(.first-page) .top-ornament {
  background: #fff;
  display: block;
  height: 39px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.template.cover-midday .page:not(.first-page) .top-ornament:after,.template.cover-midnight .page:not(.first-page) .top-ornament:after,.template.resignation-midday .page:not(.first-page) .top-ornament:after,.template.resignation-midnight .page:not(.first-page) .top-ornament:after {
  background: #ee4e34;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  top: 39px;
  width: 100%
}

.template.cover-midday .general-section,.template.cover-midnight .general-section,.template.resignation-midday .general-section,.template.resignation-midnight .general-section {
  position: relative
}

.template.cover-midday .general-section .name,.template.cover-midnight .general-section .name,.template.resignation-midday .general-section .name,.template.resignation-midnight .general-section .name {
  background: #fff;
  color: #000;
  font-size: 36px;
  line-height: 50px;
  padding: 2px 46px 52px 60px;
  position: relative
}

.template.cover-midday .general-section .name:after,.template.cover-midnight .general-section .name:after,.template.resignation-midday .general-section .name:after,.template.resignation-midnight .general-section .name:after {
  background: #ee4e34;
  bottom: 0;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  width: 100%
}

.template.cover-midday .general-section .general-info-wrapper,.template.cover-midnight .general-section .general-info-wrapper,.template.resignation-midday .general-section .general-info-wrapper,.template.resignation-midnight .general-section .general-info-wrapper {
  background: #1a1a1a;
  color: #fff;
  padding-bottom: clamp(1rem, calc(var(--templates-lh-base)*4), 3.5rem);
  padding-left: 60px;
  padding-right: 46px;
  padding-top: clamp(1rem, calc(var(--templates-lh-base)*4), 3.5rem);
  width: 100%
}

.template.cover-midday .general-section .general-info-wrapper .general-info-from,.template.cover-midday .general-section .general-info-wrapper .general-info-to,.template.cover-midnight .general-section .general-info-wrapper .general-info-from,.template.cover-midnight .general-section .general-info-wrapper .general-info-to,.template.resignation-midday .general-section .general-info-wrapper .general-info-from,.template.resignation-midday .general-section .general-info-wrapper .general-info-to,.template.resignation-midnight .general-section .general-info-wrapper .general-info-from,.template.resignation-midnight .general-section .general-info-wrapper .general-info-to {
  display: inline-block;
  vertical-align: top;
  width: 50%
}

.template.cover-midday .general-section .general-info-wrapper .general-info-to,.template.cover-midnight .general-section .general-info-wrapper .general-info-to,.template.resignation-midday .general-section .general-info-wrapper .general-info-to,.template.resignation-midnight .general-section .general-info-wrapper .general-info-to {
  padding-right: 10px
}

.template.cover-midday .general-section .general-info-wrapper .general-info-from,.template.cover-midnight .general-section .general-info-wrapper .general-info-from,.template.resignation-midday .general-section .general-info-wrapper .general-info-from,.template.resignation-midnight .general-section .general-info-wrapper .general-info-from {
  padding-left: 10px;
  text-align: right
}

.template.cover-midday .general-section:before,.template.cover-midnight .general-section:before,.template.resignation-midday .general-section:before,.template.resignation-midnight .general-section:before {
  background: #fff;
  content: "";
  height: 61px;
  left: 0;
  position: absolute;
  top: -60px;
  width: 100%
}

.template.cover-midday .rich-text,.template.cover-midnight .rich-text,.template.resignation-midday .rich-text,.template.resignation-midnight .rich-text {
  color: #fff;
  padding-left: 60px;
  padding-right: 46px;
  width: 100%
}

.template.cover-midday .rich-text .date,.template.cover-midnight .rich-text .date,.template.resignation-midday .rich-text .date,.template.resignation-midnight .rich-text .date {
  color: #ee4e34
}

.template.cover-midday .rich-text *,.template.cover-midnight .rich-text *,.template.resignation-midday .rich-text *,.template.resignation-midnight .rich-text * {
  color: inherit
}

.template.cover-midnight .preview-overlay,.template.resignation-midnight .preview-overlay {
  fill: #fff
}

.template.cover-midnight.page-wrapper .outer-page.multi-page .page:after,.template.resignation-midnight.page-wrapper .outer-page.multi-page .page:after {
  color: #fff
}

.template.cover-midnight.bri-red .general-section .name:after,.template.cover-midnight.bri-red .page:not(.first-page) .top-ornament:after,.template.resignation-midnight.bri-red .general-section .name:after,.template.resignation-midnight.bri-red .page:not(.first-page) .top-ornament:after {
  background: #ee4e34
}

.template.cover-midnight.bri-red .rich-text .date,.template.resignation-midnight.bri-red .rich-text .date {
  color: #ee4e34
}

.template.cover-midnight.blu .general-section .name:after,.template.cover-midnight.blu .page:not(.first-page) .top-ornament:after,.template.resignation-midnight.blu .general-section .name:after,.template.resignation-midnight.blu .page:not(.first-page) .top-ornament:after {
  background: #126fff
}

.template.cover-midnight.blu .rich-text .date,.template.resignation-midnight.blu .rich-text .date {
  color: #126fff
}

.template.cover-midnight.neo .general-section .name:after,.template.cover-midnight.neo .page:not(.first-page) .top-ornament:after,.template.resignation-midnight.neo .general-section .name:after,.template.resignation-midnight.neo .page:not(.first-page) .top-ornament:after {
  background: #84faec
}

.template.cover-midnight.neo .rich-text .date,.template.resignation-midnight.neo .rich-text .date {
  color: #84faec
}

.template.cover-midnight.pin .general-section .name:after,.template.cover-midnight.pin .page:not(.first-page) .top-ornament:after,.template.resignation-midnight.pin .general-section .name:after,.template.resignation-midnight.pin .page:not(.first-page) .top-ornament:after {
  background: #ee699b
}

.template.cover-midnight.pin .rich-text .date,.template.resignation-midnight.pin .rich-text .date {
  color: #ee699b
}

.template.cover-midnight.ora .general-section .name:after,.template.cover-midnight.ora .page:not(.first-page) .top-ornament:after,.template.resignation-midnight.ora .general-section .name:after,.template.resignation-midnight.ora .page:not(.first-page) .top-ornament:after {
  background: #fbb040
}

.template.cover-midnight.ora .rich-text .date,.template.resignation-midnight.ora .rich-text .date {
  color: #fbb040
}

.template.cover-midnight.grn .general-section .name:after,.template.cover-midnight.grn .page:not(.first-page) .top-ornament:after,.template.resignation-midnight.grn .general-section .name:after,.template.resignation-midnight.grn .page:not(.first-page) .top-ornament:after {
  background: #24e0a2
}

.template.cover-midnight.grn .rich-text .date,.template.resignation-midnight.grn .rich-text .date {
  color: #24e0a2
}

.template.cover-midnight.gre .general-section .name:after,.template.cover-midnight.gre .page:not(.first-page) .top-ornament:after,.template.resignation-midnight.gre .general-section .name:after,.template.resignation-midnight.gre .page:not(.first-page) .top-ornament:after {
  background: grey
}

.template.cover-midnight.gre .rich-text .date,.template.resignation-midnight.gre .rich-text .date {
  color: grey
}

.template.cover-midnight.gol .general-section .name:after,.template.cover-midnight.gol .page:not(.first-page) .top-ornament:after,.template.resignation-midnight.gol .general-section .name:after,.template.resignation-midnight.gol .page:not(.first-page) .top-ornament:after {
  background: #c29d42
}

.template.cover-midnight.gol .rich-text .date,.template.resignation-midnight.gol .rich-text .date {
  color: #c29d42
}

.template.cover-midday .page,.template.resignation-midday .page {
  background-color: #fff
}

.template.cover-midday .page:not(.first-page) .top-ornament,.template.resignation-midday .page:not(.first-page) .top-ornament {
  background: #1a1a1a
}

.template.cover-midday .general-section .name,.template.resignation-midday .general-section .name {
  background-color: #1a1a1a;
  color: #fff
}

.template.cover-midday .general-section .general-info-wrapper,.template.resignation-midday .general-section .general-info-wrapper {
  background: #fff;
  color: #3d3d3d
}

.template.cover-midday .general-section:before,.template.resignation-midday .general-section:before {
  background: #1a1a1a
}

.template.cover-midday .rich-text,.template.resignation-midday .rich-text {
  color: #3d3d3d
}

.template.cover-midday.bri-red .general-section .name:after,.template.cover-midday.bri-red .page:not(.first-page) .top-ornament:after,.template.resignation-midday.bri-red .general-section .name:after,.template.resignation-midday.bri-red .page:not(.first-page) .top-ornament:after {
  background: #ee4e34
}

.template.cover-midday.bri-red .rich-text .date,.template.resignation-midday.bri-red .rich-text .date {
  color: #ee4e34
}

.template.cover-midday.blu .general-section .name:after,.template.cover-midday.blu .page:not(.first-page) .top-ornament:after,.template.resignation-midday.blu .general-section .name:after,.template.resignation-midday.blu .page:not(.first-page) .top-ornament:after {
  background: #366af6
}

.template.cover-midday.blu .rich-text .date,.template.resignation-midday.blu .rich-text .date {
  color: #366af6
}

.template.cover-midday.grn .general-section .name:after,.template.cover-midday.grn .page:not(.first-page) .top-ornament:after,.template.resignation-midday.grn .general-section .name:after,.template.resignation-midday.grn .page:not(.first-page) .top-ornament:after {
  background: #808626
}

.template.cover-midday.grn .rich-text .date,.template.resignation-midday.grn .rich-text .date {
  color: #808626
}

.template.cover-midday.pin .general-section .name:after,.template.cover-midday.pin .page:not(.first-page) .top-ornament:after,.template.resignation-midday.pin .general-section .name:after,.template.resignation-midday.pin .page:not(.first-page) .top-ornament:after {
  background: #ee699b
}

.template.cover-midday.pin .rich-text .date,.template.resignation-midday.pin .rich-text .date {
  color: #ee699b
}

.template.cover-midday.pur .general-section .name:after,.template.cover-midday.pur .page:not(.first-page) .top-ornament:after,.template.resignation-midday.pur .general-section .name:after,.template.resignation-midday.pur .page:not(.first-page) .top-ornament:after {
  background: #ab47bc
}

.template.cover-midday.pur .rich-text .date,.template.resignation-midday.pur .rich-text .date {
  color: #ab47bc
}

.template.cover-midday.ste .general-section .name:after,.template.cover-midday.ste .page:not(.first-page) .top-ornament:after,.template.resignation-midday.ste .general-section .name:after,.template.resignation-midday.ste .page:not(.first-page) .top-ornament:after {
  background: #517484
}

.template.cover-midday.ste .rich-text .date,.template.resignation-midday.ste .rich-text .date {
  color: #517484
}

.template.cover-midday.ora .general-section .name:after,.template.cover-midday.ora .page:not(.first-page) .top-ornament:after,.template.resignation-midday.ora .general-section .name:after,.template.resignation-midday.ora .page:not(.first-page) .top-ornament:after {
  background: #fbb040
}

.template.cover-midday.ora .rich-text .date,.template.resignation-midday.ora .rich-text .date {
  color: #fbb040
}

.template.cover-midday.gre .general-section .name:after,.template.cover-midday.gre .page:not(.first-page) .top-ornament:after,.template.resignation-midday.gre .general-section .name:after,.template.resignation-midday.gre .page:not(.first-page) .top-ornament:after {
  background: grey
}

.template.cover-midday.gre .rich-text .date,.template.resignation-midday.gre .rich-text .date {
  color: grey
}

.template.cover-midday.gol .general-section .name:after,.template.cover-midday.gol .page:not(.first-page) .top-ornament:after,.template.resignation-midday.gol .general-section .name:after,.template.resignation-midday.gol .page:not(.first-page) .top-ornament:after {
  background: #c29d42
}

.template.cover-midday.gol .rich-text .date,.template.resignation-midday.gol .rich-text .date {
  color: #c29d42
}

.template.cover-minimalistic .page,.template.resignation-minimalistic .page {
  padding: 39px 60px 65px 90px
}

.template.cover-minimalistic .page.rich-text .note-detail-item,.template.resignation-minimalistic .page.rich-text .note-detail-item {
  padding-right: 60px
}

.template.cover-minimalistic.letter .page,.template.resignation-minimalistic.letter .page {
  padding-left: 101px;
  padding-right: 71px
}

.template.cover-minimalistic .general-section .name,.template.resignation-minimalistic .general-section .name {
  font-size: 35px;
  line-height: 40px;
  padding-bottom: clamp(1rem, calc(var(--templates-lh-base)*4), 3.5rem);
  padding-top: var(--templates-lh-base);
  text-align: center
}

.template.cover-minimalistic .general-section .general-info-wrapper,.template.resignation-minimalistic .general-section .general-info-wrapper {
  padding-bottom: clamp(1rem, calc(var(--templates-lh-base)*6), 3.5rem);
  padding-top: clamp(1rem, calc(var(--templates-lh-base)*3), 3.5rem);
  position: relative
}

.template.cover-minimalistic .general-section .general-info-wrapper .general-info-from,.template.cover-minimalistic .general-section .general-info-wrapper .general-info-to,.template.resignation-minimalistic .general-section .general-info-wrapper .general-info-from,.template.resignation-minimalistic .general-section .general-info-wrapper .general-info-to {
  display: inline-block;
  vertical-align: top;
  width: 50%
}

.template.cover-minimalistic .general-section .general-info-wrapper .general-info-to,.template.resignation-minimalistic .general-section .general-info-wrapper .general-info-to {
  padding-right: 10px
}

.template.cover-minimalistic .general-section .general-info-wrapper .general-info-from,.template.resignation-minimalistic .general-section .general-info-wrapper .general-info-from {
  padding-left: 10px;
  text-align: right;
  text-align: left
}

.template.cover-minimalistic .general-section .general-info-wrapper:before,.template.resignation-minimalistic .general-section .general-info-wrapper:before {
  background: #0462f6;
  content: "";
  height: 1px;
  left: -30px;
  position: absolute;
  top: 0;
  width: clamp(1rem, calc(100% + 30px), 3.5rem);
}

.template.cover-minimalistic .general-section .general-info-wrapper:after,.template.resignation-minimalistic .general-section .general-info-wrapper:after {
  background: #0462f6;
  bottom: clamp(1rem, calc(var(--templates-lh-base)*3), 3.5rem);
  content: "";
  height: 1px;
  left: -30px;
  position: absolute;
  width: clamp(1rem, calc(100% + 30px), 3.5rem);
}

.template.cover-minimalistic.bla-whi .page,.template.resignation-minimalistic.bla-whi .page {
  background-color: #fff
}

.template.cover-minimalistic.bla-whi .general-section .general-info-wrapper:after,.template.cover-minimalistic.bla-whi .general-section .general-info-wrapper:before,.template.resignation-minimalistic.bla-whi .general-section .general-info-wrapper:after,.template.resignation-minimalistic.bla-whi .general-section .general-info-wrapper:before {
  background: #000
}

.template.cover-minimalistic.blu-whi .page,.template.resignation-minimalistic.blu-whi .page {
  background-color: #fff
}

.template.cover-minimalistic.blu-whi .general-section .general-info-wrapper:after,.template.cover-minimalistic.blu-whi .general-section .general-info-wrapper:before,.template.resignation-minimalistic.blu-whi .general-section .general-info-wrapper:after,.template.resignation-minimalistic.blu-whi .general-section .general-info-wrapper:before {
  background: #0462f6
}

.template.cover-minimalistic.red-whi .page,.template.resignation-minimalistic.red-whi .page {
  background-color: #fff
}

.template.cover-minimalistic.red-whi .general-section .general-info-wrapper:after,.template.cover-minimalistic.red-whi .general-section .general-info-wrapper:before,.template.resignation-minimalistic.red-whi .general-section .general-info-wrapper:after,.template.resignation-minimalistic.red-whi .general-section .general-info-wrapper:before {
  background: #f7410f
}

.template.cover-minimalistic.bla-red .page,.template.resignation-minimalistic.bla-red .page {
  background-color: #f9ddc0
}

.template.cover-minimalistic.bla-red .general-section .general-info-wrapper:after,.template.cover-minimalistic.bla-red .general-section .general-info-wrapper:before,.template.resignation-minimalistic.bla-red .general-section .general-info-wrapper:after,.template.resignation-minimalistic.bla-red .general-section .general-info-wrapper:before {
  background: #000
}

.template.cover-nature .page,.template.resignation-nature .page {
  padding-bottom: 65px;
  padding-top: 52px
}

.template.cover-nature.page-wrapper.numbersShown .outer-page.multi-page .page:after,.template.resignation-nature.page-wrapper.numbersShown .outer-page.multi-page .page:after {
  padding-right: 60px;
  text-align: right
}

.letter.template.cover-nature.page-wrapper.numbersShown .outer-page.multi-page .page:after,.letter.template.resignation-nature.page-wrapper.numbersShown .outer-page.multi-page .page:after {
  padding-right: 71px
}

.template.cover-nature.letter .name-wrapper,.template.resignation-nature.letter .name-wrapper {
  padding-left: 71px;
  padding-right: 57px
}

.template.cover-nature.letter .general-info,.template.cover-nature.letter .rich-text,.template.resignation-nature.letter .general-info,.template.resignation-nature.letter .rich-text {
  padding-left: 101px;
  padding-right: 71px
}

.template.cover-nature .name-wrapper,.template.resignation-nature .name-wrapper {
  display: flex;
  min-height: 229px;
  padding-bottom: 60px;
  padding-left: 60px;
  padding-right: 46px;
  position: relative;
  width: 100%;
  z-index: 1
}

.template.cover-nature .name-wrapper:before,.template.resignation-nature .name-wrapper:before {
  background: url(https://d1civoyjepycei.cloudfront.net/static/assets/bundle/media/nature_bcg_1.71c9084d.jpg) no-repeat;
  background-size: cover;
  content: "";
  height: clamp(1rem, calc(100% + 45px), 3.5rem);
  left: 0;
  position: absolute;
  top: -52px;
  width: 100%;
  z-index: -1
}

.template.cover-nature .name-wrapper .name,.template.resignation-nature .name-wrapper .name {
  color: #fff;
  font-size: 34px;
  line-height: 40px;
  max-width: 550px;
  width: 100%
}

.template.cover-nature .general-info,.template.resignation-nature .general-info {
  padding-bottom: clamp(1rem, calc(var(--templates-lh-base)*3), 3.5rem);
  padding-left: 90px;
  padding-right: 60px;
  padding-top: clamp(1rem, calc(var(--templates-lh-base)*3), 3.5rem);
}

.template.cover-nature .general-info.rich-text .note-detail-item,.template.resignation-nature .general-info.rich-text .note-detail-item {
  padding-right: 60px
}

.template.cover-nature .general-info .general-info-from,.template.cover-nature .general-info .general-info-to,.template.resignation-nature .general-info .general-info-from,.template.resignation-nature .general-info .general-info-to {
  display: inline-block;
  vertical-align: top;
  width: 50%
}

.template.cover-nature .general-info .general-info-to,.template.resignation-nature .general-info .general-info-to {
  padding-right: 10px
}

.template.cover-nature .general-info .general-info-from,.template.resignation-nature .general-info .general-info-from {
  padding-left: 10px;
  text-align: right;
  text-align: left
}

.template.cover-nature .rich-text,.template.resignation-nature .rich-text {
  padding-left: 90px;
  padding-right: 60px
}

.template.cover-nature .rich-text.rich-text .note-detail-item,.template.resignation-nature .rich-text.rich-text .note-detail-item {
  padding-right: 60px
}

.template.cover-nature.mtn .name-wrapper:before,.template.resignation-nature.mtn .name-wrapper:before {
  background-image: url(https://d1civoyjepycei.cloudfront.net/static/assets/bundle/media/nature_bcg_1.71c9084d.jpg)
}

.template.cover-nature.lef .name-wrapper:before,.template.resignation-nature.lef .name-wrapper:before {
  background-image: url(https://d1civoyjepycei.cloudfront.net/static/assets/bundle/media/nature_bcg_2.f7b6b131.jpg)
}

.template.cover-nature.smm .name-wrapper:before,.template.resignation-nature.smm .name-wrapper:before {
  background-image: url(https://d1civoyjepycei.cloudfront.net/static/assets/bundle/media/nature_bcg_3.b8af4d97.jpg)
}

.template.cover-nature.fll .name-wrapper:before,.template.resignation-nature.fll .name-wrapper:before {
  background-image: url(https://d1civoyjepycei.cloudfront.net/static/assets/bundle/media/nature_bcg_4.cc83b606.jpg)
}

.template.cover-nature.wnt .name-wrapper:before,.template.resignation-nature.wnt .name-wrapper:before {
  background-image: url(https://d1civoyjepycei.cloudfront.net/static/assets/bundle/media/nature_bcg_5.ff906017.jpg)
}

.template.cover-newsweek .page,.template.resignation-newsweek .page {
  padding-bottom: 52px;
  padding-top: 39px
}

.template.cover-newsweek.letter .general-section .name,.template.resignation-newsweek.letter .general-section .name {
  padding-left: 71px;
  padding-right: 57px
}

.template.cover-newsweek.letter .general-section .name:after,.template.resignation-newsweek.letter .general-section .name:after {
  right: 71px
}

.template.cover-newsweek.letter .general-section .divider,.template.resignation-newsweek.letter .general-section .divider {
  padding-left: 71px;
  padding-right: 57px
}

.template.cover-newsweek.letter .general-section .divider:after,.template.resignation-newsweek.letter .general-section .divider:after {
  left: 71px;
  width: clamp(1rem, calc(100% - 141px), 3.5rem);
}

.template.cover-newsweek.letter .general-section .general-info-wrapper,.template.cover-newsweek.letter .rich-text,.template.resignation-newsweek.letter .general-section .general-info-wrapper,.template.resignation-newsweek.letter .rich-text {
  padding-left: 101px;
  padding-right: 71px
}

.template.cover-newsweek .general-section,.template.resignation-newsweek .general-section {
  position: relative
}

.template.cover-newsweek .general-section .name,.template.resignation-newsweek .general-section .name {
  padding-bottom: 13px;
  padding-left: 60px;
  padding-right: 46px;
  position: relative;
  width: 100%
}

.template.cover-newsweek .general-section .name span,.template.resignation-newsweek .general-section .name span {
  background: #0462f6;
  color: #fff;
  font-size: 40px;
  line-height: 45px;
  margin-bottom: 10px;
  padding: 10px
}

.template.cover-newsweek .general-section .name:after,.template.resignation-newsweek .general-section .name:after {
  background: #0462f6;
  bottom: 23px;
  content: "";
  height: 16px;
  position: absolute;
  right: 60px;
  width: 120px
}

.template.cover-newsweek .general-section .general-info-wrapper,.template.resignation-newsweek .general-section .general-info-wrapper {
  padding-bottom: 20px;
  padding-left: 90px;
  padding-right: 60px;
  padding-top: clamp(1rem, calc(var(--templates-lh-base)*3), 3.5rem);
  position: relative;
  width: 100%
}

.template.cover-newsweek .general-section .general-info-wrapper.rich-text .note-detail-item,.template.resignation-newsweek .general-section .general-info-wrapper.rich-text .note-detail-item {
  padding-right: 60px
}

.template.cover-newsweek .general-section .general-info-wrapper .general-info-from,.template.cover-newsweek .general-section .general-info-wrapper .general-info-to,.template.resignation-newsweek .general-section .general-info-wrapper .general-info-from,.template.resignation-newsweek .general-section .general-info-wrapper .general-info-to {
  display: inline-block;
  vertical-align: top;
  width: 50%
}

.template.cover-newsweek .general-section .general-info-wrapper .general-info-to,.template.resignation-newsweek .general-section .general-info-wrapper .general-info-to {
  padding-right: 10px
}

.template.cover-newsweek .general-section .general-info-wrapper .general-info-from,.template.resignation-newsweek .general-section .general-info-wrapper .general-info-from {
  padding-left: 10px;
  text-align: right
}

.template.cover-newsweek .general-section .divider,.template.resignation-newsweek .general-section .divider {
  padding-bottom: 26px;
  padding-left: 60px;
  padding-right: 46px
}

.template.cover-newsweek .general-section .divider .icon,.template.resignation-newsweek .general-section .divider .icon {
  align-items: center;
  background: #0462f6;
  display: flex;
  height: 25px;
  justify-content: center;
  width: 25px
}

.template.cover-newsweek .general-section .divider .icon:before,.template.resignation-newsweek .general-section .divider .icon:before {
  background-color: #fff;
  content: "";
  display: block;
  height: 13px;
  position: absolute;
  width: 1px
}

.template.cover-newsweek .general-section .divider .icon:after,.template.resignation-newsweek .general-section .divider .icon:after {
  background-color: #fff;
  content: "";
  display: block;
  height: 1px;
  width: 13px
}

.template.cover-newsweek .general-section .divider:after,.template.resignation-newsweek .general-section .divider:after {
  background: #0462f6;
  bottom: 26px;
  content: "";
  height: 1px;
  left: 60px;
  position: absolute;
  width: clamp(1rem, calc(100% - 120px), 3.5rem);
}

.template.cover-newsweek .rich-text,.template.resignation-newsweek .rich-text {
  padding-left: 90px;
  padding-right: 60px;
  width: 100%
}

.template.cover-newsweek .rich-text.rich-text .note-detail-item,.template.resignation-newsweek .rich-text.rich-text .note-detail-item {
  padding-right: 60px
}

.template.cover-newsweek.blu-whi .page,.template.resignation-newsweek.blu-whi .page {
  background-color: #fff
}

.template.cover-newsweek.blu-whi .general-section .name span,.template.resignation-newsweek.blu-whi .general-section .name span {
  background: #0462f6;
  color: #fff
}

.template.cover-newsweek.blu-whi .general-section .divider .icon,.template.cover-newsweek.blu-whi .general-section .name:after,.template.resignation-newsweek.blu-whi .general-section .divider .icon,.template.resignation-newsweek.blu-whi .general-section .name:after {
  background: #0462f6
}

.template.cover-newsweek.blu-whi .general-section .divider .icon:after,.template.cover-newsweek.blu-whi .general-section .divider .icon:before,.template.resignation-newsweek.blu-whi .general-section .divider .icon:after,.template.resignation-newsweek.blu-whi .general-section .divider .icon:before {
  background-color: #fff
}

.template.cover-newsweek.blu-whi .general-section .divider:after,.template.resignation-newsweek.blu-whi .general-section .divider:after {
  background: #0462f6
}

.template.cover-newsweek.red-whi .page,.template.resignation-newsweek.red-whi .page {
  background-color: #fff
}

.template.cover-newsweek.red-whi .general-section .name span,.template.resignation-newsweek.red-whi .general-section .name span {
  background: #f7410f;
  color: #fff
}

.template.cover-newsweek.red-whi .general-section .divider .icon,.template.cover-newsweek.red-whi .general-section .name:after,.template.resignation-newsweek.red-whi .general-section .divider .icon,.template.resignation-newsweek.red-whi .general-section .name:after {
  background: #f7410f
}

.template.cover-newsweek.red-whi .general-section .divider .icon:after,.template.cover-newsweek.red-whi .general-section .divider .icon:before,.template.resignation-newsweek.red-whi .general-section .divider .icon:after,.template.resignation-newsweek.red-whi .general-section .divider .icon:before {
  background-color: #fff
}

.template.cover-newsweek.red-whi .general-section .divider:after,.template.resignation-newsweek.red-whi .general-section .divider:after {
  background: #f7410f
}

.template.cover-newsweek.grn-whi .page,.template.resignation-newsweek.grn-whi .page {
  background-color: #fff
}

.template.cover-newsweek.grn-whi .general-section .name span,.template.resignation-newsweek.grn-whi .general-section .name span {
  background: #24e0a2;
  color: #fff
}

.template.cover-newsweek.grn-whi .general-section .divider .icon,.template.cover-newsweek.grn-whi .general-section .name:after,.template.resignation-newsweek.grn-whi .general-section .divider .icon,.template.resignation-newsweek.grn-whi .general-section .name:after {
  background: #24e0a2
}

.template.cover-newsweek.grn-whi .general-section .divider .icon:after,.template.cover-newsweek.grn-whi .general-section .divider .icon:before,.template.resignation-newsweek.grn-whi .general-section .divider .icon:after,.template.resignation-newsweek.grn-whi .general-section .divider .icon:before {
  background-color: #fff
}

.template.cover-newsweek.grn-whi .general-section .divider:after,.template.resignation-newsweek.grn-whi .general-section .divider:after {
  background: #24e0a2
}

.template.cover-newsweek.yel-whi .page,.template.resignation-newsweek.yel-whi .page {
  background-color: #fff
}

.template.cover-newsweek.yel-whi .general-section .name span,.template.resignation-newsweek.yel-whi .general-section .name span {
  background: #f7b94b;
  color: #000
}

.template.cover-newsweek.yel-whi .general-section .divider .icon,.template.cover-newsweek.yel-whi .general-section .name:after,.template.resignation-newsweek.yel-whi .general-section .divider .icon,.template.resignation-newsweek.yel-whi .general-section .name:after {
  background: #f7b94b
}

.template.cover-newsweek.yel-whi .general-section .divider .icon:after,.template.cover-newsweek.yel-whi .general-section .divider .icon:before,.template.resignation-newsweek.yel-whi .general-section .divider .icon:after,.template.resignation-newsweek.yel-whi .general-section .divider .icon:before {
  background-color: #000
}

.template.cover-newsweek.yel-whi .general-section .divider:after,.template.resignation-newsweek.yel-whi .general-section .divider:after {
  background: #f7b94b
}

.template.cover-newsweek.pin-whi .page,.template.resignation-newsweek.pin-whi .page {
  background-color: #fff
}

.template.cover-newsweek.pin-whi .general-section .name span,.template.resignation-newsweek.pin-whi .general-section .name span {
  background: #ef9a9a;
  color: #000
}

.template.cover-newsweek.pin-whi .general-section .divider .icon,.template.cover-newsweek.pin-whi .general-section .name:after,.template.resignation-newsweek.pin-whi .general-section .divider .icon,.template.resignation-newsweek.pin-whi .general-section .name:after {
  background: #ef9a9a
}

.template.cover-newsweek.pin-whi .general-section .divider .icon:after,.template.cover-newsweek.pin-whi .general-section .divider .icon:before,.template.resignation-newsweek.pin-whi .general-section .divider .icon:after,.template.resignation-newsweek.pin-whi .general-section .divider .icon:before {
  background-color: #000
}

.template.cover-newsweek.pin-whi .general-section .divider:after,.template.resignation-newsweek.pin-whi .general-section .divider:after {
  background: #ef9a9a
}

.template.cover-newsweek.cya-whi .page,.template.resignation-newsweek.cya-whi .page {
  background-color: #fff
}

.template.cover-newsweek.cya-whi .general-section .name span,.template.resignation-newsweek.cya-whi .general-section .name span {
  background: #3dbfed;
  color: #000
}

.template.cover-newsweek.cya-whi .general-section .divider .icon,.template.cover-newsweek.cya-whi .general-section .name:after,.template.resignation-newsweek.cya-whi .general-section .divider .icon,.template.resignation-newsweek.cya-whi .general-section .name:after {
  background: #3dbfed
}

.template.cover-newsweek.cya-whi .general-section .divider .icon:after,.template.cover-newsweek.cya-whi .general-section .divider .icon:before,.template.resignation-newsweek.cya-whi .general-section .divider .icon:after,.template.resignation-newsweek.cya-whi .general-section .divider .icon:before {
  background-color: #000
}

.template.cover-newsweek.cya-whi .general-section .divider:after,.template.resignation-newsweek.cya-whi .general-section .divider:after {
  background: #3dbfed
}

.template.cover-newsweek.win-whi .page,.template.resignation-newsweek.win-whi .page {
  background-color: #fff
}

.template.cover-newsweek.win-whi .general-section .name span,.template.resignation-newsweek.win-whi .general-section .name span {
  background: #961e27;
  color: #fff
}

.template.cover-newsweek.win-whi .general-section .divider .icon,.template.cover-newsweek.win-whi .general-section .name:after,.template.resignation-newsweek.win-whi .general-section .divider .icon,.template.resignation-newsweek.win-whi .general-section .name:after {
  background: #961e27
}

.template.cover-newsweek.win-whi .general-section .divider .icon:after,.template.cover-newsweek.win-whi .general-section .divider .icon:before,.template.resignation-newsweek.win-whi .general-section .divider .icon:after,.template.resignation-newsweek.win-whi .general-section .divider .icon:before {
  background-color: #fff
}

.template.cover-newsweek.win-whi .general-section .divider:after,.template.resignation-newsweek.win-whi .general-section .divider:after {
  background: #961e27
}

.template.cover-newsweek.bro-whi .page,.template.resignation-newsweek.bro-whi .page {
  background-color: #fff
}

.template.cover-newsweek.bro-whi .general-section .name span,.template.resignation-newsweek.bro-whi .general-section .name span {
  background: #884f06;
  color: #fff
}

.template.cover-newsweek.bro-whi .general-section .divider .icon,.template.cover-newsweek.bro-whi .general-section .name:after,.template.resignation-newsweek.bro-whi .general-section .divider .icon,.template.resignation-newsweek.bro-whi .general-section .name:after {
  background: #884f06
}

.template.cover-newsweek.bro-whi .general-section .divider .icon:after,.template.cover-newsweek.bro-whi .general-section .divider .icon:before,.template.resignation-newsweek.bro-whi .general-section .divider .icon:after,.template.resignation-newsweek.bro-whi .general-section .divider .icon:before {
  background-color: #fff
}

.template.cover-newsweek.bro-whi .general-section .divider:after,.template.resignation-newsweek.bro-whi .general-section .divider:after {
  background: #884f06
}

.template.cover-newsweek.ste-whi .page,.template.resignation-newsweek.ste-whi .page {
  background-color: #fff
}

.template.cover-newsweek.ste-whi .general-section .name span,.template.resignation-newsweek.ste-whi .general-section .name span {
  background: #517484;
  color: #fff
}

.template.cover-newsweek.ste-whi .general-section .divider .icon,.template.cover-newsweek.ste-whi .general-section .name:after,.template.resignation-newsweek.ste-whi .general-section .divider .icon,.template.resignation-newsweek.ste-whi .general-section .name:after {
  background: #517484
}

.template.cover-newsweek.ste-whi .general-section .divider .icon:after,.template.cover-newsweek.ste-whi .general-section .divider .icon:before,.template.resignation-newsweek.ste-whi .general-section .divider .icon:after,.template.resignation-newsweek.ste-whi .general-section .divider .icon:before {
  background-color: #fff
}

.template.cover-newsweek.ste-whi .general-section .divider:after,.template.resignation-newsweek.ste-whi .general-section .divider:after {
  background: #517484
}

.template.cover-newsweek.oli-whi .page,.template.resignation-newsweek.oli-whi .page {
  background-color: #fff
}

.template.cover-newsweek.oli-whi .general-section .name span,.template.resignation-newsweek.oli-whi .general-section .name span {
  background: #808626;
  color: #fff
}

.template.cover-newsweek.oli-whi .general-section .divider .icon,.template.cover-newsweek.oli-whi .general-section .name:after,.template.resignation-newsweek.oli-whi .general-section .divider .icon,.template.resignation-newsweek.oli-whi .general-section .name:after {
  background: #808626
}

.template.cover-newsweek.oli-whi .general-section .divider .icon:after,.template.cover-newsweek.oli-whi .general-section .divider .icon:before,.template.resignation-newsweek.oli-whi .general-section .divider .icon:after,.template.resignation-newsweek.oli-whi .general-section .divider .icon:before {
  background-color: #fff
}

.template.cover-newsweek.oli-whi .general-section .divider:after,.template.resignation-newsweek.oli-whi .general-section .divider:after {
  background: #808626
}

.template.cover-newsweek.red-red .page,.template.resignation-newsweek.red-red .page {
  background-color: #f9ddc0
}

.template.cover-newsweek.red-red .general-section .name span,.template.resignation-newsweek.red-red .general-section .name span {
  background: #f7410f;
  color: #f9ddc0
}

.template.cover-newsweek.red-red .general-section .divider .icon,.template.cover-newsweek.red-red .general-section .name:after,.template.resignation-newsweek.red-red .general-section .divider .icon,.template.resignation-newsweek.red-red .general-section .name:after {
  background: #f7410f
}

.template.cover-newsweek.red-red .general-section .divider .icon:after,.template.cover-newsweek.red-red .general-section .divider .icon:before,.template.resignation-newsweek.red-red .general-section .divider .icon:after,.template.resignation-newsweek.red-red .general-section .divider .icon:before {
  background-color: #f9ddc0
}

.template.cover-newsweek.red-red .general-section .divider:after,.template.resignation-newsweek.red-red .general-section .divider:after {
  background: #f7410f
}

.template.cover-newsweek.blu-cya .page,.template.resignation-newsweek.blu-cya .page {
  background-color: #e5f9f9
}

.template.cover-newsweek.blu-cya .general-section .name span,.template.resignation-newsweek.blu-cya .general-section .name span {
  background: #517484;
  color: #e5f9f9
}

.template.cover-newsweek.blu-cya .general-section .divider .icon,.template.cover-newsweek.blu-cya .general-section .name:after,.template.resignation-newsweek.blu-cya .general-section .divider .icon,.template.resignation-newsweek.blu-cya .general-section .name:after {
  background: #517484
}

.template.cover-newsweek.blu-cya .general-section .divider .icon:after,.template.cover-newsweek.blu-cya .general-section .divider .icon:before,.template.resignation-newsweek.blu-cya .general-section .divider .icon:after,.template.resignation-newsweek.blu-cya .general-section .divider .icon:before {
  background-color: #e5f9f9
}

.template.cover-newsweek.blu-cya .general-section .divider:after,.template.resignation-newsweek.blu-cya .general-section .divider:after {
  background: #517484
}

.template.cover-newsweek.grn-grn .page,.template.resignation-newsweek.grn-grn .page {
  background-color: #c7ecc7
}

.template.cover-newsweek.grn-grn .general-section .name span,.template.resignation-newsweek.grn-grn .general-section .name span {
  background: #369188;
  color: #c7ecc7
}

.template.cover-newsweek.grn-grn .general-section .divider .icon,.template.cover-newsweek.grn-grn .general-section .name:after,.template.resignation-newsweek.grn-grn .general-section .divider .icon,.template.resignation-newsweek.grn-grn .general-section .name:after {
  background: #369188
}

.template.cover-newsweek.grn-grn .general-section .divider .icon:after,.template.cover-newsweek.grn-grn .general-section .divider .icon:before,.template.resignation-newsweek.grn-grn .general-section .divider .icon:after,.template.resignation-newsweek.grn-grn .general-section .divider .icon:before {
  background-color: #c7ecc7
}

.template.cover-newsweek.grn-grn .general-section .divider:after,.template.resignation-newsweek.grn-grn .general-section .divider:after {
  background: #369188
}

.template.cover-newsweek.grn-yel .page,.template.resignation-newsweek.grn-yel .page {
  background-color: #f9e8d2
}

.template.cover-newsweek.grn-yel .general-section .name span,.template.resignation-newsweek.grn-yel .general-section .name span {
  background: #369188;
  color: #f9e8d2
}

.template.cover-newsweek.grn-yel .general-section .divider .icon,.template.cover-newsweek.grn-yel .general-section .name:after,.template.resignation-newsweek.grn-yel .general-section .divider .icon,.template.resignation-newsweek.grn-yel .general-section .name:after {
  background: #369188
}

.template.cover-newsweek.grn-yel .general-section .divider .icon:after,.template.cover-newsweek.grn-yel .general-section .divider .icon:before,.template.resignation-newsweek.grn-yel .general-section .divider .icon:after,.template.resignation-newsweek.grn-yel .general-section .divider .icon:before {
  background-color: #f9e8d2
}

.template.cover-newsweek.grn-yel .general-section .divider:after,.template.resignation-newsweek.grn-yel .general-section .divider:after {
  background: #369188
}

.template.cover-newsweek.gre-whi .page,.template.resignation-newsweek.gre-whi .page {
  background-color: #fff
}

.template.cover-newsweek.gre-whi .general-section .name span,.template.resignation-newsweek.gre-whi .general-section .name span {
  background: #c1c1c1;
  color: #000
}

.template.cover-newsweek.gre-whi .general-section .divider .icon,.template.cover-newsweek.gre-whi .general-section .name:after,.template.resignation-newsweek.gre-whi .general-section .divider .icon,.template.resignation-newsweek.gre-whi .general-section .name:after {
  background: #c1c1c1
}

.template.cover-newsweek.gre-whi .general-section .divider .icon:after,.template.cover-newsweek.gre-whi .general-section .divider .icon:before,.template.resignation-newsweek.gre-whi .general-section .divider .icon:after,.template.resignation-newsweek.gre-whi .general-section .divider .icon:before {
  background-color: #000
}

.template.cover-newsweek.gre-whi .general-section .divider:after,.template.resignation-newsweek.gre-whi .general-section .divider:after {
  background: #c1c1c1
}

.template.cover-newsweek.bla-whi .page,.template.resignation-newsweek.bla-whi .page {
  background-color: #fff
}

.template.cover-newsweek.bla-whi .general-section .name span,.template.resignation-newsweek.bla-whi .general-section .name span {
  background: #000;
  color: #fff
}

.template.cover-newsweek.bla-whi .general-section .divider .icon,.template.cover-newsweek.bla-whi .general-section .name:after,.template.resignation-newsweek.bla-whi .general-section .divider .icon,.template.resignation-newsweek.bla-whi .general-section .name:after {
  background: #000
}

.template.cover-newsweek.bla-whi .general-section .divider .icon:after,.template.cover-newsweek.bla-whi .general-section .divider .icon:before,.template.resignation-newsweek.bla-whi .general-section .divider .icon:after,.template.resignation-newsweek.bla-whi .general-section .divider .icon:before {
  background-color: #fff
}

.template.cover-newsweek.bla-whi .general-section .divider:after,.template.resignation-newsweek.bla-whi .general-section .divider:after {
  background: #000
}

.template.cover-pipeline .page,.template.resignation-pipeline .page {
  padding: 52px 46px
}

.template.cover-pipeline .page>.left-col,.template.cover-pipeline .page>.left-column-render,.template.resignation-pipeline .page>.left-col,.template.resignation-pipeline .page>.left-column-render {
  width: 25%
}

.template.cover-pipeline .page>.right-col,.template.cover-pipeline .page>.right-column-render,.template.resignation-pipeline .page>.right-col,.template.resignation-pipeline .page>.right-column-render {
  width: 75%
}

.template.cover-pipeline.letter .page,.template.resignation-pipeline.letter .page {
  padding-left: 57px;
  padding-right: 57px
}

.template.cover-pipeline .page.first-page .top-ornament,.template.resignation-pipeline .page.first-page .top-ornament {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3OTQgMTQ0LjUiPjxwYXRoIGQ9Im03OTQgOS43LTU5LjMgNzIuMUw3MDEuMSAwSDcwMGwzMy45IDgyLjUtOTkuNSAzMi4xTDY3OC40IDBoLTEuMWwtNDMuNyAxMTMuOUw1OTQuMiAwaC0xLjFsMzkuNyAxMTQuOEw0NDIuMyA5NiA1NTMuNSAwSDU1Mkw0NDEuMyA5NS41bC0xNS02Mi42TDUxMy41IDBoLTIuOGwtODMuOSAzMS42TDQ0MC4xIDBINDM5bC0xMy40IDMxLjdMMzkwLjMgMGgtMS41bDM2LjMgMzIuNS01MS43IDUwLjZMMzYyLjEgMGgtMWwxMS4zIDgzLjgtMTA1LjIgMjUuNEwzMzkuNCAwaC0xLjJsLTcyIDEwOC45TDIyOCAyNC42IDI4OC43IDBIMjg2bC01Ny42IDIzLjRMMjQwLjcgMGgtMS4xbC0xMi40IDIzLjdMMTg3LjMgMGgtMkwyMjYgMjQuMiA3MS40IDYxLjYgMTIyLjEgMGgtMS4zTDcwLjIgNjEuNCA1MS41IDBoLTFsMTkgNjIuMUwwIDg2Ljh2MS4xbDY5LjUtMjQuNy0yIDgwLjRIMTguNEwwIDEyMC44djEuNmwxNy4xIDIxLjFIMHYxaDc5NHYtMWgtMjMuMWwtMzUuNC02MC4yIDU4LjUgMnYtMWwtNTguNC0yIDU4LjQtNzFWOS43em0tNjAuMyA3My45LTIzLjYgNTkuOWgtNjRsLTExLjktMjcuOCA5OS41LTMyLjF6bS0xMDAuMyAzMi41IDExLjcgMjcuNGgtNTUuOGw0NC4xLTI3LjR6bS0xLjMtLjQtNDQuOCAyNy44aC0xMTdMNDQyIDk3bDE5MC4xIDE4Ljd6bS0xNjMgMjcuOGgtNjEuMkw0NDEgOTcuM2wyOC4xIDQ2LjJ6bS00My42LTExMCAxNC45IDYyLjJMMzc0IDgzLjhsNTEuNS01MC4zem0xNC40IDYzLjIuMi4xLTMzLjUgNDYuN0gzODVsLTExLjUtNTguNyA2Ni40IDExLjl6bS02Ny4zLTExLjkgMTEuNSA1OC43aC00NS42TDI2OC4xIDExMGwxMDQuNS0yNS4yem0tMzYuNSA1OC43aC01MS44bC0xNy4zLTMzIDY5LjEgMzN6bS03MC4zLTMzIDE3LjQgMzNoLTI3LjNsOS44LTMzaC4xem0tMTI1LjkgMTAuOCAxMjQuNy0xMC43LTkuOCAzMi45SDE0NWwtNS4xLTIyLjJ6bTQuMSAyMi4yaC0yNGwxOS0yMS42IDUgMjEuNnptODMuMi0xMTguMiAzNy45IDgzLjctLjIuNi0xMjQuNCAxMC43IDg2LjctOTV6bS0xLjMtLjEtODYuNiA5NC45LTY4LjItNTcuNCAxNTQuOC0zNy41ek03MC41IDYzLjVsNjguMSA1Ny40LTE5LjkgMjIuNkg2OC41bDItODB6bTY5OS4zIDgwaC01OC42bDIzLjUtNTkuNiAzNS4xIDU5LjZ6Ii8+PC9zdmc+) no-repeat;
  background-size: cover;
  display: block;
  height: 150px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.template.cover-pipeline .page.first-page .general-info-wrapper,.template.cover-pipeline .page.first-page .rich-text,.template.resignation-pipeline .page.first-page .general-info-wrapper,.template.resignation-pipeline .page.first-page .rich-text {
  position: relative
}

.template.cover-pipeline .page.first-page .general-info-wrapper:before,.template.cover-pipeline .page.first-page .rich-text:before,.template.resignation-pipeline .page.first-page .general-info-wrapper:before,.template.resignation-pipeline .page.first-page .rich-text:before {
  background: #000;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  top: clamp(1rem, calc(var(--templates-lh-base)*-2), 3.5rem);
  width: 100%
}

.template.cover-pipeline .page.first-page .general-info-wrapper:before,.template.resignation-pipeline .page.first-page .general-info-wrapper:before {
  width: clamp(1rem, calc(100% - 25px), 3.5rem);
}

.template.cover-pipeline .general-section,.template.resignation-pipeline .general-section {
  padding-bottom: clamp(1rem, calc(var(--templates-lh-base)*4), 3.5rem);
  position: relative
}

.template.cover-pipeline .general-section .name,.template.resignation-pipeline .general-section .name {
  background: #961e27;
  color: #fff;
  font-size: 35px;
  line-height: 40px;
  padding: 39px 0;
  text-align: center
}

.template.cover-pipeline .general-info-wrapper,.template.resignation-pipeline .general-info-wrapper {
  padding-right: 26px;
  word-break: break-word
}

.template.cover-pipeline .general-info-wrapper .general-info-from,.template.resignation-pipeline .general-info-wrapper .general-info-from {
  padding-bottom: clamp(1rem, calc(var(--templates-lh-base)*2), 3.5rem);
}

.template.cover-pipeline.bla .general-section .name,.template.resignation-pipeline.bla .general-section .name {
  background: #000;
  color: #fff
}

.template.cover-pipeline.pin .general-section .name,.template.resignation-pipeline.pin .general-section .name {
  background: #ef9a9a;
  color: #000
}

.template.cover-pipeline.ora .general-section .name,.template.resignation-pipeline.ora .general-section .name {
  background: #fbb040;
  color: #000
}

.template.cover-pipeline.cya .general-section .name,.template.resignation-pipeline.cya .general-section .name {
  background: #3dbfed;
  color: #000
}

.template.cover-pipeline.grn .general-section .name,.template.resignation-pipeline.grn .general-section .name {
  background: #67dfc2;
  color: #000
}

.template.cover-pipeline.win .general-section .name,.template.resignation-pipeline.win .general-section .name {
  background: #961e27;
  color: #fff
}

.template.cover-pipeline.bro .general-section .name,.template.resignation-pipeline.bro .general-section .name {
  background: #884f06;
  color: #fff
}

.template.cover-pipeline.bri-red .general-section .name,.template.resignation-pipeline.bri-red .general-section .name {
  background: #ee4e34;
  color: #000
}

.template.cover-pipeline.gre .general-section .name,.template.resignation-pipeline.gre .general-section .name {
  background: #a7a9ac;
  color: #000
}

.template.cover-polygon,.template.resignation-polygon {
  position: relative
}

.template.cover-polygon.page-wrapper.numbersShown .outer-page.multi-page .page:after,.template.resignation-polygon.page-wrapper.numbersShown .outer-page.multi-page .page:after {
  padding-right: 60px;
  text-align: right;
  top: 20px
}

.letter.template.cover-polygon.page-wrapper.numbersShown .outer-page.multi-page .page:after,.letter.template.resignation-polygon.page-wrapper.numbersShown .outer-page.multi-page .page:after {
  padding-right: 71px
}

.template.cover-polygon.letter .general-section .general-info-wrapper,.template.cover-polygon.letter .general-section .name,.template.cover-polygon.letter .rich-text,.template.resignation-polygon.letter .general-section .general-info-wrapper,.template.resignation-polygon.letter .general-section .name,.template.resignation-polygon.letter .rich-text {
  padding-left: 101px;
  padding-right: 71px
}

.template.cover-polygon .page,.template.resignation-polygon .page {
  padding-bottom: 104px;
  padding-top: 70px
}

.template.cover-polygon .page .bottom-ornament,.template.cover-polygon .page .top-ornament,.template.resignation-polygon .page .bottom-ornament,.template.resignation-polygon .page .top-ornament {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA3OTQgODAiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZT4uc3Qwe2ZpbGw6I2MxZThjMX0uc3Qxe2ZpbGw6I2QxZWRkMX0uc3Qye2ZpbGw6I2M3ZWNjN30uc3Qze2ZpbGw6I2JhZTJiYX08L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0wIDBoNzk0djgwSDB6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTI1My45ODggNzEuOTQ0IDEwMC41NjYgMTMuODY5IDEzMy40MjYgODBoMTI1LjEzMnoiLz48cGF0aCBjbGFzcz0ic3QyIiBkPSJNMzE4LjEzMSAxOS4wNjkgMzQ1LjU5MyA4MGgxMTEuOTAzbDMwLjUyNi0yNi4yNTl6Ii8+PHBhdGggY2xhc3M9InN0MyIgZD0ibTQ4MC43MSA4MCA3LjMxMi0yNi4yNTlMNDU3LjQ5NiA4MHoiLz48cGF0aCBjbGFzcz0ic3QzIiBkPSJtNDkzLjU3NCA4MC01LjU1Mi0yNi4yNTlMNDgwLjcxIDgweiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Im0zMTguMTMxIDE5LjA2OS02NC4xNDMgNTIuODc1IDQuNTcgOC4wNTZoODcuMDM1eiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik03NTYuMDE4IDgwIDcyOC45OTEgMCA2MjYuNjI1IDgweiIvPjxwYXRoIGNsYXNzPSJzdDMiIGQ9Im03MjguOTkxIDAgMjcuMDI3IDgwSDc5NFYwem0tNDEwLjg2IDE5LjA2OUwxNDUuMjM5IDBsMTA4Ljc0OSA3MS45NDR6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTQ0Ni43MTYgMEgxNDUuMjM5bDE3Mi44OTIgMTkuMDY5IDE2OS44OTEgMzQuNjcyeiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik03MjguOTkxIDBINDQ2LjcxNmw0MS4zMDYgNTMuNzQxeiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02MjIuNzA2IDgwaDMuOTE5TDcyOC45OTEgMCA0ODguMDIyIDUzLjc0MXoiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNNjIyLjcwNiA4MCA0ODguMDIyIDUzLjc0MSA0OTMuNTc0IDgweiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNDUuMjM5IDBIMGw1OC4wOTMgMjguNjA0TDQyLjIwNSA4MGg5MS4yMjFsLTMyLjg2LTY2LjEzMXoiLz48cGF0aCBjbGFzcz0ic3QzIiBkPSJNMjUzLjk4OCA3MS45NDQgMTQ1LjIzOSAwbC00NC42NzMgMTMuODY5ek01OC4wOTMgMjguNjA0IDAgMHY4MGg0Mi4yMDV6Ii8+PC9zdmc+);
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  height: 55px;
  left: 0;
  position: absolute;
  width: 100%
}

.template.cover-polygon .page .top-ornament,.template.resignation-polygon .page .top-ornament {
  top: 0
}

.template.cover-polygon .page .bottom-ornament,.template.resignation-polygon .page .bottom-ornament {
  bottom: 0
}

.template.cover-polygon .page.first-page .top-ornament,.template.resignation-polygon .page.first-page .top-ornament {
  display: none
}

.template.cover-polygon .page:not(.first-page) .top-ornament,.template.resignation-polygon .page:not(.first-page) .top-ornament {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1)
}

.template.cover-polygon .general-section .name,.template.resignation-polygon .general-section .name {
  color: #000;
  font-size: 32px;
  line-height: 50px;
  max-width: 100%;
  padding-bottom: 65px;
  padding-left: 90px;
  padding-right: 60px;
  position: relative;
  text-align: center;
  z-index: 1
}

.template.cover-polygon .general-section .name.rich-text .note-detail-item,.template.resignation-polygon .general-section .name.rich-text .note-detail-item {
  padding-right: 60px
}

.template.cover-polygon .general-section .name:before,.template.resignation-polygon .general-section .name:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA3OTQgNDQ5LjIzMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDB7ZmlsbDojYzFlOGMxfS5zdDF7ZmlsbDojZDFlZGQxfS5zdDJ7ZmlsbDojYmFlMmJhfS5zdDN7ZmlsbDojYzdlY2M3fTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTAgLjExNmg3OTR2NDQ5SDB6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTI1My45ODggNzEuOTQ0IDEwMC41NjYgMTMuODY5bDY5LjM0NCAxMzkuNTUzIDExNy4wMTYtMjMuNDAzeiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yODYuOTI2IDEzMC4wMTkgMTY5LjkxIDE1My40MjJsODEuNDc4IDU4Ljk0MnoiLz48cGF0aCBjbGFzcz0ic3QyIiBkPSJtMTY5LjkxIDE1My40MjIgMTM2LjAwOSAyMjMuOTA1LTU0LjUzMS0xNjQuOTYzeiIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0zOTkuNDI2IDI3Ni41MDcgMzY0Ljc1IDMwNi43M2wxNDUuMDk0IDgzLjY3MSAxMjMuMzY2LTE1Ni44eiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Im0zOTkuNDI2IDI3Ni41MDcgMjMzLjc4NC00Mi45MDYtMTEzLjExNi0yOC4xNzF6Ii8+PHBhdGggY2xhc3M9InN0MyIgZD0ibTMxOC4xMzEgMTkuMDY5IDI3LjczNyA2MS41NDMgNjEuNTQyIDQyLjQ3MyA4MC42MTItNjkuMzQ0em0tNjYuNzQzIDE5My4yOTUgNTQuNTMxIDE2NC45NjMgNTguODMxLTcwLjU5NyAzNC42NzYtMzAuMjIzeiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Im0zOTkuNDI2IDI3Ni41MDcgMTIwLjY2OC03MS4wNzctNzAuMjEtMTQuNzM2em0tMjkzLjUzMS04Ljk5NyAyMDAuMDI0IDEwOS44MTdMMTY5LjkxIDE1My40MjJ6Ii8+PHBhdGggY2xhc3M9InN0MiIgZD0ibTExNS4wNDcgNDA3LjM5NiAxOTAuODcyLTMwLjA2OUwxMDUuODk1IDI2Ny41MXoiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJtNDA3LjQxIDEyMy4wODUtNjEuNTQyLTQyLjQ3MyAyNi43NzYgMTU3Ljc1NiA3Ny4yNC00Ny42NzR6Ii8+PHBhdGggY2xhc3M9InN0MiIgZD0ibTYzMy4yMSAyMzMuNjAxIDcuMzY4LTgwLjE3OS0xMjAuNDg0IDUyLjAwOHpNMjg2LjkyNiAxMzAuMDE5bC0zNS41MzggODIuMzQ1IDEyMS4yNTYgMjYuMDA0em0yMDEuMDk2LTc2LjI3OC04MC42MTIgNjkuMzQ0IDQyLjQ3NCA2Ny42MDkgNzAuMjEgMTQuNzM2eiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Im0zNzIuNjQ0IDIzOC4zNjggMjYuNzgyIDM4LjEzOSA1MC40NTgtODUuODEzeiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Im0yNTEuMzg4IDIxMi4zNjQgMTQ4LjAzOCA2NC4xNDMtMjYuNzgyLTM4LjEzOXoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJtMzQ1Ljg2OCA4MC42MTItMjcuNzM3LTYxLjU0My02NC4xNDMgNTIuODc1IDMyLjkzOCA1OC4wNzUgODUuNzE4IDEwOC4zNDl6Ii8+PHBhdGggY2xhc3M9InN0MiIgZD0ibTMwNS45MTkgMzc3LjMyNyAxMDkuNzcyIDcxLjkwNUwzNjQuNzUgMzA2Ljczek0wIDIxNi41MjR2MjMyLjcwOGwxMTUuMDQ3LTQxLjgzNnoiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNNDE1LjY5MSA0NDkuMjMySDc5NGwtMjg0LjE1Ni01OC44MzF6Ii8+PHBhdGggY2xhc3M9InN0MyIgZD0ibTExNS4wNDcgNDA3LjM5NiAzMDAuNjQ0IDQxLjgzNi0xMDkuNzcyLTcxLjkwNXoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMCA0NDkuMjMyaDQxNS42OTFsLTMwMC42NDQtNDEuODM2eiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik01MDkuODQ0IDM5MC40MDEgNzk0IDQ0OS4yMzIgNjMzLjIxIDIzMy42MDF6Ii8+PHBhdGggY2xhc3M9InN0MyIgZD0ibTM2NC43NSAzMDYuNzMgNTAuOTQxIDE0Mi41MDIgOTQuMTUzLTU4LjgzMXoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNNzk0IDQ0OS4yMzJWMTkyLjQyOGwtMTYwLjc5IDQxLjE3M3oiLz48cGF0aCBjbGFzcz0ic3QzIiBkPSJNNjI1Ljg0MiA4MC42MTIgNzk0IDE5Mi40MjggNzI4Ljk5MSAweiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik03OTQgMTkyLjQyOFYwaC02NS4wMDl6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTYzMy4yMSAyMzMuNjAxIDc5NCAxOTIuNDI4bC0xNTMuNDIyLTM5LjAwNnptNy4zNjgtODAuMTc5LTE0LjczNi03Mi44MUw1MjAuMDk0IDIwNS40M3oiLz48cGF0aCBjbGFzcz0ic3QyIiBkPSJNNjQwLjU3OCAxNTMuNDIyIDc5NCAxOTIuNDI4IDYyNS44NDIgODAuNjEyek0zMTguMTMxIDE5LjA2OSAxNDUuMjM5IDBsMTA4Ljc0OSA3MS45NDR6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTQ0Ni43MTYgMEgxNDUuMjM5bDE3Mi44OTIgMTkuMDY5IDE2OS44OTEgMzQuNjcyeiIvPjxwYXRoIGNsYXNzPSJzdDMiIGQ9Ik03MjguOTkxIDBINDQ2LjcxNmw0MS4zMDYgNTMuNzQxeiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02MjUuODQyIDgwLjYxMiA3MjguOTkxIDAgNDg4LjAyMiA1My43NDF6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTUyMC4wOTQgMjA1LjQzIDYyNS44NDIgODAuNjEybC0xMzcuODItMjYuODcxeiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNjkuOTEgMTUzLjQyMiAxMDAuNTY2IDEzLjg2OSAxNDUuMjM5IDBIMGw1OC4wOTMgMjguNjA0TDAgMjE2LjUyNHoiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTY5LjkxIDE1My40MjIgMCAyMTYuNTI0bDEwNS44OTUgNTAuOTg2eiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0yNTMuOTg4IDcxLjk0NCAxNDUuMjM5IDBsLTQ0LjY3MyAxMy44Njl6Ii8+PHBhdGggY2xhc3M9InN0MyIgZD0iTTEwNS44OTUgMjY3LjUxIDAgMjE2LjUyNGwxMTUuMDQ3IDE5MC44NzJ6Ii8+PHBhdGggY2xhc3M9InN0MiIgZD0iTTAgMHYyMTYuNTI0bDU4LjA5My0xODcuOTJ6Ii8+PC9zdmc+);
  background-size: cover;
  content: "";
  height: clamp(1rem, calc(100% + 70px), 3.5rem);
  left: 0;
  position: absolute;
  top: -70px;
  width: 100%;
  z-index: -1
}

.template.cover-polygon .general-section .general-info-wrapper,.template.resignation-polygon .general-section .general-info-wrapper {
  padding-bottom: clamp(1rem, calc(var(--templates-lh-base)*3), 3.5rem);
  padding-left: 90px;
  padding-right: 60px;
  padding-top: clamp(1rem, calc(var(--templates-lh-base)*3), 3.5rem);
}

.template.cover-polygon .general-section .general-info-wrapper.rich-text .note-detail-item,.template.resignation-polygon .general-section .general-info-wrapper.rich-text .note-detail-item {
  padding-right: 60px
}

.template.cover-polygon .general-section .general-info-wrapper .general-info-from,.template.cover-polygon .general-section .general-info-wrapper .general-info-to,.template.resignation-polygon .general-section .general-info-wrapper .general-info-from,.template.resignation-polygon .general-section .general-info-wrapper .general-info-to {
  display: inline-block;
  vertical-align: top;
  width: 50%
}

.template.cover-polygon .general-section .general-info-wrapper .general-info-to,.template.resignation-polygon .general-section .general-info-wrapper .general-info-to {
  padding-right: 10px
}

.template.cover-polygon .general-section .general-info-wrapper .general-info-from,.template.resignation-polygon .general-section .general-info-wrapper .general-info-from {
  padding-left: 10px;
  text-align: right
}

.template.cover-polygon .rich-text,.template.resignation-polygon .rich-text {
  padding-left: 90px;
  padding-right: 60px;
  width: 100%
}

.template.cover-polygon .rich-text.rich-text .note-detail-item,.template.resignation-polygon .rich-text.rich-text .note-detail-item {
  padding-right: 60px
}

.template.cover-polygon.grn .page .bottom-ornament,.template.cover-polygon.grn .page .top-ornament,.template.resignation-polygon.grn .page .bottom-ornament,.template.resignation-polygon.grn .page .top-ornament {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA3OTQgODAiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZT4uc3Qwe2ZpbGw6I2MxZThjMX0uc3Qxe2ZpbGw6I2QxZWRkMX0uc3Qye2ZpbGw6I2M3ZWNjN30uc3Qze2ZpbGw6I2JhZTJiYX08L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0wIDBoNzk0djgwSDB6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTI1My45ODggNzEuOTQ0IDEwMC41NjYgMTMuODY5IDEzMy40MjYgODBoMTI1LjEzMnoiLz48cGF0aCBjbGFzcz0ic3QyIiBkPSJNMzE4LjEzMSAxOS4wNjkgMzQ1LjU5MyA4MGgxMTEuOTAzbDMwLjUyNi0yNi4yNTl6Ii8+PHBhdGggY2xhc3M9InN0MyIgZD0ibTQ4MC43MSA4MCA3LjMxMi0yNi4yNTlMNDU3LjQ5NiA4MHoiLz48cGF0aCBjbGFzcz0ic3QzIiBkPSJtNDkzLjU3NCA4MC01LjU1Mi0yNi4yNTlMNDgwLjcxIDgweiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Im0zMTguMTMxIDE5LjA2OS02NC4xNDMgNTIuODc1IDQuNTcgOC4wNTZoODcuMDM1eiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik03NTYuMDE4IDgwIDcyOC45OTEgMCA2MjYuNjI1IDgweiIvPjxwYXRoIGNsYXNzPSJzdDMiIGQ9Im03MjguOTkxIDAgMjcuMDI3IDgwSDc5NFYwem0tNDEwLjg2IDE5LjA2OUwxNDUuMjM5IDBsMTA4Ljc0OSA3MS45NDR6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTQ0Ni43MTYgMEgxNDUuMjM5bDE3Mi44OTIgMTkuMDY5IDE2OS44OTEgMzQuNjcyeiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik03MjguOTkxIDBINDQ2LjcxNmw0MS4zMDYgNTMuNzQxeiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02MjIuNzA2IDgwaDMuOTE5TDcyOC45OTEgMCA0ODguMDIyIDUzLjc0MXoiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNNjIyLjcwNiA4MCA0ODguMDIyIDUzLjc0MSA0OTMuNTc0IDgweiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNDUuMjM5IDBIMGw1OC4wOTMgMjguNjA0TDQyLjIwNSA4MGg5MS4yMjFsLTMyLjg2LTY2LjEzMXoiLz48cGF0aCBjbGFzcz0ic3QzIiBkPSJNMjUzLjk4OCA3MS45NDQgMTQ1LjIzOSAwbC00NC42NzMgMTMuODY5ek01OC4wOTMgMjguNjA0IDAgMHY4MGg0Mi4yMDV6Ii8+PC9zdmc+)
}

.template.cover-polygon.grn .general-section .name:before,.template.resignation-polygon.grn .general-section .name:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA3OTQgNDQ5LjIzMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDB7ZmlsbDojYzFlOGMxfS5zdDF7ZmlsbDojZDFlZGQxfS5zdDJ7ZmlsbDojYmFlMmJhfS5zdDN7ZmlsbDojYzdlY2M3fTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTAgLjExNmg3OTR2NDQ5SDB6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTI1My45ODggNzEuOTQ0IDEwMC41NjYgMTMuODY5bDY5LjM0NCAxMzkuNTUzIDExNy4wMTYtMjMuNDAzeiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yODYuOTI2IDEzMC4wMTkgMTY5LjkxIDE1My40MjJsODEuNDc4IDU4Ljk0MnoiLz48cGF0aCBjbGFzcz0ic3QyIiBkPSJtMTY5LjkxIDE1My40MjIgMTM2LjAwOSAyMjMuOTA1LTU0LjUzMS0xNjQuOTYzeiIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0zOTkuNDI2IDI3Ni41MDcgMzY0Ljc1IDMwNi43M2wxNDUuMDk0IDgzLjY3MSAxMjMuMzY2LTE1Ni44eiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Im0zOTkuNDI2IDI3Ni41MDcgMjMzLjc4NC00Mi45MDYtMTEzLjExNi0yOC4xNzF6Ii8+PHBhdGggY2xhc3M9InN0MyIgZD0ibTMxOC4xMzEgMTkuMDY5IDI3LjczNyA2MS41NDMgNjEuNTQyIDQyLjQ3MyA4MC42MTItNjkuMzQ0em0tNjYuNzQzIDE5My4yOTUgNTQuNTMxIDE2NC45NjMgNTguODMxLTcwLjU5NyAzNC42NzYtMzAuMjIzeiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Im0zOTkuNDI2IDI3Ni41MDcgMTIwLjY2OC03MS4wNzctNzAuMjEtMTQuNzM2em0tMjkzLjUzMS04Ljk5NyAyMDAuMDI0IDEwOS44MTdMMTY5LjkxIDE1My40MjJ6Ii8+PHBhdGggY2xhc3M9InN0MiIgZD0ibTExNS4wNDcgNDA3LjM5NiAxOTAuODcyLTMwLjA2OUwxMDUuODk1IDI2Ny41MXoiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJtNDA3LjQxIDEyMy4wODUtNjEuNTQyLTQyLjQ3MyAyNi43NzYgMTU3Ljc1NiA3Ny4yNC00Ny42NzR6Ii8+PHBhdGggY2xhc3M9InN0MiIgZD0ibTYzMy4yMSAyMzMuNjAxIDcuMzY4LTgwLjE3OS0xMjAuNDg0IDUyLjAwOHpNMjg2LjkyNiAxMzAuMDE5bC0zNS41MzggODIuMzQ1IDEyMS4yNTYgMjYuMDA0em0yMDEuMDk2LTc2LjI3OC04MC42MTIgNjkuMzQ0IDQyLjQ3NCA2Ny42MDkgNzAuMjEgMTQuNzM2eiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Im0zNzIuNjQ0IDIzOC4zNjggMjYuNzgyIDM4LjEzOSA1MC40NTgtODUuODEzeiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Im0yNTEuMzg4IDIxMi4zNjQgMTQ4LjAzOCA2NC4xNDMtMjYuNzgyLTM4LjEzOXoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJtMzQ1Ljg2OCA4MC42MTItMjcuNzM3LTYxLjU0My02NC4xNDMgNTIuODc1IDMyLjkzOCA1OC4wNzUgODUuNzE4IDEwOC4zNDl6Ii8+PHBhdGggY2xhc3M9InN0MiIgZD0ibTMwNS45MTkgMzc3LjMyNyAxMDkuNzcyIDcxLjkwNUwzNjQuNzUgMzA2Ljczek0wIDIxNi41MjR2MjMyLjcwOGwxMTUuMDQ3LTQxLjgzNnoiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNNDE1LjY5MSA0NDkuMjMySDc5NGwtMjg0LjE1Ni01OC44MzF6Ii8+PHBhdGggY2xhc3M9InN0MyIgZD0ibTExNS4wNDcgNDA3LjM5NiAzMDAuNjQ0IDQxLjgzNi0xMDkuNzcyLTcxLjkwNXoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMCA0NDkuMjMyaDQxNS42OTFsLTMwMC42NDQtNDEuODM2eiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik01MDkuODQ0IDM5MC40MDEgNzk0IDQ0OS4yMzIgNjMzLjIxIDIzMy42MDF6Ii8+PHBhdGggY2xhc3M9InN0MyIgZD0ibTM2NC43NSAzMDYuNzMgNTAuOTQxIDE0Mi41MDIgOTQuMTUzLTU4LjgzMXoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNNzk0IDQ0OS4yMzJWMTkyLjQyOGwtMTYwLjc5IDQxLjE3M3oiLz48cGF0aCBjbGFzcz0ic3QzIiBkPSJNNjI1Ljg0MiA4MC42MTIgNzk0IDE5Mi40MjggNzI4Ljk5MSAweiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik03OTQgMTkyLjQyOFYwaC02NS4wMDl6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTYzMy4yMSAyMzMuNjAxIDc5NCAxOTIuNDI4bC0xNTMuNDIyLTM5LjAwNnptNy4zNjgtODAuMTc5LTE0LjczNi03Mi44MUw1MjAuMDk0IDIwNS40M3oiLz48cGF0aCBjbGFzcz0ic3QyIiBkPSJNNjQwLjU3OCAxNTMuNDIyIDc5NCAxOTIuNDI4IDYyNS44NDIgODAuNjEyek0zMTguMTMxIDE5LjA2OSAxNDUuMjM5IDBsMTA4Ljc0OSA3MS45NDR6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTQ0Ni43MTYgMEgxNDUuMjM5bDE3Mi44OTIgMTkuMDY5IDE2OS44OTEgMzQuNjcyeiIvPjxwYXRoIGNsYXNzPSJzdDMiIGQ9Ik03MjguOTkxIDBINDQ2LjcxNmw0MS4zMDYgNTMuNzQxeiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02MjUuODQyIDgwLjYxMiA3MjguOTkxIDAgNDg4LjAyMiA1My43NDF6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTUyMC4wOTQgMjA1LjQzIDYyNS44NDIgODAuNjEybC0xMzcuODItMjYuODcxeiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNjkuOTEgMTUzLjQyMiAxMDAuNTY2IDEzLjg2OSAxNDUuMjM5IDBIMGw1OC4wOTMgMjguNjA0TDAgMjE2LjUyNHoiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTY5LjkxIDE1My40MjIgMCAyMTYuNTI0bDEwNS44OTUgNTAuOTg2eiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0yNTMuOTg4IDcxLjk0NCAxNDUuMjM5IDBsLTQ0LjY3MyAxMy44Njl6Ii8+PHBhdGggY2xhc3M9InN0MyIgZD0iTTEwNS44OTUgMjY3LjUxIDAgMjE2LjUyNGwxMTUuMDQ3IDE5MC44NzJ6Ii8+PHBhdGggY2xhc3M9InN0MiIgZD0iTTAgMHYyMTYuNTI0bDU4LjA5My0xODcuOTJ6Ii8+PC9zdmc+)
}

.template.cover-polygon.cam .page .bottom-ornament,.template.cover-polygon.cam .page .top-ornament,.template.resignation-polygon.cam .page .bottom-ornament,.template.resignation-polygon.cam .page .top-ornament {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA3OTQgODAiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZT4uc3Qwe2ZpbGw6I2UwYzliM30uc3Qxe2ZpbGw6I2Y5ZTJjNX0uc3Qye2ZpbGw6I2QzYmZhZn0uc3Qze2ZpbGw6I2VkZDZiY308L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0wIDBoNzk0djgwSDB6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0ibTQ1Ny40OTYgODAgMzAuNTI2LTI2LjI1OUwzNDkuMTA0IDgweiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik00ODguMDIyIDUzLjc0MSA0NTcuNDk2IDgwaDM2LjA3OHoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJtMzM5LjM4NiA4MC04NS4zOTgtOC4wNTYgNC41NyA4LjA1NnoiLz48cGF0aCBjbGFzcz0ic3QzIiBkPSJNNzU2LjAxOCA4MCA3MjguOTkxIDAgNjI2LjYyNSA4MHoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJtNzI4Ljk5MSAwIDI3LjAyNyA4MEg3OTRWMHoiLz48cGF0aCBjbGFzcz0ic3QzIiBkPSJNMzE4LjEzMSAxOS4wNjkgMTQ1LjIzOSAwbDEwOC43NDkgNzEuOTQ0TDMzOS4zODYgODBoOS43MThsMTM4LjkxOC0yNi4yNTl6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTQ0Ni43MTYgMEgxNDUuMjM5bDE3Mi44OTIgMTkuMDY5eiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik00NDYuNzE2IDAgMzE4LjEzMSAxOS4wNjlsMTY5Ljg5MSAzNC42NzJMNzI4Ljk5MSAweiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00ODguMDIyIDUzLjc0MSA0OTMuNTc0IDgwaDEzMy4wNTFMNzI4Ljk5MSAweiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik00Mi4yMDUgODBoNjEuOTNMNTguMDkzIDI4LjYwNHoiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNMjUzLjk4OCA3MS45NDQgMTQ1LjIzOSAwbC00NC42NzMgMTMuODY5LTQyLjQ3MyAxNC43MzVMMTA0LjEzNSA4MGgxNTQuNDIzeiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0wIDB2ODBoNDIuMjA1bDE1Ljg4OC01MS4zOTYgNDIuNDczLTE0LjczNUwxNDUuMjM5IDB6Ii8+PC9zdmc+)
}

.template.cover-polygon.cam .general-section .name:before,.template.resignation-polygon.cam .general-section .name:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA3OTQgNDQ5LjIzMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDB7ZmlsbDojZWRkNmJjfS5zdDF7ZmlsbDojZDNiZmFmfS5zdDJ7ZmlsbDojZjllMmM1fS5zdDN7ZmlsbDojZTBjOWIzfTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTAgLjExNmg3OTR2NDQ5SDB6Ii8+PHBhdGggY2xhc3M9InN0MCIgZD0ibTUwOS44NDQgMzkwLjQwMSAxMjMuMzY2LTE1Ni44LTIzMy43ODQgNDIuOTA2eiIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Im0xNjkuOTEgMTUzLjQyMyAxMzYuMDA5IDIyMy45MDQtNTQuNTMxLTE2NC45NjJ6bTE5NC44NCAxNTMuMzA4IDE0NS4wOTQgODMuNjctMTEwLjQxOC0xMTMuODk0eiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Im00MDcuNDEgMTIzLjA4NSA4MC42MTItNjkuMzQ0LTE0Mi4xNTQgMjYuODcxeiIvPjxwYXRoIGNsYXNzPSJzdDMiIGQ9Im0yNTEuMzg4IDIxMi4zNjUgNTQuNTMxIDE2NC45NjIgNTguODMxLTcwLjU5NiAzNC42NzYtMzAuMjI0em0xNDguMDM4IDY0LjE0MiAxMjAuNjY4LTcxLjA3Ny03MC4yMS0xNC43MzV6Ii8+PHBhdGggY2xhc3M9InN0MCIgZD0iTTI4Ni45MjYgMTMwLjAxOSAxNjkuOTEgMTUzLjQyM2w4MS40NzggNTguOTQyIDEyMS4yNTYgMjYuMDAzeiIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Im00ODguMDIyIDUzLjc0MS04MC42MTIgNjkuMzQ0IDQyLjQ3NCA2Ny42MSA3MC4yMSAxNC43MzV6Ii8+PHBhdGggY2xhc3M9InN0MCIgZD0ibTQwNy40MSAxMjMuMDg1LTYxLjU0Mi00Mi40NzMgMjYuNzc2IDE1Ny43NTYgMjYuNzgyIDM4LjEzOSA1MC40NTgtODUuODEyeiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Im0yNTEuMzg4IDIxMi4zNjUgMTQ4LjAzOCA2NC4xNDItMjYuNzgyLTM4LjEzOXoiLz48cGF0aCBjbGFzcz0ic3QzIiBkPSJtMzQ1Ljg2OCA4MC42MTItOTEuODgtOC42NjggMzIuOTM4IDU4LjA3NSA4NS43MTggMTA4LjM0OXpNMCAyMTYuNTI0djIzMi43MDhsMTE1LjA0Ny00MS44MzZ6Ii8+PHBhdGggY2xhc3M9InN0MiIgZD0iTTQxNS42OTEgNDQ5LjIzMkg3OTRsLTI4NC4xNTYtNTguODMxeiIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Im0xMTUuMDQ3IDQwNy4zOTYgMzAwLjY0NCA0MS44MzYtMTA5Ljc3Mi03MS45MDV6Ii8+PHBhdGggY2xhc3M9InN0MiIgZD0iTTAgNDQ5LjIzMmg0MTUuNjkxbC0zMDAuNjQ0LTQxLjgzNnoiLz48cGF0aCBjbGFzcz0ic3QzIiBkPSJNNTA5Ljg0NCAzOTAuNDAxIDc5NCA0NDkuMjMyIDYzMy4yMSAyMzMuNjAxeiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Im0zNjQuNzUgMzA2LjczMS01OC44MzEgNzAuNTk2IDEwOS43NzIgNzEuOTA1IDk0LjE1My01OC44MzF6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTc5NCA0NDkuMjMyVjE5Mi40MjhsLTE2MC43OSA0MS4xNzN6Ii8+PHBhdGggY2xhc3M9InN0MCIgZD0iTTYyNS44NDIgODAuNjEyIDc5NCAxOTIuNDI4IDcyOC45OTEgMHoiLz48cGF0aCBjbGFzcz0ic3QzIiBkPSJNNzk0IDE5Mi40MjhWMGgtNjUuMDA5eiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik02NDAuNTc4IDE1My40MjMgNTIwLjA5NCAyMDUuNDNsLTEyMC42NjggNzEuMDc3IDIzMy43ODQtNDIuOTA2TDc5NCAxOTIuNDI4eiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Im02NDAuNTc4IDE1My40MjMtMTQuNzM2LTcyLjgxMUw1MjAuMDk0IDIwNS40M3oiLz48cGF0aCBjbGFzcz0ic3QzIiBkPSJNNjQwLjU3OCAxNTMuNDIzIDc5NCAxOTIuNDI4IDYyNS44NDIgODAuNjEyeiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zMTguMTMxIDE5LjA3IDE0NS4yMzkgMGwxMDguNzQ5IDcxLjk0NCA5MS44OCA4LjY2OCAxNDIuMTU0LTI2Ljg3MXoiLz48cGF0aCBjbGFzcz0ic3QyIiBkPSJNNDQ2LjcxNiAwSDE0NS4yMzlsMTcyLjg5MiAxOS4wN3oiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNNDQ2LjcxNiAwIDMxOC4xMzEgMTkuMDdsMTY5Ljg5MSAzNC42NzFMNzI4Ljk5MSAweiIvPjxwYXRoIGNsYXNzPSJzdDMiIGQ9Im00ODguMDIyIDUzLjc0MSAzMi4wNzIgMTUxLjY4OUw2MjUuODQyIDgwLjYxMiA3MjguOTkxIDB6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTU4LjA5MyAyOC42MDQgMCAyMTYuNTI0bDE2OS45MS02My4xMDF6Ii8+PHBhdGggY2xhc3M9InN0MiIgZD0iTTE2OS45MSAxNTMuNDIzIDAgMjE2LjUyNGwxMDUuODk1IDUwLjk4NyAyMDAuMDI0IDEwOS44MTZ6bTg0LjA3OC04MS40NzlMMTQ1LjIzOSAwbC00NC42NzMgMTMuODY5LTQyLjQ3MyAxNC43MzVMMTY5LjkxIDE1My40MjNsMTE3LjAxNi0yMy40MDR6Ii8+PHBhdGggY2xhc3M9InN0MCIgZD0iTTEwNS44OTUgMjY3LjUxMSAwIDIxNi41MjRsMTE1LjA0NyAxOTAuODcyIDE5MC44NzItMzAuMDY5eiIvPjxwYXRoIGNsYXNzPSJzdDMiIGQ9Ik0wIDB2MjE2LjUyNGw1OC4wOTMtMTg3LjkyIDQyLjQ3My0xNC43MzVMMTQ1LjIzOSAweiIvPjwvc3ZnPg==)
}

.template.cover-polygon.blu .page .bottom-ornament,.template.cover-polygon.blu .page .top-ornament,.template.resignation-polygon.blu .page .bottom-ornament,.template.resignation-polygon.blu .page .top-ornament {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA3OTQgODAiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZT4uc3Qwe2ZpbGw6I2IzY2ZlNX0uc3Qxe2ZpbGw6I2I4ZDVlOH0uc3Qye2ZpbGw6I2EyYzFkYn0uc3Qze2ZpbGw6I2FhYzdlMH08L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0wIDBoNzk0djgwSDB6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0ibTMxOC4xMzEgMTkuMDY5LTY0LjE0MyA1Mi44NzVMMzM5LjM4NiA4MGg5LjcxOGwxMzguOTE4LTI2LjI1OXoiLz48cGF0aCBjbGFzcz0ic3QyIiBkPSJtNDU3LjQ5NiA4MCAzMC41MjYtMjYuMjU5TDM0OS4xMDQgODB6Ii8+PHBhdGggY2xhc3M9InN0MCIgZD0ibTQ4MC43MSA4MCA3LjMxMi0yNi4yNTlMNDU3LjQ5NiA4MHoiLz48cGF0aCBjbGFzcz0ic3QzIiBkPSJtNDkzLjU3NCA4MC01LjU1Mi0yNi4yNTlMNDgwLjcxIDgwem0tMTU0LjE4OCAwLTg1LjM5OC04LjA1NiA0LjU3IDguMDU2eiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik03NTYuMDE4IDgwIDcyOC45OTEgMCA2MjYuNjI1IDgweiIvPjxwYXRoIGNsYXNzPSJzdDMiIGQ9Im03MjguOTkxIDAgMjcuMDI3IDgwSDc5NFYweiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zMTguMTMxIDE5LjA2OSAxNDUuMjM5IDBsMTA4Ljc0OSA3MS45NDR6Ii8+PHBhdGggY2xhc3M9InN0MiIgZD0iTTQ0Ni43MTYgMEgxNDUuMjM5bDE3Mi44OTIgMTkuMDY5eiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00NDYuNzE2IDAgMzE4LjEzMSAxOS4wNjlsMTY5Ljg5MSAzNC42NzJMNzI4Ljk5MSAweiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik00ODguMDIyIDUzLjc0MSA0OTMuNTc0IDgwaDEzMy4wNTFMNzI4Ljk5MSAwek0xMDAuNTY2IDEzLjg2OSAxNDUuMjM5IDBIMGw1OC4wOTMgMjguNjA0ek00Mi4yMDUgODBoNjEuOTNMNTguMDkzIDI4LjYwNHoiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNMjUzLjk4OCA3MS45NDQgMTQ1LjIzOSAwbC00NC42NzMgMTMuODY5LTQyLjQ3MyAxNC43MzVMMTA0LjEzNSA4MGgxNTQuNDIzeiIvPjxwYXRoIGNsYXNzPSJzdDMiIGQ9Ik01OC4wOTMgMjguNjA0IDAgMHY4MGg0Mi4yMDV6Ii8+PC9zdmc+)
}

.template.cover-polygon.blu .general-section .name:before,.template.resignation-polygon.blu .general-section .name:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA3OTQgNDQ5LjIzMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDB7ZmlsbDojYjNjZmU1fS5zdDF7ZmlsbDojYjhkNWU4fS5zdDJ7ZmlsbDojYTJjMWRifS5zdDN7ZmlsbDojYWFjN2UwfTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTAgLjExNmg3OTR2NDQ5SDB6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0ibTMxOC4xMzEgMTkuMDY5LTY0LjE0MyA1Mi44NzUgOTEuODggOC42NjggMTQyLjE1NC0yNi44NzF6Ii8+PHBhdGggY2xhc3M9InN0MCIgZD0ibTUwOS44NDQgMzkwLjQwMSAxMjMuMzY2LTE1Ni44LTIzMy43ODQgNDIuOTA2eiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Im0xNjkuOTEgMTUzLjQyMiAxMzYuMDA5IDIyMy45MDUtNTQuNTMxLTE2NC45NjN6TTM2NC43NSAzMDYuNzNsMTQ1LjA5NCA4My42NzEtMTEwLjQxOC0xMTMuODk0em00Mi42Ni0xODMuNjQ1IDgwLjYxMi02OS4zNDQtMTQyLjE1NCAyNi44NzF6Ii8+PHBhdGggY2xhc3M9InN0MyIgZD0ibTI1MS4zODggMjEyLjM2NCA1NC41MzEgMTY0Ljk2MyA1OC44MzEtNzAuNTk3IDM0LjY3Ni0zMC4yMjN6bTE0OC4wMzggNjQuMTQzIDEyMC42NjgtNzEuMDc3LTcwLjIxLTE0LjczNnoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJtMjg2LjkyNiAxMzAuMDE5LTM1LjUzOCA4Mi4zNDUgMTIxLjI1NiAyNi4wMDR6Ii8+PHBhdGggY2xhc3M9InN0MyIgZD0iTTUyMC4wOTQgMjA1LjQzIDQ4OC4wMjIgNTMuNzQxbC0zOC4xMzggMTM2Ljk1M3oiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJtNDA3LjQxIDEyMy4wODUtNjEuNTQyLTQyLjQ3MyAyNi43NzYgMTU3Ljc1NiAyNi43ODIgMzguMTM5IDUwLjQ1OC04NS44MTMgMzguMTM4LTEzNi45NTN6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0ibTI1MS4zODggMjEyLjM2NCAxNDguMDM4IDY0LjE0My0yNi43ODItMzguMTM5eiIvPjxwYXRoIGNsYXNzPSJzdDMiIGQ9Im0zNDUuODY4IDgwLjYxMi05MS44OC04LjY2OCAzMi45MzggNTguMDc1IDg1LjcxOCAxMDguMzQ5ek0wIDIxNi41MjR2MjMyLjcwOGwxMTUuMDQ3LTQxLjgzNnoiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNNDE1LjY5MSA0NDkuMjMySDc5NGwtMjg0LjE1Ni01OC44MzF6Ii8+PHBhdGggY2xhc3M9InN0MiIgZD0ibTExNS4wNDcgNDA3LjM5NiAzMDAuNjQ0IDQxLjgzNi0xMDkuNzcyLTcxLjkwNXoiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNMCA0NDkuMjMyaDQxNS42OTFsLTMwMC42NDQtNDEuODM2eiIvPjxwYXRoIGNsYXNzPSJzdDMiIGQ9Ik01MDkuODQ0IDM5MC40MDEgNzk0IDQ0OS4yMzIgNjMzLjIxIDIzMy42MDF6Ii8+PHBhdGggY2xhc3M9InN0MCIgZD0ibTM2NC43NSAzMDYuNzMtNTguODMxIDcwLjU5NyAxMDkuNzcyIDcxLjkwNSA5NC4xNTMtNTguODMxeiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik03OTQgNDQ5LjIzMlYxOTIuNDI4bC0xNjAuNzkgNDEuMTczeiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02MjUuODQyIDgwLjYxMiA3OTQgMTkyLjQyOCA3MjguOTkxIDB6Ii8+PHBhdGggY2xhc3M9InN0MyIgZD0iTTc5NCAxOTIuNDI4VjBoLTY1LjAwOXoiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNNjQwLjU3OCAxNTMuNDIyIDUyMC4wOTQgMjA1LjQzbC0xMjAuNjY4IDcxLjA3NyAyMzMuNzg0LTQyLjkwNkw3OTQgMTkyLjQyOHoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJtNjQwLjU3OCAxNTMuNDIyLTE0LjczNi03Mi44MUw1MjAuMDk0IDIwNS40M3oiLz48cGF0aCBjbGFzcz0ic3QzIiBkPSJNNjQwLjU3OCAxNTMuNDIyIDc5NCAxOTIuNDI4IDYyNS44NDIgODAuNjEyeiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zMTguMTMxIDE5LjA2OSAxNDUuMjM5IDBsMTA4Ljc0OSA3MS45NDR6Ii8+PHBhdGggY2xhc3M9InN0MiIgZD0iTTQ0Ni43MTYgMEgxNDUuMjM5bDE3Mi44OTIgMTkuMDY5eiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00NDYuNzE2IDAgMzE4LjEzMSAxOS4wNjlsMTY5Ljg5MSAzNC42NzJMNzI4Ljk5MSAweiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Im00ODguMDIyIDUzLjc0MSAzMi4wNzIgMTUxLjY4OUw2MjUuODQyIDgwLjYxMiA3MjguOTkxIDB6TTEwMC41NjYgMTMuODY5IDE0NS4yMzkgMEgwbDU4LjA5MyAyOC42MDR6TTU4LjA5MyAyOC42MDQgMCAyMTYuNTI0bDE2OS45MS02My4xMDJ6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTE2OS45MSAxNTMuNDIyIDAgMjE2LjUyNGwxMDUuODk1IDUwLjk4NiAyMDAuMDI0IDEwOS44MTd6bTg0LjA3OC04MS40NzhMMTQ1LjIzOSAwbC00NC42NzMgMTMuODY5LTQyLjQ3MyAxNC43MzVMMTY5LjkxIDE1My40MjJsODEuNDc4IDU4Ljk0MiAzNS41MzgtODIuMzQ1eiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMDUuODk1IDI2Ny41MSAwIDIxNi41MjRsMTE1LjA0NyAxOTAuODcyIDE5MC44NzItMzAuMDY5eiIvPjxwYXRoIGNsYXNzPSJzdDMiIGQ9Ik0wIDB2MjE2LjUyNGw1OC4wOTMtMTg3LjkyeiIvPjwvc3ZnPg==)
}

.template.cover-polygon.gre .page .bottom-ornament,.template.cover-polygon.gre .page .top-ornament,.template.resignation-polygon.gre .page .bottom-ornament,.template.resignation-polygon.gre .page .top-ornament {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA3OTQgODAiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZT4uc3Qwe2ZpbGw6I2UyZTJlMn0uc3Qxe2ZpbGw6I2U2ZTZlNn0uc3Qye2ZpbGw6I2U4ZThlOH0uc3Qze2ZpbGw6I2RkZH08L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0wIDBoNzk0djgwSDB6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTAgMGgtLjVsLjUuMjQ2eiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Im0zMTcuNjMxIDE5LjA2OS02NC4xNDMgNTIuODc1TDMzOC44ODYgODBoOS43MThsMTM4LjkxOC0yNi4yNTl6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0ibTQ1Ni45OTYgODAgMzAuNTI2LTI2LjI1OUwzNDguNjA0IDgweiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Im00ODAuMjEgODAgNy4zMTItMjYuMjU5TDQ1Ni45OTYgODB6Ii8+PHBhdGggY2xhc3M9InN0MyIgZD0ibTQ5My4wNzQgODAtNS41NTItMjYuMjU5TDQ4MC4yMSA4MHptLTE1NC4xODggMC04NS4zOTgtOC4wNTYgNC41NyA4LjA1NnoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNNzU1LjUxOCA4MCA3MjguNDkxIDAgNjI2LjEyNSA4MHoiLz48cGF0aCBjbGFzcz0ic3QzIiBkPSJtNzI4LjQ5MSAwIDI3LjAyNyA4MEg3OTRWMHoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzE3LjYzMSAxOS4wNjkgMTQ0LjczOSAwbDEwOC43NDkgNzEuOTQ0eiIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik00NDYuMjE2IDBIMTQ0LjczOWwxNzIuODkyIDE5LjA2OXoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDQ2LjIxNiAwIDMxNy42MzEgMTkuMDY5bDE2OS44OTEgMzQuNjcyTDcyOC40OTEgMHoiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNNDg3LjUyMiA1My43NDEgNDkzLjA3NCA4MGgxMzMuMDUxTDcyOC40OTEgMHpNNTcuNTkzIDI4LjYwNGw0Mi40NzMtMTQuNzM1TDE0NC43MzkgMEgwdi4yNDZ6TTQxLjcwNSA4MGg2MS45M0w1Ny41OTMgMjguNjA0eiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0yNTMuNDg4IDcxLjk0NCAxNDQuNzM5IDBsLTQ0LjY3MyAxMy44NjktNDIuNDczIDE0LjczNUwxMDMuNjM1IDgwaDE1NC40MjN6Ii8+PHBhdGggY2xhc3M9InN0MyIgZD0iTTAgLjI0NlY4MGg0MS43MDVsMTUuODg4LTUxLjM5NnoiLz48L3N2Zz4=)
}

.template.cover-polygon.gre .general-section .name:before,.template.resignation-polygon.gre .general-section .name:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA3OTQgNDQ5LjIzMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDB7ZmlsbDojZTJlMmUyfS5zdDF7ZmlsbDojZThlOGU4fS5zdDJ7ZmlsbDojZTZlNmU2fS5zdDN7ZmlsbDojZGRkfTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTAgLjExNmg3OTR2NDQ5SDB6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0ibTMxOC4xMzEgMTkuMDctNjQuMTQzIDUyLjg3NCA5MS44OCA4LjY2OHptMTY5Ljg5MSAzNC42NzFMMzE4LjEzMSAxOS4wN2wyNy43MzcgNjEuNTQyeiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Im01MDkuODQ0IDM5MC40MDEgMTIzLjM2Ni0xNTYuOC0yMzMuNzg0IDQyLjkwNnoiLz48cGF0aCBjbGFzcz0ic3QyIiBkPSJtMTY5LjkxIDE1My40MjMgMTM2LjAwOSAyMjMuOTA0LTU0LjUzMS0xNjQuOTYyem0xOTQuODQgMTUzLjMwOCAxNDUuMDk0IDgzLjY3LTExMC40MTgtMTEzLjg5NHptNDIuNjYtMTgzLjY0NiA4MC42MTItNjkuMzQ0LTE0Mi4xNTQgMjYuODcxeiIvPjxwYXRoIGNsYXNzPSJzdDMiIGQ9Im0yNTEuMzg4IDIxMi4zNjUgNTQuNTMxIDE2NC45NjIgNTguODMxLTcwLjU5NiAzNC42NzYtMzAuMjI0em05NC40OC0xMzEuNzUzLTU4Ljk0MiA0OS40MDcgODUuNzE4IDEwOC4zNDl6Ii8+PHBhdGggY2xhc3M9InN0MCIgZD0ibTExNS4wNDcgNDA3LjM5NiAxOTAuODcyLTMwLjA2OS0yMDAuMDI0LTEwOS44MTZ6bTE3MS44NzktMjc3LjM3Ny0zNS41MzggODIuMzQ2IDEyMS4yNTYgMjYuMDAzeiIvPjxwYXRoIGNsYXNzPSJzdDMiIGQ9Im00ODguMDIyIDUzLjc0MS0zOC4xMzggMTM2Ljk1NC01MC40NTggODUuODEyIDEyMC42NjgtNzEuMDc3eiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Im00MDcuNDEgMTIzLjA4NS02MS41NDItNDIuNDczIDI2Ljc3NiAxNTcuNzU2IDI2Ljc4MiAzOC4xMzkgNTAuNDU4LTg1LjgxMiAzOC4xMzgtMTM2Ljk1NHoiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJtMjUxLjM4OCAyMTIuMzY1IDE0OC4wMzggNjQuMTQyLTI2Ljc4Mi0zOC4xMzl6Ii8+PHBhdGggY2xhc3M9InN0MyIgZD0ibTM0NS44NjggODAuNjEyLTkxLjg4LTguNjY4IDMyLjkzOCA1OC4wNzV6TTAgMjE2LjUyNHYyMzIuNzA4bDExNS4wNDctNDEuODM2eiIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik00MTUuNjkxIDQ0OS4yMzJINzk0bC0yODQuMTU2LTU4LjgzMXoiLz48cGF0aCBjbGFzcz0ic3QyIiBkPSJtMTE1LjA0NyA0MDcuMzk2IDMwMC42NDQgNDEuODM2LTEwOS43NzItNzEuOTA1eiIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0wIDQ0OS4yMzJoNDE1LjY5MWwtMzAwLjY0NC00MS44MzZ6Ii8+PHBhdGggY2xhc3M9InN0MyIgZD0iTTUwOS44NDQgMzkwLjQwMSA3OTQgNDQ5LjIzMiA2MzMuMjEgMjMzLjYwMXoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJtMzY0Ljc1IDMwNi43MzEtNTguODMxIDcwLjU5NiAxMDkuNzcyIDcxLjkwNSA5NC4xNTMtNTguODMxeiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik03OTQgNDQ5LjIzMlYxOTIuNDI4bC0xNjAuNzkgNDEuMTczeiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02MjUuODQyIDgwLjYxMiA3OTQgMTkyLjQyOCA3MjguOTkxIDB6Ii8+PHBhdGggY2xhc3M9InN0MyIgZD0iTTc5NCAxOTIuNDI4VjBoLTY1LjAwOXoiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNNjQwLjU3OCAxNTMuNDIzIDUyMC4wOTQgMjA1LjQzbC0xMjAuNjY4IDcxLjA3NyAyMzMuNzg0LTQyLjkwNkw3OTQgMTkyLjQyOHoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJtNjQwLjU3OCAxNTMuNDIzLTE0LjczNi03Mi44MTFMNTIwLjA5NCAyMDUuNDN6Ii8+PHBhdGggY2xhc3M9InN0MyIgZD0iTTY0MC41NzggMTUzLjQyMyA3OTQgMTkyLjQyOCA2MjUuODQyIDgwLjYxMnoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzE4LjEzMSAxOS4wNyAxNDUuMjM5IDBsMTA4Ljc0OSA3MS45NDR6Ii8+PHBhdGggY2xhc3M9InN0MiIgZD0iTTQ0Ni43MTYgMEgxNDUuMjM5bDE3Mi44OTIgMTkuMDd6Ii8+PHBhdGggY2xhc3M9InN0MCIgZD0iTTQ0Ni43MTYgMCAzMTguMTMxIDE5LjA3bDE2OS44OTEgMzQuNjcxTDcyOC45OTEgMHoiLz48cGF0aCBjbGFzcz0ic3QyIiBkPSJtNDg4LjAyMiA1My43NDEgMzIuMDcyIDE1MS42ODlMNjI1Ljg0MiA4MC42MTIgNzI4Ljk5MSAwek0xMDAuNTY2IDEzLjg2OSAxNDUuMjM5IDBIMGw1OC4wOTMgMjguNjA0ek01OC4wOTMgMjguNjA0IDAgMjE2LjUyNGwxNjkuOTEtNjMuMTAxeiIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0xNjkuOTEgMTUzLjQyMyAwIDIxNi41MjRsMTA1Ljg5NSA1MC45ODcgMjAwLjAyNCAxMDkuODE2em04NC4wNzgtODEuNDc5TDE0NS4yMzkgMGwtNDQuNjczIDEzLjg2OS00Mi40NzMgMTQuNzM1TDE2OS45MSAxNTMuNDIzbDgxLjQ3OCA1OC45NDIgMzUuNTM4LTgyLjM0NnoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTA1Ljg5NSAyNjcuNTExIDAgMjE2LjUyNGwxMTUuMDQ3IDE5MC44NzJ6Ii8+PHBhdGggY2xhc3M9InN0MyIgZD0iTTAgMHYyMTYuNTI0bDU4LjA5My0xODcuOTJ6Ii8+PC9zdmc+)
}

.template.cover-puddle.page-wrapper.numbersShown .outer-page.multi-page .page:after,.template.resignation-puddle.page-wrapper.numbersShown .outer-page.multi-page .page:after {
  bottom: 35px;
  padding-left: 90px;
  text-align: left
}

.letter.template.cover-puddle.page-wrapper.numbersShown .outer-page.multi-page .page:after,.letter.template.resignation-puddle.page-wrapper.numbersShown .outer-page.multi-page .page:after {
  padding-left: 101px
}

.template.cover-puddle .page,.template.resignation-puddle .page {
  background-color: #fff;
  padding-bottom: 91px;
  padding-top: 39px;
  position: relative
}

.template.cover-puddle .page .bottom-ornament,.template.cover-puddle .page .top-ornament,.template.resignation-puddle .page .bottom-ornament,.template.resignation-puddle .page .top-ornament {
  display: block
}

.template.cover-puddle .page .bottom-ornament svg,.template.cover-puddle .page .top-ornament svg,.template.resignation-puddle .page .bottom-ornament svg,.template.resignation-puddle .page .top-ornament svg {
  fill: #0462f6;
  display: none;
  position: absolute;
  right: 0
}

.template.cover-puddle .page .top-ornament svg,.template.resignation-puddle .page .top-ornament svg {
  top: 0
}

.template.cover-puddle .page .bottom-ornament svg,.template.resignation-puddle .page .bottom-ornament svg {
  bottom: 0;
  display: block;
  height: 51px;
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg)
}

.template.cover-puddle .page.first-page .top-ornament .first-page-ornament,.template.resignation-puddle .page.first-page .top-ornament .first-page-ornament {
  display: block;
  height: 250px
}

.template.cover-puddle .page:not(.first-page) .top-ornament svg:not(.first-page-ornament),.template.resignation-puddle .page:not(.first-page) .top-ornament svg:not(.first-page-ornament) {
  display: block;
  height: 51px
}

.template.cover-puddle.letter .general-section,.template.resignation-puddle.letter .general-section {
  padding-left: 71px;
  padding-right: 71px
}

.template.cover-puddle.letter .general-info-to,.template.cover-puddle.letter .rich-text,.template.resignation-puddle.letter .general-info-to,.template.resignation-puddle.letter .rich-text {
  padding-left: 101px;
  padding-right: 71px
}

.template.cover-puddle .general-section,.template.resignation-puddle .general-section {
  align-items: center;
  display: flex;
  min-height: 211px;
  padding-left: 60px;
  padding-right: 60px
}

.template.cover-puddle .general-section.rich-text .note-detail-item,.template.resignation-puddle .general-section.rich-text .note-detail-item {
  padding-right: 60px
}

.template.cover-puddle .general-section .general-info-from,.template.cover-puddle .general-section .name,.template.resignation-puddle .general-section .general-info-from,.template.resignation-puddle .general-section .name {
  vertical-align: top;
  width: 50%
}

.template.cover-puddle .general-section .name,.template.resignation-puddle .general-section .name {
  color: #000;
  font-size: 36px;
  line-height: 45px;
  padding-right: 10px
}

.template.cover-puddle .general-section .general-info-from,.template.resignation-puddle .general-section .general-info-from {
  color: #fff;
  padding-left: 10px;
  text-align: right
}

.template.cover-puddle .general-info-to,.template.resignation-puddle .general-info-to {
  padding-bottom: clamp(1rem, calc(var(--templates-lh-base)*3), 3.5rem);
  padding-left: 90px;
  padding-right: 60px
}

.template.cover-puddle .general-info-to.rich-text .note-detail-item,.template.resignation-puddle .general-info-to.rich-text .note-detail-item {
  padding-right: 60px
}

.template.cover-puddle .rich-text,.template.resignation-puddle .rich-text {
  padding-left: 90px;
  padding-right: 60px;
  padding-top: clamp(1rem, calc(var(--templates-lh-base)*2), 3.5rem);
  width: 100%
}

.template.cover-puddle .rich-text.rich-text .note-detail-item,.template.resignation-puddle .rich-text.rich-text .note-detail-item {
  padding-right: 60px
}

.template.cover-puddle.bla-whi .page,.template.resignation-puddle.bla-whi .page {
  background-color: #fff
}

.template.cover-puddle.bla-whi .page .bottom-ornament svg,.template.cover-puddle.bla-whi .page .top-ornament svg,.template.resignation-puddle.bla-whi .page .bottom-ornament svg,.template.resignation-puddle.bla-whi .page .top-ornament svg {
  fill: #000
}

.template.cover-puddle.bla-whi .general-section .general-info-from,.template.resignation-puddle.bla-whi .general-section .general-info-from {
  color: #fff
}

.template.cover-puddle.blu-whi .page,.template.resignation-puddle.blu-whi .page {
  background-color: #fff
}

.template.cover-puddle.blu-whi .page .bottom-ornament svg,.template.cover-puddle.blu-whi .page .top-ornament svg,.template.resignation-puddle.blu-whi .page .bottom-ornament svg,.template.resignation-puddle.blu-whi .page .top-ornament svg {
  fill: #0462f6
}

.template.cover-puddle.blu-whi .general-section .general-info-from,.template.resignation-puddle.blu-whi .general-section .general-info-from {
  color: #fff
}

.template.cover-puddle.red-whi .page,.template.resignation-puddle.red-whi .page {
  background-color: #fff
}

.template.cover-puddle.red-whi .page .bottom-ornament svg,.template.cover-puddle.red-whi .page .top-ornament svg,.template.resignation-puddle.red-whi .page .bottom-ornament svg,.template.resignation-puddle.red-whi .page .top-ornament svg {
  fill: #f7410f
}

.template.cover-puddle.red-whi .general-section .general-info-from,.template.resignation-puddle.red-whi .general-section .general-info-from {
  color: #fff
}

.template.cover-puddle.pur-whi .page,.template.resignation-puddle.pur-whi .page {
  background-color: #fff
}

.template.cover-puddle.pur-whi .page .bottom-ornament svg,.template.cover-puddle.pur-whi .page .top-ornament svg,.template.resignation-puddle.pur-whi .page .bottom-ornament svg,.template.resignation-puddle.pur-whi .page .top-ornament svg {
  fill: #ab47bc
}

.template.cover-puddle.pur-whi .general-section .general-info-from,.template.resignation-puddle.pur-whi .general-section .general-info-from {
  color: #fff
}

.template.cover-puddle.yel-whi .page,.template.resignation-puddle.yel-whi .page {
  background-color: #fff
}

.template.cover-puddle.yel-whi .page .bottom-ornament svg,.template.cover-puddle.yel-whi .page .top-ornament svg,.template.resignation-puddle.yel-whi .page .bottom-ornament svg,.template.resignation-puddle.yel-whi .page .top-ornament svg {
  fill: #facd48
}

.template.cover-puddle.yel-whi .general-section .general-info-from,.template.resignation-puddle.yel-whi .general-section .general-info-from {
  color: #000
}

.template.cover-puddle.cya-whi .page,.template.resignation-puddle.cya-whi .page {
  background-color: #fff
}

.template.cover-puddle.cya-whi .page .bottom-ornament svg,.template.cover-puddle.cya-whi .page .top-ornament svg,.template.resignation-puddle.cya-whi .page .bottom-ornament svg,.template.resignation-puddle.cya-whi .page .top-ornament svg {
  fill: #3dbfed
}

.template.cover-puddle.cya-whi .general-section .general-info-from,.template.resignation-puddle.cya-whi .general-section .general-info-from {
  color: #000
}

.template.cover-puddle.grn-whi .page,.template.resignation-puddle.grn-whi .page {
  background-color: #fff
}

.template.cover-puddle.grn-whi .page .bottom-ornament svg,.template.cover-puddle.grn-whi .page .top-ornament svg,.template.resignation-puddle.grn-whi .page .bottom-ornament svg,.template.resignation-puddle.grn-whi .page .top-ornament svg {
  fill: #369188
}

.template.cover-puddle.grn-whi .general-section .general-info-from,.template.resignation-puddle.grn-whi .general-section .general-info-from {
  color: #fff
}

.template.cover-puddle.pin-whi .page,.template.resignation-puddle.pin-whi .page {
  background-color: #fff
}

.template.cover-puddle.pin-whi .page .bottom-ornament svg,.template.cover-puddle.pin-whi .page .top-ornament svg,.template.resignation-puddle.pin-whi .page .bottom-ornament svg,.template.resignation-puddle.pin-whi .page .top-ornament svg {
  fill: #ef9a9a
}

.template.cover-puddle.pin-whi .general-section .general-info-from,.template.resignation-puddle.pin-whi .general-section .general-info-from {
  color: #000
}

.template.cover-puddle.yel-gre .page,.template.resignation-puddle.yel-gre .page {
  background-color: #1a1a1a
}

.template.cover-puddle.yel-gre .page .bottom-ornament svg,.template.cover-puddle.yel-gre .page .top-ornament svg,.template.resignation-puddle.yel-gre .page .bottom-ornament svg,.template.resignation-puddle.yel-gre .page .top-ornament svg {
  fill: #facd48
}

.template.cover-puddle.yel-gre .general-section .general-info-from,.template.resignation-puddle.yel-gre .general-section .general-info-from {
  color: #000
}

.template.cover-puddle.yel-gre .general-info-to,.template.cover-puddle.yel-gre .general-section .name,.template.cover-puddle.yel-gre .page:after,.template.cover-puddle.yel-gre .rich-text,.template.resignation-puddle.yel-gre .general-info-to,.template.resignation-puddle.yel-gre .general-section .name,.template.resignation-puddle.yel-gre .page:after,.template.resignation-puddle.yel-gre .rich-text {
  color: #d8d8d8
}

.template.cover-puddle.yel-gre .general-info-to div,.template.cover-puddle.yel-gre .general-info-to span,.template.cover-puddle.yel-gre .general-section .name div,.template.cover-puddle.yel-gre .general-section .name span,.template.cover-puddle.yel-gre .rich-text div,.template.cover-puddle.yel-gre .rich-text span,.template.resignation-puddle.yel-gre .general-info-to div,.template.resignation-puddle.yel-gre .general-info-to span,.template.resignation-puddle.yel-gre .general-section .name div,.template.resignation-puddle.yel-gre .general-section .name span,.template.resignation-puddle.yel-gre .rich-text div,.template.resignation-puddle.yel-gre .rich-text span {
  color: inherit
}

.template.cover-puddle.yel-gre .preview-overlay,.template.resignation-puddle.yel-gre .preview-overlay {
  fill: #fff
}

.template.cover-puddle.grn-gre .page,.template.resignation-puddle.grn-gre .page {
  background-color: #1a1a1a
}

.template.cover-puddle.grn-gre .page .bottom-ornament svg,.template.cover-puddle.grn-gre .page .top-ornament svg,.template.resignation-puddle.grn-gre .page .bottom-ornament svg,.template.resignation-puddle.grn-gre .page .top-ornament svg {
  fill: #24e0a2
}

.template.cover-puddle.grn-gre .general-section .general-info-from,.template.resignation-puddle.grn-gre .general-section .general-info-from {
  color: #000
}

.template.cover-puddle.grn-gre .general-info-to,.template.cover-puddle.grn-gre .general-section .name,.template.cover-puddle.grn-gre .page:after,.template.cover-puddle.grn-gre .rich-text,.template.resignation-puddle.grn-gre .general-info-to,.template.resignation-puddle.grn-gre .general-section .name,.template.resignation-puddle.grn-gre .page:after,.template.resignation-puddle.grn-gre .rich-text {
  color: #d8d8d8
}

.template.cover-puddle.grn-gre .general-info-to div,.template.cover-puddle.grn-gre .general-info-to span,.template.cover-puddle.grn-gre .general-section .name div,.template.cover-puddle.grn-gre .general-section .name span,.template.cover-puddle.grn-gre .rich-text div,.template.cover-puddle.grn-gre .rich-text span,.template.resignation-puddle.grn-gre .general-info-to div,.template.resignation-puddle.grn-gre .general-info-to span,.template.resignation-puddle.grn-gre .general-section .name div,.template.resignation-puddle.grn-gre .general-section .name span,.template.resignation-puddle.grn-gre .rich-text div,.template.resignation-puddle.grn-gre .rich-text span {
  color: inherit
}

.template.cover-puddle.grn-gre .preview-overlay,.template.resignation-puddle.grn-gre .preview-overlay {
  fill: #fff
}

.template.cover-rectangular .page,.template.resignation-rectangular .page {
  padding-bottom: 52px;
  padding-top: 20px
}

.template.cover-rectangular .page:not(.first-page) .top-ornament,.template.resignation-rectangular .page:not(.first-page) .top-ornament {
  background: #8ae2f9;
  display: block;
  height: 26px;
  left: 30px;
  position: absolute;
  top: 16px;
  width: clamp(1rem, calc(100% - 76px), 3.5rem);
  z-index: 0
}

.template.cover-rectangular .page:not(.first-page) .top-ornament:before,.template.resignation-rectangular .page:not(.first-page) .top-ornament:before {
  background: #000;
  content: "";
  height: 1px;
  left: 20px;
  position: absolute;
  top: 13px;
  width: clamp(1rem, calc(100% - 40px), 3.5rem);
}

.template.cover-rectangular .page:not(.first-page) .top-ornament,.template.resignation-rectangular .page:not(.first-page) .top-ornament {
  left: 20px;
  width: clamp(1rem, calc(100% - 40px), 3.5rem);
}

.template.cover-rectangular.letter .general-section .general-background,.template.resignation-rectangular.letter .general-section .general-background {
  margin: 0 31px
}

.template.cover-rectangular.letter .general-section .general-info-wrapper,.template.cover-rectangular.letter .name,.template.cover-rectangular.letter .rich-text,.template.resignation-rectangular.letter .general-section .general-info-wrapper,.template.resignation-rectangular.letter .name,.template.resignation-rectangular.letter .rich-text {
  padding-left: 71px;
  padding-right: 57px
}

.template.cover-rectangular.letter:not(.first-page) .top-ornament,.template.resignation-rectangular.letter:not(.first-page) .top-ornament {
  left: 31px;
  width: clamp(1rem, calc(100% - 62px), 3.5rem);
}

.template.cover-rectangular .general-section,.template.resignation-rectangular .general-section {
  position: relative
}

.template.cover-rectangular .general-section .general-background,.template.resignation-rectangular .general-section .general-background {
  background: #8ae2f9;
  margin: 0 20px;
  padding: 26px 29px
}

.template.cover-rectangular .general-section .general-background .general-wrapper,.template.resignation-rectangular .general-section .general-background .general-wrapper {
  align-items: stretch;
  border: 1px solid #000;
  display: flex
}

.template.cover-rectangular .general-section .general-background .general-wrapper .shape-wrapper,.template.resignation-rectangular .general-section .general-background .general-wrapper .shape-wrapper {
  align-items: flex-end;
  border-right: 1px solid #000;
  display: inline-flex;
  height: auto;
  min-width: 34px
}

.template.cover-rectangular .general-section .general-background .general-wrapper .shape-wrapper .shape-body,.template.resignation-rectangular .general-section .general-background .general-wrapper .shape-wrapper .shape-body {
  border-top: 1px solid #000;
  height: clamp(1rem, calc(100% - 20px), 3.5rem);
  position: relative;
  width: 100%
}

.template.cover-rectangular .general-section .general-background .general-wrapper .shape-wrapper .shape-body:before,.template.resignation-rectangular .general-section .general-background .general-wrapper .shape-wrapper .shape-body:before {
  background-color: #000;
  content: "";
  height: 100%;
  left: 16px;
  position: absolute;
  top: 0;
  width: 1px
}

.template.cover-rectangular .general-section .general-background .general-wrapper .shape-wrapper:last-child,.template.resignation-rectangular .general-section .general-background .general-wrapper .shape-wrapper:last-child {
  -webkit-transform: scale(-1);
  transform: scale(-1)
}

.template.cover-rectangular .general-section .general-background .general-wrapper .name,.template.resignation-rectangular .general-section .general-background .general-wrapper .name {
  align-items: center;
  color: #000;
  display: inline-flex;
  flex-grow: 1;
  font-size: 32px;
  justify-content: center;
  line-height: 34px;
  padding: 25px 40px;
  position: relative;
  text-align: center
}

.template.cover-rectangular .general-section .general-info-wrapper,.template.resignation-rectangular .general-section .general-info-wrapper {
  padding-bottom: var(--templates-lh-base);
  padding-left: 60px;
  padding-right: 46px;
  padding-top: clamp(1rem, calc(var(--templates-lh-base)*3), 3.5rem);
}

.template.cover-rectangular .general-section .general-info-wrapper .general-info-from,.template.cover-rectangular .general-section .general-info-wrapper .general-info-to,.template.resignation-rectangular .general-section .general-info-wrapper .general-info-from,.template.resignation-rectangular .general-section .general-info-wrapper .general-info-to {
  display: inline-block;
  vertical-align: top;
  width: 50%
}

.template.cover-rectangular .general-section .general-info-wrapper .general-info-to,.template.resignation-rectangular .general-section .general-info-wrapper .general-info-to {
  padding-right: 10px
}

.template.cover-rectangular .general-section .general-info-wrapper .general-info-from,.template.resignation-rectangular .general-section .general-info-wrapper .general-info-from {
  padding-left: 10px;
  text-align: right;
  text-align: left
}

.template.cover-rectangular .rich-text,.template.resignation-rectangular .rich-text {
  padding-left: 60px;
  padding-right: 46px;
  padding-top: clamp(1rem, calc(var(--templates-lh-base)*2), 3.5rem);
}

.template.cover-rectangular.gre .general-section .general-background,.template.cover-rectangular.gre .page:not(.first-page) .top-ornament,.template.resignation-rectangular.gre .general-section .general-background,.template.resignation-rectangular.gre .page:not(.first-page) .top-ornament {
  background: #d1d3d4
}

.template.cover-rectangular.gre .general-section .general-background .general-wrapper .name,.template.resignation-rectangular.gre .general-section .general-background .general-wrapper .name {
  color: #000
}

.template.cover-rectangular.cya .general-section .general-background,.template.cover-rectangular.cya .page:not(.first-page) .top-ornament,.template.resignation-rectangular.cya .general-section .general-background,.template.resignation-rectangular.cya .page:not(.first-page) .top-ornament {
  background: #8ae2f9
}

.template.cover-rectangular.cya .general-section .general-background .general-wrapper .name,.template.resignation-rectangular.cya .general-section .general-background .general-wrapper .name {
  color: #000
}

.template.cover-rectangular.grn .general-section .general-background,.template.cover-rectangular.grn .page:not(.first-page) .top-ornament,.template.resignation-rectangular.grn .general-section .general-background,.template.resignation-rectangular.grn .page:not(.first-page) .top-ornament {
  background: #def2c2
}

.template.cover-rectangular.grn .general-section .general-background .general-wrapper .name,.template.resignation-rectangular.grn .general-section .general-background .general-wrapper .name {
  color: #000
}

.template.cover-rectangular.bri-red .general-section .general-background,.template.cover-rectangular.bri-red .page:not(.first-page) .top-ornament,.template.resignation-rectangular.bri-red .general-section .general-background,.template.resignation-rectangular.bri-red .page:not(.first-page) .top-ornament {
  background: #ee4e34
}

.template.cover-rectangular.bri-red .general-section .general-background .general-wrapper .name,.template.resignation-rectangular.bri-red .general-section .general-background .general-wrapper .name {
  color: #000
}

.template.cover-rectangular.cam .general-section .general-background,.template.cover-rectangular.cam .page:not(.first-page) .top-ornament,.template.resignation-rectangular.cam .general-section .general-background,.template.resignation-rectangular.cam .page:not(.first-page) .top-ornament {
  background: #f7da92
}

.template.cover-rectangular.cam .general-section .general-background .general-wrapper .name,.template.resignation-rectangular.cam .general-section .general-background .general-wrapper .name {
  color: #000
}

.template.cover-rectangular.pin .general-section .general-background,.template.cover-rectangular.pin .page:not(.first-page) .top-ornament,.template.resignation-rectangular.pin .general-section .general-background,.template.resignation-rectangular.pin .page:not(.first-page) .top-ornament {
  background: #ef9a9a
}

.template.cover-rectangular.pin .general-section .general-background .general-wrapper .name,.template.resignation-rectangular.pin .general-section .general-background .general-wrapper .name {
  color: #000
}

.template.cover-rectangular.yel .general-section .general-background,.template.cover-rectangular.yel .page:not(.first-page) .top-ornament,.template.resignation-rectangular.yel .general-section .general-background,.template.resignation-rectangular.yel .page:not(.first-page) .top-ornament {
  background: #facd48
}

.template.cover-rectangular.yel .general-section .general-background .general-wrapper .name,.template.resignation-rectangular.yel .general-section .general-background .general-wrapper .name {
  color: #000
}

.template.cover-rectangular.win .general-section .general-background,.template.cover-rectangular.win .page:not(.first-page) .top-ornament,.template.resignation-rectangular.win .general-section .general-background,.template.resignation-rectangular.win .page:not(.first-page) .top-ornament {
  background: #961e27
}

.template.cover-rectangular.win .general-section .general-background .general-wrapper .name,.template.resignation-rectangular.win .general-section .general-background .general-wrapper .name {
  color: #fff
}

.template.cover-rectangular.ste .general-section .general-background,.template.cover-rectangular.ste .page:not(.first-page) .top-ornament,.template.resignation-rectangular.ste .general-section .general-background,.template.resignation-rectangular.ste .page:not(.first-page) .top-ornament {
  background: #517484
}

.template.cover-rectangular.ste .general-section .general-background .general-wrapper .name,.template.resignation-rectangular.ste .general-section .general-background .general-wrapper .name {
  color: #fff
}

.template.cover-rectangular.oli .general-section .general-background,.template.cover-rectangular.oli .page:not(.first-page) .top-ornament,.template.resignation-rectangular.oli .general-section .general-background,.template.resignation-rectangular.oli .page:not(.first-page) .top-ornament {
  background: #808626
}

.template.cover-rectangular.oli .general-section .general-background .general-wrapper .name,.template.resignation-rectangular.oli .general-section .general-background .general-wrapper .name {
  color: #fff
}

.template.cover-rectangular.bro .general-section .general-background,.template.cover-rectangular.bro .page:not(.first-page) .top-ornament,.template.resignation-rectangular.bro .general-section .general-background,.template.resignation-rectangular.bro .page:not(.first-page) .top-ornament {
  background: #b5a09a
}

.template.cover-rectangular.bro .general-section .general-background .general-wrapper .name,.template.resignation-rectangular.bro .general-section .general-background .general-wrapper .name {
  color: #000
}

.template.cover-rectangular.pur .general-section .general-background,.template.cover-rectangular.pur .page:not(.first-page) .top-ornament,.template.resignation-rectangular.pur .general-section .general-background,.template.resignation-rectangular.pur .page:not(.first-page) .top-ornament {
  background: #e1bee7
}

.template.cover-rectangular.pur .general-section .general-background .general-wrapper .name,.template.resignation-rectangular.pur .general-section .general-background .general-wrapper .name {
  color: #000
}

.template.cover-red.page-wrapper .outer-page.multi-page .page:after,.template.resignation-red.page-wrapper .outer-page.multi-page .page:after {
  padding-right: 60px;
  text-align: right
}

.letter.template.cover-red.page-wrapper .outer-page.multi-page .page:after,.letter.template.resignation-red.page-wrapper .outer-page.multi-page .page:after {
  padding-right: 71px
}

.template.cover-red .page,.template.resignation-red .page {
  padding: 53px 60px 52px 90px
}

.template.cover-red .page.rich-text .note-detail-item,.template.resignation-red .page.rich-text .note-detail-item {
  padding-right: 60px
}

.template.cover-red .page:not(.first-page) .top-ornament,.template.resignation-red .page:not(.first-page) .top-ornament {
  background-color: #000;
  display: block;
  height: 1px;
  left: 60px;
  position: absolute;
  top: 39px;
  width: clamp(1rem, calc(100% - 120px), 3.5rem);
}

.template.cover-red.letter .page,.template.resignation-red.letter .page {
  padding-left: 101px;
  padding-right: 71px
}

.template.cover-red.letter .page:not(.first-page) .top-ornament,.template.resignation-red.letter .page:not(.first-page) .top-ornament {
  left: 71px;
  width: clamp(1rem, calc(100% - 142px), 3.5rem);
}

.template.cover-red .general-section .name,.template.resignation-red .general-section .name {
  font-size: 35px;
  line-height: 40px;
  padding-bottom: clamp(1rem, calc(var(--templates-lh-base)*4), 3.5rem);
  text-align: center
}

.template.cover-red .general-section .general-info-wrapper,.template.resignation-red .general-section .general-info-wrapper {
  padding-bottom: clamp(1rem, calc(var(--templates-lh-base)*6), 3.5rem);
  padding-top: clamp(1rem, calc(var(--templates-lh-base)*3), 3.5rem);
  position: relative
}

.template.cover-red .general-section .general-info-wrapper .general-info-from,.template.cover-red .general-section .general-info-wrapper .general-info-to,.template.resignation-red .general-section .general-info-wrapper .general-info-from,.template.resignation-red .general-section .general-info-wrapper .general-info-to {
  display: inline-block;
  vertical-align: top;
  width: 50%
}

.template.cover-red .general-section .general-info-wrapper .general-info-to,.template.resignation-red .general-section .general-info-wrapper .general-info-to {
  padding-right: 10px
}

.template.cover-red .general-section .general-info-wrapper .general-info-from,.template.resignation-red .general-section .general-info-wrapper .general-info-from {
  padding-left: 10px;
  text-align: right;
  text-align: left
}

.template.cover-red .general-section .general-info-wrapper:after,.template.cover-red .general-section .general-info-wrapper:before,.template.resignation-red .general-section .general-info-wrapper:after,.template.resignation-red .general-section .general-info-wrapper:before {
  background: #000;
  content: "";
  height: 1px;
  left: -30px;
  position: absolute;
  width: clamp(1rem, calc(100% + 30px), 3.5rem);
}

.template.cover-red .general-section .general-info-wrapper:before,.template.resignation-red .general-section .general-info-wrapper:before {
  top: 0
}

.template.cover-red .general-section .general-info-wrapper:after,.template.resignation-red .general-section .general-info-wrapper:after {
  bottom: clamp(1rem, calc(var(--templates-lh-base)*3), 3.5rem);
}

.template.cover-red .general-info-from,.template.cover-red .general-info-to,.template.cover-red .rich-text .date,.template.resignation-red .general-info-from,.template.resignation-red .general-info-to,.template.resignation-red .rich-text .date {
  position: relative
}

.template.cover-red .general-info-from:before,.template.cover-red .general-info-to:before,.template.cover-red .rich-text .date:before,.template.resignation-red .general-info-from:before,.template.resignation-red .general-info-to:before,.template.resignation-red .rich-text .date:before {
  background: #ee4e34;
  border-radius: 50%;
  content: "";
  height: 8px;
  left: -16px;
  position: absolute;
  top: 4px;
  width: 8px
}

.template.cover-red .general-info-from:before,.template.resignation-red .general-info-from:before {
  left: -6px
}

.template.cover-red.bri-red .general-info-from:before,.template.cover-red.bri-red .general-info-to:before,.template.cover-red.bri-red .rich-text .date:before,.template.resignation-red.bri-red .general-info-from:before,.template.resignation-red.bri-red .general-info-to:before,.template.resignation-red.bri-red .rich-text .date:before {
  background-color: #ee4e34
}

.template.cover-red.blu .general-info-from:before,.template.cover-red.blu .general-info-to:before,.template.cover-red.blu .rich-text .date:before,.template.resignation-red.blu .general-info-from:before,.template.resignation-red.blu .general-info-to:before,.template.resignation-red.blu .rich-text .date:before {
  background-color: #0462f6
}

.template.cover-red.grn .general-info-from:before,.template.cover-red.grn .general-info-to:before,.template.cover-red.grn .rich-text .date:before,.template.resignation-red.grn .general-info-from:before,.template.resignation-red.grn .general-info-to:before,.template.resignation-red.grn .rich-text .date:before {
  background-color: #24e0a2
}

.template.cover-red.yel .general-info-from:before,.template.cover-red.yel .general-info-to:before,.template.cover-red.yel .rich-text .date:before,.template.resignation-red.yel .general-info-from:before,.template.resignation-red.yel .general-info-to:before,.template.resignation-red.yel .rich-text .date:before {
  background-color: #f7b94b
}

.template.cover-red.old-pin .general-info-from:before,.template.cover-red.old-pin .general-info-to:before,.template.cover-red.old-pin .rich-text .date:before,.template.resignation-red.old-pin .general-info-from:before,.template.resignation-red.old-pin .general-info-to:before,.template.resignation-red.old-pin .rich-text .date:before {
  background-color: #ef9a9a
}

.template.cover-red.cya .general-info-from:before,.template.cover-red.cya .general-info-to:before,.template.cover-red.cya .rich-text .date:before,.template.resignation-red.cya .general-info-from:before,.template.resignation-red.cya .general-info-to:before,.template.resignation-red.cya .rich-text .date:before {
  background-color: #3dbfed
}

.template.cover-red.ste .general-info-from:before,.template.cover-red.ste .general-info-to:before,.template.cover-red.ste .rich-text .date:before,.template.resignation-red.ste .general-info-from:before,.template.resignation-red.ste .general-info-to:before,.template.resignation-red.ste .rich-text .date:before {
  background-color: #9bbfcc
}

.template.cover-red.bro .general-info-from:before,.template.cover-red.bro .general-info-to:before,.template.cover-red.bro .rich-text .date:before,.template.resignation-red.bro .general-info-from:before,.template.resignation-red.bro .general-info-to:before,.template.resignation-red.bro .rich-text .date:before {
  background-color: #b5a09a
}

.template.cover-red.pin .general-info-from:before,.template.cover-red.pin .general-info-to:before,.template.cover-red.pin .rich-text .date:before,.template.resignation-red.pin .general-info-from:before,.template.resignation-red.pin .general-info-to:before,.template.resignation-red.pin .rich-text .date:before {
  background-color: #ee699b
}

.template.cover-red.gre .general-info-from:before,.template.cover-red.gre .general-info-to:before,.template.cover-red.gre .rich-text .date:before,.template.resignation-red.gre .general-info-from:before,.template.resignation-red.gre .general-info-to:before,.template.resignation-red.gre .rich-text .date:before {
  background-color: #c1c1c1
}

.template.cover-red.pur .general-info-from:before,.template.cover-red.pur .general-info-to:before,.template.cover-red.pur .rich-text .date:before,.template.resignation-red.pur .general-info-from:before,.template.resignation-red.pur .general-info-to:before,.template.resignation-red.pur .rich-text .date:before {
  background-color: #ab47bc
}

.template.cover-red.oli .general-info-from:before,.template.cover-red.oli .general-info-to:before,.template.cover-red.oli .rich-text .date:before,.template.resignation-red.oli .general-info-from:before,.template.resignation-red.oli .general-info-to:before,.template.resignation-red.oli .rich-text .date:before {
  background-color: #808626
}

.template.cover-red.bla .general-info-from:before,.template.cover-red.bla .general-info-to:before,.template.cover-red.bla .rich-text .date:before,.template.resignation-red.bla .general-info-from:before,.template.resignation-red.bla .general-info-to:before,.template.resignation-red.bla .rich-text .date:before {
  background-color: #000
}

.template.cover-reed .page,.template.resignation-reed .page {
  padding: 39px 60px 65px 90px
}

.template.cover-reed .page.rich-text .note-detail-item,.template.resignation-reed .page.rich-text .note-detail-item {
  padding-right: 60px
}

.template.cover-reed .page:after,.template.resignation-reed .page:after {
  color: #961e27
}

.template.cover-reed.letter .page,.template.resignation-reed.letter .page {
  padding-left: 101px;
  padding-right: 71px
}

.template.cover-reed .general-section .name,.template.resignation-reed .general-section .name {
  font-size: 35px;
  line-height: 40px;
  padding-bottom: 52px;
  padding-top: 13px;
  text-align: center
}

.template.cover-reed .general-section .name .first-name,.template.resignation-reed .general-section .name .first-name {
  color: #000;
  padding-right: 5px
}

.template.cover-reed .general-section .name .last-name,.template.resignation-reed .general-section .name .last-name {
  color: #961e27;
  padding-left: 5px
}

.template.cover-reed .general-section .general-info-wrapper,.template.resignation-reed .general-section .general-info-wrapper {
  padding-bottom: clamp(1rem, calc(var(--templates-lh-base)*4), 3.5rem);
  padding-top: clamp(1rem, calc(var(--templates-lh-base)*2), 3.5rem);
  position: relative
}

.template.cover-reed .general-section .general-info-wrapper .general-info-from,.template.cover-reed .general-section .general-info-wrapper .general-info-to,.template.resignation-reed .general-section .general-info-wrapper .general-info-from,.template.resignation-reed .general-section .general-info-wrapper .general-info-to {
  display: inline-block;
  vertical-align: top;
  width: 50%
}

.template.cover-reed .general-section .general-info-wrapper .general-info-to,.template.resignation-reed .general-section .general-info-wrapper .general-info-to {
  padding-right: 10px
}

.template.cover-reed .general-section .general-info-wrapper .general-info-from,.template.resignation-reed .general-section .general-info-wrapper .general-info-from {
  padding-left: 10px;
  text-align: right
}

.template.cover-reed .general-section .general-info-wrapper:before,.template.resignation-reed .general-section .general-info-wrapper:before {
  background: #c1c1c1;
  content: "";
  height: 2px;
  left: -16px;
  position: absolute;
  top: 0;
  width: clamp(1rem, calc(100% + 32px), 3.5rem);
}

.template.cover-reed .rich-text .date,.template.resignation-reed .rich-text .date {
  color: #961e27
}

.template.cover-reed.nvy .general-section .name .last-name,.template.cover-reed.nvy .page:after,.template.cover-reed.nvy .rich-text .date,.template.resignation-reed.nvy .general-section .name .last-name,.template.resignation-reed.nvy .page:after,.template.resignation-reed.nvy .rich-text .date {
  color: #1e3892
}

.template.cover-reed.win .general-section .name .last-name,.template.cover-reed.win .page:after,.template.cover-reed.win .rich-text .date,.template.resignation-reed.win .general-section .name .last-name,.template.resignation-reed.win .page:after,.template.resignation-reed.win .rich-text .date {
  color: #961e27
}

.template.cover-reed.grn .general-section .name .last-name,.template.cover-reed.grn .page:after,.template.cover-reed.grn .rich-text .date,.template.resignation-reed.grn .general-section .name .last-name,.template.resignation-reed.grn .page:after,.template.resignation-reed.grn .rich-text .date {
  color: #369188
}

.template.cover-reed.bro .general-section .name .last-name,.template.cover-reed.bro .page:after,.template.cover-reed.bro .rich-text .date,.template.resignation-reed.bro .general-section .name .last-name,.template.resignation-reed.bro .page:after,.template.resignation-reed.bro .rich-text .date {
  color: #6d4c41
}

.template.cover-reed.pur .general-section .name .last-name,.template.cover-reed.pur .page:after,.template.cover-reed.pur .rich-text .date,.template.resignation-reed.pur .general-section .name .last-name,.template.resignation-reed.pur .page:after,.template.resignation-reed.pur .rich-text .date {
  color: #ab47bc
}

.template.cover-reed.ste .general-section .name .last-name,.template.cover-reed.ste .page:after,.template.cover-reed.ste .rich-text .date,.template.resignation-reed.ste .general-section .name .last-name,.template.resignation-reed.ste .page:after,.template.resignation-reed.ste .rich-text .date {
  color: #517484
}

.template.cover-reed.blu .general-section .name .last-name,.template.cover-reed.blu .page:after,.template.cover-reed.blu .rich-text .date,.template.resignation-reed.blu .general-section .name .last-name,.template.resignation-reed.blu .page:after,.template.resignation-reed.blu .rich-text .date {
  color: #366af6
}

.template.cover-reed.oli .general-section .name .last-name,.template.cover-reed.oli .page:after,.template.cover-reed.oli .rich-text .date,.template.resignation-reed.oli .general-section .name .last-name,.template.resignation-reed.oli .page:after,.template.resignation-reed.oli .rich-text .date {
  color: #808626
}

.template.cover-reed.gre .general-section .name .last-name,.template.cover-reed.gre .page:after,.template.cover-reed.gre .rich-text .date,.template.resignation-reed.gre .general-section .name .last-name,.template.resignation-reed.gre .page:after,.template.resignation-reed.gre .rich-text .date {
  color: grey
}

.template.cover-rhubarb .preview-overlay path:not(:last-of-type),.template.resignation-rhubarb .preview-overlay path:not(:last-of-type) {
  fill: #fff
}

.template.cover-rhubarb.page-wrapper .outer-page.multi-page .page:after,.template.resignation-rhubarb.page-wrapper .outer-page.multi-page .page:after {
  color: #000;
  padding-right: 46px;
  text-align: right
}

.letter.template.cover-rhubarb.page-wrapper .outer-page.multi-page .page:after,.letter.template.resignation-rhubarb.page-wrapper .outer-page.multi-page .page:after {
  padding-right: 57px
}

.template.cover-rhubarb .page,.template.resignation-rhubarb .page {
  padding: 39px 46px 39px 60px;
  position: relative
}

.template.cover-rhubarb .page .top-ornament,.template.resignation-rhubarb .page .top-ornament {
  background-color: #1a1a1a;
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.template.cover-rhubarb .page .top-ornament:before,.template.resignation-rhubarb .page .top-ornament:before {
  background-color: #ee4e34;
  content: "";
  height: 100%;
  position: absolute;
  right: 0;
  width: 30%
}

.template.cover-rhubarb .page>.left-col,.template.cover-rhubarb .page>.left-column-render,.template.resignation-rhubarb .page>.left-col,.template.resignation-rhubarb .page>.left-column-render {
  padding-right: 10px;
  width: 70%
}

.template.cover-rhubarb .page>.right-col,.template.cover-rhubarb .page>.right-column-render,.template.resignation-rhubarb .page>.right-col,.template.resignation-rhubarb .page>.right-column-render {
  padding-left: 30px;
  width: 30%
}

.template.cover-rhubarb.letter .page,.template.resignation-rhubarb.letter .page {
  padding-left: 71px;
  padding-right: 57px
}

.template.cover-rhubarb .general-section,.template.resignation-rhubarb .general-section {
  padding-bottom: clamp(1rem, calc(var(--templates-lh-base)*3), 3.5rem);
  position: relative
}

.template.cover-rhubarb .general-section .name,.template.resignation-rhubarb .general-section .name {
  color: #ee4e34;
  font-size: 32px;
  line-height: 40px;
  max-width: 70%;
  padding-top: 26px
}

.template.cover-rhubarb .general-info-wrapper,.template.resignation-rhubarb .general-info-wrapper {
  color: #000;
  text-align: right
}

.template.cover-rhubarb .general-info-wrapper .general-info-from,.template.resignation-rhubarb .general-info-wrapper .general-info-from {
  padding-bottom: clamp(1rem, calc(var(--templates-lh-base)*2), 3.5rem);
}

.template.cover-rhubarb .rich-text,.template.resignation-rhubarb .rich-text {
  color: #fff
}

.template.cover-rhubarb .rich-text .date,.template.resignation-rhubarb .rich-text .date {
  color: #ee4e34
}

.template.cover-rhubarb .rich-text *,.template.resignation-rhubarb .rich-text * {
  color: inherit
}

.template.cover-rhubarb.bri-red .page .top-ornament:before,.template.resignation-rhubarb.bri-red .page .top-ornament:before {
  background-color: #ee4e34
}

.template.cover-rhubarb.bri-red .general-section .name,.template.cover-rhubarb.bri-red .rich-text .date,.template.resignation-rhubarb.bri-red .general-section .name,.template.resignation-rhubarb.bri-red .rich-text .date {
  color: #ee4e34
}

.template.cover-rhubarb.blu .page .top-ornament:before,.template.resignation-rhubarb.blu .page .top-ornament:before {
  background-color: #126fff
}

.template.cover-rhubarb.blu .general-section .name,.template.cover-rhubarb.blu .rich-text .date,.template.resignation-rhubarb.blu .general-section .name,.template.resignation-rhubarb.blu .rich-text .date {
  color: #126fff
}

.template.cover-rhubarb.ora .page .top-ornament:before,.template.resignation-rhubarb.ora .page .top-ornament:before {
  background-color: #fbb040
}

.template.cover-rhubarb.ora .general-section .name,.template.cover-rhubarb.ora .rich-text .date,.template.resignation-rhubarb.ora .general-section .name,.template.resignation-rhubarb.ora .rich-text .date {
  color: #fbb040
}

.template.cover-rhubarb.grn .page .top-ornament:before,.template.resignation-rhubarb.grn .page .top-ornament:before {
  background-color: #369188
}

.template.cover-rhubarb.grn .general-section .name,.template.cover-rhubarb.grn .rich-text .date,.template.resignation-rhubarb.grn .general-section .name,.template.resignation-rhubarb.grn .rich-text .date {
  color: #369188
}

.template.cover-rhubarb.pur .page .top-ornament:before,.template.resignation-rhubarb.pur .page .top-ornament:before {
  background-color: #ab47bc
}

.template.cover-rhubarb.pur .general-section .name,.template.cover-rhubarb.pur .rich-text .date,.template.resignation-rhubarb.pur .general-section .name,.template.resignation-rhubarb.pur .rich-text .date {
  color: #ab47bc
}

.template.cover-rhubarb.ste .page .top-ornament:before,.template.resignation-rhubarb.ste .page .top-ornament:before {
  background-color: #517484
}

.template.cover-rhubarb.ste .general-section .name,.template.cover-rhubarb.ste .rich-text .date,.template.resignation-rhubarb.ste .general-section .name,.template.resignation-rhubarb.ste .rich-text .date {
  color: #517484
}

.template.cover-rhubarb.cya .page .top-ornament:before,.template.resignation-rhubarb.cya .page .top-ornament:before {
  background-color: #3dbfed
}

.template.cover-rhubarb.cya .general-section .name,.template.cover-rhubarb.cya .rich-text .date,.template.resignation-rhubarb.cya .general-section .name,.template.resignation-rhubarb.cya .rich-text .date {
  color: #3dbfed
}

.template.cover-rhubarb.bro .page .top-ornament:before,.template.resignation-rhubarb.bro .page .top-ornament:before {
  background-color: #a89371
}

.template.cover-rhubarb.bro .general-section .name,.template.cover-rhubarb.bro .rich-text .date,.template.resignation-rhubarb.bro .general-section .name,.template.resignation-rhubarb.bro .rich-text .date {
  color: #a89371
}

.template.cover-rhubarb.gre .page .top-ornament:before,.template.resignation-rhubarb.gre .page .top-ornament:before {
  background-color: #a7a9ac
}

.template.cover-rhubarb.gre .general-section .name,.template.cover-rhubarb.gre .rich-text .date,.template.resignation-rhubarb.gre .general-section .name,.template.resignation-rhubarb.gre .rich-text .date {
  color: #a7a9ac
}

.template.cover-rhubarb.gol .page .top-ornament:before,.template.resignation-rhubarb.gol .page .top-ornament:before {
  background-color: #c29d42
}

.template.cover-rhubarb.gol .general-section .name,.template.cover-rhubarb.gol .rich-text .date,.template.resignation-rhubarb.gol .general-section .name,.template.resignation-rhubarb.gol .rich-text .date {
  color: #c29d42
}

.template.cover-rhubarb.pin .page .top-ornament:before,.template.resignation-rhubarb.pin .page .top-ornament:before {
  background-color: #ef9a9a
}

.template.cover-rhubarb.pin .general-section .name,.template.cover-rhubarb.pin .rich-text .date,.template.resignation-rhubarb.pin .general-section .name,.template.resignation-rhubarb.pin .rich-text .date {
  color: #ef9a9a
}

.template.cover-rhubarb.win .page .top-ornament:before,.template.resignation-rhubarb.win .page .top-ornament:before {
  background-color: #ad5a5a
}

.template.cover-rhubarb.win .general-section .name,.template.cover-rhubarb.win .rich-text .date,.template.resignation-rhubarb.win .general-section .name,.template.resignation-rhubarb.win .rich-text .date {
  color: #ad5a5a
}

.template.cover-ribbon .page,.template.resignation-ribbon .page {
  padding-bottom: 52px;
  padding-top: 39px
}

.template.cover-ribbon.letter .general-section,.template.resignation-ribbon.letter .general-section {
  padding-left: 71px;
  padding-right: 57px
}

.template.cover-ribbon.letter .rich-text,.template.resignation-ribbon.letter .rich-text {
  padding-left: 101px;
  padding-right: 71px
}

.template.cover-ribbon .general-section,.template.resignation-ribbon .general-section {
  padding-left: 60px;
  padding-right: 46px
}

.template.cover-ribbon .general-section .rib,.template.resignation-ribbon .general-section .rib {
  display: block;
  height: 95px;
  position: relative
}

.template.cover-ribbon .general-section .rib .wat,.template.resignation-ribbon .general-section .rib .wat {
  align-items: center;
  background: #527175;
  display: flex;
  height: 80px;
  left: 50%;
  margin-left: -45%;
  position: relative;
  top: 0;
  width: 90%;
  z-index: 2
}

.template.cover-ribbon .general-section .rib .bk,.template.resignation-ribbon .general-section .rib .bk {
  background: #446466;
  height: 80px;
  position: absolute;
  top: 10px;
  width: 8%
}

.template.cover-ribbon .general-section .rib .bk.l,.template.resignation-ribbon .general-section .rib .bk.l {
  left: 15px
}

.template.cover-ribbon .general-section .rib .bk.l>div,.template.resignation-ribbon .general-section .rib .bk.l>div {
  left: -29px
}

.template.cover-ribbon .general-section .rib .bk.r,.template.resignation-ribbon .general-section .rib .bk.r {
  right: 15px
}

.template.cover-ribbon .general-section .rib .bk.r>div,.template.resignation-ribbon .general-section .rib .bk.r>div {
  right: -29px
}

.template.cover-ribbon .general-section .rib .skew,.template.resignation-ribbon .general-section .rib .skew {
  background: #253a3a;
  height: 74px;
  position: absolute;
  top: 11px;
  width: 5%;
  z-index: 1
}

.template.cover-ribbon .general-section .rib .skew.l,.template.resignation-ribbon .general-section .rib .skew.l {
  left: 5.1%;
  -webkit-transform: skew(0deg,15deg);
  transform: skew(0deg,15deg)
}

.template.cover-ribbon .general-section .rib .skew.r,.template.resignation-ribbon .general-section .rib .skew.r {
  right: 5.1%;
  -webkit-transform: skew(0deg,-15deg);
  transform: skew(0deg,-15deg)
}

.template.cover-ribbon .general-section .rib .bk .arrow,.template.resignation-ribbon .general-section .rib .bk .arrow {
  height: 25px!important;
  position: absolute;
  width: 0;
  z-index: 0
}

.template.cover-ribbon .general-section .rib .bk .arrow.top,.template.resignation-ribbon .general-section .rib .bk .arrow.top {
  border-bottom: 55px solid transparent;
  border-top: 0 solid transparent;
  top: 0
}

.template.cover-ribbon .general-section .rib .bk .arrow.bottom,.template.resignation-ribbon .general-section .rib .bk .arrow.bottom {
  border-bottom: 0 solid transparent;
  border-top: 54px solid transparent;
  top: 26px
}

.template.cover-ribbon .general-section .rib .bk.l .bottom,.template.cover-ribbon .general-section .rib .bk.l .top,.template.resignation-ribbon .general-section .rib .bk.l .bottom,.template.resignation-ribbon .general-section .rib .bk.l .top {
  border-right: 30px solid #446466
}

.template.cover-ribbon .general-section .rib .bk.r .bottom,.template.cover-ribbon .general-section .rib .bk.r .top,.template.resignation-ribbon .general-section .rib .bk.r .bottom,.template.resignation-ribbon .general-section .rib .bk.r .top {
  border-left: 30px solid #446466
}

.template.cover-ribbon .general-section .name,.template.resignation-ribbon .general-section .name {
  color: #fff;
  font-size: 32px;
  line-height: 40px;
  max-height: 80px;
  overflow: hidden;
  text-align: center;
  width: 100%
}

.template.cover-ribbon .general-section .general-info-wrapper,.template.resignation-ribbon .general-section .general-info-wrapper {
  padding: 52px 24px 52px 30px
}

.template.cover-ribbon .general-section .general-info-wrapper .general-info-from,.template.cover-ribbon .general-section .general-info-wrapper .general-info-to,.template.resignation-ribbon .general-section .general-info-wrapper .general-info-from,.template.resignation-ribbon .general-section .general-info-wrapper .general-info-to {
  display: inline-block;
  vertical-align: top;
  width: 50%
}

.template.cover-ribbon .general-section .general-info-wrapper .general-info-to,.template.resignation-ribbon .general-section .general-info-wrapper .general-info-to {
  padding-right: 10px
}

.template.cover-ribbon .general-section .general-info-wrapper .general-info-from,.template.resignation-ribbon .general-section .general-info-wrapper .general-info-from {
  padding-left: 10px;
  text-align: right
}

.template.cover-ribbon .rich-text,.template.resignation-ribbon .rich-text {
  padding-left: 90px;
  padding-right: 60px
}

.template.cover-ribbon .rich-text.rich-text .note-detail-item,.template.resignation-ribbon .rich-text.rich-text .note-detail-item {
  padding-right: 60px
}

.template.cover-ribbon .general-info-from,.template.cover-ribbon .general-info-to,.template.cover-ribbon .rich-text .date,.template.resignation-ribbon .general-info-from,.template.resignation-ribbon .general-info-to,.template.resignation-ribbon .rich-text .date {
  position: relative
}

.template.cover-ribbon .general-info-from:before,.template.cover-ribbon .general-info-to:before,.template.cover-ribbon .rich-text .date:before,.template.resignation-ribbon .general-info-from:before,.template.resignation-ribbon .general-info-to:before,.template.resignation-ribbon .rich-text .date:before {
  background: #527175;
  border-radius: 50%;
  content: "";
  height: 10px;
  position: absolute;
  top: 3px;
  width: 10px
}

.template.cover-ribbon .general-info-to:before,.template.cover-ribbon .rich-text .date:before,.template.resignation-ribbon .general-info-to:before,.template.resignation-ribbon .rich-text .date:before {
  left: -18px
}

.template.cover-ribbon .general-info-from:before,.template.resignation-ribbon .general-info-from:before {
  right: -18px
}

.template.cover-ribbon.dar-grn .general-info-from:before,.template.cover-ribbon.dar-grn .general-info-to:before,.template.cover-ribbon.dar-grn .general-section .rib .wat,.template.cover-ribbon.dar-grn .rich-text .date:before,.template.resignation-ribbon.dar-grn .general-info-from:before,.template.resignation-ribbon.dar-grn .general-info-to:before,.template.resignation-ribbon.dar-grn .general-section .rib .wat,.template.resignation-ribbon.dar-grn .rich-text .date:before {
  background: #527175
}

.template.cover-ribbon.dar-grn .general-section .rib .bk,.template.resignation-ribbon.dar-grn .general-section .rib .bk {
  background: #446466
}

.template.cover-ribbon.dar-grn .general-section .rib .bk.l .bottom,.template.cover-ribbon.dar-grn .general-section .rib .bk.l .top,.template.resignation-ribbon.dar-grn .general-section .rib .bk.l .bottom,.template.resignation-ribbon.dar-grn .general-section .rib .bk.l .top {
  border-right-color: #446466
}

.template.cover-ribbon.dar-grn .general-section .rib .bk.r .bottom,.template.cover-ribbon.dar-grn .general-section .rib .bk.r .top,.template.resignation-ribbon.dar-grn .general-section .rib .bk.r .bottom,.template.resignation-ribbon.dar-grn .general-section .rib .bk.r .top {
  border-left-color: #446466
}

.template.cover-ribbon.dar-grn .general-section .rib .skew,.template.resignation-ribbon.dar-grn .general-section .rib .skew {
  background: #253a3a
}

.template.cover-ribbon.grn .general-info-from:before,.template.cover-ribbon.grn .general-info-to:before,.template.cover-ribbon.grn .general-section .rib .wat,.template.cover-ribbon.grn .rich-text .date:before,.template.resignation-ribbon.grn .general-info-from:before,.template.resignation-ribbon.grn .general-info-to:before,.template.resignation-ribbon.grn .general-section .rib .wat,.template.resignation-ribbon.grn .rich-text .date:before {
  background: #607c60
}

.template.cover-ribbon.grn .general-section .rib .bk,.template.resignation-ribbon.grn .general-section .rib .bk {
  background: #516851
}

.template.cover-ribbon.grn .general-section .rib .bk.l .bottom,.template.cover-ribbon.grn .general-section .rib .bk.l .top,.template.resignation-ribbon.grn .general-section .rib .bk.l .bottom,.template.resignation-ribbon.grn .general-section .rib .bk.l .top {
  border-right-color: #516851
}

.template.cover-ribbon.grn .general-section .rib .bk.r .bottom,.template.cover-ribbon.grn .general-section .rib .bk.r .top,.template.resignation-ribbon.grn .general-section .rib .bk.r .bottom,.template.resignation-ribbon.grn .general-section .rib .bk.r .top {
  border-left-color: #516851
}

.template.cover-ribbon.grn .general-section .rib .skew,.template.resignation-ribbon.grn .general-section .rib .skew {
  background: #344234
}

.template.cover-ribbon.ste .general-info-from:before,.template.cover-ribbon.ste .general-info-to:before,.template.cover-ribbon.ste .general-section .rib .wat,.template.cover-ribbon.ste .rich-text .date:before,.template.resignation-ribbon.ste .general-info-from:before,.template.resignation-ribbon.ste .general-info-to:before,.template.resignation-ribbon.ste .general-section .rib .wat,.template.resignation-ribbon.ste .rich-text .date:before {
  background: #5a84af
}

.template.cover-ribbon.ste .general-section .rib .bk,.template.resignation-ribbon.ste .general-section .rib .bk {
  background: #547fa3
}

.template.cover-ribbon.ste .general-section .rib .bk.l .bottom,.template.cover-ribbon.ste .general-section .rib .bk.l .top,.template.resignation-ribbon.ste .general-section .rib .bk.l .bottom,.template.resignation-ribbon.ste .general-section .rib .bk.l .top {
  border-right-color: #547fa3
}

.template.cover-ribbon.ste .general-section .rib .bk.r .bottom,.template.cover-ribbon.ste .general-section .rib .bk.r .top,.template.resignation-ribbon.ste .general-section .rib .bk.r .bottom,.template.resignation-ribbon.ste .general-section .rib .bk.r .top {
  border-left-color: #547fa3
}

.template.cover-ribbon.ste .general-section .rib .skew,.template.resignation-ribbon.ste .general-section .rib .skew {
  background: #2e5168
}

.template.cover-ribbon.win .general-info-from:before,.template.cover-ribbon.win .general-info-to:before,.template.cover-ribbon.win .general-section .rib .wat,.template.cover-ribbon.win .rich-text .date:before,.template.resignation-ribbon.win .general-info-from:before,.template.resignation-ribbon.win .general-info-to:before,.template.resignation-ribbon.win .general-section .rib .wat,.template.resignation-ribbon.win .rich-text .date:before {
  background: #ad5a5a
}

.template.cover-ribbon.win .general-section .rib .bk,.template.resignation-ribbon.win .general-section .rib .bk {
  background: #9b5050
}

.template.cover-ribbon.win .general-section .rib .bk.l .bottom,.template.cover-ribbon.win .general-section .rib .bk.l .top,.template.resignation-ribbon.win .general-section .rib .bk.l .bottom,.template.resignation-ribbon.win .general-section .rib .bk.l .top {
  border-right-color: #9b5050
}

.template.cover-ribbon.win .general-section .rib .bk.r .bottom,.template.cover-ribbon.win .general-section .rib .bk.r .top,.template.resignation-ribbon.win .general-section .rib .bk.r .bottom,.template.resignation-ribbon.win .general-section .rib .bk.r .top {
  border-left-color: #9b5050
}

.template.cover-ribbon.win .general-section .rib .skew,.template.resignation-ribbon.win .general-section .rib .skew {
  background: #633
}

.template.cover-ribbon.bro .general-info-from:before,.template.cover-ribbon.bro .general-info-to:before,.template.cover-ribbon.bro .general-section .rib .wat,.template.cover-ribbon.bro .rich-text .date:before,.template.resignation-ribbon.bro .general-info-from:before,.template.resignation-ribbon.bro .general-info-to:before,.template.resignation-ribbon.bro .general-section .rib .wat,.template.resignation-ribbon.bro .rich-text .date:before {
  background: #a89371
}

.template.cover-ribbon.bro .general-section .rib .bk,.template.resignation-ribbon.bro .general-section .rib .bk {
  background: #9b876a
}

.template.cover-ribbon.bro .general-section .rib .bk.l .bottom,.template.cover-ribbon.bro .general-section .rib .bk.l .top,.template.resignation-ribbon.bro .general-section .rib .bk.l .bottom,.template.resignation-ribbon.bro .general-section .rib .bk.l .top {
  border-right-color: #9b876a
}

.template.cover-ribbon.bro .general-section .rib .bk.r .bottom,.template.cover-ribbon.bro .general-section .rib .bk.r .top,.template.resignation-ribbon.bro .general-section .rib .bk.r .bottom,.template.resignation-ribbon.bro .general-section .rib .bk.r .top {
  border-left-color: #9b876a
}

.template.cover-ribbon.bro .general-section .rib .skew,.template.resignation-ribbon.bro .general-section .rib .skew {
  background: #6b5b47
}

.template.cover-ribbon.gre .general-info-from:before,.template.cover-ribbon.gre .general-info-to:before,.template.cover-ribbon.gre .rich-text .date:before,.template.resignation-ribbon.gre .general-info-from:before,.template.resignation-ribbon.gre .general-info-to:before,.template.resignation-ribbon.gre .rich-text .date:before {
  background: #c1c1c1
}

.template.cover-ribbon.gre .general-section .rib .wat,.template.resignation-ribbon.gre .general-section .rib .wat {
  background: #d8d8d8
}

.template.cover-ribbon.gre .general-section .rib .bk,.template.resignation-ribbon.gre .general-section .rib .bk {
  background: #c1c1c1
}

.template.cover-ribbon.gre .general-section .rib .bk.l .bottom,.template.cover-ribbon.gre .general-section .rib .bk.l .top,.template.resignation-ribbon.gre .general-section .rib .bk.l .bottom,.template.resignation-ribbon.gre .general-section .rib .bk.l .top {
  border-right-color: #c1c1c1
}

.template.cover-ribbon.gre .general-section .rib .bk.r .bottom,.template.cover-ribbon.gre .general-section .rib .bk.r .top,.template.resignation-ribbon.gre .general-section .rib .bk.r .bottom,.template.resignation-ribbon.gre .general-section .rib .bk.r .top {
  border-left-color: #c1c1c1
}

.template.cover-ribbon.gre .general-section .rib .skew,.template.resignation-ribbon.gre .general-section .rib .skew {
  background: #58595b
}

.template.cover-square .page,.template.resignation-square .page {
  padding: 52px 60px 65px 90px
}

.template.cover-square .page.rich-text .note-detail-item,.template.resignation-square .page.rich-text .note-detail-item {
  padding-right: 60px
}

.template.cover-square.letter .page,.template.resignation-square.letter .page {
  padding-left: 101px;
  padding-right: 71px
}

.template.cover-square .general-section .name,.template.resignation-square .general-section .name {
  font-size: 34px;
  line-height: 40px;
  padding-bottom: var(--templates-lh-base);
  position: relative;
  text-align: center
}

.template.cover-square .general-section .name:after,.template.resignation-square .general-section .name:after {
  border-bottom: 3px solid #3dbfed;
  bottom: 7px;
  content: " ";
  left: clamp(1rem, calc(50% - 50px), 3.5rem);
  position: absolute;
  width: 100px
}

.template.cover-square .general-section .general-info-wrapper,.template.resignation-square .general-section .general-info-wrapper {
  padding-bottom: clamp(1rem, calc(var(--templates-lh-base)*5), 3.5rem);
  padding-top: clamp(1rem, calc(var(--templates-lh-base)*4), 3.5rem);
}

.template.cover-square .general-section .general-info-wrapper .general-info-from,.template.cover-square .general-section .general-info-wrapper .general-info-to,.template.resignation-square .general-section .general-info-wrapper .general-info-from,.template.resignation-square .general-section .general-info-wrapper .general-info-to {
  display: inline-block;
  vertical-align: top;
  width: 50%
}

.template.cover-square .general-section .general-info-wrapper .general-info-to,.template.resignation-square .general-section .general-info-wrapper .general-info-to {
  padding-right: 10px
}

.template.cover-square .general-section .general-info-wrapper .general-info-from,.template.resignation-square .general-section .general-info-wrapper .general-info-from {
  padding-left: 10px;
  text-align: right
}

.template.cover-square .general-info-from,.template.cover-square .general-info-to,.template.cover-square .rich-text .date,.template.resignation-square .general-info-from,.template.resignation-square .general-info-to,.template.resignation-square .rich-text .date {
  position: relative
}

.template.cover-square .general-info-from:before,.template.cover-square .general-info-to:before,.template.cover-square .rich-text .date:before,.template.resignation-square .general-info-from:before,.template.resignation-square .general-info-to:before,.template.resignation-square .rich-text .date:before {
  background: #3dbfed;
  content: "";
  height: 8px;
  position: absolute;
  top: 4px;
  width: 10px
}

.template.cover-square .general-info-to:before,.template.cover-square .rich-text .date:before,.template.resignation-square .general-info-to:before,.template.resignation-square .rich-text .date:before {
  left: -18px
}

.template.cover-square .general-info-from:before,.template.resignation-square .general-info-from:before {
  right: -18px
}

.template.cover-square.cya-whi .page,.template.resignation-square.cya-whi .page {
  background-color: #fff
}

.template.cover-square.cya-whi .general-section .name:after,.template.resignation-square.cya-whi .general-section .name:after {
  border-bottom-color: #3dbfed
}

.template.cover-square.cya-whi .general-info-from:before,.template.cover-square.cya-whi .general-info-to:before,.template.cover-square.cya-whi .rich-text .date:before,.template.resignation-square.cya-whi .general-info-from:before,.template.resignation-square.cya-whi .general-info-to:before,.template.resignation-square.cya-whi .rich-text .date:before {
  background: #3dbfed
}

.template.cover-square.red-whi .page,.template.resignation-square.red-whi .page {
  background-color: #fff
}

.template.cover-square.red-whi .general-section .name:after,.template.resignation-square.red-whi .general-section .name:after {
  border-bottom-color: #f7410f
}

.template.cover-square.red-whi .general-info-from:before,.template.cover-square.red-whi .general-info-to:before,.template.cover-square.red-whi .rich-text .date:before,.template.resignation-square.red-whi .general-info-from:before,.template.resignation-square.red-whi .general-info-to:before,.template.resignation-square.red-whi .rich-text .date:before {
  background: #f7410f
}

.template.cover-square.min-whi .page,.template.resignation-square.min-whi .page {
  background-color: #fff
}

.template.cover-square.min-whi .general-section .name:after,.template.resignation-square.min-whi .general-section .name:after {
  border-bottom-color: #67dfc2
}

.template.cover-square.min-whi .general-info-from:before,.template.cover-square.min-whi .general-info-to:before,.template.cover-square.min-whi .rich-text .date:before,.template.resignation-square.min-whi .general-info-from:before,.template.resignation-square.min-whi .general-info-to:before,.template.resignation-square.min-whi .rich-text .date:before {
  background: #67dfc2
}

.template.cover-square.yel-whi .page,.template.resignation-square.yel-whi .page {
  background-color: #fff
}

.template.cover-square.yel-whi .general-section .name:after,.template.resignation-square.yel-whi .general-section .name:after {
  border-bottom-color: #f7b94b
}

.template.cover-square.yel-whi .general-info-from:before,.template.cover-square.yel-whi .general-info-to:before,.template.cover-square.yel-whi .rich-text .date:before,.template.resignation-square.yel-whi .general-info-from:before,.template.resignation-square.yel-whi .general-info-to:before,.template.resignation-square.yel-whi .rich-text .date:before {
  background: #f7b94b
}

.template.cover-square.pin-whi .page,.template.resignation-square.pin-whi .page {
  background-color: #fff
}

.template.cover-square.pin-whi .general-section .name:after,.template.resignation-square.pin-whi .general-section .name:after {
  border-bottom-color: #ef9a9a
}

.template.cover-square.pin-whi .general-info-from:before,.template.cover-square.pin-whi .general-info-to:before,.template.cover-square.pin-whi .rich-text .date:before,.template.resignation-square.pin-whi .general-info-from:before,.template.resignation-square.pin-whi .general-info-to:before,.template.resignation-square.pin-whi .rich-text .date:before {
  background: #ef9a9a
}

.template.cover-square.cam-whi .page,.template.resignation-square.cam-whi .page {
  background-color: #fff
}

.template.cover-square.cam-whi .general-section .name:after,.template.resignation-square.cam-whi .general-section .name:after {
  border-bottom-color: #f7da92
}

.template.cover-square.cam-whi .general-info-from:before,.template.cover-square.cam-whi .general-info-to:before,.template.cover-square.cam-whi .rich-text .date:before,.template.resignation-square.cam-whi .general-info-from:before,.template.resignation-square.cam-whi .general-info-to:before,.template.resignation-square.cam-whi .rich-text .date:before {
  background: #f7da92
}

.template.cover-square.grn-whi .page,.template.resignation-square.grn-whi .page {
  background-color: #fff
}

.template.cover-square.grn-whi .general-section .name:after,.template.resignation-square.grn-whi .general-section .name:after {
  border-bottom-color: #def2c2
}

.template.cover-square.grn-whi .general-info-from:before,.template.cover-square.grn-whi .general-info-to:before,.template.cover-square.grn-whi .rich-text .date:before,.template.resignation-square.grn-whi .general-info-from:before,.template.resignation-square.grn-whi .general-info-to:before,.template.resignation-square.grn-whi .rich-text .date:before {
  background: #def2c2
}

.template.cover-square.pur-whi .page,.template.resignation-square.pur-whi .page {
  background-color: #fff
}

.template.cover-square.pur-whi .general-section .name:after,.template.resignation-square.pur-whi .general-section .name:after {
  border-bottom-color: #e1bee7
}

.template.cover-square.pur-whi .general-info-from:before,.template.cover-square.pur-whi .general-info-to:before,.template.cover-square.pur-whi .rich-text .date:before,.template.resignation-square.pur-whi .general-info-from:before,.template.resignation-square.pur-whi .general-info-to:before,.template.resignation-square.pur-whi .rich-text .date:before {
  background: #e1bee7
}

.template.cover-square.ste-whi .page,.template.resignation-square.ste-whi .page {
  background-color: #fff
}

.template.cover-square.ste-whi .general-section .name:after,.template.resignation-square.ste-whi .general-section .name:after {
  border-bottom-color: #9bbfcc
}

.template.cover-square.ste-whi .general-info-from:before,.template.cover-square.ste-whi .general-info-to:before,.template.cover-square.ste-whi .rich-text .date:before,.template.resignation-square.ste-whi .general-info-from:before,.template.resignation-square.ste-whi .general-info-to:before,.template.resignation-square.ste-whi .rich-text .date:before {
  background: #9bbfcc
}

.template.cover-square.oli-whi .page,.template.resignation-square.oli-whi .page {
  background-color: #fff
}

.template.cover-square.oli-whi .general-section .name:after,.template.resignation-square.oli-whi .general-section .name:after {
  border-bottom-color: #808626
}

.template.cover-square.oli-whi .general-info-from:before,.template.cover-square.oli-whi .general-info-to:before,.template.cover-square.oli-whi .rich-text .date:before,.template.resignation-square.oli-whi .general-info-from:before,.template.resignation-square.oli-whi .general-info-to:before,.template.resignation-square.oli-whi .rich-text .date:before {
  background: #808626
}

.template.cover-square.red-red .page,.template.resignation-square.red-red .page {
  background-color: #f9ddc0
}

.template.cover-square.red-red .general-section .name:after,.template.resignation-square.red-red .general-section .name:after {
  border-bottom-color: #f7410f
}

.template.cover-square.red-red .general-info-from:before,.template.cover-square.red-red .general-info-to:before,.template.cover-square.red-red .rich-text .date:before,.template.resignation-square.red-red .general-info-from:before,.template.resignation-square.red-red .general-info-to:before,.template.resignation-square.red-red .rich-text .date:before {
  background: #f7410f
}

.template.cover-square.cya-cya .page,.template.resignation-square.cya-cya .page {
  background-color: #e5f9f9
}

.template.cover-square.cya-cya .general-section .name:after,.template.resignation-square.cya-cya .general-section .name:after {
  border-bottom-color: #3dbfed
}

.template.cover-square.cya-cya .general-info-from:before,.template.cover-square.cya-cya .general-info-to:before,.template.cover-square.cya-cya .rich-text .date:before,.template.resignation-square.cya-cya .general-info-from:before,.template.resignation-square.cya-cya .general-info-to:before,.template.resignation-square.cya-cya .rich-text .date:before {
  background: #3dbfed
}

.template.cover-square.gre-whi .page,.template.resignation-square.gre-whi .page {
  background-color: #fff
}

.template.cover-square.gre-whi .general-section .name:after,.template.resignation-square.gre-whi .general-section .name:after {
  border-bottom-color: #d8d8d8
}

.template.cover-square.gre-whi .general-info-from:before,.template.cover-square.gre-whi .general-info-to:before,.template.cover-square.gre-whi .rich-text .date:before,.template.resignation-square.gre-whi .general-info-from:before,.template.resignation-square.gre-whi .general-info-to:before,.template.resignation-square.gre-whi .rich-text .date:before {
  background: #d8d8d8
}

.template.cover-square.yel-yel .page,.template.resignation-square.yel-yel .page {
  background-color: #f9e8d2
}

.template.cover-square.yel-yel .general-section .name:after,.template.resignation-square.yel-yel .general-section .name:after {
  border-bottom-color: #f7b94b
}

.template.cover-square.yel-yel .general-info-from:before,.template.cover-square.yel-yel .general-info-to:before,.template.cover-square.yel-yel .rich-text .date:before,.template.resignation-square.yel-yel .general-info-from:before,.template.resignation-square.yel-yel .general-info-to:before,.template.resignation-square.yel-yel .rich-text .date:before {
  background: #f7b94b
}

.template.cover-standard .page,.template.resignation-standard .page {
  padding: 39px 46px 52px 60px
}

.template.cover-standard.letter .page,.template.resignation-standard.letter .page {
  padding-left: 71px;
  padding-right: 57px
}

.template.cover-standard .general-section,.template.resignation-standard .general-section {
  padding-bottom: var(--templates-lh-base)
}

.template.cover-standard .general-section .name,.template.resignation-standard .general-section .name {
  font-size: 34px;
  line-height: 40px;
  padding-bottom: 52px;
  text-align: center
}

.template.cover-standard .general-section .general-info-wrapper,.template.resignation-standard .general-section .general-info-wrapper {
  border: 1px solid #000;
  box-sizing: border-box;
  padding: 16px 14px 32px 30px
}

.template.cover-standard .general-section .general-info-wrapper .general-info-from,.template.cover-standard .general-section .general-info-wrapper .general-info-to,.template.resignation-standard .general-section .general-info-wrapper .general-info-from,.template.resignation-standard .general-section .general-info-wrapper .general-info-to {
  display: inline-block;
  vertical-align: top;
  width: 50%
}

.template.cover-standard .general-section .general-info-wrapper .general-info-to,.template.resignation-standard .general-section .general-info-wrapper .general-info-to {
  padding-right: 10px
}

.template.cover-standard .general-section .general-info-wrapper .general-info-from,.template.resignation-standard .general-section .general-info-wrapper .general-info-from {
  padding-left: 10px;
  text-align: right
}

.template.cover-standard .date,.template.cover-standard .general-info-to,.template.resignation-standard .date,.template.resignation-standard .general-info-to {
  position: relative
}

.template.cover-standard .date:before,.template.cover-standard .general-info-to:before,.template.resignation-standard .date:before,.template.resignation-standard .general-info-to:before {
  background: #ee4e34;
  border-radius: 50%;
  content: "";
  height: 8px;
  left: -18px;
  position: absolute;
  top: 2px;
  width: 8px
}

.template.cover-standard .rich-text,.template.resignation-standard .rich-text {
  border: 1px solid #000;
  box-sizing: border-box;
  padding: 16px 14px 26px 30px
}

.template.cover-standard.blu-whi .page,.template.resignation-standard.blu-whi .page {
  background-color: #fff
}

.template.cover-standard.blu-whi .date:before,.template.cover-standard.blu-whi .general-info-to:before,.template.resignation-standard.blu-whi .date:before,.template.resignation-standard.blu-whi .general-info-to:before {
  background: #0462f6
}

.template.cover-standard.red-whi .page,.template.resignation-standard.red-whi .page {
  background-color: #fff
}

.template.cover-standard.red-whi .date:before,.template.cover-standard.red-whi .general-info-to:before,.template.resignation-standard.red-whi .date:before,.template.resignation-standard.red-whi .general-info-to:before {
  background: #f7410f
}

.template.cover-standard.grn-whi .page,.template.resignation-standard.grn-whi .page {
  background-color: #fff
}

.template.cover-standard.grn-whi .date:before,.template.cover-standard.grn-whi .general-info-to:before,.template.resignation-standard.grn-whi .date:before,.template.resignation-standard.grn-whi .general-info-to:before {
  background: #369188
}

.template.cover-standard.yel-whi .page,.template.resignation-standard.yel-whi .page {
  background-color: #fff
}

.template.cover-standard.yel-whi .date:before,.template.cover-standard.yel-whi .general-info-to:before,.template.resignation-standard.yel-whi .date:before,.template.resignation-standard.yel-whi .general-info-to:before {
  background: #f7b94b
}

.template.cover-standard.old-pin-whi .page,.template.resignation-standard.old-pin-whi .page {
  background-color: #fff
}

.template.cover-standard.old-pin-whi .date:before,.template.cover-standard.old-pin-whi .general-info-to:before,.template.resignation-standard.old-pin-whi .date:before,.template.resignation-standard.old-pin-whi .general-info-to:before {
  background: #ef9a9a
}

.template.cover-standard.cya-whi .page,.template.resignation-standard.cya-whi .page {
  background-color: #fff
}

.template.cover-standard.cya-whi .date:before,.template.cover-standard.cya-whi .general-info-to:before,.template.resignation-standard.cya-whi .date:before,.template.resignation-standard.cya-whi .general-info-to:before {
  background: #3dbfed
}

.template.cover-standard.win-whi .page,.template.resignation-standard.win-whi .page {
  background-color: #fff
}

.template.cover-standard.win-whi .date:before,.template.cover-standard.win-whi .general-info-to:before,.template.resignation-standard.win-whi .date:before,.template.resignation-standard.win-whi .general-info-to:before {
  background: #961e27
}

.template.cover-standard.bro-whi .page,.template.resignation-standard.bro-whi .page {
  background-color: #fff
}

.template.cover-standard.bro-whi .date:before,.template.cover-standard.bro-whi .general-info-to:before,.template.resignation-standard.bro-whi .date:before,.template.resignation-standard.bro-whi .general-info-to:before {
  background: #884f06
}

.template.cover-standard.ste-whi .page,.template.resignation-standard.ste-whi .page {
  background-color: #fff
}

.template.cover-standard.ste-whi .date:before,.template.cover-standard.ste-whi .general-info-to:before,.template.resignation-standard.ste-whi .date:before,.template.resignation-standard.ste-whi .general-info-to:before {
  background: #517484
}

.template.cover-standard.blu-pin .page,.template.resignation-standard.blu-pin .page {
  background-color: #fce6e6
}

.template.cover-standard.blu-pin .date:before,.template.cover-standard.blu-pin .general-info-to:before,.template.resignation-standard.blu-pin .date:before,.template.resignation-standard.blu-pin .general-info-to:before {
  background: #366af6
}

.template.cover-standard.grn-red .page,.template.resignation-standard.grn-red .page {
  background-color: #f9ddc0
}

.template.cover-standard.grn-red .date:before,.template.cover-standard.grn-red .general-info-to:before,.template.resignation-standard.grn-red .date:before,.template.resignation-standard.grn-red .general-info-to:before {
  background: #369188
}

.template.cover-standard.red-cya .page,.template.resignation-standard.red-cya .page {
  background-color: #e5f9f9
}

.template.cover-standard.red-cya .date:before,.template.cover-standard.red-cya .general-info-to:before,.template.resignation-standard.red-cya .date:before,.template.resignation-standard.red-cya .general-info-to:before {
  background: #f7410f
}

.template.cover-standard.gre-whi .page,.template.resignation-standard.gre-whi .page {
  background-color: #fff
}

.template.cover-standard.gre-whi .date:before,.template.cover-standard.gre-whi .general-info-to:before,.template.resignation-standard.gre-whi .date:before,.template.resignation-standard.gre-whi .general-info-to:before {
  background: #a7a9ac
}

.template.cover-standard.pin-whi .page,.template.resignation-standard.pin-whi .page {
  background-color: #fff
}

.template.cover-standard.pin-whi .date:before,.template.cover-standard.pin-whi .general-info-to:before,.template.resignation-standard.pin-whi .date:before,.template.resignation-standard.pin-whi .general-info-to:before {
  background: #ee699b
}

.template.cover-standard.lim-whi .page,.template.resignation-standard.lim-whi .page {
  background-color: #fff
}

.template.cover-standard.lim-whi .date:before,.template.cover-standard.lim-whi .general-info-to:before,.template.resignation-standard.lim-whi .date:before,.template.resignation-standard.lim-whi .general-info-to:before {
  background: #c5e1a5
}

.template.cover-stanford .page,.template.resignation-stanford .page {
  padding: 52px 46px 65px 60px;
  position: relative
}

.template.cover-stanford .page>.left-col,.template.cover-stanford .page>.left-column-render,.template.resignation-stanford .page>.left-col,.template.resignation-stanford .page>.left-column-render {
  width: 20%
}

.template.cover-stanford .page>.right-col,.template.cover-stanford .page>.right-column-render,.template.resignation-stanford .page>.right-col,.template.resignation-stanford .page>.right-column-render {
  padding-left: 32px;
  width: 80%
}

.template.cover-stanford .page .bottom-ornament,.template.resignation-stanford .page .bottom-ornament {
  background: #c1c1c1;
  display: block;
  height: clamp(1rem, calc(100% - 117px), 3.5rem);
  left: 205px;
  position: absolute;
  top: 52px;
  width: 1px
}

.template.cover-stanford .page:not(.first-page) .top-ornament,.template.resignation-stanford .page:not(.first-page) .top-ornament {
  background: #0462f6;
  border-radius: 50%;
  display: block;
  height: 10px;
  left: 200px;
  position: absolute;
  top: 47px;
  width: 10px;
  z-index: 2
}

.template.cover-stanford.letter .page,.template.resignation-stanford.letter .page {
  padding-left: 71px;
  padding-right: 57px
}

.template.cover-stanford.letter .page .bottom-ornament,.template.resignation-stanford.letter .page .bottom-ornament {
  left: 216px
}

.template.cover-stanford.letter .page:not(.first-page) .top-ornament,.template.resignation-stanford.letter .page:not(.first-page) .top-ornament {
  left: 211px
}

.template.cover-stanford .general-section,.template.resignation-stanford .general-section {
  background: #fff;
  padding-bottom: 52px;
  position: relative;
  z-index: 1
}

.template.cover-stanford .general-section .name,.template.resignation-stanford .general-section .name {
  display: block;
  font-size: 34px;
  line-height: 40px;
  padding: 10px 0;
  position: relative;
  text-align: center;
  z-index: 0
}

.template.cover-stanford .general-section:before,.template.resignation-stanford .general-section:before {
  background: #0462f6;
  border-radius: 50%;
  bottom: -5px;
  content: "";
  height: 10px;
  left: 140px;
  position: absolute;
  width: 10px;
  z-index: 2
}

.template.cover-stanford .general-section:after,.template.resignation-stanford .general-section:after {
  background: #0462f6;
  bottom: 26px;
  content: "";
  height: 2px;
  left: clamp(1rem, calc(50% - 24px), 3.5rem);
  position: absolute;
  width: 48px
}

.template.cover-stanford .general-info-wrapper,.template.resignation-stanford .general-info-wrapper {
  padding-right: 10px;
  padding-top: var(--templates-lh-base);
  position: relative;
  word-break: break-word
}

.template.cover-stanford .general-info-wrapper .general-info-from,.template.resignation-stanford .general-info-wrapper .general-info-from {
  padding-bottom: clamp(1rem, calc(var(--templates-lh-base)*2), 3.5rem);
}

.template.cover-stanford .rich-text .date,.template.resignation-stanford .rich-text .date {
  padding-top: var(--templates-lh-base)
}

.template.cover-stanford .general-info-from,.template.cover-stanford .general-info-to,.template.resignation-stanford .general-info-from,.template.resignation-stanford .general-info-to {
  position: relative
}

.template.cover-stanford .general-info-from:before,.template.cover-stanford .general-info-to:before,.template.resignation-stanford .general-info-from:before,.template.resignation-stanford .general-info-to:before {
  background: #0462f6;
  border-radius: 50%;
  content: "";
  height: 8px;
  left: -18px;
  position: absolute;
  top: 4px;
  width: 8px
}

.template.cover-stanford.blu .general-info-from:before,.template.cover-stanford.blu .general-info-to:before,.template.cover-stanford.blu .general-section:after,.template.cover-stanford.blu .general-section:before,.template.cover-stanford.blu .page:not(.first-page) .top-ornament,.template.resignation-stanford.blu .general-info-from:before,.template.resignation-stanford.blu .general-info-to:before,.template.resignation-stanford.blu .general-section:after,.template.resignation-stanford.blu .general-section:before,.template.resignation-stanford.blu .page:not(.first-page) .top-ornament {
  background: #0462f6
}

.template.cover-stanford.win .general-info-from:before,.template.cover-stanford.win .general-info-to:before,.template.cover-stanford.win .general-section:after,.template.cover-stanford.win .general-section:before,.template.cover-stanford.win .page:not(.first-page) .top-ornament,.template.resignation-stanford.win .general-info-from:before,.template.resignation-stanford.win .general-info-to:before,.template.resignation-stanford.win .general-section:after,.template.resignation-stanford.win .general-section:before,.template.resignation-stanford.win .page:not(.first-page) .top-ornament {
  background: #961e27
}

.template.cover-stanford.grn .general-info-from:before,.template.cover-stanford.grn .general-info-to:before,.template.cover-stanford.grn .general-section:after,.template.cover-stanford.grn .general-section:before,.template.cover-stanford.grn .page:not(.first-page) .top-ornament,.template.resignation-stanford.grn .general-info-from:before,.template.resignation-stanford.grn .general-info-to:before,.template.resignation-stanford.grn .general-section:after,.template.resignation-stanford.grn .general-section:before,.template.resignation-stanford.grn .page:not(.first-page) .top-ornament {
  background: #369188
}

.template.cover-stanford.bro .general-info-from:before,.template.cover-stanford.bro .general-info-to:before,.template.cover-stanford.bro .general-section:after,.template.cover-stanford.bro .general-section:before,.template.cover-stanford.bro .page:not(.first-page) .top-ornament,.template.resignation-stanford.bro .general-info-from:before,.template.resignation-stanford.bro .general-info-to:before,.template.resignation-stanford.bro .general-section:after,.template.resignation-stanford.bro .general-section:before,.template.resignation-stanford.bro .page:not(.first-page) .top-ornament {
  background: #884f06
}

.template.cover-stanford.pur .general-info-from:before,.template.cover-stanford.pur .general-info-to:before,.template.cover-stanford.pur .general-section:after,.template.cover-stanford.pur .general-section:before,.template.cover-stanford.pur .page:not(.first-page) .top-ornament,.template.resignation-stanford.pur .general-info-from:before,.template.resignation-stanford.pur .general-info-to:before,.template.resignation-stanford.pur .general-section:after,.template.resignation-stanford.pur .general-section:before,.template.resignation-stanford.pur .page:not(.first-page) .top-ornament {
  background: #ab47bc
}

.template.cover-stanford.ste .general-info-from:before,.template.cover-stanford.ste .general-info-to:before,.template.cover-stanford.ste .general-section:after,.template.cover-stanford.ste .general-section:before,.template.cover-stanford.ste .page:not(.first-page) .top-ornament,.template.resignation-stanford.ste .general-info-from:before,.template.resignation-stanford.ste .general-info-to:before,.template.resignation-stanford.ste .general-section:after,.template.resignation-stanford.ste .general-section:before,.template.resignation-stanford.ste .page:not(.first-page) .top-ornament {
  background: #517484
}

.template.cover-stanford.bri-red .general-info-from:before,.template.cover-stanford.bri-red .general-info-to:before,.template.cover-stanford.bri-red .general-section:after,.template.cover-stanford.bri-red .general-section:before,.template.cover-stanford.bri-red .page:not(.first-page) .top-ornament,.template.resignation-stanford.bri-red .general-info-from:before,.template.resignation-stanford.bri-red .general-info-to:before,.template.resignation-stanford.bri-red .general-section:after,.template.resignation-stanford.bri-red .general-section:before,.template.resignation-stanford.bri-red .page:not(.first-page) .top-ornament {
  background: #ee4e34
}

.template.cover-stanford.gol .general-info-from:before,.template.cover-stanford.gol .general-info-to:before,.template.cover-stanford.gol .general-section:after,.template.cover-stanford.gol .general-section:before,.template.cover-stanford.gol .page:not(.first-page) .top-ornament,.template.resignation-stanford.gol .general-info-from:before,.template.resignation-stanford.gol .general-info-to:before,.template.resignation-stanford.gol .general-section:after,.template.resignation-stanford.gol .general-section:before,.template.resignation-stanford.gol .page:not(.first-page) .top-ornament {
  background: #c29d42
}

.template.cover-stanford.gre .general-info-from:before,.template.cover-stanford.gre .general-info-to:before,.template.cover-stanford.gre .general-section:after,.template.cover-stanford.gre .general-section:before,.template.cover-stanford.gre .page:not(.first-page) .top-ornament,.template.resignation-stanford.gre .general-info-from:before,.template.resignation-stanford.gre .general-info-to:before,.template.resignation-stanford.gre .general-section:after,.template.resignation-stanford.gre .general-section:before,.template.resignation-stanford.gre .page:not(.first-page) .top-ornament {
  background: grey
}

.template.cover-sunny .page,.template.resignation-sunny .page {
  padding: 52px 46px 52px 60px;
  position: relative
}

.template.cover-sunny .page .top-ornament,.template.resignation-sunny .page .top-ornament {
  background: #58595b;
  display: block;
  height: 26px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.template.cover-sunny .page .bottom-ornament,.template.resignation-sunny .page .bottom-ornament {
  bottom: 26px;
  display: block;
  left: 60px;
  position: absolute
}

.template.cover-sunny .page.first-page .top-ornament,.template.resignation-sunny .page.first-page .top-ornament {
  height: 100px
}

.template.cover-sunny.letter .page,.template.resignation-sunny.letter .page {
  padding-left: 71px;
  padding-right: 57px
}

.template.cover-sunny .general-section,.template.resignation-sunny .general-section {
  padding-bottom: clamp(1rem, calc(var(--templates-lh-base)*3), 3.5rem);
  padding-top: var(--templates-lh-base);
  position: relative;
  text-align: center;
  z-index: 1
}

.template.cover-sunny .general-section .name,.template.resignation-sunny .general-section .name {
  background: #facd48;
  border-radius: 10px;
  color: #000;
  display: inline-block;
  font-size: 30px;
  line-height: 50px;
  padding: 5px 30px;
  position: relative;
  text-align: center;
  z-index: 1
}

.template.cover-sunny .general-section .general-info-wrapper,.template.resignation-sunny .general-section .general-info-wrapper {
  display: flex;
  padding: 39px 0;
  position: relative;
  text-align: left;
  vertical-align: top
}

.template.cover-sunny .general-section .general-info-wrapper .general-info-from,.template.cover-sunny .general-section .general-info-wrapper .general-info-to,.template.resignation-sunny .general-section .general-info-wrapper .general-info-from,.template.resignation-sunny .general-section .general-info-wrapper .general-info-to {
  display: inline-block;
  vertical-align: top;
  width: 50%
}

.template.cover-sunny .general-section .general-info-wrapper .general-info-to,.template.resignation-sunny .general-section .general-info-wrapper .general-info-to {
  padding-right: 10px
}

.template.cover-sunny .general-section .general-info-wrapper .general-info-from,.template.resignation-sunny .general-section .general-info-wrapper .general-info-from {
  padding-left: 10px;
  text-align: right
}

.template.cover-sunny .general-section .general-info-wrapper:after,.template.resignation-sunny .general-section .general-info-wrapper:after {
  background: #000;
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%
}

.template.cover-sunny.yel-gre .page .top-ornament,.template.resignation-sunny.yel-gre .page .top-ornament {
  background: #58595b
}

.template.cover-sunny.yel-gre .general-section .name,.template.resignation-sunny.yel-gre .general-section .name {
  background: #facd48
}

.template.cover-sunny.gre-red .page .top-ornament,.template.resignation-sunny.gre-red .page .top-ornament {
  background: #58595b
}

.template.cover-sunny.gre-red .general-section .name,.template.resignation-sunny.gre-red .general-section .name {
  background: #ee8a80
}

.template.cover-sunny.blu-gre .page .top-ornament,.template.resignation-sunny.blu-gre .page .top-ornament {
  background: #58595b
}

.template.cover-sunny.blu-gre .general-section .name,.template.resignation-sunny.blu-gre .general-section .name {
  background: #3dbfed
}

.template.cover-sunny.min-gre .page .top-ornament,.template.resignation-sunny.min-gre .page .top-ornament {
  background: #58595b
}

.template.cover-sunny.min-gre .general-section .name,.template.resignation-sunny.min-gre .general-section .name {
  background: #67dfc2
}

.template.cover-sunny.pin-blu .page .top-ornament,.template.resignation-sunny.pin-blu .page .top-ornament {
  background: #366af6
}

.template.cover-sunny.pin-blu .general-section .name,.template.resignation-sunny.pin-blu .general-section .name {
  background: #ef9a9a
}

.template.cover-sunny.blu-yel .page .top-ornament,.template.resignation-sunny.blu-yel .page .top-ornament {
  background: #f2e8c9
}

.template.cover-sunny.blu-yel .general-section .name,.template.resignation-sunny.blu-yel .general-section .name {
  background: #a1f0d6
}

.template.cover-sunny.pin-yel .page .top-ornament,.template.resignation-sunny.pin-yel .page .top-ornament {
  background: #f9e8d2
}

.template.cover-sunny.pin-yel .general-section .name,.template.resignation-sunny.pin-yel .general-section .name {
  background: #ef9a9a
}

.template.cover-sunny.bro-grn .page .top-ornament,.template.resignation-sunny.bro-grn .page .top-ornament {
  background: #808626
}

.template.cover-sunny.bro-grn .general-section .name,.template.resignation-sunny.bro-grn .general-section .name {
  background: #b5a09a
}

.template.cover-sunny.blu-blu .page .top-ornament,.template.resignation-sunny.blu-blu .page .top-ornament {
  background: #517484
}

.template.cover-sunny.blu-blu .general-section .name,.template.resignation-sunny.blu-blu .general-section .name {
  background: #9bbfcc
}

.template.cover-sunny.gre-gre .page .top-ornament,.template.resignation-sunny.gre-gre .page .top-ornament {
  background: #58595b
}

.template.cover-sunny.gre-gre .general-section .name,.template.resignation-sunny.gre-gre .general-section .name {
  background: #d8d8d8
}

.template.cover-sunny.gol-bla .page .top-ornament,.template.resignation-sunny.gol-bla .page .top-ornament {
  background: #000
}

.template.cover-sunny.gol-bla .general-section .name,.template.resignation-sunny.gol-bla .general-section .name {
  background: #c29d42
}

.template.cover-sunny.red-ste .page .top-ornament,.template.resignation-sunny.red-ste .page .top-ornament {
  background: #9bbfcc
}

.template.cover-sunny.red-ste .general-section .name,.template.resignation-sunny.red-ste .general-section .name {
  background: #f9ddc0
}

.template.cover-sunny.red-grn .page .top-ornament,.template.resignation-sunny.red-grn .page .top-ornament {
  background: #369188
}

.template.cover-sunny.red-grn .general-section .name,.template.resignation-sunny.red-grn .general-section .name {
  background: #f9ddc0
}

.template.cover-vegan .page,.template.resignation-vegan .page {
  padding: 52px 46px 65px 60px;
  position: relative
}

.template.cover-vegan .page>.left-col,.template.cover-vegan .page>.left-column-render,.template.resignation-vegan .page>.left-col,.template.resignation-vegan .page>.left-column-render {
  width: 20%
}

.template.cover-vegan .page>.right-col,.template.cover-vegan .page>.right-column-render,.template.resignation-vegan .page>.right-col,.template.resignation-vegan .page>.right-column-render {
  padding-left: 32px;
  width: 80%
}

.template.cover-vegan .page .bottom-ornament,.template.resignation-vegan .page .bottom-ornament {
  background: #c1c1c1;
  display: block;
  height: clamp(1rem, calc(100% - 117px), 3.5rem);
  left: 205px;
  position: absolute;
  top: 52px;
  width: 1px
}

.template.cover-vegan .page:not(.first-page) .top-ornament,.template.resignation-vegan .page:not(.first-page) .top-ornament {
  background: #808626;
  border-radius: 50%;
  display: block;
  height: 10px;
  left: 200px;
  position: absolute;
  top: 47px;
  width: 10px;
  z-index: 2
}

.template.cover-vegan.letter .page,.template.resignation-vegan.letter .page {
  padding-left: 71px;
  padding-right: 57px
}

.template.cover-vegan.letter .page .bottom-ornament,.template.resignation-vegan.letter .page .bottom-ornament {
  left: 216px
}

.template.cover-vegan.letter .page:not(.first-page) .top-ornament,.template.resignation-vegan.letter .page:not(.first-page) .top-ornament {
  left: 211px
}

.template.cover-vegan .general-section,.template.resignation-vegan .general-section {
  background: #fff;
  min-height: 146px;
  padding-bottom: clamp(1rem, calc(var(--templates-lh-base)*2), 3.5rem);
  position: relative;
  z-index: 1
}

.template.cover-vegan .general-section .name,.template.resignation-vegan .general-section .name {
  color: #808626;
  display: block;
  font-size: 34px;
  line-height: 40px;
  padding: 10px 0 10px clamp(1rem, calc(20% + 32px), 3.5rem);
  position: relative;
  text-align: left;
  z-index: 0
}

.template.cover-vegan .general-section:before,.template.resignation-vegan .general-section:before {
  background: #808626;
  border-radius: 50%;
  bottom: -5px;
  content: "";
  height: 10px;
  left: 140px;
  position: absolute;
  width: 10px;
  z-index: 2
}

.template.cover-vegan .general-section .avatar .initials,.template.resignation-vegan .general-section .avatar .initials {
  background-color: #808626;
  border-radius: 50%;
  height: 120px;
  padding-top: 25px;
  position: relative;
  width: 120px
}

.template.cover-vegan .general-section .avatar .initials .body,.template.resignation-vegan .general-section .avatar .initials .body {
  height: 70px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: 70px
}

.template.cover-vegan .general-section .avatar .initials .body .first-line,.template.resignation-vegan .general-section .avatar .initials .body .first-line {
  background: #fff;
  height: 1px;
  position: absolute;
  top: 35px;
  width: 100%
}

.template.cover-vegan .general-section .avatar .initials .body .first,.template.cover-vegan .general-section .avatar .initials .body .second,.template.resignation-vegan .general-section .avatar .initials .body .first,.template.resignation-vegan .general-section .avatar .initials .body .second {
  color: #fff;
  font-size: 30px;
  left: 0;
  line-height: 35px;
  position: absolute;
  text-align: center;
  width: 100%
}

.template.cover-vegan .general-section .avatar .initials .body .first,.template.resignation-vegan .general-section .avatar .initials .body .first {
  top: -5px
}

.template.cover-vegan .general-section .avatar .initials .body .second,.template.resignation-vegan .general-section .avatar .initials .body .second {
  top: 40px
}

.template.cover-vegan .general-section .avatar,.template.resignation-vegan .general-section .avatar {
  left: 0;
  position: absolute;
  top: 0
}

.template.cover-vegan .general-info-wrapper,.template.resignation-vegan .general-info-wrapper {
  padding-right: 10px;
  padding-top: var(--templates-lh-base);
  position: relative;
  word-break: break-word
}

.template.cover-vegan .general-info-wrapper .general-info-from,.template.resignation-vegan .general-info-wrapper .general-info-from {
  padding-bottom: clamp(1rem, calc(var(--templates-lh-base)*2), 3.5rem);
}

.template.cover-vegan .rich-text .date,.template.resignation-vegan .rich-text .date {
  padding-top: var(--templates-lh-base)
}

.template.cover-vegan.oli-whi .page,.template.resignation-vegan.oli-whi .page {
  background-color: #fff
}

.template.cover-vegan.oli-whi .bottom-ornament,.template.resignation-vegan.oli-whi .bottom-ornament {
  background: #c1c1c1
}

.template.cover-vegan.oli-whi:not(.first-page) .top-ornament,.template.resignation-vegan.oli-whi:not(.first-page) .top-ornament {
  background: #808626
}

.template.cover-vegan.oli-whi .general-section,.template.resignation-vegan.oli-whi .general-section {
  background: #fff
}

.template.cover-vegan.oli-whi .general-section .name,.template.resignation-vegan.oli-whi .general-section .name {
  color: #808626
}

.template.cover-vegan.oli-whi .general-section:before,.template.resignation-vegan.oli-whi .general-section:before {
  background: #808626
}

.template.cover-vegan.oli-whi .general-section .avatar .initials,.template.resignation-vegan.oli-whi .general-section .avatar .initials {
  background-color: #808626
}

.template.cover-vegan.oli-whi .general-section .avatar .initials .body .first-line,.template.resignation-vegan.oli-whi .general-section .avatar .initials .body .first-line {
  background: #fff
}

.template.cover-vegan.oli-whi .general-section .avatar .initials .body .first,.template.cover-vegan.oli-whi .general-section .avatar .initials .body .second,.template.resignation-vegan.oli-whi .general-section .avatar .initials .body .first,.template.resignation-vegan.oli-whi .general-section .avatar .initials .body .second {
  color: #fff
}

.template.cover-vegan.yel-whi .page,.template.resignation-vegan.yel-whi .page {
  background-color: #fff
}

.template.cover-vegan.yel-whi .bottom-ornament,.template.resignation-vegan.yel-whi .bottom-ornament {
  background: #c1c1c1
}

.template.cover-vegan.yel-whi:not(.first-page) .top-ornament,.template.resignation-vegan.yel-whi:not(.first-page) .top-ornament {
  background: #f7b94b
}

.template.cover-vegan.yel-whi .general-section,.template.resignation-vegan.yel-whi .general-section {
  background: #fff
}

.template.cover-vegan.yel-whi .general-section .name,.template.resignation-vegan.yel-whi .general-section .name {
  color: #f7b94b
}

.template.cover-vegan.yel-whi .general-section:before,.template.resignation-vegan.yel-whi .general-section:before {
  background: #f7b94b
}

.template.cover-vegan.yel-whi .general-section .avatar .initials,.template.resignation-vegan.yel-whi .general-section .avatar .initials {
  background-color: #f7b94b
}

.template.cover-vegan.yel-whi .general-section .avatar .initials .body .first-line,.template.resignation-vegan.yel-whi .general-section .avatar .initials .body .first-line {
  background: #fff
}

.template.cover-vegan.yel-whi .general-section .avatar .initials .body .first,.template.cover-vegan.yel-whi .general-section .avatar .initials .body .second,.template.resignation-vegan.yel-whi .general-section .avatar .initials .body .first,.template.resignation-vegan.yel-whi .general-section .avatar .initials .body .second {
  color: #fff
}

.template.cover-vegan.grn-whi .page,.template.resignation-vegan.grn-whi .page {
  background-color: #fff
}

.template.cover-vegan.grn-whi .bottom-ornament,.template.resignation-vegan.grn-whi .bottom-ornament {
  background: #c1c1c1
}

.template.cover-vegan.grn-whi:not(.first-page) .top-ornament,.template.resignation-vegan.grn-whi:not(.first-page) .top-ornament {
  background: #369188
}

.template.cover-vegan.grn-whi .general-section,.template.resignation-vegan.grn-whi .general-section {
  background: #fff
}

.template.cover-vegan.grn-whi .general-section .name,.template.resignation-vegan.grn-whi .general-section .name {
  color: #369188
}

.template.cover-vegan.grn-whi .general-section:before,.template.resignation-vegan.grn-whi .general-section:before {
  background: #369188
}

.template.cover-vegan.grn-whi .general-section .avatar .initials,.template.resignation-vegan.grn-whi .general-section .avatar .initials {
  background-color: #369188
}

.template.cover-vegan.grn-whi .general-section .avatar .initials .body .first-line,.template.resignation-vegan.grn-whi .general-section .avatar .initials .body .first-line {
  background: #fff
}

.template.cover-vegan.grn-whi .general-section .avatar .initials .body .first,.template.cover-vegan.grn-whi .general-section .avatar .initials .body .second,.template.resignation-vegan.grn-whi .general-section .avatar .initials .body .first,.template.resignation-vegan.grn-whi .general-section .avatar .initials .body .second {
  color: #fff
}

.template.cover-vegan.dar-grn-whi .page,.template.resignation-vegan.dar-grn-whi .page {
  background-color: #fff
}

.template.cover-vegan.dar-grn-whi .bottom-ornament,.template.resignation-vegan.dar-grn-whi .bottom-ornament {
  background: #c1c1c1
}

.template.cover-vegan.dar-grn-whi:not(.first-page) .top-ornament,.template.resignation-vegan.dar-grn-whi:not(.first-page) .top-ornament {
  background: #516851
}

.template.cover-vegan.dar-grn-whi .general-section,.template.resignation-vegan.dar-grn-whi .general-section {
  background: #fff
}

.template.cover-vegan.dar-grn-whi .general-section .name,.template.resignation-vegan.dar-grn-whi .general-section .name {
  color: #516851
}

.template.cover-vegan.dar-grn-whi .general-section:before,.template.resignation-vegan.dar-grn-whi .general-section:before {
  background: #516851
}

.template.cover-vegan.dar-grn-whi .general-section .avatar .initials,.template.resignation-vegan.dar-grn-whi .general-section .avatar .initials {
  background-color: #516851
}

.template.cover-vegan.dar-grn-whi .general-section .avatar .initials .body .first-line,.template.resignation-vegan.dar-grn-whi .general-section .avatar .initials .body .first-line {
  background: #fff
}

.template.cover-vegan.dar-grn-whi .general-section .avatar .initials .body .first,.template.cover-vegan.dar-grn-whi .general-section .avatar .initials .body .second,.template.resignation-vegan.dar-grn-whi .general-section .avatar .initials .body .first,.template.resignation-vegan.dar-grn-whi .general-section .avatar .initials .body .second {
  color: #fff
}

.template.cover-vegan.bro-whi .page,.template.resignation-vegan.bro-whi .page {
  background-color: #fff
}

.template.cover-vegan.bro-whi .bottom-ornament,.template.resignation-vegan.bro-whi .bottom-ornament {
  background: #c1c1c1
}

.template.cover-vegan.bro-whi:not(.first-page) .top-ornament,.template.resignation-vegan.bro-whi:not(.first-page) .top-ornament {
  background: #884f06
}

.template.cover-vegan.bro-whi .general-section,.template.resignation-vegan.bro-whi .general-section {
  background: #fff
}

.template.cover-vegan.bro-whi .general-section .name,.template.resignation-vegan.bro-whi .general-section .name {
  color: #884f06
}

.template.cover-vegan.bro-whi .general-section:before,.template.resignation-vegan.bro-whi .general-section:before {
  background: #884f06
}

.template.cover-vegan.bro-whi .general-section .avatar .initials,.template.resignation-vegan.bro-whi .general-section .avatar .initials {
  background-color: #884f06
}

.template.cover-vegan.bro-whi .general-section .avatar .initials .body .first-line,.template.resignation-vegan.bro-whi .general-section .avatar .initials .body .first-line {
  background: #fff
}

.template.cover-vegan.bro-whi .general-section .avatar .initials .body .first,.template.cover-vegan.bro-whi .general-section .avatar .initials .body .second,.template.resignation-vegan.bro-whi .general-section .avatar .initials .body .first,.template.resignation-vegan.bro-whi .general-section .avatar .initials .body .second {
  color: #fff
}

.template.cover-vegan.grn-grn .page,.template.resignation-vegan.grn-grn .page {
  background-color: #c7ecc7
}

.template.cover-vegan.grn-grn .bottom-ornament,.template.resignation-vegan.grn-grn .bottom-ornament {
  background: #000
}

.template.cover-vegan.grn-grn:not(.first-page) .top-ornament,.template.resignation-vegan.grn-grn:not(.first-page) .top-ornament {
  background: #369188
}

.template.cover-vegan.grn-grn .general-section,.template.resignation-vegan.grn-grn .general-section {
  background: #c7ecc7
}

.template.cover-vegan.grn-grn .general-section .name,.template.resignation-vegan.grn-grn .general-section .name {
  color: #369188
}

.template.cover-vegan.grn-grn .general-section:before,.template.resignation-vegan.grn-grn .general-section:before {
  background: #369188
}

.template.cover-vegan.grn-grn .general-section .avatar .initials,.template.resignation-vegan.grn-grn .general-section .avatar .initials {
  background-color: #369188
}

.template.cover-vegan.grn-grn .general-section .avatar .initials .body .first-line,.template.resignation-vegan.grn-grn .general-section .avatar .initials .body .first-line {
  background: #c7ecc7
}

.template.cover-vegan.grn-grn .general-section .avatar .initials .body .first,.template.cover-vegan.grn-grn .general-section .avatar .initials .body .second,.template.resignation-vegan.grn-grn .general-section .avatar .initials .body .first,.template.resignation-vegan.grn-grn .general-section .avatar .initials .body .second {
  color: #c7ecc7
}

.template.cover-vegan.grn-yel .page,.template.resignation-vegan.grn-yel .page {
  background-color: #f9e8d2
}

.template.cover-vegan.grn-yel .bottom-ornament,.template.resignation-vegan.grn-yel .bottom-ornament {
  background: #000
}

.template.cover-vegan.grn-yel:not(.first-page) .top-ornament,.template.resignation-vegan.grn-yel:not(.first-page) .top-ornament {
  background: #369188
}

.template.cover-vegan.grn-yel .general-section,.template.resignation-vegan.grn-yel .general-section {
  background: #f9e8d2
}

.template.cover-vegan.grn-yel .general-section .name,.template.resignation-vegan.grn-yel .general-section .name {
  color: #369188
}

.template.cover-vegan.grn-yel .general-section:before,.template.resignation-vegan.grn-yel .general-section:before {
  background: #369188
}

.template.cover-vegan.grn-yel .general-section .avatar .initials,.template.resignation-vegan.grn-yel .general-section .avatar .initials {
  background-color: #369188
}

.template.cover-vegan.grn-yel .general-section .avatar .initials .body .first-line,.template.resignation-vegan.grn-yel .general-section .avatar .initials .body .first-line {
  background: #f9e8d2
}

.template.cover-vegan.grn-yel .general-section .avatar .initials .body .first,.template.cover-vegan.grn-yel .general-section .avatar .initials .body .second,.template.resignation-vegan.grn-yel .general-section .avatar .initials .body .first,.template.resignation-vegan.grn-yel .general-section .avatar .initials .body .second {
  color: #f9e8d2
}

.template.cover-vegan.bla-whi .page,.template.resignation-vegan.bla-whi .page {
  background-color: #fff
}

.template.cover-vegan.bla-whi .bottom-ornament,.template.resignation-vegan.bla-whi .bottom-ornament {
  background: #c1c1c1
}

.template.cover-vegan.bla-whi:not(.first-page) .top-ornament,.template.resignation-vegan.bla-whi:not(.first-page) .top-ornament {
  background: #000
}

.template.cover-vegan.bla-whi .general-section,.template.resignation-vegan.bla-whi .general-section {
  background: #fff
}

.template.cover-vegan.bla-whi .general-section .name,.template.resignation-vegan.bla-whi .general-section .name {
  color: #000
}

.template.cover-vegan.bla-whi .general-section:before,.template.resignation-vegan.bla-whi .general-section:before {
  background: #000
}

.template.cover-vegan.bla-whi .general-section .avatar .initials,.template.resignation-vegan.bla-whi .general-section .avatar .initials {
  background-color: #000
}

.template.cover-vegan.bla-whi .general-section .avatar .initials .body .first-line,.template.resignation-vegan.bla-whi .general-section .avatar .initials .body .first-line {
  background: #fff
}

.template.cover-vegan.bla-whi .general-section .avatar .initials .body .first,.template.cover-vegan.bla-whi .general-section .avatar .initials .body .second,.template.resignation-vegan.bla-whi .general-section .avatar .initials .body .first,.template.resignation-vegan.bla-whi .general-section .avatar .initials .body .second {
  color: #fff
}

.template.cover-visibility .page,.template.resignation-visibility .page {
  padding: 39px 46px 52px 60px
}

.template.cover-visibility .page:after,.template.resignation-visibility .page:after {
  color: #0462f6
}

.template.cover-visibility.page-wrapper.numbersShown .outer-page.multi-page .page:after,.template.resignation-visibility.page-wrapper.numbersShown .outer-page.multi-page .page:after {
  padding-right: 46px;
  text-align: right
}

.letter.template.cover-visibility.page-wrapper.numbersShown .outer-page.multi-page .page:after,.letter.template.resignation-visibility.page-wrapper.numbersShown .outer-page.multi-page .page:after {
  padding-right: 57px
}

.template.cover-visibility.letter .page,.template.resignation-visibility.letter .page {
  padding-left: 71px;
  padding-right: 57px
}

.template.cover-visibility .general-section,.template.resignation-visibility .general-section {
  display: flex;
  padding-bottom: 65px
}

.template.cover-visibility .general-section .name-container,.template.resignation-visibility .general-section .name-container {
  padding-right: 36px
}

.template.cover-visibility .general-section .border,.template.resignation-visibility .general-section .border {
  border: 2px solid #0462f6;
  display: inline-block;
  padding: 15px 25px;
  width: 311px
}

.template.cover-visibility .general-section .name,.template.resignation-visibility .general-section .name {
  display: inline-flex;
  font-size: 42px;
  line-height: 50px;
  vertical-align: top;
  width: 100%
}

.template.cover-visibility .general-section .general-info-wrapper,.template.resignation-visibility .general-section .general-info-wrapper {
  padding-left: 30px;
  width: 341px
}

.template.cover-visibility .general-info-from,.template.cover-visibility .general-info-to,.template.resignation-visibility .general-info-from,.template.resignation-visibility .general-info-to {
  padding: 13px 0;
  width: 100%
}

.template.cover-visibility .general-info-to,.template.cover-visibility .rich-text,.template.resignation-visibility .general-info-to,.template.resignation-visibility .rich-text {
  vertical-align: top
}

.template.cover-visibility .rich-text,.template.resignation-visibility .rich-text {
  display: inline-block;
  padding-top: var(--templates-lh-base);
  white-space: pre-wrap
}

.template.cover-visibility.blu-whi .page,.template.resignation-visibility.blu-whi .page {
  background-color: #fff
}

.template.cover-visibility.blu-whi .page:after,.template.resignation-visibility.blu-whi .page:after {
  color: #0462f6
}

.template.cover-visibility.blu-whi .general-section .border,.template.resignation-visibility.blu-whi .general-section .border {
  border-color: #0462f6
}

.template.cover-visibility.red-whi .page,.template.resignation-visibility.red-whi .page {
  background-color: #fff
}

.template.cover-visibility.red-whi .page:after,.template.resignation-visibility.red-whi .page:after {
  color: #f7410f
}

.template.cover-visibility.red-whi .general-section .border,.template.resignation-visibility.red-whi .general-section .border {
  border-color: #f7410f
}

.template.cover-visibility.grn-whi .page,.template.resignation-visibility.grn-whi .page {
  background-color: #fff
}

.template.cover-visibility.grn-whi .page:after,.template.resignation-visibility.grn-whi .page:after {
  color: #369188
}

.template.cover-visibility.grn-whi .general-section .border,.template.resignation-visibility.grn-whi .general-section .border {
  border-color: #369188
}

.template.cover-visibility.yel-whi .page,.template.resignation-visibility.yel-whi .page {
  background-color: #fff
}

.template.cover-visibility.yel-whi .page:after,.template.resignation-visibility.yel-whi .page:after {
  color: #f7b94b
}

.template.cover-visibility.yel-whi .general-section .border,.template.resignation-visibility.yel-whi .general-section .border {
  border-color: #f7b94b
}

.template.cover-visibility.pin-whi .page,.template.resignation-visibility.pin-whi .page {
  background-color: #fff
}

.template.cover-visibility.pin-whi .page:after,.template.resignation-visibility.pin-whi .page:after {
  color: #ef9a9a
}

.template.cover-visibility.pin-whi .general-section .border,.template.resignation-visibility.pin-whi .general-section .border {
  border-color: #ef9a9a
}

.template.cover-visibility.cya-whi .page,.template.resignation-visibility.cya-whi .page {
  background-color: #fff
}

.template.cover-visibility.cya-whi .page:after,.template.resignation-visibility.cya-whi .page:after {
  color: #3dbfed
}

.template.cover-visibility.cya-whi .general-section .border,.template.resignation-visibility.cya-whi .general-section .border {
  border-color: #3dbfed
}

.template.cover-visibility.win-whi .page,.template.resignation-visibility.win-whi .page {
  background-color: #fff
}

.template.cover-visibility.win-whi .page:after,.template.resignation-visibility.win-whi .page:after {
  color: #961e27
}

.template.cover-visibility.win-whi .general-section .border,.template.resignation-visibility.win-whi .general-section .border {
  border-color: #961e27
}

.template.cover-visibility.bro-whi .page,.template.resignation-visibility.bro-whi .page {
  background-color: #fff
}

.template.cover-visibility.bro-whi .page:after,.template.resignation-visibility.bro-whi .page:after {
  color: #6d4c41
}

.template.cover-visibility.bro-whi .general-section .border,.template.resignation-visibility.bro-whi .general-section .border {
  border-color: #6d4c41
}

.template.cover-visibility.ste-whi .page,.template.resignation-visibility.ste-whi .page {
  background-color: #fff
}

.template.cover-visibility.ste-whi .page:after,.template.resignation-visibility.ste-whi .page:after {
  color: #517484
}

.template.cover-visibility.ste-whi .general-section .border,.template.resignation-visibility.ste-whi .general-section .border {
  border-color: #517484
}

.template.cover-visibility.blu-pin .page,.template.resignation-visibility.blu-pin .page {
  background-color: #fce6e6
}

.template.cover-visibility.blu-pin .page:after,.template.resignation-visibility.blu-pin .page:after {
  color: #366af6
}

.template.cover-visibility.blu-pin .general-section .border,.template.resignation-visibility.blu-pin .general-section .border {
  border-color: #366af6
}

.template.cover-visibility.grn-red .page,.template.resignation-visibility.grn-red .page {
  background-color: #f9ddc0
}

.template.cover-visibility.grn-red .page:after,.template.resignation-visibility.grn-red .page:after {
  color: #369188
}

.template.cover-visibility.grn-red .general-section .border,.template.resignation-visibility.grn-red .general-section .border {
  border-color: #369188
}

.template.cover-visibility.red-cya .page,.template.resignation-visibility.red-cya .page {
  background-color: #e5f9f9
}

.template.cover-visibility.red-cya .page:after,.template.resignation-visibility.red-cya .page:after {
  color: #f7410f
}

.template.cover-visibility.red-cya .general-section .border,.template.resignation-visibility.red-cya .general-section .border {
  border-color: #f7410f
}

.template.cover-visibility.gre-whi .page,.template.resignation-visibility.gre-whi .page {
  background-color: #fff
}

.template.cover-visibility.gre-whi .page:after,.template.resignation-visibility.gre-whi .page:after {
  color: #a7a9ac
}

.template.cover-visibility.gre-whi .general-section .border,.template.resignation-visibility.gre-whi .general-section .border {
  border-color: #a7a9ac
}

.template.cover-white .page,.template.resignation-white .page {
  padding: 52px 46px 78px 60px
}

.template.cover-white.letter .page,.template.resignation-white.letter .page {
  padding-left: 71px;
  padding-right: 57px
}

.template.cover-white .general-section,.template.resignation-white .general-section {
  position: relative
}

.template.cover-white .general-section .name,.template.resignation-white .general-section .name {
  color: #000;
  font-size: 34px;
  line-height: 40px;
  padding-bottom: 73px;
  padding-top: 26px;
  position: relative
}

.template.cover-white .general-section .general-info-wrapper,.template.resignation-white .general-section .general-info-wrapper {
  padding-bottom: clamp(1rem, calc(var(--templates-lh-base)*3), 3.5rem);
  padding-top: clamp(1rem, calc(var(--templates-lh-base)*3), 3.5rem);
}

.template.cover-white .general-section .general-info-wrapper .general-info-from,.template.cover-white .general-section .general-info-wrapper .general-info-to,.template.resignation-white .general-section .general-info-wrapper .general-info-from,.template.resignation-white .general-section .general-info-wrapper .general-info-to {
  display: inline-block;
  vertical-align: top;
  width: 50%
}

.template.cover-white .general-section .general-info-wrapper .general-info-to,.template.resignation-white .general-section .general-info-wrapper .general-info-to {
  padding-right: 10px
}

.template.cover-white .general-section .general-info-wrapper .general-info-from,.template.resignation-white .general-section .general-info-wrapper .general-info-from {
  padding-left: 10px;
  text-align: right;
  text-align: left
}

.template.cover-white.gre-whi .page,.template.resignation-white.gre-whi .page {
  background-color: #fff
}

.template.cover-white.gre-whi .date,.template.resignation-white.gre-whi .date {
  color: grey
}

.template.cover-white.gre-sno .page,.template.resignation-white.gre-sno .page {
  background-color: #eae5e1
}

.template.cover-white.gre-sno .date,.template.resignation-white.gre-sno .date {
  color: #58595b
}

*,:after,:before {
  -webkit-font-feature-settings: "liga" 0;
  font-feature-settings: "liga" 0;
  box-sizing: border-box
}

html {
  font-size: 10px;
  margin: 0
}

body {
  font-size: 14px;
  margin: 0
}

.template h1,.template h2,.template h3,.template h4,.template h5,.template h6 {
  color: #000
}

.template ol,.template ul {
  padding: 0
}

.template span {
  display: inline-block
}

.description span {
  display: inline
}

.description.ql-align-left {
  text-align: left
}

.description.ql-align-center {
  text-align: center
}

.description.ql-align-right {
  text-align: right
}

.description.ql-align-justify {
  text-align: justify
}

.rob-rob .page:after,.rob-rob a,.rob-rob b,.rob-rob del,.rob-rob div,.rob-rob em,.rob-rob h1,.rob-rob h2,.rob-rob h3,.rob-rob h4,.rob-rob h5,.rob-rob h6,.rob-rob i,.rob-rob ins,.rob-rob li,.rob-rob mark,.rob-rob ol,.rob-rob p,.rob-rob s,.rob-rob small,.rob-rob span,.rob-rob strong,.rob-rob sub,.rob-rob sup,.rob-rob td,.rob-rob u,.rob-rob ul {
  font-family: Roboto,sans-serif
}

.rob-rob .signature {
  font-family: Caveat,cursive!important
}

.rob-rob .cover-section .name,.rob-rob .general-info .key,.rob-rob .general-section .key,.rob-rob .general-section .name,.rob-rob .headline,.rob-rob .section-title,.rob-rob.web-bubbles .menu .menu-header .name,.rob-rob.web-modern .topbar .topbar-name {
  font-weight: 700
}

.rob-rob .page:after,.rob-rob:not(.web-page) .experience-section .date {
  font-weight: 400
}

.rob-rob:not(.web-page) .experience-section .company-name,.rob-rob:not(.web-page) .experience-section .position,.rob-rob:not(.web-page) .experience-section .publication-name,.rob-rob:not(.web-page) .experience-section .publisher {
  font-weight: 700
}

.rob-rob.web-page .experience-section .date,.rob-rob.web-page .publication-section .date {
  font-weight: 400
}

.rob-rob .graphs.type-one .value,.rob-rob .skill-section .category-name,.rob-rob .skill-section .skill-category-name,.rob-rob .skill-section .skill-description,.rob-rob.web-page .experience-section .position,.rob-rob.web-page .experience-section .publication-name,.rob-rob.web-page .publication-section .position,.rob-rob.web-page .publication-section .publication-name {
  font-weight: 700
}

.rob-rob .graphs.type-one .pie-percentage {
  font-weight: 400
}

.rob-rob.web-glider .graph-entry .value .number,.rob-rob.web-modern .graph-entry .value .number {
  font-weight: 700
}

.rob-rob .graphs.type-two .value .number,.rob-rob.web-glider .graph-entry .value .circle-percentage,.rob-rob.web-modern .graph-entry .value .circle-percentage,.rob-rob.web-sidebar .graph-entry .value .number {
  font-weight: 400
}

.rob-rob .graphs.type-two .value .circle-percentage,.rob-rob.web-sidebar .graph-entry .value .circle-percentage {
  font-weight: 700
}

.rob-rob .graphs.type-four .graph-value .graph-score,.rob-rob .graphs.type-three .graph-value {
  font-weight: 400
}

.rob-rob .keyword .prefix,.rob-rob .rich-text .date,.rob-rob.web-page .more-btn {
  font-weight: 700
}

.lit-lit .page:after,.lit-lit a,.lit-lit b,.lit-lit del,.lit-lit div,.lit-lit em,.lit-lit h1,.lit-lit h2,.lit-lit h3,.lit-lit h4,.lit-lit h5,.lit-lit h6,.lit-lit i,.lit-lit ins,.lit-lit li,.lit-lit mark,.lit-lit ol,.lit-lit p,.lit-lit s,.lit-lit small,.lit-lit span,.lit-lit strong,.lit-lit sub,.lit-lit sup,.lit-lit td,.lit-lit u,.lit-lit ul {
  font-family: Literata,serif
}

.lit-lit .signature {
  font-family: Caveat,cursive!important
}

.lit-lit .cover-section .name,.lit-lit .general-info .key,.lit-lit .general-section .key,.lit-lit .general-section .name,.lit-lit .headline,.lit-lit .section-title,.lit-lit.web-bubbles .menu .menu-header .name,.lit-lit.web-modern .topbar .topbar-name {
  font-weight: 700
}

.lit-lit .page:after,.lit-lit:not(.web-page) .experience-section .date {
  font-weight: 400
}

.lit-lit:not(.web-page) .experience-section .company-name,.lit-lit:not(.web-page) .experience-section .position,.lit-lit:not(.web-page) .experience-section .publication-name,.lit-lit:not(.web-page) .experience-section .publisher {
  font-weight: 700
}

.lit-lit.web-page .experience-section .date,.lit-lit.web-page .publication-section .date {
  font-weight: 400
}

.lit-lit .graphs.type-one .value,.lit-lit .skill-section .category-name,.lit-lit .skill-section .skill-category-name,.lit-lit .skill-section .skill-description,.lit-lit.web-page .experience-section .position,.lit-lit.web-page .experience-section .publication-name,.lit-lit.web-page .publication-section .position,.lit-lit.web-page .publication-section .publication-name {
  font-weight: 700
}

.lit-lit .graphs.type-one .pie-percentage {
  font-weight: 400
}

.lit-lit.web-glider .graph-entry .value .number,.lit-lit.web-modern .graph-entry .value .number {
  font-weight: 700
}

.lit-lit .graphs.type-three .graph-value,.lit-lit .graphs.type-two .value .circle-percentage,.lit-lit .graphs.type-two .value .number,.lit-lit.web-glider .graph-entry .value .circle-percentage,.lit-lit.web-modern .graph-entry .value .circle-percentage,.lit-lit.web-sidebar .graph-entry .value .circle-percentage,.lit-lit.web-sidebar .graph-entry .value .number {
  font-weight: 400
}

.lit-lit .graphs.type-four .graph-value .graph-score,.lit-lit .keyword .prefix,.lit-lit .rich-text .date,.lit-lit.web-page .more-btn {
  font-weight: 700
}

.lit-hin a,.lit-hin b,.lit-hin del,.lit-hin div,.lit-hin em,.lit-hin h1,.lit-hin h2,.lit-hin h3,.lit-hin h4,.lit-hin h5,.lit-hin h6,.lit-hin i,.lit-hin ins,.lit-hin li,.lit-hin mark,.lit-hin ol,.lit-hin p,.lit-hin s,.lit-hin small,.lit-hin span,.lit-hin strong,.lit-hin sub,.lit-hin sup,.lit-hin td,.lit-hin u,.lit-hin ul {
  font-family: Hind,sans-serif
}

.lit-hin a.graph-entry .value .number,.lit-hin a.graphs.type-four .graph-value .graph-score,.lit-hin a.graphs.type-one .value,.lit-hin a.graphs.type-three .graph-value,.lit-hin a.graphs.type-two .value .number,.lit-hin a.headline,.lit-hin a.name,.lit-hin a.page:after,.lit-hin a.section-title,.lit-hin b.graph-entry .value .number,.lit-hin b.graphs.type-four .graph-value .graph-score,.lit-hin b.graphs.type-one .value,.lit-hin b.graphs.type-three .graph-value,.lit-hin b.graphs.type-two .value .number,.lit-hin b.headline,.lit-hin b.name,.lit-hin b.page:after,.lit-hin b.section-title,.lit-hin del.graph-entry .value .number,.lit-hin del.graphs.type-four .graph-value .graph-score,.lit-hin del.graphs.type-one .value,.lit-hin del.graphs.type-three .graph-value,.lit-hin del.graphs.type-two .value .number,.lit-hin del.headline,.lit-hin del.name,.lit-hin del.page:after,.lit-hin del.section-title,.lit-hin div.graph-entry .value .number,.lit-hin div.graphs.type-four .graph-value .graph-score,.lit-hin div.graphs.type-one .value,.lit-hin div.graphs.type-three .graph-value,.lit-hin div.graphs.type-two .value .number,.lit-hin div.headline,.lit-hin div.name,.lit-hin div.page:after,.lit-hin div.section-title,.lit-hin em.graph-entry .value .number,.lit-hin em.graphs.type-four .graph-value .graph-score,.lit-hin em.graphs.type-one .value,.lit-hin em.graphs.type-three .graph-value,.lit-hin em.graphs.type-two .value .number,.lit-hin em.headline,.lit-hin em.name,.lit-hin em.page:after,.lit-hin em.section-title,.lit-hin h1.graph-entry .value .number,.lit-hin h1.graphs.type-four .graph-value .graph-score,.lit-hin h1.graphs.type-one .value,.lit-hin h1.graphs.type-three .graph-value,.lit-hin h1.graphs.type-two .value .number,.lit-hin h1.headline,.lit-hin h1.name,.lit-hin h1.page:after,.lit-hin h1.section-title,.lit-hin h2.graph-entry .value .number,.lit-hin h2.graphs.type-four .graph-value .graph-score,.lit-hin h2.graphs.type-one .value,.lit-hin h2.graphs.type-three .graph-value,.lit-hin h2.graphs.type-two .value .number,.lit-hin h2.headline,.lit-hin h2.name,.lit-hin h2.page:after,.lit-hin h2.section-title,.lit-hin h3.graph-entry .value .number,.lit-hin h3.graphs.type-four .graph-value .graph-score,.lit-hin h3.graphs.type-one .value,.lit-hin h3.graphs.type-three .graph-value,.lit-hin h3.graphs.type-two .value .number,.lit-hin h3.headline,.lit-hin h3.name,.lit-hin h3.page:after,.lit-hin h3.section-title,.lit-hin h4.graph-entry .value .number,.lit-hin h4.graphs.type-four .graph-value .graph-score,.lit-hin h4.graphs.type-one .value,.lit-hin h4.graphs.type-three .graph-value,.lit-hin h4.graphs.type-two .value .number,.lit-hin h4.headline,.lit-hin h4.name,.lit-hin h4.page:after,.lit-hin h4.section-title,.lit-hin h5.graph-entry .value .number,.lit-hin h5.graphs.type-four .graph-value .graph-score,.lit-hin h5.graphs.type-one .value,.lit-hin h5.graphs.type-three .graph-value,.lit-hin h5.graphs.type-two .value .number,.lit-hin h5.headline,.lit-hin h5.name,.lit-hin h5.page:after,.lit-hin h5.section-title,.lit-hin h6.graph-entry .value .number,.lit-hin h6.graphs.type-four .graph-value .graph-score,.lit-hin h6.graphs.type-one .value,.lit-hin h6.graphs.type-three .graph-value,.lit-hin h6.graphs.type-two .value .number,.lit-hin h6.headline,.lit-hin h6.name,.lit-hin h6.page:after,.lit-hin h6.section-title,.lit-hin i.graph-entry .value .number,.lit-hin i.graphs.type-four .graph-value .graph-score,.lit-hin i.graphs.type-one .value,.lit-hin i.graphs.type-three .graph-value,.lit-hin i.graphs.type-two .value .number,.lit-hin i.headline,.lit-hin i.name,.lit-hin i.page:after,.lit-hin i.section-title,.lit-hin ins.graph-entry .value .number,.lit-hin ins.graphs.type-four .graph-value .graph-score,.lit-hin ins.graphs.type-one .value,.lit-hin ins.graphs.type-three .graph-value,.lit-hin ins.graphs.type-two .value .number,.lit-hin ins.headline,.lit-hin ins.name,.lit-hin ins.page:after,.lit-hin ins.section-title,.lit-hin li.graph-entry .value .number,.lit-hin li.graphs.type-four .graph-value .graph-score,.lit-hin li.graphs.type-one .value,.lit-hin li.graphs.type-three .graph-value,.lit-hin li.graphs.type-two .value .number,.lit-hin li.headline,.lit-hin li.name,.lit-hin li.page:after,.lit-hin li.section-title,.lit-hin mark.graph-entry .value .number,.lit-hin mark.graphs.type-four .graph-value .graph-score,.lit-hin mark.graphs.type-one .value,.lit-hin mark.graphs.type-three .graph-value,.lit-hin mark.graphs.type-two .value .number,.lit-hin mark.headline,.lit-hin mark.name,.lit-hin mark.page:after,.lit-hin mark.section-title,.lit-hin ol.graph-entry .value .number,.lit-hin ol.graphs.type-four .graph-value .graph-score,.lit-hin ol.graphs.type-one .value,.lit-hin ol.graphs.type-three .graph-value,.lit-hin ol.graphs.type-two .value .number,.lit-hin ol.headline,.lit-hin ol.name,.lit-hin ol.page:after,.lit-hin ol.section-title,.lit-hin p.graph-entry .value .number,.lit-hin p.graphs.type-four .graph-value .graph-score,.lit-hin p.graphs.type-one .value,.lit-hin p.graphs.type-three .graph-value,.lit-hin p.graphs.type-two .value .number,.lit-hin p.headline,.lit-hin p.name,.lit-hin p.page:after,.lit-hin p.section-title,.lit-hin s.graph-entry .value .number,.lit-hin s.graphs.type-four .graph-value .graph-score,.lit-hin s.graphs.type-one .value,.lit-hin s.graphs.type-three .graph-value,.lit-hin s.graphs.type-two .value .number,.lit-hin s.headline,.lit-hin s.name,.lit-hin s.page:after,.lit-hin s.section-title,.lit-hin small.graph-entry .value .number,.lit-hin small.graphs.type-four .graph-value .graph-score,.lit-hin small.graphs.type-one .value,.lit-hin small.graphs.type-three .graph-value,.lit-hin small.graphs.type-two .value .number,.lit-hin small.headline,.lit-hin small.name,.lit-hin small.page:after,.lit-hin small.section-title,.lit-hin span.graph-entry .value .number,.lit-hin span.graphs.type-four .graph-value .graph-score,.lit-hin span.graphs.type-one .value,.lit-hin span.graphs.type-three .graph-value,.lit-hin span.graphs.type-two .value .number,.lit-hin span.headline,.lit-hin span.name,.lit-hin span.page:after,.lit-hin span.section-title,.lit-hin strong.graph-entry .value .number,.lit-hin strong.graphs.type-four .graph-value .graph-score,.lit-hin strong.graphs.type-one .value,.lit-hin strong.graphs.type-three .graph-value,.lit-hin strong.graphs.type-two .value .number,.lit-hin strong.headline,.lit-hin strong.name,.lit-hin strong.page:after,.lit-hin strong.section-title,.lit-hin sub.graph-entry .value .number,.lit-hin sub.graphs.type-four .graph-value .graph-score,.lit-hin sub.graphs.type-one .value,.lit-hin sub.graphs.type-three .graph-value,.lit-hin sub.graphs.type-two .value .number,.lit-hin sub.headline,.lit-hin sub.name,.lit-hin sub.page:after,.lit-hin sub.section-title,.lit-hin sup.graph-entry .value .number,.lit-hin sup.graphs.type-four .graph-value .graph-score,.lit-hin sup.graphs.type-one .value,.lit-hin sup.graphs.type-three .graph-value,.lit-hin sup.graphs.type-two .value .number,.lit-hin sup.headline,.lit-hin sup.name,.lit-hin sup.page:after,.lit-hin sup.section-title,.lit-hin td.graph-entry .value .number,.lit-hin td.graphs.type-four .graph-value .graph-score,.lit-hin td.graphs.type-one .value,.lit-hin td.graphs.type-three .graph-value,.lit-hin td.graphs.type-two .value .number,.lit-hin td.headline,.lit-hin td.name,.lit-hin td.page:after,.lit-hin td.section-title,.lit-hin u.graph-entry .value .number,.lit-hin u.graphs.type-four .graph-value .graph-score,.lit-hin u.graphs.type-one .value,.lit-hin u.graphs.type-three .graph-value,.lit-hin u.graphs.type-two .value .number,.lit-hin u.headline,.lit-hin u.name,.lit-hin u.page:after,.lit-hin u.section-title,.lit-hin ul.graph-entry .value .number,.lit-hin ul.graphs.type-four .graph-value .graph-score,.lit-hin ul.graphs.type-one .value,.lit-hin ul.graphs.type-three .graph-value,.lit-hin ul.graphs.type-two .value .number,.lit-hin ul.headline,.lit-hin ul.name,.lit-hin ul.page:after,.lit-hin ul.section-title {
  font-family: Literata,serif
}

.lit-hin .page:after {
  font-family: Hind,sans-serif
}

.lit-hin .page:after.graph-entry .value .number,.lit-hin .page:after.graphs.type-four .graph-value .graph-score,.lit-hin .page:after.graphs.type-one .value,.lit-hin .page:after.graphs.type-three .graph-value,.lit-hin .page:after.graphs.type-two .value .number,.lit-hin .page:after.headline,.lit-hin .page:after.name,.lit-hin .page:after.page:after,.lit-hin .page:after.section-title {
  font-family: Literata,serif
}

.lit-hin .signature {
  font-family: Caveat,cursive!important
}

.lit-hin .cover-section .name,.lit-hin .general-section .name {
  font-weight: 400
}

.lit-hin .general-info .key,.lit-hin .general-section .key {
  font-weight: 700
}

.lit-hin .headline,.lit-hin .page:after,.lit-hin .section-title,.lit-hin.web-bubbles .menu .menu-header .name,.lit-hin.web-modern .topbar .topbar-name,.lit-hin:not(.web-page) .experience-section .date {
  font-weight: 400
}

.lit-hin:not(.web-page) .experience-section .company-name,.lit-hin:not(.web-page) .experience-section .position,.lit-hin:not(.web-page) .experience-section .publication-name,.lit-hin:not(.web-page) .experience-section .publisher {
  font-weight: 700
}

.lit-hin.web-page .experience-section .date,.lit-hin.web-page .publication-section .date {
  font-weight: 400
}

.lit-hin .graphs.type-one .value,.lit-hin .skill-section .category-name,.lit-hin .skill-section .skill-category-name,.lit-hin .skill-section .skill-description,.lit-hin.web-page .experience-section .position,.lit-hin.web-page .experience-section .publication-name,.lit-hin.web-page .publication-section .position,.lit-hin.web-page .publication-section .publication-name {
  font-weight: 700
}

.lit-hin .graphs.type-one .pie-percentage {
  font-weight: 400
}

.lit-hin.web-glider .graph-entry .value .number,.lit-hin.web-modern .graph-entry .value .number {
  font-weight: 700
}

.lit-hin .graphs.type-four .graph-value .graph-score,.lit-hin .graphs.type-three .graph-value,.lit-hin .graphs.type-two .value .circle-percentage,.lit-hin .graphs.type-two .value .number,.lit-hin.web-glider .graph-entry .value .circle-percentage,.lit-hin.web-modern .graph-entry .value .circle-percentage,.lit-hin.web-sidebar .graph-entry .value .circle-percentage,.lit-hin.web-sidebar .graph-entry .value .number {
  font-weight: 400
}

.lit-hin .keyword .prefix {
  font-weight: 700
}

.lit-hin .rich-text .date {
  font-weight: 400
}

.lit-hin.web-page .more-btn {
  font-weight: 700
}

.int-int .page:after,.int-int a,.int-int b,.int-int del,.int-int div,.int-int em,.int-int h1,.int-int h2,.int-int h3,.int-int h4,.int-int h5,.int-int h6,.int-int i,.int-int ins,.int-int li,.int-int mark,.int-int ol,.int-int p,.int-int s,.int-int small,.int-int span,.int-int strong,.int-int sub,.int-int sup,.int-int td,.int-int u,.int-int ul {
  font-family: Inter,sans-serif
}

.int-int .signature {
  font-family: Caveat,cursive!important
}

.int-int .cover-section .name,.int-int .general-info .key,.int-int .general-section .key,.int-int .general-section .name,.int-int .headline,.int-int .section-title,.int-int.web-bubbles .menu .menu-header .name,.int-int.web-modern .topbar .topbar-name {
  font-weight: 700
}

.int-int .page:after,.int-int:not(.web-page) .experience-section .date {
  font-weight: 400
}

.int-int:not(.web-page) .experience-section .company-name,.int-int:not(.web-page) .experience-section .position,.int-int:not(.web-page) .experience-section .publication-name,.int-int:not(.web-page) .experience-section .publisher {
  font-weight: 700
}

.int-int.web-page .experience-section .date,.int-int.web-page .publication-section .date {
  font-weight: 400
}

.int-int .graphs.type-one .value,.int-int .skill-section .category-name,.int-int .skill-section .skill-category-name,.int-int .skill-section .skill-description,.int-int.web-page .experience-section .position,.int-int.web-page .experience-section .publication-name,.int-int.web-page .publication-section .position,.int-int.web-page .publication-section .publication-name {
  font-weight: 700
}

.int-int .graphs.type-one .pie-percentage {
  font-weight: 400
}

.int-int.web-glider .graph-entry .value .number,.int-int.web-modern .graph-entry .value .number {
  font-weight: 700
}

.int-int .graphs.type-four .graph-value .graph-score,.int-int .graphs.type-three .graph-value,.int-int .graphs.type-two .value .circle-percentage,.int-int .graphs.type-two .value .number,.int-int .keyword .prefix,.int-int.web-glider .graph-entry .value .circle-percentage,.int-int.web-modern .graph-entry .value .circle-percentage,.int-int.web-sidebar .graph-entry .value .circle-percentage,.int-int.web-sidebar .graph-entry .value .number {
  font-weight: 400
}

.int-int .rich-text .date,.int-int.web-page .more-btn {
  font-weight: 700
}

.sai-sai .page:after,.sai-sai a,.sai-sai b,.sai-sai del,.sai-sai div,.sai-sai em,.sai-sai h1,.sai-sai h2,.sai-sai h3,.sai-sai h4,.sai-sai h5,.sai-sai h6,.sai-sai i,.sai-sai ins,.sai-sai li,.sai-sai mark,.sai-sai ol,.sai-sai p,.sai-sai s,.sai-sai small,.sai-sai span,.sai-sai strong,.sai-sai sub,.sai-sai sup,.sai-sai td,.sai-sai u,.sai-sai ul {
  font-family: Saira,sans-serif
}

.sai-sai .signature {
  font-family: Caveat,cursive!important
}

.sai-sai .cover-section .name,.sai-sai .general-info .key,.sai-sai .general-section .key,.sai-sai .general-section .name,.sai-sai .headline,.sai-sai .section-title,.sai-sai.web-bubbles .menu .menu-header .name,.sai-sai.web-modern .topbar .topbar-name {
  font-weight: 700
}

.sai-sai .page:after,.sai-sai:not(.web-page) .experience-section .date {
  font-weight: 400
}

.sai-sai:not(.web-page) .experience-section .company-name,.sai-sai:not(.web-page) .experience-section .position,.sai-sai:not(.web-page) .experience-section .publication-name,.sai-sai:not(.web-page) .experience-section .publisher {
  font-weight: 700
}

.sai-sai.web-page .experience-section .date,.sai-sai.web-page .publication-section .date {
  font-weight: 400
}

.sai-sai .skill-section .category-name,.sai-sai .skill-section .skill-category-name,.sai-sai .skill-section .skill-description,.sai-sai.web-page .experience-section .position,.sai-sai.web-page .experience-section .publication-name,.sai-sai.web-page .publication-section .position,.sai-sai.web-page .publication-section .publication-name {
  font-weight: 700
}

.sai-sai .graphs.type-four .graph-value .graph-score,.sai-sai .graphs.type-one .pie-percentage,.sai-sai .graphs.type-one .value,.sai-sai .graphs.type-three .graph-value,.sai-sai .graphs.type-two .value .circle-percentage,.sai-sai .graphs.type-two .value .number,.sai-sai .keyword .prefix,.sai-sai.web-glider .graph-entry .value .circle-percentage,.sai-sai.web-glider .graph-entry .value .number,.sai-sai.web-modern .graph-entry .value .circle-percentage,.sai-sai.web-modern .graph-entry .value .number,.sai-sai.web-sidebar .graph-entry .value .circle-percentage,.sai-sai.web-sidebar .graph-entry .value .number {
  font-weight: 400
}

.sai-sai .rich-text .date,.sai-sai.web-page .more-btn {
  font-weight: 700
}

.nun-nun .page:after,.nun-nun a,.nun-nun b,.nun-nun del,.nun-nun div,.nun-nun em,.nun-nun h1,.nun-nun h2,.nun-nun h3,.nun-nun h4,.nun-nun h5,.nun-nun h6,.nun-nun i,.nun-nun ins,.nun-nun li,.nun-nun mark,.nun-nun ol,.nun-nun p,.nun-nun s,.nun-nun small,.nun-nun span,.nun-nun strong,.nun-nun sub,.nun-nun sup,.nun-nun td,.nun-nun u,.nun-nun ul {
  font-family: Nunito,sans-serif
}

.nun-nun .signature {
  font-family: Caveat,cursive!important
}

.nun-nun .cover-section .name,.nun-nun .general-info .key,.nun-nun .general-section .key,.nun-nun .general-section .name,.nun-nun .headline,.nun-nun .page:after,.nun-nun .section-title,.nun-nun.web-bubbles .menu .menu-header .name,.nun-nun.web-modern .topbar .topbar-name {
  font-weight: 700
}

.nun-nun:not(.web-page) .experience-section .date {
  font-weight: 400
}

.nun-nun:not(.web-page) .experience-section .company-name,.nun-nun:not(.web-page) .experience-section .position,.nun-nun:not(.web-page) .experience-section .publication-name,.nun-nun:not(.web-page) .experience-section .publisher {
  font-weight: 700
}

.nun-nun.web-page .experience-section .date,.nun-nun.web-page .publication-section .date {
  font-weight: 400
}

.nun-nun .graphs.type-one .value,.nun-nun .skill-section .category-name,.nun-nun .skill-section .skill-category-name,.nun-nun .skill-section .skill-description,.nun-nun.web-page .experience-section .position,.nun-nun.web-page .experience-section .publication-name,.nun-nun.web-page .publication-section .position,.nun-nun.web-page .publication-section .publication-name {
  font-weight: 700
}

.nun-nun .graphs.type-one .pie-percentage {
  font-weight: 400
}

.nun-nun.web-glider .graph-entry .value .number,.nun-nun.web-modern .graph-entry .value .number {
  font-weight: 700
}

.nun-nun .graphs.type-two .value .number,.nun-nun.web-glider .graph-entry .value .circle-percentage,.nun-nun.web-modern .graph-entry .value .circle-percentage,.nun-nun.web-sidebar .graph-entry .value .number {
  font-weight: 400
}

.nun-nun .graphs.type-two .value .circle-percentage,.nun-nun.web-sidebar .graph-entry .value .circle-percentage {
  font-weight: 700
}

.nun-nun .graphs.type-four .graph-value .graph-score,.nun-nun .graphs.type-three .graph-value,.nun-nun .keyword .prefix {
  font-weight: 400
}

.nun-nun .rich-text .date,.nun-nun.web-page .more-btn {
  font-weight: 700
}

.isn-isr a,.isn-isr b,.isn-isr del,.isn-isr div,.isn-isr em,.isn-isr h1,.isn-isr h2,.isn-isr h3,.isn-isr h4,.isn-isr h5,.isn-isr h6,.isn-isr i,.isn-isr ins,.isn-isr li,.isn-isr mark,.isn-isr ol,.isn-isr p,.isn-isr s,.isn-isr small,.isn-isr span,.isn-isr strong,.isn-isr sub,.isn-isr sup,.isn-isr td,.isn-isr u,.isn-isr ul {
  font-family: "IBM Plex Serif",serif
}

.isn-isr a.graph-entry .value .number,.isn-isr a.graphs.type-four .graph-value .graph-score,.isn-isr a.graphs.type-one .value,.isn-isr a.graphs.type-three .graph-value,.isn-isr a.graphs.type-two .value .number,.isn-isr a.headline,.isn-isr a.name,.isn-isr a.page:after,.isn-isr a.section-title,.isn-isr b.graph-entry .value .number,.isn-isr b.graphs.type-four .graph-value .graph-score,.isn-isr b.graphs.type-one .value,.isn-isr b.graphs.type-three .graph-value,.isn-isr b.graphs.type-two .value .number,.isn-isr b.headline,.isn-isr b.name,.isn-isr b.page:after,.isn-isr b.section-title,.isn-isr del.graph-entry .value .number,.isn-isr del.graphs.type-four .graph-value .graph-score,.isn-isr del.graphs.type-one .value,.isn-isr del.graphs.type-three .graph-value,.isn-isr del.graphs.type-two .value .number,.isn-isr del.headline,.isn-isr del.name,.isn-isr del.page:after,.isn-isr del.section-title,.isn-isr div.graph-entry .value .number,.isn-isr div.graphs.type-four .graph-value .graph-score,.isn-isr div.graphs.type-one .value,.isn-isr div.graphs.type-three .graph-value,.isn-isr div.graphs.type-two .value .number,.isn-isr div.headline,.isn-isr div.name,.isn-isr div.page:after,.isn-isr div.section-title,.isn-isr em.graph-entry .value .number,.isn-isr em.graphs.type-four .graph-value .graph-score,.isn-isr em.graphs.type-one .value,.isn-isr em.graphs.type-three .graph-value,.isn-isr em.graphs.type-two .value .number,.isn-isr em.headline,.isn-isr em.name,.isn-isr em.page:after,.isn-isr em.section-title,.isn-isr h1.graph-entry .value .number,.isn-isr h1.graphs.type-four .graph-value .graph-score,.isn-isr h1.graphs.type-one .value,.isn-isr h1.graphs.type-three .graph-value,.isn-isr h1.graphs.type-two .value .number,.isn-isr h1.headline,.isn-isr h1.name,.isn-isr h1.page:after,.isn-isr h1.section-title,.isn-isr h2.graph-entry .value .number,.isn-isr h2.graphs.type-four .graph-value .graph-score,.isn-isr h2.graphs.type-one .value,.isn-isr h2.graphs.type-three .graph-value,.isn-isr h2.graphs.type-two .value .number,.isn-isr h2.headline,.isn-isr h2.name,.isn-isr h2.page:after,.isn-isr h2.section-title,.isn-isr h3.graph-entry .value .number,.isn-isr h3.graphs.type-four .graph-value .graph-score,.isn-isr h3.graphs.type-one .value,.isn-isr h3.graphs.type-three .graph-value,.isn-isr h3.graphs.type-two .value .number,.isn-isr h3.headline,.isn-isr h3.name,.isn-isr h3.page:after,.isn-isr h3.section-title,.isn-isr h4.graph-entry .value .number,.isn-isr h4.graphs.type-four .graph-value .graph-score,.isn-isr h4.graphs.type-one .value,.isn-isr h4.graphs.type-three .graph-value,.isn-isr h4.graphs.type-two .value .number,.isn-isr h4.headline,.isn-isr h4.name,.isn-isr h4.page:after,.isn-isr h4.section-title,.isn-isr h5.graph-entry .value .number,.isn-isr h5.graphs.type-four .graph-value .graph-score,.isn-isr h5.graphs.type-one .value,.isn-isr h5.graphs.type-three .graph-value,.isn-isr h5.graphs.type-two .value .number,.isn-isr h5.headline,.isn-isr h5.name,.isn-isr h5.page:after,.isn-isr h5.section-title,.isn-isr h6.graph-entry .value .number,.isn-isr h6.graphs.type-four .graph-value .graph-score,.isn-isr h6.graphs.type-one .value,.isn-isr h6.graphs.type-three .graph-value,.isn-isr h6.graphs.type-two .value .number,.isn-isr h6.headline,.isn-isr h6.name,.isn-isr h6.page:after,.isn-isr h6.section-title,.isn-isr i.graph-entry .value .number,.isn-isr i.graphs.type-four .graph-value .graph-score,.isn-isr i.graphs.type-one .value,.isn-isr i.graphs.type-three .graph-value,.isn-isr i.graphs.type-two .value .number,.isn-isr i.headline,.isn-isr i.name,.isn-isr i.page:after,.isn-isr i.section-title,.isn-isr ins.graph-entry .value .number,.isn-isr ins.graphs.type-four .graph-value .graph-score,.isn-isr ins.graphs.type-one .value,.isn-isr ins.graphs.type-three .graph-value,.isn-isr ins.graphs.type-two .value .number,.isn-isr ins.headline,.isn-isr ins.name,.isn-isr ins.page:after,.isn-isr ins.section-title,.isn-isr li.graph-entry .value .number,.isn-isr li.graphs.type-four .graph-value .graph-score,.isn-isr li.graphs.type-one .value,.isn-isr li.graphs.type-three .graph-value,.isn-isr li.graphs.type-two .value .number,.isn-isr li.headline,.isn-isr li.name,.isn-isr li.page:after,.isn-isr li.section-title,.isn-isr mark.graph-entry .value .number,.isn-isr mark.graphs.type-four .graph-value .graph-score,.isn-isr mark.graphs.type-one .value,.isn-isr mark.graphs.type-three .graph-value,.isn-isr mark.graphs.type-two .value .number,.isn-isr mark.headline,.isn-isr mark.name,.isn-isr mark.page:after,.isn-isr mark.section-title,.isn-isr ol.graph-entry .value .number,.isn-isr ol.graphs.type-four .graph-value .graph-score,.isn-isr ol.graphs.type-one .value,.isn-isr ol.graphs.type-three .graph-value,.isn-isr ol.graphs.type-two .value .number,.isn-isr ol.headline,.isn-isr ol.name,.isn-isr ol.page:after,.isn-isr ol.section-title,.isn-isr p.graph-entry .value .number,.isn-isr p.graphs.type-four .graph-value .graph-score,.isn-isr p.graphs.type-one .value,.isn-isr p.graphs.type-three .graph-value,.isn-isr p.graphs.type-two .value .number,.isn-isr p.headline,.isn-isr p.name,.isn-isr p.page:after,.isn-isr p.section-title,.isn-isr s.graph-entry .value .number,.isn-isr s.graphs.type-four .graph-value .graph-score,.isn-isr s.graphs.type-one .value,.isn-isr s.graphs.type-three .graph-value,.isn-isr s.graphs.type-two .value .number,.isn-isr s.headline,.isn-isr s.name,.isn-isr s.page:after,.isn-isr s.section-title,.isn-isr small.graph-entry .value .number,.isn-isr small.graphs.type-four .graph-value .graph-score,.isn-isr small.graphs.type-one .value,.isn-isr small.graphs.type-three .graph-value,.isn-isr small.graphs.type-two .value .number,.isn-isr small.headline,.isn-isr small.name,.isn-isr small.page:after,.isn-isr small.section-title,.isn-isr span.graph-entry .value .number,.isn-isr span.graphs.type-four .graph-value .graph-score,.isn-isr span.graphs.type-one .value,.isn-isr span.graphs.type-three .graph-value,.isn-isr span.graphs.type-two .value .number,.isn-isr span.headline,.isn-isr span.name,.isn-isr span.page:after,.isn-isr span.section-title,.isn-isr strong.graph-entry .value .number,.isn-isr strong.graphs.type-four .graph-value .graph-score,.isn-isr strong.graphs.type-one .value,.isn-isr strong.graphs.type-three .graph-value,.isn-isr strong.graphs.type-two .value .number,.isn-isr strong.headline,.isn-isr strong.name,.isn-isr strong.page:after,.isn-isr strong.section-title,.isn-isr sub.graph-entry .value .number,.isn-isr sub.graphs.type-four .graph-value .graph-score,.isn-isr sub.graphs.type-one .value,.isn-isr sub.graphs.type-three .graph-value,.isn-isr sub.graphs.type-two .value .number,.isn-isr sub.headline,.isn-isr sub.name,.isn-isr sub.page:after,.isn-isr sub.section-title,.isn-isr sup.graph-entry .value .number,.isn-isr sup.graphs.type-four .graph-value .graph-score,.isn-isr sup.graphs.type-one .value,.isn-isr sup.graphs.type-three .graph-value,.isn-isr sup.graphs.type-two .value .number,.isn-isr sup.headline,.isn-isr sup.name,.isn-isr sup.page:after,.isn-isr sup.section-title,.isn-isr td.graph-entry .value .number,.isn-isr td.graphs.type-four .graph-value .graph-score,.isn-isr td.graphs.type-one .value,.isn-isr td.graphs.type-three .graph-value,.isn-isr td.graphs.type-two .value .number,.isn-isr td.headline,.isn-isr td.name,.isn-isr td.page:after,.isn-isr td.section-title,.isn-isr u.graph-entry .value .number,.isn-isr u.graphs.type-four .graph-value .graph-score,.isn-isr u.graphs.type-one .value,.isn-isr u.graphs.type-three .graph-value,.isn-isr u.graphs.type-two .value .number,.isn-isr u.headline,.isn-isr u.name,.isn-isr u.page:after,.isn-isr u.section-title,.isn-isr ul.graph-entry .value .number,.isn-isr ul.graphs.type-four .graph-value .graph-score,.isn-isr ul.graphs.type-one .value,.isn-isr ul.graphs.type-three .graph-value,.isn-isr ul.graphs.type-two .value .number,.isn-isr ul.headline,.isn-isr ul.name,.isn-isr ul.page:after,.isn-isr ul.section-title {
  font-family: IBM Plex Sans,sans-serif
}

.isn-isr .page:after {
  font-family: "IBM Plex Serif",serif
}

.isn-isr .page:after.graph-entry .value .number,.isn-isr .page:after.graphs.type-four .graph-value .graph-score,.isn-isr .page:after.graphs.type-one .value,.isn-isr .page:after.graphs.type-three .graph-value,.isn-isr .page:after.graphs.type-two .value .number,.isn-isr .page:after.headline,.isn-isr .page:after.name,.isn-isr .page:after.page:after,.isn-isr .page:after.section-title {
  font-family: IBM Plex Sans,sans-serif
}

.isn-isr .signature {
  font-family: Caveat,cursive!important
}

.isn-isr .cover-section .name,.isn-isr .general-info .key,.isn-isr .general-section .key,.isn-isr .general-section .name,.isn-isr .headline,.isn-isr .page:after,.isn-isr .section-title,.isn-isr.web-bubbles .menu .menu-header .name,.isn-isr.web-modern .topbar .topbar-name {
  font-weight: 700
}

.isn-isr:not(.web-page) .experience-section .date {
  font-weight: 400
}

.isn-isr:not(.web-page) .experience-section .company-name,.isn-isr:not(.web-page) .experience-section .position,.isn-isr:not(.web-page) .experience-section .publication-name,.isn-isr:not(.web-page) .experience-section .publisher {
  font-weight: 700
}

.isn-isr.web-page .experience-section .date,.isn-isr.web-page .publication-section .date {
  font-weight: 400
}

.isn-isr .graphs.type-one .value,.isn-isr .skill-section .category-name,.isn-isr .skill-section .skill-category-name,.isn-isr .skill-section .skill-description,.isn-isr.web-page .experience-section .position,.isn-isr.web-page .experience-section .publication-name,.isn-isr.web-page .publication-section .position,.isn-isr.web-page .publication-section .publication-name {
  font-weight: 700
}

.isn-isr .graphs.type-one .pie-percentage {
  font-weight: 400
}

.isn-isr.web-glider .graph-entry .value .number,.isn-isr.web-modern .graph-entry .value .number {
  font-weight: 700
}

.isn-isr .graphs.type-four .graph-value .graph-score,.isn-isr .graphs.type-three .graph-value,.isn-isr .graphs.type-two .value .circle-percentage,.isn-isr .graphs.type-two .value .number,.isn-isr .keyword .prefix,.isn-isr.web-glider .graph-entry .value .circle-percentage,.isn-isr.web-modern .graph-entry .value .circle-percentage,.isn-isr.web-sidebar .graph-entry .value .circle-percentage,.isn-isr.web-sidebar .graph-entry .value .number {
  font-weight: 400
}

.isn-isr .rich-text .date,.isn-isr.web-page .more-btn {
  font-weight: 700
}

.sou-rob a,.sou-rob b,.sou-rob del,.sou-rob div,.sou-rob em,.sou-rob h1,.sou-rob h2,.sou-rob h3,.sou-rob h4,.sou-rob h5,.sou-rob h6,.sou-rob i,.sou-rob ins,.sou-rob li,.sou-rob mark,.sou-rob ol,.sou-rob p,.sou-rob s,.sou-rob small,.sou-rob span,.sou-rob strong,.sou-rob sub,.sou-rob sup,.sou-rob td,.sou-rob u,.sou-rob ul {
  font-family: Roboto,sans-serif
}

.sou-rob a.graph-entry .value .number,.sou-rob a.graphs.type-four .graph-value .graph-score,.sou-rob a.graphs.type-one .value,.sou-rob a.graphs.type-three .graph-value,.sou-rob a.graphs.type-two .value .number,.sou-rob a.headline,.sou-rob a.name,.sou-rob a.page:after,.sou-rob a.section-title,.sou-rob b.graph-entry .value .number,.sou-rob b.graphs.type-four .graph-value .graph-score,.sou-rob b.graphs.type-one .value,.sou-rob b.graphs.type-three .graph-value,.sou-rob b.graphs.type-two .value .number,.sou-rob b.headline,.sou-rob b.name,.sou-rob b.page:after,.sou-rob b.section-title,.sou-rob del.graph-entry .value .number,.sou-rob del.graphs.type-four .graph-value .graph-score,.sou-rob del.graphs.type-one .value,.sou-rob del.graphs.type-three .graph-value,.sou-rob del.graphs.type-two .value .number,.sou-rob del.headline,.sou-rob del.name,.sou-rob del.page:after,.sou-rob del.section-title,.sou-rob div.graph-entry .value .number,.sou-rob div.graphs.type-four .graph-value .graph-score,.sou-rob div.graphs.type-one .value,.sou-rob div.graphs.type-three .graph-value,.sou-rob div.graphs.type-two .value .number,.sou-rob div.headline,.sou-rob div.name,.sou-rob div.page:after,.sou-rob div.section-title,.sou-rob em.graph-entry .value .number,.sou-rob em.graphs.type-four .graph-value .graph-score,.sou-rob em.graphs.type-one .value,.sou-rob em.graphs.type-three .graph-value,.sou-rob em.graphs.type-two .value .number,.sou-rob em.headline,.sou-rob em.name,.sou-rob em.page:after,.sou-rob em.section-title,.sou-rob h1.graph-entry .value .number,.sou-rob h1.graphs.type-four .graph-value .graph-score,.sou-rob h1.graphs.type-one .value,.sou-rob h1.graphs.type-three .graph-value,.sou-rob h1.graphs.type-two .value .number,.sou-rob h1.headline,.sou-rob h1.name,.sou-rob h1.page:after,.sou-rob h1.section-title,.sou-rob h2.graph-entry .value .number,.sou-rob h2.graphs.type-four .graph-value .graph-score,.sou-rob h2.graphs.type-one .value,.sou-rob h2.graphs.type-three .graph-value,.sou-rob h2.graphs.type-two .value .number,.sou-rob h2.headline,.sou-rob h2.name,.sou-rob h2.page:after,.sou-rob h2.section-title,.sou-rob h3.graph-entry .value .number,.sou-rob h3.graphs.type-four .graph-value .graph-score,.sou-rob h3.graphs.type-one .value,.sou-rob h3.graphs.type-three .graph-value,.sou-rob h3.graphs.type-two .value .number,.sou-rob h3.headline,.sou-rob h3.name,.sou-rob h3.page:after,.sou-rob h3.section-title,.sou-rob h4.graph-entry .value .number,.sou-rob h4.graphs.type-four .graph-value .graph-score,.sou-rob h4.graphs.type-one .value,.sou-rob h4.graphs.type-three .graph-value,.sou-rob h4.graphs.type-two .value .number,.sou-rob h4.headline,.sou-rob h4.name,.sou-rob h4.page:after,.sou-rob h4.section-title,.sou-rob h5.graph-entry .value .number,.sou-rob h5.graphs.type-four .graph-value .graph-score,.sou-rob h5.graphs.type-one .value,.sou-rob h5.graphs.type-three .graph-value,.sou-rob h5.graphs.type-two .value .number,.sou-rob h5.headline,.sou-rob h5.name,.sou-rob h5.page:after,.sou-rob h5.section-title,.sou-rob h6.graph-entry .value .number,.sou-rob h6.graphs.type-four .graph-value .graph-score,.sou-rob h6.graphs.type-one .value,.sou-rob h6.graphs.type-three .graph-value,.sou-rob h6.graphs.type-two .value .number,.sou-rob h6.headline,.sou-rob h6.name,.sou-rob h6.page:after,.sou-rob h6.section-title,.sou-rob i.graph-entry .value .number,.sou-rob i.graphs.type-four .graph-value .graph-score,.sou-rob i.graphs.type-one .value,.sou-rob i.graphs.type-three .graph-value,.sou-rob i.graphs.type-two .value .number,.sou-rob i.headline,.sou-rob i.name,.sou-rob i.page:after,.sou-rob i.section-title,.sou-rob ins.graph-entry .value .number,.sou-rob ins.graphs.type-four .graph-value .graph-score,.sou-rob ins.graphs.type-one .value,.sou-rob ins.graphs.type-three .graph-value,.sou-rob ins.graphs.type-two .value .number,.sou-rob ins.headline,.sou-rob ins.name,.sou-rob ins.page:after,.sou-rob ins.section-title,.sou-rob li.graph-entry .value .number,.sou-rob li.graphs.type-four .graph-value .graph-score,.sou-rob li.graphs.type-one .value,.sou-rob li.graphs.type-three .graph-value,.sou-rob li.graphs.type-two .value .number,.sou-rob li.headline,.sou-rob li.name,.sou-rob li.page:after,.sou-rob li.section-title,.sou-rob mark.graph-entry .value .number,.sou-rob mark.graphs.type-four .graph-value .graph-score,.sou-rob mark.graphs.type-one .value,.sou-rob mark.graphs.type-three .graph-value,.sou-rob mark.graphs.type-two .value .number,.sou-rob mark.headline,.sou-rob mark.name,.sou-rob mark.page:after,.sou-rob mark.section-title,.sou-rob ol.graph-entry .value .number,.sou-rob ol.graphs.type-four .graph-value .graph-score,.sou-rob ol.graphs.type-one .value,.sou-rob ol.graphs.type-three .graph-value,.sou-rob ol.graphs.type-two .value .number,.sou-rob ol.headline,.sou-rob ol.name,.sou-rob ol.page:after,.sou-rob ol.section-title,.sou-rob p.graph-entry .value .number,.sou-rob p.graphs.type-four .graph-value .graph-score,.sou-rob p.graphs.type-one .value,.sou-rob p.graphs.type-three .graph-value,.sou-rob p.graphs.type-two .value .number,.sou-rob p.headline,.sou-rob p.name,.sou-rob p.page:after,.sou-rob p.section-title,.sou-rob s.graph-entry .value .number,.sou-rob s.graphs.type-four .graph-value .graph-score,.sou-rob s.graphs.type-one .value,.sou-rob s.graphs.type-three .graph-value,.sou-rob s.graphs.type-two .value .number,.sou-rob s.headline,.sou-rob s.name,.sou-rob s.page:after,.sou-rob s.section-title,.sou-rob small.graph-entry .value .number,.sou-rob small.graphs.type-four .graph-value .graph-score,.sou-rob small.graphs.type-one .value,.sou-rob small.graphs.type-three .graph-value,.sou-rob small.graphs.type-two .value .number,.sou-rob small.headline,.sou-rob small.name,.sou-rob small.page:after,.sou-rob small.section-title,.sou-rob span.graph-entry .value .number,.sou-rob span.graphs.type-four .graph-value .graph-score,.sou-rob span.graphs.type-one .value,.sou-rob span.graphs.type-three .graph-value,.sou-rob span.graphs.type-two .value .number,.sou-rob span.headline,.sou-rob span.name,.sou-rob span.page:after,.sou-rob span.section-title,.sou-rob strong.graph-entry .value .number,.sou-rob strong.graphs.type-four .graph-value .graph-score,.sou-rob strong.graphs.type-one .value,.sou-rob strong.graphs.type-three .graph-value,.sou-rob strong.graphs.type-two .value .number,.sou-rob strong.headline,.sou-rob strong.name,.sou-rob strong.page:after,.sou-rob strong.section-title,.sou-rob sub.graph-entry .value .number,.sou-rob sub.graphs.type-four .graph-value .graph-score,.sou-rob sub.graphs.type-one .value,.sou-rob sub.graphs.type-three .graph-value,.sou-rob sub.graphs.type-two .value .number,.sou-rob sub.headline,.sou-rob sub.name,.sou-rob sub.page:after,.sou-rob sub.section-title,.sou-rob sup.graph-entry .value .number,.sou-rob sup.graphs.type-four .graph-value .graph-score,.sou-rob sup.graphs.type-one .value,.sou-rob sup.graphs.type-three .graph-value,.sou-rob sup.graphs.type-two .value .number,.sou-rob sup.headline,.sou-rob sup.name,.sou-rob sup.page:after,.sou-rob sup.section-title,.sou-rob td.graph-entry .value .number,.sou-rob td.graphs.type-four .graph-value .graph-score,.sou-rob td.graphs.type-one .value,.sou-rob td.graphs.type-three .graph-value,.sou-rob td.graphs.type-two .value .number,.sou-rob td.headline,.sou-rob td.name,.sou-rob td.page:after,.sou-rob td.section-title,.sou-rob u.graph-entry .value .number,.sou-rob u.graphs.type-four .graph-value .graph-score,.sou-rob u.graphs.type-one .value,.sou-rob u.graphs.type-three .graph-value,.sou-rob u.graphs.type-two .value .number,.sou-rob u.headline,.sou-rob u.name,.sou-rob u.page:after,.sou-rob u.section-title,.sou-rob ul.graph-entry .value .number,.sou-rob ul.graphs.type-four .graph-value .graph-score,.sou-rob ul.graphs.type-one .value,.sou-rob ul.graphs.type-three .graph-value,.sou-rob ul.graphs.type-two .value .number,.sou-rob ul.headline,.sou-rob ul.name,.sou-rob ul.page:after,.sou-rob ul.section-title {
  font-family: "Source Serif Pro",serif
}

.sou-rob .page:after {
  font-family: Roboto,sans-serif
}

.sou-rob .page:after.graph-entry .value .number,.sou-rob .page:after.graphs.type-four .graph-value .graph-score,.sou-rob .page:after.graphs.type-one .value,.sou-rob .page:after.graphs.type-three .graph-value,.sou-rob .page:after.graphs.type-two .value .number,.sou-rob .page:after.headline,.sou-rob .page:after.name,.sou-rob .page:after.page:after,.sou-rob .page:after.section-title {
  font-family: "Source Serif Pro",serif
}

.sou-rob .signature {
  font-family: Caveat,cursive!important
}

.sou-rob .cover-section .name,.sou-rob .general-section .name {
  font-weight: 400
}

.sou-rob .general-info .key,.sou-rob .general-section .key {
  font-weight: 700
}

.sou-rob .headline,.sou-rob .page:after,.sou-rob .section-title,.sou-rob.web-bubbles .menu .menu-header .name,.sou-rob.web-modern .topbar .topbar-name,.sou-rob:not(.web-page) .experience-section .date {
  font-weight: 400
}

.sou-rob:not(.web-page) .experience-section .company-name,.sou-rob:not(.web-page) .experience-section .position,.sou-rob:not(.web-page) .experience-section .publication-name,.sou-rob:not(.web-page) .experience-section .publisher {
  font-weight: 700
}

.sou-rob.web-page .experience-section .date,.sou-rob.web-page .publication-section .date {
  font-weight: 400
}

.sou-rob .graphs.type-one .value,.sou-rob .skill-section .category-name,.sou-rob .skill-section .skill-category-name,.sou-rob .skill-section .skill-description,.sou-rob.web-page .experience-section .position,.sou-rob.web-page .experience-section .publication-name,.sou-rob.web-page .publication-section .position,.sou-rob.web-page .publication-section .publication-name {
  font-weight: 700
}

.sou-rob .graphs.type-one .pie-percentage {
  font-weight: 400
}

.sou-rob.web-glider .graph-entry .value .number,.sou-rob.web-modern .graph-entry .value .number {
  font-weight: 700
}

.sou-rob .graphs.type-four .graph-value .graph-score,.sou-rob .graphs.type-three .graph-value,.sou-rob .graphs.type-two .value .circle-percentage,.sou-rob .graphs.type-two .value .number,.sou-rob .keyword .prefix,.sou-rob.web-glider .graph-entry .value .circle-percentage,.sou-rob.web-modern .graph-entry .value .circle-percentage,.sou-rob.web-sidebar .graph-entry .value .circle-percentage,.sou-rob.web-sidebar .graph-entry .value .number {
  font-weight: 400
}

.sou-rob .rich-text .date,.sou-rob.web-page .more-btn {
  font-weight: 700
}

.sou-rob-bld a,.sou-rob-bld b,.sou-rob-bld del,.sou-rob-bld div,.sou-rob-bld em,.sou-rob-bld h1,.sou-rob-bld h2,.sou-rob-bld h3,.sou-rob-bld h4,.sou-rob-bld h5,.sou-rob-bld h6,.sou-rob-bld i,.sou-rob-bld ins,.sou-rob-bld li,.sou-rob-bld mark,.sou-rob-bld ol,.sou-rob-bld p,.sou-rob-bld s,.sou-rob-bld small,.sou-rob-bld span,.sou-rob-bld strong,.sou-rob-bld sub,.sou-rob-bld sup,.sou-rob-bld td,.sou-rob-bld u,.sou-rob-bld ul {
  font-family: Roboto,sans-serif
}

.sou-rob-bld a.headline,.sou-rob-bld a.name,.sou-rob-bld a.page:after,.sou-rob-bld a.section-title,.sou-rob-bld b.headline,.sou-rob-bld b.name,.sou-rob-bld b.page:after,.sou-rob-bld b.section-title,.sou-rob-bld del.headline,.sou-rob-bld del.name,.sou-rob-bld del.page:after,.sou-rob-bld del.section-title,.sou-rob-bld div.headline,.sou-rob-bld div.name,.sou-rob-bld div.page:after,.sou-rob-bld div.section-title,.sou-rob-bld em.headline,.sou-rob-bld em.name,.sou-rob-bld em.page:after,.sou-rob-bld em.section-title,.sou-rob-bld h1.headline,.sou-rob-bld h1.name,.sou-rob-bld h1.page:after,.sou-rob-bld h1.section-title,.sou-rob-bld h2.headline,.sou-rob-bld h2.name,.sou-rob-bld h2.page:after,.sou-rob-bld h2.section-title,.sou-rob-bld h3.headline,.sou-rob-bld h3.name,.sou-rob-bld h3.page:after,.sou-rob-bld h3.section-title,.sou-rob-bld h4.headline,.sou-rob-bld h4.name,.sou-rob-bld h4.page:after,.sou-rob-bld h4.section-title,.sou-rob-bld h5.headline,.sou-rob-bld h5.name,.sou-rob-bld h5.page:after,.sou-rob-bld h5.section-title,.sou-rob-bld h6.headline,.sou-rob-bld h6.name,.sou-rob-bld h6.page:after,.sou-rob-bld h6.section-title,.sou-rob-bld i.headline,.sou-rob-bld i.name,.sou-rob-bld i.page:after,.sou-rob-bld i.section-title,.sou-rob-bld ins.headline,.sou-rob-bld ins.name,.sou-rob-bld ins.page:after,.sou-rob-bld ins.section-title,.sou-rob-bld li.headline,.sou-rob-bld li.name,.sou-rob-bld li.page:after,.sou-rob-bld li.section-title,.sou-rob-bld mark.headline,.sou-rob-bld mark.name,.sou-rob-bld mark.page:after,.sou-rob-bld mark.section-title,.sou-rob-bld ol.headline,.sou-rob-bld ol.name,.sou-rob-bld ol.page:after,.sou-rob-bld ol.section-title,.sou-rob-bld p.headline,.sou-rob-bld p.name,.sou-rob-bld p.page:after,.sou-rob-bld p.section-title,.sou-rob-bld s.headline,.sou-rob-bld s.name,.sou-rob-bld s.page:after,.sou-rob-bld s.section-title,.sou-rob-bld small.headline,.sou-rob-bld small.name,.sou-rob-bld small.page:after,.sou-rob-bld small.section-title,.sou-rob-bld span.headline,.sou-rob-bld span.name,.sou-rob-bld span.page:after,.sou-rob-bld span.section-title,.sou-rob-bld strong.headline,.sou-rob-bld strong.name,.sou-rob-bld strong.page:after,.sou-rob-bld strong.section-title,.sou-rob-bld sub.headline,.sou-rob-bld sub.name,.sou-rob-bld sub.page:after,.sou-rob-bld sub.section-title,.sou-rob-bld sup.headline,.sou-rob-bld sup.name,.sou-rob-bld sup.page:after,.sou-rob-bld sup.section-title,.sou-rob-bld td.headline,.sou-rob-bld td.name,.sou-rob-bld td.page:after,.sou-rob-bld td.section-title,.sou-rob-bld u.headline,.sou-rob-bld u.name,.sou-rob-bld u.page:after,.sou-rob-bld u.section-title,.sou-rob-bld ul.headline,.sou-rob-bld ul.name,.sou-rob-bld ul.page:after,.sou-rob-bld ul.section-title {
  font-family: "Source Serif Pro",serif
}

.sou-rob-bld .page:after {
  font-family: Roboto,sans-serif
}

.sou-rob-bld .page:after.headline,.sou-rob-bld .page:after.name,.sou-rob-bld .page:after.page:after,.sou-rob-bld .page:after.section-title {
  font-family: "Source Serif Pro",serif
}

.sou-rob-bld .signature {
  font-family: Caveat,cursive!important
}

.sou-rob-bld .cover-section .name,.sou-rob-bld .general-info .key,.sou-rob-bld .general-section .key,.sou-rob-bld .general-section .name,.sou-rob-bld .headline,.sou-rob-bld .page:after,.sou-rob-bld .section-title,.sou-rob-bld.web-bubbles .menu .menu-header .name,.sou-rob-bld.web-modern .topbar .topbar-name {
  font-weight: 700
}

.sou-rob-bld:not(.web-page) .experience-section .date {
  font-weight: 400
}

.sou-rob-bld:not(.web-page) .experience-section .company-name,.sou-rob-bld:not(.web-page) .experience-section .position,.sou-rob-bld:not(.web-page) .experience-section .publication-name,.sou-rob-bld:not(.web-page) .experience-section .publisher {
  font-weight: 700
}

.sou-rob-bld.web-page .experience-section .date,.sou-rob-bld.web-page .publication-section .date {
  font-weight: 400
}

.sou-rob-bld .graphs.type-one .value,.sou-rob-bld .skill-section .category-name,.sou-rob-bld .skill-section .skill-category-name,.sou-rob-bld .skill-section .skill-description,.sou-rob-bld.web-page .experience-section .position,.sou-rob-bld.web-page .experience-section .publication-name,.sou-rob-bld.web-page .publication-section .position,.sou-rob-bld.web-page .publication-section .publication-name {
  font-weight: 700
}

.sou-rob-bld .graphs.type-one .pie-percentage {
  font-weight: 400
}

.sou-rob-bld.web-glider .graph-entry .value .number,.sou-rob-bld.web-modern .graph-entry .value .number {
  font-weight: 700
}

.sou-rob-bld .graphs.type-four .graph-value .graph-score,.sou-rob-bld .graphs.type-three .graph-value,.sou-rob-bld .graphs.type-two .value .circle-percentage,.sou-rob-bld .graphs.type-two .value .number,.sou-rob-bld .keyword .prefix,.sou-rob-bld.web-glider .graph-entry .value .circle-percentage,.sou-rob-bld.web-modern .graph-entry .value .circle-percentage,.sou-rob-bld.web-sidebar .graph-entry .value .circle-percentage,.sou-rob-bld.web-sidebar .graph-entry .value .number {
  font-weight: 400
}

.sou-rob-bld .rich-text .date,.sou-rob-bld.web-page .more-btn {
  font-weight: 700
}

.spa-lit a,.spa-lit b,.spa-lit del,.spa-lit div,.spa-lit em,.spa-lit h1,.spa-lit h2,.spa-lit h3,.spa-lit h4,.spa-lit h5,.spa-lit h6,.spa-lit i,.spa-lit ins,.spa-lit li,.spa-lit mark,.spa-lit ol,.spa-lit p,.spa-lit s,.spa-lit small,.spa-lit span,.spa-lit strong,.spa-lit sub,.spa-lit sup,.spa-lit td,.spa-lit u,.spa-lit ul {
  font-family: Literata,serif
}

.spa-lit a.graph-entry .circle-percentage,.spa-lit a.graph-entry .value .number,.spa-lit a.graphs.type-four .graph-value .graph-score,.spa-lit a.graphs.type-one .pie-percentage,.spa-lit a.graphs.type-one .value,.spa-lit a.graphs.type-three .graph-value,.spa-lit a.graphs.type-two .circle-percentage,.spa-lit a.graphs.type-two .value .number,.spa-lit a.headline,.spa-lit a.name,.spa-lit a.page:after,.spa-lit a.section-title,.spa-lit a.skill-category-name,.spa-lit a.skill-section .category-name,.spa-lit b.graph-entry .circle-percentage,.spa-lit b.graph-entry .value .number,.spa-lit b.graphs.type-four .graph-value .graph-score,.spa-lit b.graphs.type-one .pie-percentage,.spa-lit b.graphs.type-one .value,.spa-lit b.graphs.type-three .graph-value,.spa-lit b.graphs.type-two .circle-percentage,.spa-lit b.graphs.type-two .value .number,.spa-lit b.headline,.spa-lit b.name,.spa-lit b.page:after,.spa-lit b.section-title,.spa-lit b.skill-category-name,.spa-lit b.skill-section .category-name,.spa-lit del.graph-entry .circle-percentage,.spa-lit del.graph-entry .value .number,.spa-lit del.graphs.type-four .graph-value .graph-score,.spa-lit del.graphs.type-one .pie-percentage,.spa-lit del.graphs.type-one .value,.spa-lit del.graphs.type-three .graph-value,.spa-lit del.graphs.type-two .circle-percentage,.spa-lit del.graphs.type-two .value .number,.spa-lit del.headline,.spa-lit del.name,.spa-lit del.page:after,.spa-lit del.section-title,.spa-lit del.skill-category-name,.spa-lit del.skill-section .category-name,.spa-lit div.graph-entry .circle-percentage,.spa-lit div.graph-entry .value .number,.spa-lit div.graphs.type-four .graph-value .graph-score,.spa-lit div.graphs.type-one .pie-percentage,.spa-lit div.graphs.type-one .value,.spa-lit div.graphs.type-three .graph-value,.spa-lit div.graphs.type-two .circle-percentage,.spa-lit div.graphs.type-two .value .number,.spa-lit div.headline,.spa-lit div.name,.spa-lit div.page:after,.spa-lit div.section-title,.spa-lit div.skill-category-name,.spa-lit div.skill-section .category-name,.spa-lit em.graph-entry .circle-percentage,.spa-lit em.graph-entry .value .number,.spa-lit em.graphs.type-four .graph-value .graph-score,.spa-lit em.graphs.type-one .pie-percentage,.spa-lit em.graphs.type-one .value,.spa-lit em.graphs.type-three .graph-value,.spa-lit em.graphs.type-two .circle-percentage,.spa-lit em.graphs.type-two .value .number,.spa-lit em.headline,.spa-lit em.name,.spa-lit em.page:after,.spa-lit em.section-title,.spa-lit em.skill-category-name,.spa-lit em.skill-section .category-name,.spa-lit h1.graph-entry .circle-percentage,.spa-lit h1.graph-entry .value .number,.spa-lit h1.graphs.type-four .graph-value .graph-score,.spa-lit h1.graphs.type-one .pie-percentage,.spa-lit h1.graphs.type-one .value,.spa-lit h1.graphs.type-three .graph-value,.spa-lit h1.graphs.type-two .circle-percentage,.spa-lit h1.graphs.type-two .value .number,.spa-lit h1.headline,.spa-lit h1.name,.spa-lit h1.page:after,.spa-lit h1.section-title,.spa-lit h1.skill-category-name,.spa-lit h1.skill-section .category-name,.spa-lit h2.graph-entry .circle-percentage,.spa-lit h2.graph-entry .value .number,.spa-lit h2.graphs.type-four .graph-value .graph-score,.spa-lit h2.graphs.type-one .pie-percentage,.spa-lit h2.graphs.type-one .value,.spa-lit h2.graphs.type-three .graph-value,.spa-lit h2.graphs.type-two .circle-percentage,.spa-lit h2.graphs.type-two .value .number,.spa-lit h2.headline,.spa-lit h2.name,.spa-lit h2.page:after,.spa-lit h2.section-title,.spa-lit h2.skill-category-name,.spa-lit h2.skill-section .category-name,.spa-lit h3.graph-entry .circle-percentage,.spa-lit h3.graph-entry .value .number,.spa-lit h3.graphs.type-four .graph-value .graph-score,.spa-lit h3.graphs.type-one .pie-percentage,.spa-lit h3.graphs.type-one .value,.spa-lit h3.graphs.type-three .graph-value,.spa-lit h3.graphs.type-two .circle-percentage,.spa-lit h3.graphs.type-two .value .number,.spa-lit h3.headline,.spa-lit h3.name,.spa-lit h3.page:after,.spa-lit h3.section-title,.spa-lit h3.skill-category-name,.spa-lit h3.skill-section .category-name,.spa-lit h4.graph-entry .circle-percentage,.spa-lit h4.graph-entry .value .number,.spa-lit h4.graphs.type-four .graph-value .graph-score,.spa-lit h4.graphs.type-one .pie-percentage,.spa-lit h4.graphs.type-one .value,.spa-lit h4.graphs.type-three .graph-value,.spa-lit h4.graphs.type-two .circle-percentage,.spa-lit h4.graphs.type-two .value .number,.spa-lit h4.headline,.spa-lit h4.name,.spa-lit h4.page:after,.spa-lit h4.section-title,.spa-lit h4.skill-category-name,.spa-lit h4.skill-section .category-name,.spa-lit h5.graph-entry .circle-percentage,.spa-lit h5.graph-entry .value .number,.spa-lit h5.graphs.type-four .graph-value .graph-score,.spa-lit h5.graphs.type-one .pie-percentage,.spa-lit h5.graphs.type-one .value,.spa-lit h5.graphs.type-three .graph-value,.spa-lit h5.graphs.type-two .circle-percentage,.spa-lit h5.graphs.type-two .value .number,.spa-lit h5.headline,.spa-lit h5.name,.spa-lit h5.page:after,.spa-lit h5.section-title,.spa-lit h5.skill-category-name,.spa-lit h5.skill-section .category-name,.spa-lit h6.graph-entry .circle-percentage,.spa-lit h6.graph-entry .value .number,.spa-lit h6.graphs.type-four .graph-value .graph-score,.spa-lit h6.graphs.type-one .pie-percentage,.spa-lit h6.graphs.type-one .value,.spa-lit h6.graphs.type-three .graph-value,.spa-lit h6.graphs.type-two .circle-percentage,.spa-lit h6.graphs.type-two .value .number,.spa-lit h6.headline,.spa-lit h6.name,.spa-lit h6.page:after,.spa-lit h6.section-title,.spa-lit h6.skill-category-name,.spa-lit h6.skill-section .category-name,.spa-lit i.graph-entry .circle-percentage,.spa-lit i.graph-entry .value .number,.spa-lit i.graphs.type-four .graph-value .graph-score,.spa-lit i.graphs.type-one .pie-percentage,.spa-lit i.graphs.type-one .value,.spa-lit i.graphs.type-three .graph-value,.spa-lit i.graphs.type-two .circle-percentage,.spa-lit i.graphs.type-two .value .number,.spa-lit i.headline,.spa-lit i.name,.spa-lit i.page:after,.spa-lit i.section-title,.spa-lit i.skill-category-name,.spa-lit i.skill-section .category-name,.spa-lit ins.graph-entry .circle-percentage,.spa-lit ins.graph-entry .value .number,.spa-lit ins.graphs.type-four .graph-value .graph-score,.spa-lit ins.graphs.type-one .pie-percentage,.spa-lit ins.graphs.type-one .value,.spa-lit ins.graphs.type-three .graph-value,.spa-lit ins.graphs.type-two .circle-percentage,.spa-lit ins.graphs.type-two .value .number,.spa-lit ins.headline,.spa-lit ins.name,.spa-lit ins.page:after,.spa-lit ins.section-title,.spa-lit ins.skill-category-name,.spa-lit ins.skill-section .category-name,.spa-lit li.graph-entry .circle-percentage,.spa-lit li.graph-entry .value .number,.spa-lit li.graphs.type-four .graph-value .graph-score,.spa-lit li.graphs.type-one .pie-percentage,.spa-lit li.graphs.type-one .value,.spa-lit li.graphs.type-three .graph-value,.spa-lit li.graphs.type-two .circle-percentage,.spa-lit li.graphs.type-two .value .number,.spa-lit li.headline,.spa-lit li.name,.spa-lit li.page:after,.spa-lit li.section-title,.spa-lit li.skill-category-name,.spa-lit li.skill-section .category-name,.spa-lit mark.graph-entry .circle-percentage,.spa-lit mark.graph-entry .value .number,.spa-lit mark.graphs.type-four .graph-value .graph-score,.spa-lit mark.graphs.type-one .pie-percentage,.spa-lit mark.graphs.type-one .value,.spa-lit mark.graphs.type-three .graph-value,.spa-lit mark.graphs.type-two .circle-percentage,.spa-lit mark.graphs.type-two .value .number,.spa-lit mark.headline,.spa-lit mark.name,.spa-lit mark.page:after,.spa-lit mark.section-title,.spa-lit mark.skill-category-name,.spa-lit mark.skill-section .category-name,.spa-lit ol.graph-entry .circle-percentage,.spa-lit ol.graph-entry .value .number,.spa-lit ol.graphs.type-four .graph-value .graph-score,.spa-lit ol.graphs.type-one .pie-percentage,.spa-lit ol.graphs.type-one .value,.spa-lit ol.graphs.type-three .graph-value,.spa-lit ol.graphs.type-two .circle-percentage,.spa-lit ol.graphs.type-two .value .number,.spa-lit ol.headline,.spa-lit ol.name,.spa-lit ol.page:after,.spa-lit ol.section-title,.spa-lit ol.skill-category-name,.spa-lit ol.skill-section .category-name,.spa-lit p.graph-entry .circle-percentage,.spa-lit p.graph-entry .value .number,.spa-lit p.graphs.type-four .graph-value .graph-score,.spa-lit p.graphs.type-one .pie-percentage,.spa-lit p.graphs.type-one .value,.spa-lit p.graphs.type-three .graph-value,.spa-lit p.graphs.type-two .circle-percentage,.spa-lit p.graphs.type-two .value .number,.spa-lit p.headline,.spa-lit p.name,.spa-lit p.page:after,.spa-lit p.section-title,.spa-lit p.skill-category-name,.spa-lit p.skill-section .category-name,.spa-lit s.graph-entry .circle-percentage,.spa-lit s.graph-entry .value .number,.spa-lit s.graphs.type-four .graph-value .graph-score,.spa-lit s.graphs.type-one .pie-percentage,.spa-lit s.graphs.type-one .value,.spa-lit s.graphs.type-three .graph-value,.spa-lit s.graphs.type-two .circle-percentage,.spa-lit s.graphs.type-two .value .number,.spa-lit s.headline,.spa-lit s.name,.spa-lit s.page:after,.spa-lit s.section-title,.spa-lit s.skill-category-name,.spa-lit s.skill-section .category-name,.spa-lit small.graph-entry .circle-percentage,.spa-lit small.graph-entry .value .number,.spa-lit small.graphs.type-four .graph-value .graph-score,.spa-lit small.graphs.type-one .pie-percentage,.spa-lit small.graphs.type-one .value,.spa-lit small.graphs.type-three .graph-value,.spa-lit small.graphs.type-two .circle-percentage,.spa-lit small.graphs.type-two .value .number,.spa-lit small.headline,.spa-lit small.name,.spa-lit small.page:after,.spa-lit small.section-title,.spa-lit small.skill-category-name,.spa-lit small.skill-section .category-name,.spa-lit span.graph-entry .circle-percentage,.spa-lit span.graph-entry .value .number,.spa-lit span.graphs.type-four .graph-value .graph-score,.spa-lit span.graphs.type-one .pie-percentage,.spa-lit span.graphs.type-one .value,.spa-lit span.graphs.type-three .graph-value,.spa-lit span.graphs.type-two .circle-percentage,.spa-lit span.graphs.type-two .value .number,.spa-lit span.headline,.spa-lit span.name,.spa-lit span.page:after,.spa-lit span.section-title,.spa-lit span.skill-category-name,.spa-lit span.skill-section .category-name,.spa-lit strong.graph-entry .circle-percentage,.spa-lit strong.graph-entry .value .number,.spa-lit strong.graphs.type-four .graph-value .graph-score,.spa-lit strong.graphs.type-one .pie-percentage,.spa-lit strong.graphs.type-one .value,.spa-lit strong.graphs.type-three .graph-value,.spa-lit strong.graphs.type-two .circle-percentage,.spa-lit strong.graphs.type-two .value .number,.spa-lit strong.headline,.spa-lit strong.name,.spa-lit strong.page:after,.spa-lit strong.section-title,.spa-lit strong.skill-category-name,.spa-lit strong.skill-section .category-name,.spa-lit sub.graph-entry .circle-percentage,.spa-lit sub.graph-entry .value .number,.spa-lit sub.graphs.type-four .graph-value .graph-score,.spa-lit sub.graphs.type-one .pie-percentage,.spa-lit sub.graphs.type-one .value,.spa-lit sub.graphs.type-three .graph-value,.spa-lit sub.graphs.type-two .circle-percentage,.spa-lit sub.graphs.type-two .value .number,.spa-lit sub.headline,.spa-lit sub.name,.spa-lit sub.page:after,.spa-lit sub.section-title,.spa-lit sub.skill-category-name,.spa-lit sub.skill-section .category-name,.spa-lit sup.graph-entry .circle-percentage,.spa-lit sup.graph-entry .value .number,.spa-lit sup.graphs.type-four .graph-value .graph-score,.spa-lit sup.graphs.type-one .pie-percentage,.spa-lit sup.graphs.type-one .value,.spa-lit sup.graphs.type-three .graph-value,.spa-lit sup.graphs.type-two .circle-percentage,.spa-lit sup.graphs.type-two .value .number,.spa-lit sup.headline,.spa-lit sup.name,.spa-lit sup.page:after,.spa-lit sup.section-title,.spa-lit sup.skill-category-name,.spa-lit sup.skill-section .category-name,.spa-lit td.graph-entry .circle-percentage,.spa-lit td.graph-entry .value .number,.spa-lit td.graphs.type-four .graph-value .graph-score,.spa-lit td.graphs.type-one .pie-percentage,.spa-lit td.graphs.type-one .value,.spa-lit td.graphs.type-three .graph-value,.spa-lit td.graphs.type-two .circle-percentage,.spa-lit td.graphs.type-two .value .number,.spa-lit td.headline,.spa-lit td.name,.spa-lit td.page:after,.spa-lit td.section-title,.spa-lit td.skill-category-name,.spa-lit td.skill-section .category-name,.spa-lit u.graph-entry .circle-percentage,.spa-lit u.graph-entry .value .number,.spa-lit u.graphs.type-four .graph-value .graph-score,.spa-lit u.graphs.type-one .pie-percentage,.spa-lit u.graphs.type-one .value,.spa-lit u.graphs.type-three .graph-value,.spa-lit u.graphs.type-two .circle-percentage,.spa-lit u.graphs.type-two .value .number,.spa-lit u.headline,.spa-lit u.name,.spa-lit u.page:after,.spa-lit u.section-title,.spa-lit u.skill-category-name,.spa-lit u.skill-section .category-name,.spa-lit ul.graph-entry .circle-percentage,.spa-lit ul.graph-entry .value .number,.spa-lit ul.graphs.type-four .graph-value .graph-score,.spa-lit ul.graphs.type-one .pie-percentage,.spa-lit ul.graphs.type-one .value,.spa-lit ul.graphs.type-three .graph-value,.spa-lit ul.graphs.type-two .circle-percentage,.spa-lit ul.graphs.type-two .value .number,.spa-lit ul.headline,.spa-lit ul.name,.spa-lit ul.page:after,.spa-lit ul.section-title,.spa-lit ul.skill-category-name,.spa-lit ul.skill-section .category-name {
  font-family: Space Grotesk,sans-serif
}

.spa-lit .page:after {
  font-family: Literata,serif
}

.spa-lit .page:after.graph-entry .circle-percentage,.spa-lit .page:after.graph-entry .value .number,.spa-lit .page:after.graphs.type-four .graph-value .graph-score,.spa-lit .page:after.graphs.type-one .pie-percentage,.spa-lit .page:after.graphs.type-one .value,.spa-lit .page:after.graphs.type-three .graph-value,.spa-lit .page:after.graphs.type-two .circle-percentage,.spa-lit .page:after.graphs.type-two .value .number,.spa-lit .page:after.headline,.spa-lit .page:after.name,.spa-lit .page:after.page:after,.spa-lit .page:after.section-title,.spa-lit .page:after.skill-category-name,.spa-lit .page:after.skill-section .category-name {
  font-family: Space Grotesk,sans-serif
}

.spa-lit .signature {
  font-family: Caveat,cursive!important
}

.spa-lit .cover-section .name,.spa-lit .general-info .key,.spa-lit .general-section .key,.spa-lit .general-section .name,.spa-lit .headline,.spa-lit .page:after,.spa-lit .section-title,.spa-lit.web-bubbles .menu .menu-header .name,.spa-lit.web-modern .topbar .topbar-name {
  font-weight: 700
}

.spa-lit:not(.web-page) .experience-section .date {
  font-weight: 400
}

.spa-lit:not(.web-page) .experience-section .company-name,.spa-lit:not(.web-page) .experience-section .position,.spa-lit:not(.web-page) .experience-section .publication-name,.spa-lit:not(.web-page) .experience-section .publisher {
  font-weight: 700
}

.spa-lit.web-page .experience-section .date,.spa-lit.web-page .publication-section .date {
  font-weight: 400
}

.spa-lit .graphs.type-one .value,.spa-lit .skill-section .category-name,.spa-lit .skill-section .skill-category-name,.spa-lit .skill-section .skill-description,.spa-lit.web-page .experience-section .position,.spa-lit.web-page .experience-section .publication-name,.spa-lit.web-page .publication-section .position,.spa-lit.web-page .publication-section .publication-name {
  font-weight: 700
}

.spa-lit .graphs.type-one .pie-percentage {
  font-weight: 400
}

.spa-lit.web-glider .graph-entry .value .number,.spa-lit.web-modern .graph-entry .value .number {
  font-weight: 700
}

.spa-lit .graphs.type-three .graph-value,.spa-lit .graphs.type-two .value .circle-percentage,.spa-lit .graphs.type-two .value .number,.spa-lit.web-glider .graph-entry .value .circle-percentage,.spa-lit.web-modern .graph-entry .value .circle-percentage,.spa-lit.web-sidebar .graph-entry .value .circle-percentage,.spa-lit.web-sidebar .graph-entry .value .number {
  font-weight: 400
}

.spa-lit .graphs.type-four .graph-value .graph-score {
  font-weight: 700
}

.spa-lit .keyword .prefix {
  font-weight: 400
}

.spa-lit .rich-text .date,.spa-lit.web-page .more-btn {
  font-weight: 700
}

.hin-man a,.hin-man b,.hin-man del,.hin-man div,.hin-man em,.hin-man h1,.hin-man h2,.hin-man h3,.hin-man h4,.hin-man h5,.hin-man h6,.hin-man i,.hin-man ins,.hin-man li,.hin-man mark,.hin-man ol,.hin-man p,.hin-man s,.hin-man small,.hin-man span,.hin-man strong,.hin-man sub,.hin-man sup,.hin-man td,.hin-man u,.hin-man ul {
  font-family: Manuale,serif
}

.hin-man a.graph-entry .circle-percentage,.hin-man a.graph-entry .value .number,.hin-man a.graphs.type-four .graph-value .graph-score,.hin-man a.graphs.type-one .pie-percentage,.hin-man a.graphs.type-one .value,.hin-man a.graphs.type-three .graph-value,.hin-man a.graphs.type-two .circle-percentage,.hin-man a.graphs.type-two .value .number,.hin-man a.headline,.hin-man a.name,.hin-man a.page:after,.hin-man a.section-title,.hin-man b.graph-entry .circle-percentage,.hin-man b.graph-entry .value .number,.hin-man b.graphs.type-four .graph-value .graph-score,.hin-man b.graphs.type-one .pie-percentage,.hin-man b.graphs.type-one .value,.hin-man b.graphs.type-three .graph-value,.hin-man b.graphs.type-two .circle-percentage,.hin-man b.graphs.type-two .value .number,.hin-man b.headline,.hin-man b.name,.hin-man b.page:after,.hin-man b.section-title,.hin-man del.graph-entry .circle-percentage,.hin-man del.graph-entry .value .number,.hin-man del.graphs.type-four .graph-value .graph-score,.hin-man del.graphs.type-one .pie-percentage,.hin-man del.graphs.type-one .value,.hin-man del.graphs.type-three .graph-value,.hin-man del.graphs.type-two .circle-percentage,.hin-man del.graphs.type-two .value .number,.hin-man del.headline,.hin-man del.name,.hin-man del.page:after,.hin-man del.section-title,.hin-man div.graph-entry .circle-percentage,.hin-man div.graph-entry .value .number,.hin-man div.graphs.type-four .graph-value .graph-score,.hin-man div.graphs.type-one .pie-percentage,.hin-man div.graphs.type-one .value,.hin-man div.graphs.type-three .graph-value,.hin-man div.graphs.type-two .circle-percentage,.hin-man div.graphs.type-two .value .number,.hin-man div.headline,.hin-man div.name,.hin-man div.page:after,.hin-man div.section-title,.hin-man em.graph-entry .circle-percentage,.hin-man em.graph-entry .value .number,.hin-man em.graphs.type-four .graph-value .graph-score,.hin-man em.graphs.type-one .pie-percentage,.hin-man em.graphs.type-one .value,.hin-man em.graphs.type-three .graph-value,.hin-man em.graphs.type-two .circle-percentage,.hin-man em.graphs.type-two .value .number,.hin-man em.headline,.hin-man em.name,.hin-man em.page:after,.hin-man em.section-title,.hin-man h1.graph-entry .circle-percentage,.hin-man h1.graph-entry .value .number,.hin-man h1.graphs.type-four .graph-value .graph-score,.hin-man h1.graphs.type-one .pie-percentage,.hin-man h1.graphs.type-one .value,.hin-man h1.graphs.type-three .graph-value,.hin-man h1.graphs.type-two .circle-percentage,.hin-man h1.graphs.type-two .value .number,.hin-man h1.headline,.hin-man h1.name,.hin-man h1.page:after,.hin-man h1.section-title,.hin-man h2.graph-entry .circle-percentage,.hin-man h2.graph-entry .value .number,.hin-man h2.graphs.type-four .graph-value .graph-score,.hin-man h2.graphs.type-one .pie-percentage,.hin-man h2.graphs.type-one .value,.hin-man h2.graphs.type-three .graph-value,.hin-man h2.graphs.type-two .circle-percentage,.hin-man h2.graphs.type-two .value .number,.hin-man h2.headline,.hin-man h2.name,.hin-man h2.page:after,.hin-man h2.section-title,.hin-man h3.graph-entry .circle-percentage,.hin-man h3.graph-entry .value .number,.hin-man h3.graphs.type-four .graph-value .graph-score,.hin-man h3.graphs.type-one .pie-percentage,.hin-man h3.graphs.type-one .value,.hin-man h3.graphs.type-three .graph-value,.hin-man h3.graphs.type-two .circle-percentage,.hin-man h3.graphs.type-two .value .number,.hin-man h3.headline,.hin-man h3.name,.hin-man h3.page:after,.hin-man h3.section-title,.hin-man h4.graph-entry .circle-percentage,.hin-man h4.graph-entry .value .number,.hin-man h4.graphs.type-four .graph-value .graph-score,.hin-man h4.graphs.type-one .pie-percentage,.hin-man h4.graphs.type-one .value,.hin-man h4.graphs.type-three .graph-value,.hin-man h4.graphs.type-two .circle-percentage,.hin-man h4.graphs.type-two .value .number,.hin-man h4.headline,.hin-man h4.name,.hin-man h4.page:after,.hin-man h4.section-title,.hin-man h5.graph-entry .circle-percentage,.hin-man h5.graph-entry .value .number,.hin-man h5.graphs.type-four .graph-value .graph-score,.hin-man h5.graphs.type-one .pie-percentage,.hin-man h5.graphs.type-one .value,.hin-man h5.graphs.type-three .graph-value,.hin-man h5.graphs.type-two .circle-percentage,.hin-man h5.graphs.type-two .value .number,.hin-man h5.headline,.hin-man h5.name,.hin-man h5.page:after,.hin-man h5.section-title,.hin-man h6.graph-entry .circle-percentage,.hin-man h6.graph-entry .value .number,.hin-man h6.graphs.type-four .graph-value .graph-score,.hin-man h6.graphs.type-one .pie-percentage,.hin-man h6.graphs.type-one .value,.hin-man h6.graphs.type-three .graph-value,.hin-man h6.graphs.type-two .circle-percentage,.hin-man h6.graphs.type-two .value .number,.hin-man h6.headline,.hin-man h6.name,.hin-man h6.page:after,.hin-man h6.section-title,.hin-man i.graph-entry .circle-percentage,.hin-man i.graph-entry .value .number,.hin-man i.graphs.type-four .graph-value .graph-score,.hin-man i.graphs.type-one .pie-percentage,.hin-man i.graphs.type-one .value,.hin-man i.graphs.type-three .graph-value,.hin-man i.graphs.type-two .circle-percentage,.hin-man i.graphs.type-two .value .number,.hin-man i.headline,.hin-man i.name,.hin-man i.page:after,.hin-man i.section-title,.hin-man ins.graph-entry .circle-percentage,.hin-man ins.graph-entry .value .number,.hin-man ins.graphs.type-four .graph-value .graph-score,.hin-man ins.graphs.type-one .pie-percentage,.hin-man ins.graphs.type-one .value,.hin-man ins.graphs.type-three .graph-value,.hin-man ins.graphs.type-two .circle-percentage,.hin-man ins.graphs.type-two .value .number,.hin-man ins.headline,.hin-man ins.name,.hin-man ins.page:after,.hin-man ins.section-title,.hin-man li.graph-entry .circle-percentage,.hin-man li.graph-entry .value .number,.hin-man li.graphs.type-four .graph-value .graph-score,.hin-man li.graphs.type-one .pie-percentage,.hin-man li.graphs.type-one .value,.hin-man li.graphs.type-three .graph-value,.hin-man li.graphs.type-two .circle-percentage,.hin-man li.graphs.type-two .value .number,.hin-man li.headline,.hin-man li.name,.hin-man li.page:after,.hin-man li.section-title,.hin-man mark.graph-entry .circle-percentage,.hin-man mark.graph-entry .value .number,.hin-man mark.graphs.type-four .graph-value .graph-score,.hin-man mark.graphs.type-one .pie-percentage,.hin-man mark.graphs.type-one .value,.hin-man mark.graphs.type-three .graph-value,.hin-man mark.graphs.type-two .circle-percentage,.hin-man mark.graphs.type-two .value .number,.hin-man mark.headline,.hin-man mark.name,.hin-man mark.page:after,.hin-man mark.section-title,.hin-man ol.graph-entry .circle-percentage,.hin-man ol.graph-entry .value .number,.hin-man ol.graphs.type-four .graph-value .graph-score,.hin-man ol.graphs.type-one .pie-percentage,.hin-man ol.graphs.type-one .value,.hin-man ol.graphs.type-three .graph-value,.hin-man ol.graphs.type-two .circle-percentage,.hin-man ol.graphs.type-two .value .number,.hin-man ol.headline,.hin-man ol.name,.hin-man ol.page:after,.hin-man ol.section-title,.hin-man p.graph-entry .circle-percentage,.hin-man p.graph-entry .value .number,.hin-man p.graphs.type-four .graph-value .graph-score,.hin-man p.graphs.type-one .pie-percentage,.hin-man p.graphs.type-one .value,.hin-man p.graphs.type-three .graph-value,.hin-man p.graphs.type-two .circle-percentage,.hin-man p.graphs.type-two .value .number,.hin-man p.headline,.hin-man p.name,.hin-man p.page:after,.hin-man p.section-title,.hin-man s.graph-entry .circle-percentage,.hin-man s.graph-entry .value .number,.hin-man s.graphs.type-four .graph-value .graph-score,.hin-man s.graphs.type-one .pie-percentage,.hin-man s.graphs.type-one .value,.hin-man s.graphs.type-three .graph-value,.hin-man s.graphs.type-two .circle-percentage,.hin-man s.graphs.type-two .value .number,.hin-man s.headline,.hin-man s.name,.hin-man s.page:after,.hin-man s.section-title,.hin-man small.graph-entry .circle-percentage,.hin-man small.graph-entry .value .number,.hin-man small.graphs.type-four .graph-value .graph-score,.hin-man small.graphs.type-one .pie-percentage,.hin-man small.graphs.type-one .value,.hin-man small.graphs.type-three .graph-value,.hin-man small.graphs.type-two .circle-percentage,.hin-man small.graphs.type-two .value .number,.hin-man small.headline,.hin-man small.name,.hin-man small.page:after,.hin-man small.section-title,.hin-man span.graph-entry .circle-percentage,.hin-man span.graph-entry .value .number,.hin-man span.graphs.type-four .graph-value .graph-score,.hin-man span.graphs.type-one .pie-percentage,.hin-man span.graphs.type-one .value,.hin-man span.graphs.type-three .graph-value,.hin-man span.graphs.type-two .circle-percentage,.hin-man span.graphs.type-two .value .number,.hin-man span.headline,.hin-man span.name,.hin-man span.page:after,.hin-man span.section-title,.hin-man strong.graph-entry .circle-percentage,.hin-man strong.graph-entry .value .number,.hin-man strong.graphs.type-four .graph-value .graph-score,.hin-man strong.graphs.type-one .pie-percentage,.hin-man strong.graphs.type-one .value,.hin-man strong.graphs.type-three .graph-value,.hin-man strong.graphs.type-two .circle-percentage,.hin-man strong.graphs.type-two .value .number,.hin-man strong.headline,.hin-man strong.name,.hin-man strong.page:after,.hin-man strong.section-title,.hin-man sub.graph-entry .circle-percentage,.hin-man sub.graph-entry .value .number,.hin-man sub.graphs.type-four .graph-value .graph-score,.hin-man sub.graphs.type-one .pie-percentage,.hin-man sub.graphs.type-one .value,.hin-man sub.graphs.type-three .graph-value,.hin-man sub.graphs.type-two .circle-percentage,.hin-man sub.graphs.type-two .value .number,.hin-man sub.headline,.hin-man sub.name,.hin-man sub.page:after,.hin-man sub.section-title,.hin-man sup.graph-entry .circle-percentage,.hin-man sup.graph-entry .value .number,.hin-man sup.graphs.type-four .graph-value .graph-score,.hin-man sup.graphs.type-one .pie-percentage,.hin-man sup.graphs.type-one .value,.hin-man sup.graphs.type-three .graph-value,.hin-man sup.graphs.type-two .circle-percentage,.hin-man sup.graphs.type-two .value .number,.hin-man sup.headline,.hin-man sup.name,.hin-man sup.page:after,.hin-man sup.section-title,.hin-man td.graph-entry .circle-percentage,.hin-man td.graph-entry .value .number,.hin-man td.graphs.type-four .graph-value .graph-score,.hin-man td.graphs.type-one .pie-percentage,.hin-man td.graphs.type-one .value,.hin-man td.graphs.type-three .graph-value,.hin-man td.graphs.type-two .circle-percentage,.hin-man td.graphs.type-two .value .number,.hin-man td.headline,.hin-man td.name,.hin-man td.page:after,.hin-man td.section-title,.hin-man u.graph-entry .circle-percentage,.hin-man u.graph-entry .value .number,.hin-man u.graphs.type-four .graph-value .graph-score,.hin-man u.graphs.type-one .pie-percentage,.hin-man u.graphs.type-one .value,.hin-man u.graphs.type-three .graph-value,.hin-man u.graphs.type-two .circle-percentage,.hin-man u.graphs.type-two .value .number,.hin-man u.headline,.hin-man u.name,.hin-man u.page:after,.hin-man u.section-title,.hin-man ul.graph-entry .circle-percentage,.hin-man ul.graph-entry .value .number,.hin-man ul.graphs.type-four .graph-value .graph-score,.hin-man ul.graphs.type-one .pie-percentage,.hin-man ul.graphs.type-one .value,.hin-man ul.graphs.type-three .graph-value,.hin-man ul.graphs.type-two .circle-percentage,.hin-man ul.graphs.type-two .value .number,.hin-man ul.headline,.hin-man ul.name,.hin-man ul.page:after,.hin-man ul.section-title {
  font-family: Hind,sans-serif
}

.hin-man .page:after {
  font-family: Manuale,serif
}

.hin-man .page:after.graph-entry .circle-percentage,.hin-man .page:after.graph-entry .value .number,.hin-man .page:after.graphs.type-four .graph-value .graph-score,.hin-man .page:after.graphs.type-one .pie-percentage,.hin-man .page:after.graphs.type-one .value,.hin-man .page:after.graphs.type-three .graph-value,.hin-man .page:after.graphs.type-two .circle-percentage,.hin-man .page:after.graphs.type-two .value .number,.hin-man .page:after.headline,.hin-man .page:after.name,.hin-man .page:after.page:after,.hin-man .page:after.section-title {
  font-family: Hind,sans-serif
}

.hin-man .signature {
  font-family: Caveat,cursive!important
}

.hin-man .cover-section .name,.hin-man .general-section .name {
  font-weight: 700
}

.hin-man .general-info .key,.hin-man .general-section .key {
  font-weight: 600
}

.hin-man .headline,.hin-man .page:after,.hin-man .section-title,.hin-man.web-bubbles .menu .menu-header .name,.hin-man.web-modern .topbar .topbar-name {
  font-weight: 700
}

.hin-man:not(.web-page) .experience-section .date {
  font-weight: 400
}

.hin-man:not(.web-page) .experience-section .company-name,.hin-man:not(.web-page) .experience-section .position,.hin-man:not(.web-page) .experience-section .publication-name,.hin-man:not(.web-page) .experience-section .publisher {
  font-weight: 600
}

.hin-man.web-page .experience-section .date,.hin-man.web-page .publication-section .date {
  font-weight: 400
}

.hin-man .skill-section .category-name,.hin-man .skill-section .skill-category-name,.hin-man .skill-section .skill-description,.hin-man.web-page .experience-section .position,.hin-man.web-page .experience-section .publication-name,.hin-man.web-page .publication-section .position,.hin-man.web-page .publication-section .publication-name {
  font-weight: 600
}

.hin-man .graphs.type-one .value {
  font-weight: 700
}

.hin-man .graphs.type-one .pie-percentage {
  font-weight: 400
}

.hin-man.web-glider .graph-entry .value .number,.hin-man.web-modern .graph-entry .value .number {
  font-weight: 700
}

.hin-man .graphs.type-three .graph-value,.hin-man .graphs.type-two .value .circle-percentage,.hin-man .graphs.type-two .value .number,.hin-man.web-glider .graph-entry .value .circle-percentage,.hin-man.web-modern .graph-entry .value .circle-percentage,.hin-man.web-sidebar .graph-entry .value .circle-percentage,.hin-man.web-sidebar .graph-entry .value .number {
  font-weight: 400
}

.hin-man .graphs.type-four .graph-value .graph-score {
  font-weight: 700
}

.hin-man .keyword .prefix {
  font-weight: 400
}

.hin-man .rich-text .date,.hin-man.web-page .more-btn {
  font-weight: 600
}

.fir-fir .page:after,.fir-fir a,.fir-fir b,.fir-fir del,.fir-fir div,.fir-fir em,.fir-fir h1,.fir-fir h2,.fir-fir h3,.fir-fir h4,.fir-fir h5,.fir-fir h6,.fir-fir i,.fir-fir ins,.fir-fir li,.fir-fir mark,.fir-fir ol,.fir-fir p,.fir-fir s,.fir-fir small,.fir-fir span,.fir-fir strong,.fir-fir sub,.fir-fir sup,.fir-fir td,.fir-fir u,.fir-fir ul {
  font-family: Fira Sans,sans-serif
}

.fir-fir .signature {
  font-family: Caveat,cursive!important
}

.fir-fir .cover-section .name,.fir-fir .general-info .key,.fir-fir .general-section .key,.fir-fir .general-section .name,.fir-fir .headline,.fir-fir .section-title,.fir-fir.web-bubbles .menu .menu-header .name,.fir-fir.web-modern .topbar .topbar-name {
  font-weight: 700
}

.fir-fir .page:after,.fir-fir:not(.web-page) .experience-section .date {
  font-weight: 400
}

.fir-fir:not(.web-page) .experience-section .company-name,.fir-fir:not(.web-page) .experience-section .position,.fir-fir:not(.web-page) .experience-section .publication-name,.fir-fir:not(.web-page) .experience-section .publisher {
  font-weight: 700
}

.fir-fir.web-page .experience-section .date,.fir-fir.web-page .publication-section .date {
  font-weight: 400
}

.fir-fir .skill-section .category-name,.fir-fir .skill-section .skill-category-name,.fir-fir .skill-section .skill-description,.fir-fir.web-page .experience-section .position,.fir-fir.web-page .experience-section .publication-name,.fir-fir.web-page .publication-section .position,.fir-fir.web-page .publication-section .publication-name {
  font-weight: 700
}

.fir-fir .graphs.type-one .pie-percentage,.fir-fir .graphs.type-one .value,.fir-fir .graphs.type-two .value .number,.fir-fir.web-glider .graph-entry .value .circle-percentage,.fir-fir.web-glider .graph-entry .value .number,.fir-fir.web-modern .graph-entry .value .circle-percentage,.fir-fir.web-modern .graph-entry .value .number,.fir-fir.web-sidebar .graph-entry .value .number {
  font-weight: 400
}

.fir-fir .graphs.type-two .value .circle-percentage,.fir-fir.web-sidebar .graph-entry .value .circle-percentage {
  font-weight: 700
}

.fir-fir .graphs.type-four .graph-value .graph-score,.fir-fir .graphs.type-three .graph-value {
  font-weight: 400
}

.fir-fir .keyword .prefix,.fir-fir .rich-text .date,.fir-fir.web-page .more-btn {
  font-weight: 700
}

.zil-fir a,.zil-fir b,.zil-fir del,.zil-fir div,.zil-fir em,.zil-fir h1,.zil-fir h2,.zil-fir h3,.zil-fir h4,.zil-fir h5,.zil-fir h6,.zil-fir i,.zil-fir ins,.zil-fir li,.zil-fir mark,.zil-fir ol,.zil-fir p,.zil-fir s,.zil-fir small,.zil-fir span,.zil-fir strong,.zil-fir sub,.zil-fir sup,.zil-fir td,.zil-fir u,.zil-fir ul {
  font-family: Fira Sans,sans-serif
}

.zil-fir a.headline,.zil-fir a.name,.zil-fir a.page:after,.zil-fir a.section-title,.zil-fir b.headline,.zil-fir b.name,.zil-fir b.page:after,.zil-fir b.section-title,.zil-fir del.headline,.zil-fir del.name,.zil-fir del.page:after,.zil-fir del.section-title,.zil-fir div.headline,.zil-fir div.name,.zil-fir div.page:after,.zil-fir div.section-title,.zil-fir em.headline,.zil-fir em.name,.zil-fir em.page:after,.zil-fir em.section-title,.zil-fir h1.headline,.zil-fir h1.name,.zil-fir h1.page:after,.zil-fir h1.section-title,.zil-fir h2.headline,.zil-fir h2.name,.zil-fir h2.page:after,.zil-fir h2.section-title,.zil-fir h3.headline,.zil-fir h3.name,.zil-fir h3.page:after,.zil-fir h3.section-title,.zil-fir h4.headline,.zil-fir h4.name,.zil-fir h4.page:after,.zil-fir h4.section-title,.zil-fir h5.headline,.zil-fir h5.name,.zil-fir h5.page:after,.zil-fir h5.section-title,.zil-fir h6.headline,.zil-fir h6.name,.zil-fir h6.page:after,.zil-fir h6.section-title,.zil-fir i.headline,.zil-fir i.name,.zil-fir i.page:after,.zil-fir i.section-title,.zil-fir ins.headline,.zil-fir ins.name,.zil-fir ins.page:after,.zil-fir ins.section-title,.zil-fir li.headline,.zil-fir li.name,.zil-fir li.page:after,.zil-fir li.section-title,.zil-fir mark.headline,.zil-fir mark.name,.zil-fir mark.page:after,.zil-fir mark.section-title,.zil-fir ol.headline,.zil-fir ol.name,.zil-fir ol.page:after,.zil-fir ol.section-title,.zil-fir p.headline,.zil-fir p.name,.zil-fir p.page:after,.zil-fir p.section-title,.zil-fir s.headline,.zil-fir s.name,.zil-fir s.page:after,.zil-fir s.section-title,.zil-fir small.headline,.zil-fir small.name,.zil-fir small.page:after,.zil-fir small.section-title,.zil-fir span.headline,.zil-fir span.name,.zil-fir span.page:after,.zil-fir span.section-title,.zil-fir strong.headline,.zil-fir strong.name,.zil-fir strong.page:after,.zil-fir strong.section-title,.zil-fir sub.headline,.zil-fir sub.name,.zil-fir sub.page:after,.zil-fir sub.section-title,.zil-fir sup.headline,.zil-fir sup.name,.zil-fir sup.page:after,.zil-fir sup.section-title,.zil-fir td.headline,.zil-fir td.name,.zil-fir td.page:after,.zil-fir td.section-title,.zil-fir u.headline,.zil-fir u.name,.zil-fir u.page:after,.zil-fir u.section-title,.zil-fir ul.headline,.zil-fir ul.name,.zil-fir ul.page:after,.zil-fir ul.section-title {
  font-family: Zilla Slab,serif
}

.zil-fir .page:after {
  font-family: Fira Sans,sans-serif
}

.zil-fir .page:after.headline,.zil-fir .page:after.name,.zil-fir .page:after.page:after,.zil-fir .page:after.section-title {
  font-family: Zilla Slab,serif
}

.zil-fir .signature {
  font-family: Caveat,cursive!important
}

.zil-fir .cover-section .name,.zil-fir .general-section .name {
  font-weight: 500
}

.zil-fir .general-info .key,.zil-fir .general-section .key {
  font-weight: 700
}

.zil-fir .headline,.zil-fir .page:after,.zil-fir .section-title,.zil-fir.web-bubbles .menu .menu-header .name,.zil-fir.web-modern .topbar .topbar-name {
  font-weight: 500
}

.zil-fir:not(.web-page) .experience-section .date {
  font-weight: 400
}

.zil-fir:not(.web-page) .experience-section .company-name,.zil-fir:not(.web-page) .experience-section .position,.zil-fir:not(.web-page) .experience-section .publication-name,.zil-fir:not(.web-page) .experience-section .publisher {
  font-weight: 700
}

.zil-fir.web-page .experience-section .date,.zil-fir.web-page .publication-section .date {
  font-weight: 400
}

.zil-fir .graphs.type-one .value,.zil-fir .skill-section .category-name,.zil-fir .skill-section .skill-category-name,.zil-fir .skill-section .skill-description,.zil-fir.web-page .experience-section .position,.zil-fir.web-page .experience-section .publication-name,.zil-fir.web-page .publication-section .position,.zil-fir.web-page .publication-section .publication-name {
  font-weight: 700
}

.zil-fir .graphs.type-one .pie-percentage {
  font-weight: 400
}

.zil-fir.web-glider .graph-entry .value .number,.zil-fir.web-modern .graph-entry .value .number {
  font-weight: 700
}

.zil-fir .graphs.type-four .graph-value .graph-score,.zil-fir .graphs.type-three .graph-value,.zil-fir .graphs.type-two .value .circle-percentage,.zil-fir .graphs.type-two .value .number,.zil-fir .keyword .prefix,.zil-fir.web-glider .graph-entry .value .circle-percentage,.zil-fir.web-modern .graph-entry .value .circle-percentage,.zil-fir.web-sidebar .graph-entry .value .circle-percentage,.zil-fir.web-sidebar .graph-entry .value .number {
  font-weight: 400
}

.zil-fir .rich-text .date,.zil-fir.web-page .more-btn {
  font-weight: 700
}

.ubu-hin a,.ubu-hin b,.ubu-hin del,.ubu-hin div,.ubu-hin em,.ubu-hin h1,.ubu-hin h2,.ubu-hin h3,.ubu-hin h4,.ubu-hin h5,.ubu-hin h6,.ubu-hin i,.ubu-hin ins,.ubu-hin li,.ubu-hin mark,.ubu-hin ol,.ubu-hin p,.ubu-hin s,.ubu-hin small,.ubu-hin span,.ubu-hin strong,.ubu-hin sub,.ubu-hin sup,.ubu-hin td,.ubu-hin u,.ubu-hin ul {
  font-family: Hind,sans-serif
}

.ubu-hin a.headline,.ubu-hin a.name,.ubu-hin a.page:after,.ubu-hin a.section-title,.ubu-hin b.headline,.ubu-hin b.name,.ubu-hin b.page:after,.ubu-hin b.section-title,.ubu-hin del.headline,.ubu-hin del.name,.ubu-hin del.page:after,.ubu-hin del.section-title,.ubu-hin div.headline,.ubu-hin div.name,.ubu-hin div.page:after,.ubu-hin div.section-title,.ubu-hin em.headline,.ubu-hin em.name,.ubu-hin em.page:after,.ubu-hin em.section-title,.ubu-hin h1.headline,.ubu-hin h1.name,.ubu-hin h1.page:after,.ubu-hin h1.section-title,.ubu-hin h2.headline,.ubu-hin h2.name,.ubu-hin h2.page:after,.ubu-hin h2.section-title,.ubu-hin h3.headline,.ubu-hin h3.name,.ubu-hin h3.page:after,.ubu-hin h3.section-title,.ubu-hin h4.headline,.ubu-hin h4.name,.ubu-hin h4.page:after,.ubu-hin h4.section-title,.ubu-hin h5.headline,.ubu-hin h5.name,.ubu-hin h5.page:after,.ubu-hin h5.section-title,.ubu-hin h6.headline,.ubu-hin h6.name,.ubu-hin h6.page:after,.ubu-hin h6.section-title,.ubu-hin i.headline,.ubu-hin i.name,.ubu-hin i.page:after,.ubu-hin i.section-title,.ubu-hin ins.headline,.ubu-hin ins.name,.ubu-hin ins.page:after,.ubu-hin ins.section-title,.ubu-hin li.headline,.ubu-hin li.name,.ubu-hin li.page:after,.ubu-hin li.section-title,.ubu-hin mark.headline,.ubu-hin mark.name,.ubu-hin mark.page:after,.ubu-hin mark.section-title,.ubu-hin ol.headline,.ubu-hin ol.name,.ubu-hin ol.page:after,.ubu-hin ol.section-title,.ubu-hin p.headline,.ubu-hin p.name,.ubu-hin p.page:after,.ubu-hin p.section-title,.ubu-hin s.headline,.ubu-hin s.name,.ubu-hin s.page:after,.ubu-hin s.section-title,.ubu-hin small.headline,.ubu-hin small.name,.ubu-hin small.page:after,.ubu-hin small.section-title,.ubu-hin span.headline,.ubu-hin span.name,.ubu-hin span.page:after,.ubu-hin span.section-title,.ubu-hin strong.headline,.ubu-hin strong.name,.ubu-hin strong.page:after,.ubu-hin strong.section-title,.ubu-hin sub.headline,.ubu-hin sub.name,.ubu-hin sub.page:after,.ubu-hin sub.section-title,.ubu-hin sup.headline,.ubu-hin sup.name,.ubu-hin sup.page:after,.ubu-hin sup.section-title,.ubu-hin td.headline,.ubu-hin td.name,.ubu-hin td.page:after,.ubu-hin td.section-title,.ubu-hin u.headline,.ubu-hin u.name,.ubu-hin u.page:after,.ubu-hin u.section-title,.ubu-hin ul.headline,.ubu-hin ul.name,.ubu-hin ul.page:after,.ubu-hin ul.section-title {
  font-family: Ubuntu,sans-serif
}

.ubu-hin .page:after {
  font-family: Hind,sans-serif
}

.ubu-hin .page:after.headline,.ubu-hin .page:after.name,.ubu-hin .page:after.page:after,.ubu-hin .page:after.section-title {
  font-family: Ubuntu,sans-serif
}

.ubu-hin .signature {
  font-family: Caveat,cursive!important
}

.ubu-hin .cover-section .name,.ubu-hin .general-info .key,.ubu-hin .general-section .key,.ubu-hin .general-section .name,.ubu-hin .headline,.ubu-hin .page:after,.ubu-hin .section-title,.ubu-hin.web-bubbles .menu .menu-header .name,.ubu-hin.web-modern .topbar .topbar-name {
  font-weight: 700
}

.ubu-hin:not(.web-page) .experience-section .date {
  font-weight: 400
}

.ubu-hin:not(.web-page) .experience-section .company-name,.ubu-hin:not(.web-page) .experience-section .position,.ubu-hin:not(.web-page) .experience-section .publication-name,.ubu-hin:not(.web-page) .experience-section .publisher {
  font-weight: 700
}

.ubu-hin.web-page .experience-section .date,.ubu-hin.web-page .publication-section .date {
  font-weight: 400
}

.ubu-hin .graphs.type-one .value,.ubu-hin .skill-section .category-name,.ubu-hin .skill-section .skill-category-name,.ubu-hin .skill-section .skill-description,.ubu-hin.web-page .experience-section .position,.ubu-hin.web-page .experience-section .publication-name,.ubu-hin.web-page .publication-section .position,.ubu-hin.web-page .publication-section .publication-name {
  font-weight: 700
}

.ubu-hin .graphs.type-one .pie-percentage {
  font-weight: 400
}

.ubu-hin.web-glider .graph-entry .value .number,.ubu-hin.web-modern .graph-entry .value .number {
  font-weight: 700
}

.ubu-hin .graphs.type-four .graph-value .graph-score,.ubu-hin .graphs.type-three .graph-value,.ubu-hin .graphs.type-two .value .circle-percentage,.ubu-hin .graphs.type-two .value .number,.ubu-hin .keyword .prefix,.ubu-hin.web-glider .graph-entry .value .circle-percentage,.ubu-hin.web-modern .graph-entry .value .circle-percentage,.ubu-hin.web-sidebar .graph-entry .value .circle-percentage,.ubu-hin.web-sidebar .graph-entry .value .number {
  font-weight: 400
}

.ubu-hin .rich-text .date,.ubu-hin.web-page .more-btn {
  font-weight: 700
}

.bai-man a,.bai-man b,.bai-man del,.bai-man div,.bai-man em,.bai-man h1,.bai-man h2,.bai-man h3,.bai-man h4,.bai-man h5,.bai-man h6,.bai-man i,.bai-man ins,.bai-man li,.bai-man mark,.bai-man ol,.bai-man p,.bai-man s,.bai-man small,.bai-man span,.bai-man strong,.bai-man sub,.bai-man sup,.bai-man td,.bai-man u,.bai-man ul {
  font-family: Manuale,serif
}

.bai-man a.experience-section .date,.bai-man a.graph-entry .value .number,.bai-man a.graphs.type-four .graph-value .graph-score,.bai-man a.graphs.type-one .value,.bai-man a.graphs.type-three .graph-value,.bai-man a.graphs.type-two .value .number,.bai-man a.headline,.bai-man a.keyword,.bai-man a.name,.bai-man a.page:after,.bai-man a.publication-section .date,.bai-man a.section-title,.bai-man a.skill-category-name,.bai-man a.skill-section .category-name,.bai-man b.experience-section .date,.bai-man b.graph-entry .value .number,.bai-man b.graphs.type-four .graph-value .graph-score,.bai-man b.graphs.type-one .value,.bai-man b.graphs.type-three .graph-value,.bai-man b.graphs.type-two .value .number,.bai-man b.headline,.bai-man b.keyword,.bai-man b.name,.bai-man b.page:after,.bai-man b.publication-section .date,.bai-man b.section-title,.bai-man b.skill-category-name,.bai-man b.skill-section .category-name,.bai-man del.experience-section .date,.bai-man del.graph-entry .value .number,.bai-man del.graphs.type-four .graph-value .graph-score,.bai-man del.graphs.type-one .value,.bai-man del.graphs.type-three .graph-value,.bai-man del.graphs.type-two .value .number,.bai-man del.headline,.bai-man del.keyword,.bai-man del.name,.bai-man del.page:after,.bai-man del.publication-section .date,.bai-man del.section-title,.bai-man del.skill-category-name,.bai-man del.skill-section .category-name,.bai-man div.experience-section .date,.bai-man div.graph-entry .value .number,.bai-man div.graphs.type-four .graph-value .graph-score,.bai-man div.graphs.type-one .value,.bai-man div.graphs.type-three .graph-value,.bai-man div.graphs.type-two .value .number,.bai-man div.headline,.bai-man div.keyword,.bai-man div.name,.bai-man div.page:after,.bai-man div.publication-section .date,.bai-man div.section-title,.bai-man div.skill-category-name,.bai-man div.skill-section .category-name,.bai-man em.experience-section .date,.bai-man em.graph-entry .value .number,.bai-man em.graphs.type-four .graph-value .graph-score,.bai-man em.graphs.type-one .value,.bai-man em.graphs.type-three .graph-value,.bai-man em.graphs.type-two .value .number,.bai-man em.headline,.bai-man em.keyword,.bai-man em.name,.bai-man em.page:after,.bai-man em.publication-section .date,.bai-man em.section-title,.bai-man em.skill-category-name,.bai-man em.skill-section .category-name,.bai-man h1.experience-section .date,.bai-man h1.graph-entry .value .number,.bai-man h1.graphs.type-four .graph-value .graph-score,.bai-man h1.graphs.type-one .value,.bai-man h1.graphs.type-three .graph-value,.bai-man h1.graphs.type-two .value .number,.bai-man h1.headline,.bai-man h1.keyword,.bai-man h1.name,.bai-man h1.page:after,.bai-man h1.publication-section .date,.bai-man h1.section-title,.bai-man h1.skill-category-name,.bai-man h1.skill-section .category-name,.bai-man h2.experience-section .date,.bai-man h2.graph-entry .value .number,.bai-man h2.graphs.type-four .graph-value .graph-score,.bai-man h2.graphs.type-one .value,.bai-man h2.graphs.type-three .graph-value,.bai-man h2.graphs.type-two .value .number,.bai-man h2.headline,.bai-man h2.keyword,.bai-man h2.name,.bai-man h2.page:after,.bai-man h2.publication-section .date,.bai-man h2.section-title,.bai-man h2.skill-category-name,.bai-man h2.skill-section .category-name,.bai-man h3.experience-section .date,.bai-man h3.graph-entry .value .number,.bai-man h3.graphs.type-four .graph-value .graph-score,.bai-man h3.graphs.type-one .value,.bai-man h3.graphs.type-three .graph-value,.bai-man h3.graphs.type-two .value .number,.bai-man h3.headline,.bai-man h3.keyword,.bai-man h3.name,.bai-man h3.page:after,.bai-man h3.publication-section .date,.bai-man h3.section-title,.bai-man h3.skill-category-name,.bai-man h3.skill-section .category-name,.bai-man h4.experience-section .date,.bai-man h4.graph-entry .value .number,.bai-man h4.graphs.type-four .graph-value .graph-score,.bai-man h4.graphs.type-one .value,.bai-man h4.graphs.type-three .graph-value,.bai-man h4.graphs.type-two .value .number,.bai-man h4.headline,.bai-man h4.keyword,.bai-man h4.name,.bai-man h4.page:after,.bai-man h4.publication-section .date,.bai-man h4.section-title,.bai-man h4.skill-category-name,.bai-man h4.skill-section .category-name,.bai-man h5.experience-section .date,.bai-man h5.graph-entry .value .number,.bai-man h5.graphs.type-four .graph-value .graph-score,.bai-man h5.graphs.type-one .value,.bai-man h5.graphs.type-three .graph-value,.bai-man h5.graphs.type-two .value .number,.bai-man h5.headline,.bai-man h5.keyword,.bai-man h5.name,.bai-man h5.page:after,.bai-man h5.publication-section .date,.bai-man h5.section-title,.bai-man h5.skill-category-name,.bai-man h5.skill-section .category-name,.bai-man h6.experience-section .date,.bai-man h6.graph-entry .value .number,.bai-man h6.graphs.type-four .graph-value .graph-score,.bai-man h6.graphs.type-one .value,.bai-man h6.graphs.type-three .graph-value,.bai-man h6.graphs.type-two .value .number,.bai-man h6.headline,.bai-man h6.keyword,.bai-man h6.name,.bai-man h6.page:after,.bai-man h6.publication-section .date,.bai-man h6.section-title,.bai-man h6.skill-category-name,.bai-man h6.skill-section .category-name,.bai-man i.experience-section .date,.bai-man i.graph-entry .value .number,.bai-man i.graphs.type-four .graph-value .graph-score,.bai-man i.graphs.type-one .value,.bai-man i.graphs.type-three .graph-value,.bai-man i.graphs.type-two .value .number,.bai-man i.headline,.bai-man i.keyword,.bai-man i.name,.bai-man i.page:after,.bai-man i.publication-section .date,.bai-man i.section-title,.bai-man i.skill-category-name,.bai-man i.skill-section .category-name,.bai-man ins.experience-section .date,.bai-man ins.graph-entry .value .number,.bai-man ins.graphs.type-four .graph-value .graph-score,.bai-man ins.graphs.type-one .value,.bai-man ins.graphs.type-three .graph-value,.bai-man ins.graphs.type-two .value .number,.bai-man ins.headline,.bai-man ins.keyword,.bai-man ins.name,.bai-man ins.page:after,.bai-man ins.publication-section .date,.bai-man ins.section-title,.bai-man ins.skill-category-name,.bai-man ins.skill-section .category-name,.bai-man li.experience-section .date,.bai-man li.graph-entry .value .number,.bai-man li.graphs.type-four .graph-value .graph-score,.bai-man li.graphs.type-one .value,.bai-man li.graphs.type-three .graph-value,.bai-man li.graphs.type-two .value .number,.bai-man li.headline,.bai-man li.keyword,.bai-man li.name,.bai-man li.page:after,.bai-man li.publication-section .date,.bai-man li.section-title,.bai-man li.skill-category-name,.bai-man li.skill-section .category-name,.bai-man mark.experience-section .date,.bai-man mark.graph-entry .value .number,.bai-man mark.graphs.type-four .graph-value .graph-score,.bai-man mark.graphs.type-one .value,.bai-man mark.graphs.type-three .graph-value,.bai-man mark.graphs.type-two .value .number,.bai-man mark.headline,.bai-man mark.keyword,.bai-man mark.name,.bai-man mark.page:after,.bai-man mark.publication-section .date,.bai-man mark.section-title,.bai-man mark.skill-category-name,.bai-man mark.skill-section .category-name,.bai-man ol.experience-section .date,.bai-man ol.graph-entry .value .number,.bai-man ol.graphs.type-four .graph-value .graph-score,.bai-man ol.graphs.type-one .value,.bai-man ol.graphs.type-three .graph-value,.bai-man ol.graphs.type-two .value .number,.bai-man ol.headline,.bai-man ol.keyword,.bai-man ol.name,.bai-man ol.page:after,.bai-man ol.publication-section .date,.bai-man ol.section-title,.bai-man ol.skill-category-name,.bai-man ol.skill-section .category-name,.bai-man p.experience-section .date,.bai-man p.graph-entry .value .number,.bai-man p.graphs.type-four .graph-value .graph-score,.bai-man p.graphs.type-one .value,.bai-man p.graphs.type-three .graph-value,.bai-man p.graphs.type-two .value .number,.bai-man p.headline,.bai-man p.keyword,.bai-man p.name,.bai-man p.page:after,.bai-man p.publication-section .date,.bai-man p.section-title,.bai-man p.skill-category-name,.bai-man p.skill-section .category-name,.bai-man s.experience-section .date,.bai-man s.graph-entry .value .number,.bai-man s.graphs.type-four .graph-value .graph-score,.bai-man s.graphs.type-one .value,.bai-man s.graphs.type-three .graph-value,.bai-man s.graphs.type-two .value .number,.bai-man s.headline,.bai-man s.keyword,.bai-man s.name,.bai-man s.page:after,.bai-man s.publication-section .date,.bai-man s.section-title,.bai-man s.skill-category-name,.bai-man s.skill-section .category-name,.bai-man small.experience-section .date,.bai-man small.graph-entry .value .number,.bai-man small.graphs.type-four .graph-value .graph-score,.bai-man small.graphs.type-one .value,.bai-man small.graphs.type-three .graph-value,.bai-man small.graphs.type-two .value .number,.bai-man small.headline,.bai-man small.keyword,.bai-man small.name,.bai-man small.page:after,.bai-man small.publication-section .date,.bai-man small.section-title,.bai-man small.skill-category-name,.bai-man small.skill-section .category-name,.bai-man span.experience-section .date,.bai-man span.graph-entry .value .number,.bai-man span.graphs.type-four .graph-value .graph-score,.bai-man span.graphs.type-one .value,.bai-man span.graphs.type-three .graph-value,.bai-man span.graphs.type-two .value .number,.bai-man span.headline,.bai-man span.keyword,.bai-man span.name,.bai-man span.page:after,.bai-man span.publication-section .date,.bai-man span.section-title,.bai-man span.skill-category-name,.bai-man span.skill-section .category-name,.bai-man strong.experience-section .date,.bai-man strong.graph-entry .value .number,.bai-man strong.graphs.type-four .graph-value .graph-score,.bai-man strong.graphs.type-one .value,.bai-man strong.graphs.type-three .graph-value,.bai-man strong.graphs.type-two .value .number,.bai-man strong.headline,.bai-man strong.keyword,.bai-man strong.name,.bai-man strong.page:after,.bai-man strong.publication-section .date,.bai-man strong.section-title,.bai-man strong.skill-category-name,.bai-man strong.skill-section .category-name,.bai-man sub.experience-section .date,.bai-man sub.graph-entry .value .number,.bai-man sub.graphs.type-four .graph-value .graph-score,.bai-man sub.graphs.type-one .value,.bai-man sub.graphs.type-three .graph-value,.bai-man sub.graphs.type-two .value .number,.bai-man sub.headline,.bai-man sub.keyword,.bai-man sub.name,.bai-man sub.page:after,.bai-man sub.publication-section .date,.bai-man sub.section-title,.bai-man sub.skill-category-name,.bai-man sub.skill-section .category-name,.bai-man sup.experience-section .date,.bai-man sup.graph-entry .value .number,.bai-man sup.graphs.type-four .graph-value .graph-score,.bai-man sup.graphs.type-one .value,.bai-man sup.graphs.type-three .graph-value,.bai-man sup.graphs.type-two .value .number,.bai-man sup.headline,.bai-man sup.keyword,.bai-man sup.name,.bai-man sup.page:after,.bai-man sup.publication-section .date,.bai-man sup.section-title,.bai-man sup.skill-category-name,.bai-man sup.skill-section .category-name,.bai-man td.experience-section .date,.bai-man td.graph-entry .value .number,.bai-man td.graphs.type-four .graph-value .graph-score,.bai-man td.graphs.type-one .value,.bai-man td.graphs.type-three .graph-value,.bai-man td.graphs.type-two .value .number,.bai-man td.headline,.bai-man td.keyword,.bai-man td.name,.bai-man td.page:after,.bai-man td.publication-section .date,.bai-man td.section-title,.bai-man td.skill-category-name,.bai-man td.skill-section .category-name,.bai-man u.experience-section .date,.bai-man u.graph-entry .value .number,.bai-man u.graphs.type-four .graph-value .graph-score,.bai-man u.graphs.type-one .value,.bai-man u.graphs.type-three .graph-value,.bai-man u.graphs.type-two .value .number,.bai-man u.headline,.bai-man u.keyword,.bai-man u.name,.bai-man u.page:after,.bai-man u.publication-section .date,.bai-man u.section-title,.bai-man u.skill-category-name,.bai-man u.skill-section .category-name,.bai-man ul.experience-section .date,.bai-man ul.graph-entry .value .number,.bai-man ul.graphs.type-four .graph-value .graph-score,.bai-man ul.graphs.type-one .value,.bai-man ul.graphs.type-three .graph-value,.bai-man ul.graphs.type-two .value .number,.bai-man ul.headline,.bai-man ul.keyword,.bai-man ul.name,.bai-man ul.page:after,.bai-man ul.publication-section .date,.bai-man ul.section-title,.bai-man ul.skill-category-name,.bai-man ul.skill-section .category-name {
  font-family: Bai Jamjuree,sans-serif
}

.bai-man .page:after {
  font-family: Manuale,serif
}

.bai-man .page:after.experience-section .date,.bai-man .page:after.graph-entry .value .number,.bai-man .page:after.graphs.type-four .graph-value .graph-score,.bai-man .page:after.graphs.type-one .value,.bai-man .page:after.graphs.type-three .graph-value,.bai-man .page:after.graphs.type-two .value .number,.bai-man .page:after.headline,.bai-man .page:after.keyword,.bai-man .page:after.name,.bai-man .page:after.page:after,.bai-man .page:after.publication-section .date,.bai-man .page:after.section-title,.bai-man .page:after.skill-category-name,.bai-man .page:after.skill-section .category-name {
  font-family: Bai Jamjuree,sans-serif
}

.bai-man .signature {
  font-family: Caveat,cursive!important
}

.bai-man .cover-section .name,.bai-man .general-section .name {
  font-weight: 700
}

.bai-man .general-info .key,.bai-man .general-section .key {
  font-weight: 600
}

.bai-man .headline,.bai-man .section-title,.bai-man.web-bubbles .menu .menu-header .name,.bai-man.web-modern .topbar .topbar-name {
  font-weight: 700
}

.bai-man .page:after,.bai-man:not(.web-page) .experience-section .date {
  font-weight: 400
}

.bai-man:not(.web-page) .experience-section .company-name,.bai-man:not(.web-page) .experience-section .position,.bai-man:not(.web-page) .experience-section .publication-name,.bai-man:not(.web-page) .experience-section .publisher {
  font-weight: 600
}

.bai-man.web-page .experience-section .date,.bai-man.web-page .publication-section .date {
  font-weight: 400
}

.bai-man.web-page .experience-section .position,.bai-man.web-page .experience-section .publication-name,.bai-man.web-page .publication-section .position,.bai-man.web-page .publication-section .publication-name {
  font-weight: 600
}

.bai-man .skill-section .category-name,.bai-man .skill-section .skill-category-name {
  font-weight: 700
}

.bai-man .skill-section .skill-description {
  font-weight: 600
}

.bai-man .graphs.type-one .value {
  font-weight: 700
}

.bai-man .graphs.type-one .pie-percentage {
  font-weight: 400
}

.bai-man.web-glider .graph-entry .value .number,.bai-man.web-modern .graph-entry .value .number {
  font-weight: 700
}

.bai-man.web-glider .graph-entry .value .circle-percentage,.bai-man.web-modern .graph-entry .value .circle-percentage {
  font-weight: 400
}

.bai-man .graphs.type-two .value .number,.bai-man.web-sidebar .graph-entry .value .number {
  font-weight: 700
}

.bai-man .graphs.type-two .value .circle-percentage,.bai-man.web-sidebar .graph-entry .value .circle-percentage {
  font-weight: 400
}

.bai-man .graphs.type-four .graph-value .graph-score,.bai-man .graphs.type-three .graph-value,.bai-man .keyword .prefix {
  font-weight: 700
}

.bai-man .rich-text .date,.bai-man.web-page .more-btn {
  font-weight: 600
}

.bun-isn a,.bun-isn b,.bun-isn del,.bun-isn div,.bun-isn em,.bun-isn h1,.bun-isn h2,.bun-isn h3,.bun-isn h4,.bun-isn h5,.bun-isn h6,.bun-isn i,.bun-isn ins,.bun-isn li,.bun-isn mark,.bun-isn ol,.bun-isn p,.bun-isn s,.bun-isn small,.bun-isn span,.bun-isn strong,.bun-isn sub,.bun-isn sup,.bun-isn td,.bun-isn u,.bun-isn ul {
  font-family: IBM Plex Sans,sans-serif
}

.bun-isn a.headline,.bun-isn a.name,.bun-isn a.section-title,.bun-isn b.headline,.bun-isn b.name,.bun-isn b.section-title,.bun-isn del.headline,.bun-isn del.name,.bun-isn del.section-title,.bun-isn div.headline,.bun-isn div.name,.bun-isn div.section-title,.bun-isn em.headline,.bun-isn em.name,.bun-isn em.section-title,.bun-isn h1.headline,.bun-isn h1.name,.bun-isn h1.section-title,.bun-isn h2.headline,.bun-isn h2.name,.bun-isn h2.section-title,.bun-isn h3.headline,.bun-isn h3.name,.bun-isn h3.section-title,.bun-isn h4.headline,.bun-isn h4.name,.bun-isn h4.section-title,.bun-isn h5.headline,.bun-isn h5.name,.bun-isn h5.section-title,.bun-isn h6.headline,.bun-isn h6.name,.bun-isn h6.section-title,.bun-isn i.headline,.bun-isn i.name,.bun-isn i.section-title,.bun-isn ins.headline,.bun-isn ins.name,.bun-isn ins.section-title,.bun-isn li.headline,.bun-isn li.name,.bun-isn li.section-title,.bun-isn mark.headline,.bun-isn mark.name,.bun-isn mark.section-title,.bun-isn ol.headline,.bun-isn ol.name,.bun-isn ol.section-title,.bun-isn p.headline,.bun-isn p.name,.bun-isn p.section-title,.bun-isn s.headline,.bun-isn s.name,.bun-isn s.section-title,.bun-isn small.headline,.bun-isn small.name,.bun-isn small.section-title,.bun-isn span.headline,.bun-isn span.name,.bun-isn span.section-title,.bun-isn strong.headline,.bun-isn strong.name,.bun-isn strong.section-title,.bun-isn sub.headline,.bun-isn sub.name,.bun-isn sub.section-title,.bun-isn sup.headline,.bun-isn sup.name,.bun-isn sup.section-title,.bun-isn td.headline,.bun-isn td.name,.bun-isn td.section-title,.bun-isn u.headline,.bun-isn u.name,.bun-isn u.section-title,.bun-isn ul.headline,.bun-isn ul.name,.bun-isn ul.section-title {
  font-family: Bungee,cursive
}

.bun-isn .page:after {
  font-family: IBM Plex Sans,sans-serif
}

.bun-isn .page:after.headline,.bun-isn .page:after.name,.bun-isn .page:after.section-title {
  font-family: Bungee,cursive
}

.bun-isn .signature {
  font-family: Caveat,cursive!important
}

.bun-isn .cover-section .name,.bun-isn .general-info .key,.bun-isn .general-section .key,.bun-isn .general-section .name,.bun-isn .headline,.bun-isn .page:after,.bun-isn .section-title,.bun-isn.web-bubbles .menu .menu-header .name,.bun-isn.web-modern .topbar .topbar-name {
  font-weight: 700
}

.bun-isn:not(.web-page) .experience-section .date {
  font-weight: 400
}

.bun-isn:not(.web-page) .experience-section .company-name,.bun-isn:not(.web-page) .experience-section .position,.bun-isn:not(.web-page) .experience-section .publication-name,.bun-isn:not(.web-page) .experience-section .publisher {
  font-weight: 700
}

.bun-isn.web-page .experience-section .date,.bun-isn.web-page .publication-section .date {
  font-weight: 400
}

.bun-isn .graphs.type-one .value,.bun-isn .skill-section .category-name,.bun-isn .skill-section .skill-category-name,.bun-isn .skill-section .skill-description,.bun-isn.web-page .experience-section .position,.bun-isn.web-page .experience-section .publication-name,.bun-isn.web-page .publication-section .position,.bun-isn.web-page .publication-section .publication-name {
  font-weight: 700
}

.bun-isn .graphs.type-one .pie-percentage {
  font-weight: 400
}

.bun-isn.web-glider .graph-entry .value .number,.bun-isn.web-modern .graph-entry .value .number {
  font-weight: 700
}

.bun-isn .graphs.type-two .value .circle-percentage,.bun-isn .graphs.type-two .value .number,.bun-isn.web-glider .graph-entry .value .circle-percentage,.bun-isn.web-modern .graph-entry .value .circle-percentage,.bun-isn.web-sidebar .graph-entry .value .circle-percentage,.bun-isn.web-sidebar .graph-entry .value .number {
  font-weight: 400
}

.bun-isn .graphs.type-four .graph-value .graph-score,.bun-isn .graphs.type-three .graph-value,.bun-isn .keyword .prefix,.bun-isn .rich-text .date,.bun-isn.web-page .more-btn {
  font-weight: 700
}

.pat-fcn a,.pat-fcn b,.pat-fcn del,.pat-fcn div,.pat-fcn em,.pat-fcn h1,.pat-fcn h2,.pat-fcn h3,.pat-fcn h4,.pat-fcn h5,.pat-fcn h6,.pat-fcn i,.pat-fcn ins,.pat-fcn li,.pat-fcn mark,.pat-fcn ol,.pat-fcn p,.pat-fcn s,.pat-fcn small,.pat-fcn span,.pat-fcn strong,.pat-fcn sub,.pat-fcn sup,.pat-fcn td,.pat-fcn u,.pat-fcn ul {
  font-family: Fira Sans Condensed,sans-serif
}

.pat-fcn a.graph-entry .value .number,.pat-fcn a.graphs.type-four .graph-value .graph-score,.pat-fcn a.graphs.type-one .value,.pat-fcn a.graphs.type-three .graph-value,.pat-fcn a.graphs.type-two .value .number,.pat-fcn a.headline,.pat-fcn a.name,.pat-fcn a.page:after,.pat-fcn a.section-title,.pat-fcn b.graph-entry .value .number,.pat-fcn b.graphs.type-four .graph-value .graph-score,.pat-fcn b.graphs.type-one .value,.pat-fcn b.graphs.type-three .graph-value,.pat-fcn b.graphs.type-two .value .number,.pat-fcn b.headline,.pat-fcn b.name,.pat-fcn b.page:after,.pat-fcn b.section-title,.pat-fcn del.graph-entry .value .number,.pat-fcn del.graphs.type-four .graph-value .graph-score,.pat-fcn del.graphs.type-one .value,.pat-fcn del.graphs.type-three .graph-value,.pat-fcn del.graphs.type-two .value .number,.pat-fcn del.headline,.pat-fcn del.name,.pat-fcn del.page:after,.pat-fcn del.section-title,.pat-fcn div.graph-entry .value .number,.pat-fcn div.graphs.type-four .graph-value .graph-score,.pat-fcn div.graphs.type-one .value,.pat-fcn div.graphs.type-three .graph-value,.pat-fcn div.graphs.type-two .value .number,.pat-fcn div.headline,.pat-fcn div.name,.pat-fcn div.page:after,.pat-fcn div.section-title,.pat-fcn em.graph-entry .value .number,.pat-fcn em.graphs.type-four .graph-value .graph-score,.pat-fcn em.graphs.type-one .value,.pat-fcn em.graphs.type-three .graph-value,.pat-fcn em.graphs.type-two .value .number,.pat-fcn em.headline,.pat-fcn em.name,.pat-fcn em.page:after,.pat-fcn em.section-title,.pat-fcn h1.graph-entry .value .number,.pat-fcn h1.graphs.type-four .graph-value .graph-score,.pat-fcn h1.graphs.type-one .value,.pat-fcn h1.graphs.type-three .graph-value,.pat-fcn h1.graphs.type-two .value .number,.pat-fcn h1.headline,.pat-fcn h1.name,.pat-fcn h1.page:after,.pat-fcn h1.section-title,.pat-fcn h2.graph-entry .value .number,.pat-fcn h2.graphs.type-four .graph-value .graph-score,.pat-fcn h2.graphs.type-one .value,.pat-fcn h2.graphs.type-three .graph-value,.pat-fcn h2.graphs.type-two .value .number,.pat-fcn h2.headline,.pat-fcn h2.name,.pat-fcn h2.page:after,.pat-fcn h2.section-title,.pat-fcn h3.graph-entry .value .number,.pat-fcn h3.graphs.type-four .graph-value .graph-score,.pat-fcn h3.graphs.type-one .value,.pat-fcn h3.graphs.type-three .graph-value,.pat-fcn h3.graphs.type-two .value .number,.pat-fcn h3.headline,.pat-fcn h3.name,.pat-fcn h3.page:after,.pat-fcn h3.section-title,.pat-fcn h4.graph-entry .value .number,.pat-fcn h4.graphs.type-four .graph-value .graph-score,.pat-fcn h4.graphs.type-one .value,.pat-fcn h4.graphs.type-three .graph-value,.pat-fcn h4.graphs.type-two .value .number,.pat-fcn h4.headline,.pat-fcn h4.name,.pat-fcn h4.page:after,.pat-fcn h4.section-title,.pat-fcn h5.graph-entry .value .number,.pat-fcn h5.graphs.type-four .graph-value .graph-score,.pat-fcn h5.graphs.type-one .value,.pat-fcn h5.graphs.type-three .graph-value,.pat-fcn h5.graphs.type-two .value .number,.pat-fcn h5.headline,.pat-fcn h5.name,.pat-fcn h5.page:after,.pat-fcn h5.section-title,.pat-fcn h6.graph-entry .value .number,.pat-fcn h6.graphs.type-four .graph-value .graph-score,.pat-fcn h6.graphs.type-one .value,.pat-fcn h6.graphs.type-three .graph-value,.pat-fcn h6.graphs.type-two .value .number,.pat-fcn h6.headline,.pat-fcn h6.name,.pat-fcn h6.page:after,.pat-fcn h6.section-title,.pat-fcn i.graph-entry .value .number,.pat-fcn i.graphs.type-four .graph-value .graph-score,.pat-fcn i.graphs.type-one .value,.pat-fcn i.graphs.type-three .graph-value,.pat-fcn i.graphs.type-two .value .number,.pat-fcn i.headline,.pat-fcn i.name,.pat-fcn i.page:after,.pat-fcn i.section-title,.pat-fcn ins.graph-entry .value .number,.pat-fcn ins.graphs.type-four .graph-value .graph-score,.pat-fcn ins.graphs.type-one .value,.pat-fcn ins.graphs.type-three .graph-value,.pat-fcn ins.graphs.type-two .value .number,.pat-fcn ins.headline,.pat-fcn ins.name,.pat-fcn ins.page:after,.pat-fcn ins.section-title,.pat-fcn li.graph-entry .value .number,.pat-fcn li.graphs.type-four .graph-value .graph-score,.pat-fcn li.graphs.type-one .value,.pat-fcn li.graphs.type-three .graph-value,.pat-fcn li.graphs.type-two .value .number,.pat-fcn li.headline,.pat-fcn li.name,.pat-fcn li.page:after,.pat-fcn li.section-title,.pat-fcn mark.graph-entry .value .number,.pat-fcn mark.graphs.type-four .graph-value .graph-score,.pat-fcn mark.graphs.type-one .value,.pat-fcn mark.graphs.type-three .graph-value,.pat-fcn mark.graphs.type-two .value .number,.pat-fcn mark.headline,.pat-fcn mark.name,.pat-fcn mark.page:after,.pat-fcn mark.section-title,.pat-fcn ol.graph-entry .value .number,.pat-fcn ol.graphs.type-four .graph-value .graph-score,.pat-fcn ol.graphs.type-one .value,.pat-fcn ol.graphs.type-three .graph-value,.pat-fcn ol.graphs.type-two .value .number,.pat-fcn ol.headline,.pat-fcn ol.name,.pat-fcn ol.page:after,.pat-fcn ol.section-title,.pat-fcn p.graph-entry .value .number,.pat-fcn p.graphs.type-four .graph-value .graph-score,.pat-fcn p.graphs.type-one .value,.pat-fcn p.graphs.type-three .graph-value,.pat-fcn p.graphs.type-two .value .number,.pat-fcn p.headline,.pat-fcn p.name,.pat-fcn p.page:after,.pat-fcn p.section-title,.pat-fcn s.graph-entry .value .number,.pat-fcn s.graphs.type-four .graph-value .graph-score,.pat-fcn s.graphs.type-one .value,.pat-fcn s.graphs.type-three .graph-value,.pat-fcn s.graphs.type-two .value .number,.pat-fcn s.headline,.pat-fcn s.name,.pat-fcn s.page:after,.pat-fcn s.section-title,.pat-fcn small.graph-entry .value .number,.pat-fcn small.graphs.type-four .graph-value .graph-score,.pat-fcn small.graphs.type-one .value,.pat-fcn small.graphs.type-three .graph-value,.pat-fcn small.graphs.type-two .value .number,.pat-fcn small.headline,.pat-fcn small.name,.pat-fcn small.page:after,.pat-fcn small.section-title,.pat-fcn span.graph-entry .value .number,.pat-fcn span.graphs.type-four .graph-value .graph-score,.pat-fcn span.graphs.type-one .value,.pat-fcn span.graphs.type-three .graph-value,.pat-fcn span.graphs.type-two .value .number,.pat-fcn span.headline,.pat-fcn span.name,.pat-fcn span.page:after,.pat-fcn span.section-title,.pat-fcn strong.graph-entry .value .number,.pat-fcn strong.graphs.type-four .graph-value .graph-score,.pat-fcn strong.graphs.type-one .value,.pat-fcn strong.graphs.type-three .graph-value,.pat-fcn strong.graphs.type-two .value .number,.pat-fcn strong.headline,.pat-fcn strong.name,.pat-fcn strong.page:after,.pat-fcn strong.section-title,.pat-fcn sub.graph-entry .value .number,.pat-fcn sub.graphs.type-four .graph-value .graph-score,.pat-fcn sub.graphs.type-one .value,.pat-fcn sub.graphs.type-three .graph-value,.pat-fcn sub.graphs.type-two .value .number,.pat-fcn sub.headline,.pat-fcn sub.name,.pat-fcn sub.page:after,.pat-fcn sub.section-title,.pat-fcn sup.graph-entry .value .number,.pat-fcn sup.graphs.type-four .graph-value .graph-score,.pat-fcn sup.graphs.type-one .value,.pat-fcn sup.graphs.type-three .graph-value,.pat-fcn sup.graphs.type-two .value .number,.pat-fcn sup.headline,.pat-fcn sup.name,.pat-fcn sup.page:after,.pat-fcn sup.section-title,.pat-fcn td.graph-entry .value .number,.pat-fcn td.graphs.type-four .graph-value .graph-score,.pat-fcn td.graphs.type-one .value,.pat-fcn td.graphs.type-three .graph-value,.pat-fcn td.graphs.type-two .value .number,.pat-fcn td.headline,.pat-fcn td.name,.pat-fcn td.page:after,.pat-fcn td.section-title,.pat-fcn u.graph-entry .value .number,.pat-fcn u.graphs.type-four .graph-value .graph-score,.pat-fcn u.graphs.type-one .value,.pat-fcn u.graphs.type-three .graph-value,.pat-fcn u.graphs.type-two .value .number,.pat-fcn u.headline,.pat-fcn u.name,.pat-fcn u.page:after,.pat-fcn u.section-title,.pat-fcn ul.graph-entry .value .number,.pat-fcn ul.graphs.type-four .graph-value .graph-score,.pat-fcn ul.graphs.type-one .value,.pat-fcn ul.graphs.type-three .graph-value,.pat-fcn ul.graphs.type-two .value .number,.pat-fcn ul.headline,.pat-fcn ul.name,.pat-fcn ul.page:after,.pat-fcn ul.section-title {
  font-family: Patrick Hand,cursive
}

.pat-fcn .page:after {
  font-family: Fira Sans Condensed,sans-serif
}

.pat-fcn .page:after.graph-entry .value .number,.pat-fcn .page:after.graphs.type-four .graph-value .graph-score,.pat-fcn .page:after.graphs.type-one .value,.pat-fcn .page:after.graphs.type-three .graph-value,.pat-fcn .page:after.graphs.type-two .value .number,.pat-fcn .page:after.headline,.pat-fcn .page:after.name,.pat-fcn .page:after.page:after,.pat-fcn .page:after.section-title {
  font-family: Patrick Hand,cursive
}

.pat-fcn .signature {
  font-family: Caveat,cursive!important
}

.pat-fcn .cover-section .name,.pat-fcn .general-section .name {
  font-weight: 400
}

.pat-fcn .general-info .key,.pat-fcn .general-section .key {
  font-weight: 500
}

.pat-fcn .headline,.pat-fcn .page:after,.pat-fcn .section-title,.pat-fcn.web-bubbles .menu .menu-header .name,.pat-fcn.web-modern .topbar .topbar-name,.pat-fcn:not(.web-page) .experience-section .date {
  font-weight: 400
}

.pat-fcn:not(.web-page) .experience-section .company-name,.pat-fcn:not(.web-page) .experience-section .position,.pat-fcn:not(.web-page) .experience-section .publication-name,.pat-fcn:not(.web-page) .experience-section .publisher {
  font-weight: 500
}

.pat-fcn.web-page .experience-section .date,.pat-fcn.web-page .publication-section .date {
  font-weight: 400
}

.pat-fcn .skill-section .category-name,.pat-fcn .skill-section .skill-category-name,.pat-fcn .skill-section .skill-description,.pat-fcn.web-page .experience-section .position,.pat-fcn.web-page .experience-section .publication-name,.pat-fcn.web-page .publication-section .position,.pat-fcn.web-page .publication-section .publication-name {
  font-weight: 500
}

.pat-fcn .graphs.type-four .graph-value .graph-score,.pat-fcn .graphs.type-one .pie-percentage,.pat-fcn .graphs.type-one .value,.pat-fcn .graphs.type-three .graph-value,.pat-fcn .graphs.type-two .value .circle-percentage,.pat-fcn .graphs.type-two .value .number,.pat-fcn .keyword .prefix,.pat-fcn .rich-text .date,.pat-fcn.web-glider .graph-entry .value .circle-percentage,.pat-fcn.web-glider .graph-entry .value .number,.pat-fcn.web-modern .graph-entry .value .circle-percentage,.pat-fcn.web-modern .graph-entry .value .number,.pat-fcn.web-sidebar .graph-entry .value .circle-percentage,.pat-fcn.web-sidebar .graph-entry .value .number {
  font-weight: 400
}

.pat-fcn.web-page .more-btn {
  font-weight: 700
}

.tit-tit .page:after,.tit-tit a,.tit-tit b,.tit-tit del,.tit-tit div,.tit-tit em,.tit-tit h1,.tit-tit h2,.tit-tit h3,.tit-tit h4,.tit-tit h5,.tit-tit h6,.tit-tit i,.tit-tit ins,.tit-tit li,.tit-tit mark,.tit-tit ol,.tit-tit p,.tit-tit s,.tit-tit small,.tit-tit span,.tit-tit strong,.tit-tit sub,.tit-tit sup,.tit-tit td,.tit-tit u,.tit-tit ul {
  font-family: Titillium Web,sans-serif
}

.tit-tit .signature {
  font-family: Caveat,cursive!important
}

.tit-tit .cover-section .name,.tit-tit .general-info .key,.tit-tit .general-section .key,.tit-tit .general-section .name,.tit-tit .headline,.tit-tit .page:after,.tit-tit .section-title,.tit-tit.web-bubbles .menu .menu-header .name,.tit-tit.web-modern .topbar .topbar-name {
  font-weight: 700
}

.tit-tit:not(.web-page) .experience-section .date {
  font-weight: 400
}

.tit-tit:not(.web-page) .experience-section .company-name,.tit-tit:not(.web-page) .experience-section .position,.tit-tit:not(.web-page) .experience-section .publication-name,.tit-tit:not(.web-page) .experience-section .publisher {
  font-weight: 700
}

.tit-tit.web-page .experience-section .date,.tit-tit.web-page .publication-section .date {
  font-weight: 400
}

.tit-tit .graphs.type-one .value,.tit-tit .skill-section .category-name,.tit-tit .skill-section .skill-category-name,.tit-tit .skill-section .skill-description,.tit-tit.web-page .experience-section .position,.tit-tit.web-page .experience-section .publication-name,.tit-tit.web-page .publication-section .position,.tit-tit.web-page .publication-section .publication-name {
  font-weight: 700
}

.tit-tit .graphs.type-one .pie-percentage {
  font-weight: 400
}

.tit-tit.web-glider .graph-entry .value .number,.tit-tit.web-modern .graph-entry .value .number {
  font-weight: 700
}

.tit-tit .graphs.type-two .value .number,.tit-tit.web-glider .graph-entry .value .circle-percentage,.tit-tit.web-modern .graph-entry .value .circle-percentage,.tit-tit.web-sidebar .graph-entry .value .number {
  font-weight: 400
}

.tit-tit .graphs.type-two .value .circle-percentage,.tit-tit.web-sidebar .graph-entry .value .circle-percentage {
  font-weight: 700
}

.tit-tit .graphs.type-three .graph-value {
  font-weight: 400
}

.tit-tit .graphs.type-four .graph-value .graph-score {
  font-weight: 700
}

.tit-tit .keyword .prefix {
  font-weight: 400
}

.tit-tit .rich-text .date,.tit-tit.web-page .more-btn {
  font-weight: 700
}

.imn-isn a,.imn-isn b,.imn-isn del,.imn-isn div,.imn-isn em,.imn-isn h1,.imn-isn h2,.imn-isn h3,.imn-isn h4,.imn-isn h5,.imn-isn h6,.imn-isn i,.imn-isn ins,.imn-isn li,.imn-isn mark,.imn-isn ol,.imn-isn p,.imn-isn s,.imn-isn small,.imn-isn span,.imn-isn strong,.imn-isn sub,.imn-isn sup,.imn-isn td,.imn-isn u,.imn-isn ul {
  font-family: IBM Plex Sans,sans-serif
}

.imn-isn a.headline,.imn-isn a.name,.imn-isn a.section-title,.imn-isn b.headline,.imn-isn b.name,.imn-isn b.section-title,.imn-isn del.headline,.imn-isn del.name,.imn-isn del.section-title,.imn-isn div.headline,.imn-isn div.name,.imn-isn div.section-title,.imn-isn em.headline,.imn-isn em.name,.imn-isn em.section-title,.imn-isn h1.headline,.imn-isn h1.name,.imn-isn h1.section-title,.imn-isn h2.headline,.imn-isn h2.name,.imn-isn h2.section-title,.imn-isn h3.headline,.imn-isn h3.name,.imn-isn h3.section-title,.imn-isn h4.headline,.imn-isn h4.name,.imn-isn h4.section-title,.imn-isn h5.headline,.imn-isn h5.name,.imn-isn h5.section-title,.imn-isn h6.headline,.imn-isn h6.name,.imn-isn h6.section-title,.imn-isn i.headline,.imn-isn i.name,.imn-isn i.section-title,.imn-isn ins.headline,.imn-isn ins.name,.imn-isn ins.section-title,.imn-isn li.headline,.imn-isn li.name,.imn-isn li.section-title,.imn-isn mark.headline,.imn-isn mark.name,.imn-isn mark.section-title,.imn-isn ol.headline,.imn-isn ol.name,.imn-isn ol.section-title,.imn-isn p.headline,.imn-isn p.name,.imn-isn p.section-title,.imn-isn s.headline,.imn-isn s.name,.imn-isn s.section-title,.imn-isn small.headline,.imn-isn small.name,.imn-isn small.section-title,.imn-isn span.headline,.imn-isn span.name,.imn-isn span.section-title,.imn-isn strong.headline,.imn-isn strong.name,.imn-isn strong.section-title,.imn-isn sub.headline,.imn-isn sub.name,.imn-isn sub.section-title,.imn-isn sup.headline,.imn-isn sup.name,.imn-isn sup.section-title,.imn-isn td.headline,.imn-isn td.name,.imn-isn td.section-title,.imn-isn u.headline,.imn-isn u.name,.imn-isn u.section-title,.imn-isn ul.headline,.imn-isn ul.name,.imn-isn ul.section-title {
  font-family: IBM Plex Mono,monospace
}

.imn-isn .page:after {
  font-family: IBM Plex Sans,sans-serif
}

.imn-isn .page:after.headline,.imn-isn .page:after.name,.imn-isn .page:after.section-title {
  font-family: IBM Plex Mono,monospace
}

.imn-isn .signature {
  font-family: Caveat,cursive!important
}

.imn-isn .cover-section .name,.imn-isn .general-section .name {
  font-weight: 400
}

.imn-isn .general-info .key,.imn-isn .general-section .key {
  font-weight: 700
}

.imn-isn .headline,.imn-isn .page:after,.imn-isn .section-title,.imn-isn.web-bubbles .menu .menu-header .name,.imn-isn.web-modern .topbar .topbar-name,.imn-isn:not(.web-page) .experience-section .date {
  font-weight: 400
}

.imn-isn:not(.web-page) .experience-section .company-name,.imn-isn:not(.web-page) .experience-section .position,.imn-isn:not(.web-page) .experience-section .publication-name,.imn-isn:not(.web-page) .experience-section .publisher {
  font-weight: 700
}

.imn-isn.web-page .experience-section .date,.imn-isn.web-page .publication-section .date {
  font-weight: 400
}

.imn-isn .skill-section .category-name,.imn-isn .skill-section .skill-category-name,.imn-isn .skill-section .skill-description,.imn-isn.web-page .experience-section .position,.imn-isn.web-page .experience-section .publication-name,.imn-isn.web-page .publication-section .position,.imn-isn.web-page .publication-section .publication-name {
  font-weight: 700
}

.imn-isn .graphs.type-four .graph-value .graph-score,.imn-isn .graphs.type-one .pie-percentage,.imn-isn .graphs.type-one .value,.imn-isn .graphs.type-three .graph-value,.imn-isn .graphs.type-two .value .circle-percentage,.imn-isn .graphs.type-two .value .number,.imn-isn.web-glider .graph-entry .value .circle-percentage,.imn-isn.web-glider .graph-entry .value .number,.imn-isn.web-modern .graph-entry .value .circle-percentage,.imn-isn.web-modern .graph-entry .value .number,.imn-isn.web-sidebar .graph-entry .value .circle-percentage,.imn-isn.web-sidebar .graph-entry .value .number {
  font-weight: 400
}

.imn-isn .keyword .prefix {
  font-weight: 700
}

.imn-isn .rich-text .date {
  font-weight: 400
}

.imn-isn.web-page .more-btn {
  font-weight: 700
}

.imn-isn-bld a,.imn-isn-bld b,.imn-isn-bld del,.imn-isn-bld div,.imn-isn-bld em,.imn-isn-bld h1,.imn-isn-bld h2,.imn-isn-bld h3,.imn-isn-bld h4,.imn-isn-bld h5,.imn-isn-bld h6,.imn-isn-bld i,.imn-isn-bld ins,.imn-isn-bld li,.imn-isn-bld mark,.imn-isn-bld ol,.imn-isn-bld p,.imn-isn-bld s,.imn-isn-bld small,.imn-isn-bld span,.imn-isn-bld strong,.imn-isn-bld sub,.imn-isn-bld sup,.imn-isn-bld td,.imn-isn-bld u,.imn-isn-bld ul {
  font-family: IBM Plex Sans,sans-serif
}

.imn-isn-bld a.graph-entry .value .number,.imn-isn-bld a.graphs.type-four .graph-value .graph-score,.imn-isn-bld a.graphs.type-one .value,.imn-isn-bld a.graphs.type-three .graph-value,.imn-isn-bld a.graphs.type-two .value .number,.imn-isn-bld a.headline,.imn-isn-bld a.name,.imn-isn-bld a.page:after,.imn-isn-bld a.section-title,.imn-isn-bld b.graph-entry .value .number,.imn-isn-bld b.graphs.type-four .graph-value .graph-score,.imn-isn-bld b.graphs.type-one .value,.imn-isn-bld b.graphs.type-three .graph-value,.imn-isn-bld b.graphs.type-two .value .number,.imn-isn-bld b.headline,.imn-isn-bld b.name,.imn-isn-bld b.page:after,.imn-isn-bld b.section-title,.imn-isn-bld del.graph-entry .value .number,.imn-isn-bld del.graphs.type-four .graph-value .graph-score,.imn-isn-bld del.graphs.type-one .value,.imn-isn-bld del.graphs.type-three .graph-value,.imn-isn-bld del.graphs.type-two .value .number,.imn-isn-bld del.headline,.imn-isn-bld del.name,.imn-isn-bld del.page:after,.imn-isn-bld del.section-title,.imn-isn-bld div.graph-entry .value .number,.imn-isn-bld div.graphs.type-four .graph-value .graph-score,.imn-isn-bld div.graphs.type-one .value,.imn-isn-bld div.graphs.type-three .graph-value,.imn-isn-bld div.graphs.type-two .value .number,.imn-isn-bld div.headline,.imn-isn-bld div.name,.imn-isn-bld div.page:after,.imn-isn-bld div.section-title,.imn-isn-bld em.graph-entry .value .number,.imn-isn-bld em.graphs.type-four .graph-value .graph-score,.imn-isn-bld em.graphs.type-one .value,.imn-isn-bld em.graphs.type-three .graph-value,.imn-isn-bld em.graphs.type-two .value .number,.imn-isn-bld em.headline,.imn-isn-bld em.name,.imn-isn-bld em.page:after,.imn-isn-bld em.section-title,.imn-isn-bld h1.graph-entry .value .number,.imn-isn-bld h1.graphs.type-four .graph-value .graph-score,.imn-isn-bld h1.graphs.type-one .value,.imn-isn-bld h1.graphs.type-three .graph-value,.imn-isn-bld h1.graphs.type-two .value .number,.imn-isn-bld h1.headline,.imn-isn-bld h1.name,.imn-isn-bld h1.page:after,.imn-isn-bld h1.section-title,.imn-isn-bld h2.graph-entry .value .number,.imn-isn-bld h2.graphs.type-four .graph-value .graph-score,.imn-isn-bld h2.graphs.type-one .value,.imn-isn-bld h2.graphs.type-three .graph-value,.imn-isn-bld h2.graphs.type-two .value .number,.imn-isn-bld h2.headline,.imn-isn-bld h2.name,.imn-isn-bld h2.page:after,.imn-isn-bld h2.section-title,.imn-isn-bld h3.graph-entry .value .number,.imn-isn-bld h3.graphs.type-four .graph-value .graph-score,.imn-isn-bld h3.graphs.type-one .value,.imn-isn-bld h3.graphs.type-three .graph-value,.imn-isn-bld h3.graphs.type-two .value .number,.imn-isn-bld h3.headline,.imn-isn-bld h3.name,.imn-isn-bld h3.page:after,.imn-isn-bld h3.section-title,.imn-isn-bld h4.graph-entry .value .number,.imn-isn-bld h4.graphs.type-four .graph-value .graph-score,.imn-isn-bld h4.graphs.type-one .value,.imn-isn-bld h4.graphs.type-three .graph-value,.imn-isn-bld h4.graphs.type-two .value .number,.imn-isn-bld h4.headline,.imn-isn-bld h4.name,.imn-isn-bld h4.page:after,.imn-isn-bld h4.section-title,.imn-isn-bld h5.graph-entry .value .number,.imn-isn-bld h5.graphs.type-four .graph-value .graph-score,.imn-isn-bld h5.graphs.type-one .value,.imn-isn-bld h5.graphs.type-three .graph-value,.imn-isn-bld h5.graphs.type-two .value .number,.imn-isn-bld h5.headline,.imn-isn-bld h5.name,.imn-isn-bld h5.page:after,.imn-isn-bld h5.section-title,.imn-isn-bld h6.graph-entry .value .number,.imn-isn-bld h6.graphs.type-four .graph-value .graph-score,.imn-isn-bld h6.graphs.type-one .value,.imn-isn-bld h6.graphs.type-three .graph-value,.imn-isn-bld h6.graphs.type-two .value .number,.imn-isn-bld h6.headline,.imn-isn-bld h6.name,.imn-isn-bld h6.page:after,.imn-isn-bld h6.section-title,.imn-isn-bld i.graph-entry .value .number,.imn-isn-bld i.graphs.type-four .graph-value .graph-score,.imn-isn-bld i.graphs.type-one .value,.imn-isn-bld i.graphs.type-three .graph-value,.imn-isn-bld i.graphs.type-two .value .number,.imn-isn-bld i.headline,.imn-isn-bld i.name,.imn-isn-bld i.page:after,.imn-isn-bld i.section-title,.imn-isn-bld ins.graph-entry .value .number,.imn-isn-bld ins.graphs.type-four .graph-value .graph-score,.imn-isn-bld ins.graphs.type-one .value,.imn-isn-bld ins.graphs.type-three .graph-value,.imn-isn-bld ins.graphs.type-two .value .number,.imn-isn-bld ins.headline,.imn-isn-bld ins.name,.imn-isn-bld ins.page:after,.imn-isn-bld ins.section-title,.imn-isn-bld li.graph-entry .value .number,.imn-isn-bld li.graphs.type-four .graph-value .graph-score,.imn-isn-bld li.graphs.type-one .value,.imn-isn-bld li.graphs.type-three .graph-value,.imn-isn-bld li.graphs.type-two .value .number,.imn-isn-bld li.headline,.imn-isn-bld li.name,.imn-isn-bld li.page:after,.imn-isn-bld li.section-title,.imn-isn-bld mark.graph-entry .value .number,.imn-isn-bld mark.graphs.type-four .graph-value .graph-score,.imn-isn-bld mark.graphs.type-one .value,.imn-isn-bld mark.graphs.type-three .graph-value,.imn-isn-bld mark.graphs.type-two .value .number,.imn-isn-bld mark.headline,.imn-isn-bld mark.name,.imn-isn-bld mark.page:after,.imn-isn-bld mark.section-title,.imn-isn-bld ol.graph-entry .value .number,.imn-isn-bld ol.graphs.type-four .graph-value .graph-score,.imn-isn-bld ol.graphs.type-one .value,.imn-isn-bld ol.graphs.type-three .graph-value,.imn-isn-bld ol.graphs.type-two .value .number,.imn-isn-bld ol.headline,.imn-isn-bld ol.name,.imn-isn-bld ol.page:after,.imn-isn-bld ol.section-title,.imn-isn-bld p.graph-entry .value .number,.imn-isn-bld p.graphs.type-four .graph-value .graph-score,.imn-isn-bld p.graphs.type-one .value,.imn-isn-bld p.graphs.type-three .graph-value,.imn-isn-bld p.graphs.type-two .value .number,.imn-isn-bld p.headline,.imn-isn-bld p.name,.imn-isn-bld p.page:after,.imn-isn-bld p.section-title,.imn-isn-bld s.graph-entry .value .number,.imn-isn-bld s.graphs.type-four .graph-value .graph-score,.imn-isn-bld s.graphs.type-one .value,.imn-isn-bld s.graphs.type-three .graph-value,.imn-isn-bld s.graphs.type-two .value .number,.imn-isn-bld s.headline,.imn-isn-bld s.name,.imn-isn-bld s.page:after,.imn-isn-bld s.section-title,.imn-isn-bld small.graph-entry .value .number,.imn-isn-bld small.graphs.type-four .graph-value .graph-score,.imn-isn-bld small.graphs.type-one .value,.imn-isn-bld small.graphs.type-three .graph-value,.imn-isn-bld small.graphs.type-two .value .number,.imn-isn-bld small.headline,.imn-isn-bld small.name,.imn-isn-bld small.page:after,.imn-isn-bld small.section-title,.imn-isn-bld span.graph-entry .value .number,.imn-isn-bld span.graphs.type-four .graph-value .graph-score,.imn-isn-bld span.graphs.type-one .value,.imn-isn-bld span.graphs.type-three .graph-value,.imn-isn-bld span.graphs.type-two .value .number,.imn-isn-bld span.headline,.imn-isn-bld span.name,.imn-isn-bld span.page:after,.imn-isn-bld span.section-title,.imn-isn-bld strong.graph-entry .value .number,.imn-isn-bld strong.graphs.type-four .graph-value .graph-score,.imn-isn-bld strong.graphs.type-one .value,.imn-isn-bld strong.graphs.type-three .graph-value,.imn-isn-bld strong.graphs.type-two .value .number,.imn-isn-bld strong.headline,.imn-isn-bld strong.name,.imn-isn-bld strong.page:after,.imn-isn-bld strong.section-title,.imn-isn-bld sub.graph-entry .value .number,.imn-isn-bld sub.graphs.type-four .graph-value .graph-score,.imn-isn-bld sub.graphs.type-one .value,.imn-isn-bld sub.graphs.type-three .graph-value,.imn-isn-bld sub.graphs.type-two .value .number,.imn-isn-bld sub.headline,.imn-isn-bld sub.name,.imn-isn-bld sub.page:after,.imn-isn-bld sub.section-title,.imn-isn-bld sup.graph-entry .value .number,.imn-isn-bld sup.graphs.type-four .graph-value .graph-score,.imn-isn-bld sup.graphs.type-one .value,.imn-isn-bld sup.graphs.type-three .graph-value,.imn-isn-bld sup.graphs.type-two .value .number,.imn-isn-bld sup.headline,.imn-isn-bld sup.name,.imn-isn-bld sup.page:after,.imn-isn-bld sup.section-title,.imn-isn-bld td.graph-entry .value .number,.imn-isn-bld td.graphs.type-four .graph-value .graph-score,.imn-isn-bld td.graphs.type-one .value,.imn-isn-bld td.graphs.type-three .graph-value,.imn-isn-bld td.graphs.type-two .value .number,.imn-isn-bld td.headline,.imn-isn-bld td.name,.imn-isn-bld td.page:after,.imn-isn-bld td.section-title,.imn-isn-bld u.graph-entry .value .number,.imn-isn-bld u.graphs.type-four .graph-value .graph-score,.imn-isn-bld u.graphs.type-one .value,.imn-isn-bld u.graphs.type-three .graph-value,.imn-isn-bld u.graphs.type-two .value .number,.imn-isn-bld u.headline,.imn-isn-bld u.name,.imn-isn-bld u.page:after,.imn-isn-bld u.section-title,.imn-isn-bld ul.graph-entry .value .number,.imn-isn-bld ul.graphs.type-four .graph-value .graph-score,.imn-isn-bld ul.graphs.type-one .value,.imn-isn-bld ul.graphs.type-three .graph-value,.imn-isn-bld ul.graphs.type-two .value .number,.imn-isn-bld ul.headline,.imn-isn-bld ul.name,.imn-isn-bld ul.page:after,.imn-isn-bld ul.section-title {
  font-family: IBM Plex Mono,monospace
}

.imn-isn-bld .page:after {
  font-family: IBM Plex Sans,sans-serif
}

.imn-isn-bld .page:after.graph-entry .value .number,.imn-isn-bld .page:after.graphs.type-four .graph-value .graph-score,.imn-isn-bld .page:after.graphs.type-one .value,.imn-isn-bld .page:after.graphs.type-three .graph-value,.imn-isn-bld .page:after.graphs.type-two .value .number,.imn-isn-bld .page:after.headline,.imn-isn-bld .page:after.name,.imn-isn-bld .page:after.page:after,.imn-isn-bld .page:after.section-title {
  font-family: IBM Plex Mono,monospace
}

.imn-isn-bld .signature {
  font-family: Caveat,cursive!important
}

.imn-isn-bld .cover-section .name,.imn-isn-bld .general-info .key,.imn-isn-bld .general-section .key,.imn-isn-bld .general-section .name,.imn-isn-bld .headline,.imn-isn-bld .page:after,.imn-isn-bld .section-title,.imn-isn-bld.web-bubbles .menu .menu-header .name,.imn-isn-bld.web-modern .topbar .topbar-name {
  font-weight: 700
}

.imn-isn-bld:not(.web-page) .experience-section .date {
  font-weight: 400
}

.imn-isn-bld:not(.web-page) .experience-section .company-name,.imn-isn-bld:not(.web-page) .experience-section .position,.imn-isn-bld:not(.web-page) .experience-section .publication-name,.imn-isn-bld:not(.web-page) .experience-section .publisher {
  font-weight: 700
}

.imn-isn-bld.web-page .experience-section .date,.imn-isn-bld.web-page .publication-section .date {
  font-weight: 400
}

.imn-isn-bld .graphs.type-one .value,.imn-isn-bld .skill-section .category-name,.imn-isn-bld .skill-section .skill-category-name,.imn-isn-bld .skill-section .skill-description,.imn-isn-bld.web-page .experience-section .position,.imn-isn-bld.web-page .experience-section .publication-name,.imn-isn-bld.web-page .publication-section .position,.imn-isn-bld.web-page .publication-section .publication-name {
  font-weight: 700
}

.imn-isn-bld .graphs.type-one .pie-percentage {
  font-weight: 400
}

.imn-isn-bld.web-glider .graph-entry .value .number,.imn-isn-bld.web-modern .graph-entry .value .number {
  font-weight: 700
}

.imn-isn-bld.web-glider .graph-entry .value .circle-percentage,.imn-isn-bld.web-modern .graph-entry .value .circle-percentage {
  font-weight: 400
}

.imn-isn-bld .graphs.type-two .value .number,.imn-isn-bld.web-sidebar .graph-entry .value .number {
  font-weight: 700
}

.imn-isn-bld .graphs.type-two .value .circle-percentage,.imn-isn-bld.web-sidebar .graph-entry .value .circle-percentage {
  font-weight: 400
}

.imn-isn-bld .graphs.type-four .graph-value .graph-score,.imn-isn-bld .graphs.type-three .graph-value,.imn-isn-bld .keyword .prefix,.imn-isn-bld .rich-text .date,.imn-isn-bld.web-page .more-btn {
  font-weight: 700
}

.isr-spa a,.isr-spa b,.isr-spa del,.isr-spa div,.isr-spa em,.isr-spa h1,.isr-spa h2,.isr-spa h3,.isr-spa h4,.isr-spa h5,.isr-spa h6,.isr-spa i,.isr-spa ins,.isr-spa li,.isr-spa mark,.isr-spa ol,.isr-spa p,.isr-spa s,.isr-spa small,.isr-spa span,.isr-spa strong,.isr-spa sub,.isr-spa sup,.isr-spa td,.isr-spa u,.isr-spa ul {
  font-family: Space Grotesk,sans-serif
}

.isr-spa a.headline,.isr-spa a.name,.isr-spa a.page:after,.isr-spa a.section-title,.isr-spa b.headline,.isr-spa b.name,.isr-spa b.page:after,.isr-spa b.section-title,.isr-spa del.headline,.isr-spa del.name,.isr-spa del.page:after,.isr-spa del.section-title,.isr-spa div.headline,.isr-spa div.name,.isr-spa div.page:after,.isr-spa div.section-title,.isr-spa em.headline,.isr-spa em.name,.isr-spa em.page:after,.isr-spa em.section-title,.isr-spa h1.headline,.isr-spa h1.name,.isr-spa h1.page:after,.isr-spa h1.section-title,.isr-spa h2.headline,.isr-spa h2.name,.isr-spa h2.page:after,.isr-spa h2.section-title,.isr-spa h3.headline,.isr-spa h3.name,.isr-spa h3.page:after,.isr-spa h3.section-title,.isr-spa h4.headline,.isr-spa h4.name,.isr-spa h4.page:after,.isr-spa h4.section-title,.isr-spa h5.headline,.isr-spa h5.name,.isr-spa h5.page:after,.isr-spa h5.section-title,.isr-spa h6.headline,.isr-spa h6.name,.isr-spa h6.page:after,.isr-spa h6.section-title,.isr-spa i.headline,.isr-spa i.name,.isr-spa i.page:after,.isr-spa i.section-title,.isr-spa ins.headline,.isr-spa ins.name,.isr-spa ins.page:after,.isr-spa ins.section-title,.isr-spa li.headline,.isr-spa li.name,.isr-spa li.page:after,.isr-spa li.section-title,.isr-spa mark.headline,.isr-spa mark.name,.isr-spa mark.page:after,.isr-spa mark.section-title,.isr-spa ol.headline,.isr-spa ol.name,.isr-spa ol.page:after,.isr-spa ol.section-title,.isr-spa p.headline,.isr-spa p.name,.isr-spa p.page:after,.isr-spa p.section-title,.isr-spa s.headline,.isr-spa s.name,.isr-spa s.page:after,.isr-spa s.section-title,.isr-spa small.headline,.isr-spa small.name,.isr-spa small.page:after,.isr-spa small.section-title,.isr-spa span.headline,.isr-spa span.name,.isr-spa span.page:after,.isr-spa span.section-title,.isr-spa strong.headline,.isr-spa strong.name,.isr-spa strong.page:after,.isr-spa strong.section-title,.isr-spa sub.headline,.isr-spa sub.name,.isr-spa sub.page:after,.isr-spa sub.section-title,.isr-spa sup.headline,.isr-spa sup.name,.isr-spa sup.page:after,.isr-spa sup.section-title,.isr-spa td.headline,.isr-spa td.name,.isr-spa td.page:after,.isr-spa td.section-title,.isr-spa u.headline,.isr-spa u.name,.isr-spa u.page:after,.isr-spa u.section-title,.isr-spa ul.headline,.isr-spa ul.name,.isr-spa ul.page:after,.isr-spa ul.section-title {
  font-family: "IBM Plex Serif",serif
}

.isr-spa .page:after {
  font-family: Space Grotesk,sans-serif
}

.isr-spa .page:after.headline,.isr-spa .page:after.name,.isr-spa .page:after.page:after,.isr-spa .page:after.section-title {
  font-family: "IBM Plex Serif",serif
}

.isr-spa .signature {
  font-family: Caveat,cursive!important
}

.isr-spa .cover-section .name,.isr-spa .general-info .key,.isr-spa .general-section .key,.isr-spa .general-section .name,.isr-spa .headline,.isr-spa .page:after,.isr-spa .section-title,.isr-spa.web-bubbles .menu .menu-header .name,.isr-spa.web-modern .topbar .topbar-name {
  font-weight: 700
}

.isr-spa:not(.web-page) .experience-section .date {
  font-weight: 400
}

.isr-spa:not(.web-page) .experience-section .company-name,.isr-spa:not(.web-page) .experience-section .position,.isr-spa:not(.web-page) .experience-section .publication-name,.isr-spa:not(.web-page) .experience-section .publisher {
  font-weight: 700
}

.isr-spa.web-page .experience-section .date,.isr-spa.web-page .publication-section .date {
  font-weight: 400
}

.isr-spa .graphs.type-one .value,.isr-spa .skill-section .category-name,.isr-spa .skill-section .skill-category-name,.isr-spa .skill-section .skill-description,.isr-spa.web-page .experience-section .position,.isr-spa.web-page .experience-section .publication-name,.isr-spa.web-page .publication-section .position,.isr-spa.web-page .publication-section .publication-name {
  font-weight: 700
}

.isr-spa .graphs.type-one .pie-percentage {
  font-weight: 400
}

.isr-spa.web-glider .graph-entry .value .number,.isr-spa.web-modern .graph-entry .value .number {
  font-weight: 700
}

.isr-spa.web-glider .graph-entry .value .circle-percentage,.isr-spa.web-modern .graph-entry .value .circle-percentage {
  font-weight: 400
}

.isr-spa .graphs.type-two .value .number,.isr-spa.web-sidebar .graph-entry .value .number {
  font-weight: 700
}

.isr-spa .graphs.type-two .value .circle-percentage,.isr-spa.web-sidebar .graph-entry .value .circle-percentage {
  font-weight: 400
}

.isr-spa .graphs.type-four .graph-value .graph-score,.isr-spa .graphs.type-three .graph-value {
  font-weight: 700
}

.isr-spa .keyword .prefix {
  font-weight: 400
}

.isr-spa .rich-text .date,.isr-spa.web-page .more-btn {
  font-weight: 700
}

.wor-wor .page:after,.wor-wor a,.wor-wor b,.wor-wor del,.wor-wor div,.wor-wor em,.wor-wor h1,.wor-wor h2,.wor-wor h3,.wor-wor h4,.wor-wor h5,.wor-wor h6,.wor-wor i,.wor-wor ins,.wor-wor li,.wor-wor mark,.wor-wor ol,.wor-wor p,.wor-wor s,.wor-wor small,.wor-wor span,.wor-wor strong,.wor-wor sub,.wor-wor sup,.wor-wor td,.wor-wor u,.wor-wor ul {
  font-family: Work Sans,sans-serif
}

.wor-wor .signature {
  font-family: Caveat,cursive!important
}

.wor-wor .cover-section .name,.wor-wor .general-info .key,.wor-wor .general-section .key,.wor-wor .general-section .name,.wor-wor .headline,.wor-wor .section-title,.wor-wor.web-bubbles .menu .menu-header .name,.wor-wor.web-modern .topbar .topbar-name {
  font-weight: 700
}

.wor-wor .page:after {
  font-weight: 400
}

.wor-wor .graphs.type-one .value,.wor-wor .skill-section .category-name,.wor-wor .skill-section .skill-category-name,.wor-wor .skill-section .skill-description,.wor-wor.web-page .experience-section .date,.wor-wor.web-page .experience-section .position,.wor-wor.web-page .experience-section .publication-name,.wor-wor.web-page .publication-section .date,.wor-wor.web-page .publication-section .position,.wor-wor.web-page .publication-section .publication-name,.wor-wor:not(.web-page) .experience-section .company-name,.wor-wor:not(.web-page) .experience-section .date,.wor-wor:not(.web-page) .experience-section .position,.wor-wor:not(.web-page) .experience-section .publication-name,.wor-wor:not(.web-page) .experience-section .publisher {
  font-weight: 700
}

.wor-wor .graphs.type-one .pie-percentage {
  font-weight: 400
}

.wor-wor.web-glider .graph-entry .value .number,.wor-wor.web-modern .graph-entry .value .number {
  font-weight: 700
}

.wor-wor .graphs.type-four .graph-value .graph-score,.wor-wor .graphs.type-three .graph-value,.wor-wor .graphs.type-two .value .circle-percentage,.wor-wor .graphs.type-two .value .number,.wor-wor.web-glider .graph-entry .value .circle-percentage,.wor-wor.web-modern .graph-entry .value .circle-percentage,.wor-wor.web-sidebar .graph-entry .value .circle-percentage,.wor-wor.web-sidebar .graph-entry .value .number {
  font-weight: 400
}

.wor-wor .keyword .prefix,.wor-wor .rich-text .date,.wor-wor.web-page .more-btn {
  font-weight: 700
}

.lit-isn a,.lit-isn b,.lit-isn del,.lit-isn div,.lit-isn em,.lit-isn h1,.lit-isn h2,.lit-isn h3,.lit-isn h4,.lit-isn h5,.lit-isn h6,.lit-isn i,.lit-isn ins,.lit-isn li,.lit-isn mark,.lit-isn ol,.lit-isn p,.lit-isn s,.lit-isn small,.lit-isn span,.lit-isn strong,.lit-isn sub,.lit-isn sup,.lit-isn td,.lit-isn u,.lit-isn ul {
  font-family: IBM Plex Sans,sans-serif
}

.lit-isn a.headline,.lit-isn a.name,.lit-isn a.page:after,.lit-isn a.section-title,.lit-isn b.headline,.lit-isn b.name,.lit-isn b.page:after,.lit-isn b.section-title,.lit-isn del.headline,.lit-isn del.name,.lit-isn del.page:after,.lit-isn del.section-title,.lit-isn div.headline,.lit-isn div.name,.lit-isn div.page:after,.lit-isn div.section-title,.lit-isn em.headline,.lit-isn em.name,.lit-isn em.page:after,.lit-isn em.section-title,.lit-isn h1.headline,.lit-isn h1.name,.lit-isn h1.page:after,.lit-isn h1.section-title,.lit-isn h2.headline,.lit-isn h2.name,.lit-isn h2.page:after,.lit-isn h2.section-title,.lit-isn h3.headline,.lit-isn h3.name,.lit-isn h3.page:after,.lit-isn h3.section-title,.lit-isn h4.headline,.lit-isn h4.name,.lit-isn h4.page:after,.lit-isn h4.section-title,.lit-isn h5.headline,.lit-isn h5.name,.lit-isn h5.page:after,.lit-isn h5.section-title,.lit-isn h6.headline,.lit-isn h6.name,.lit-isn h6.page:after,.lit-isn h6.section-title,.lit-isn i.headline,.lit-isn i.name,.lit-isn i.page:after,.lit-isn i.section-title,.lit-isn ins.headline,.lit-isn ins.name,.lit-isn ins.page:after,.lit-isn ins.section-title,.lit-isn li.headline,.lit-isn li.name,.lit-isn li.page:after,.lit-isn li.section-title,.lit-isn mark.headline,.lit-isn mark.name,.lit-isn mark.page:after,.lit-isn mark.section-title,.lit-isn ol.headline,.lit-isn ol.name,.lit-isn ol.page:after,.lit-isn ol.section-title,.lit-isn p.headline,.lit-isn p.name,.lit-isn p.page:after,.lit-isn p.section-title,.lit-isn s.headline,.lit-isn s.name,.lit-isn s.page:after,.lit-isn s.section-title,.lit-isn small.headline,.lit-isn small.name,.lit-isn small.page:after,.lit-isn small.section-title,.lit-isn span.headline,.lit-isn span.name,.lit-isn span.page:after,.lit-isn span.section-title,.lit-isn strong.headline,.lit-isn strong.name,.lit-isn strong.page:after,.lit-isn strong.section-title,.lit-isn sub.headline,.lit-isn sub.name,.lit-isn sub.page:after,.lit-isn sub.section-title,.lit-isn sup.headline,.lit-isn sup.name,.lit-isn sup.page:after,.lit-isn sup.section-title,.lit-isn td.headline,.lit-isn td.name,.lit-isn td.page:after,.lit-isn td.section-title,.lit-isn u.headline,.lit-isn u.name,.lit-isn u.page:after,.lit-isn u.section-title,.lit-isn ul.headline,.lit-isn ul.name,.lit-isn ul.page:after,.lit-isn ul.section-title {
  font-family: Literata,serif;
  font-style: italic
}

.lit-isn .page:after {
  font-family: IBM Plex Sans,sans-serif
}

.lit-isn .page:after.headline,.lit-isn .page:after.name,.lit-isn .page:after.page:after,.lit-isn .page:after.section-title {
  font-family: Literata,serif;
  font-style: italic
}

.lit-isn .signature {
  font-family: Caveat,cursive!important
}

.lit-isn .cover-section .name,.lit-isn .general-info .key,.lit-isn .general-section .key,.lit-isn .general-section .name,.lit-isn .headline,.lit-isn .page:after,.lit-isn .section-title,.lit-isn.web-bubbles .menu .menu-header .name,.lit-isn.web-modern .topbar .topbar-name {
  font-weight: 700
}

.lit-isn:not(.web-page) .experience-section .date {
  font-weight: 400
}

.lit-isn:not(.web-page) .experience-section .company-name,.lit-isn:not(.web-page) .experience-section .position,.lit-isn:not(.web-page) .experience-section .publication-name,.lit-isn:not(.web-page) .experience-section .publisher {
  font-weight: 700
}

.lit-isn.web-page .experience-section .date,.lit-isn.web-page .publication-section .date {
  font-weight: 400
}

.lit-isn .graphs.type-one .value,.lit-isn .skill-section .category-name,.lit-isn .skill-section .skill-category-name,.lit-isn .skill-section .skill-description,.lit-isn.web-page .experience-section .position,.lit-isn.web-page .experience-section .publication-name,.lit-isn.web-page .publication-section .position,.lit-isn.web-page .publication-section .publication-name {
  font-weight: 700
}

.lit-isn .graphs.type-one .pie-percentage {
  font-weight: 400
}

.lit-isn.web-glider .graph-entry .value .number,.lit-isn.web-modern .graph-entry .value .number {
  font-weight: 700
}

.lit-isn .graphs.type-three .graph-value,.lit-isn .graphs.type-two .value .circle-percentage,.lit-isn .graphs.type-two .value .number,.lit-isn.web-glider .graph-entry .value .circle-percentage,.lit-isn.web-modern .graph-entry .value .circle-percentage,.lit-isn.web-sidebar .graph-entry .value .circle-percentage,.lit-isn.web-sidebar .graph-entry .value .number {
  font-weight: 400
}

.lit-isn .graphs.type-four .graph-value .graph-score {
  font-weight: 700
}

.lit-isn .keyword .prefix {
  font-weight: 400
}

.lit-isn .rich-text .date,.lit-isn.web-page .more-btn {
  font-weight: 700
}

.cav-fcn a,.cav-fcn b,.cav-fcn del,.cav-fcn div,.cav-fcn em,.cav-fcn h1,.cav-fcn h2,.cav-fcn h3,.cav-fcn h4,.cav-fcn h5,.cav-fcn h6,.cav-fcn i,.cav-fcn ins,.cav-fcn li,.cav-fcn mark,.cav-fcn ol,.cav-fcn p,.cav-fcn s,.cav-fcn small,.cav-fcn span,.cav-fcn strong,.cav-fcn sub,.cav-fcn sup,.cav-fcn td,.cav-fcn u,.cav-fcn ul {
  font-family: Fira Sans Condensed,sans-serif
}

.cav-fcn a.graph-entry .value .number,.cav-fcn a.graphs.type-four .graph-value .graph-score,.cav-fcn a.graphs.type-one .value,.cav-fcn a.graphs.type-three .graph-value,.cav-fcn a.graphs.type-two .value .number,.cav-fcn a.headline,.cav-fcn a.name,.cav-fcn a.page:after,.cav-fcn a.section-title,.cav-fcn b.graph-entry .value .number,.cav-fcn b.graphs.type-four .graph-value .graph-score,.cav-fcn b.graphs.type-one .value,.cav-fcn b.graphs.type-three .graph-value,.cav-fcn b.graphs.type-two .value .number,.cav-fcn b.headline,.cav-fcn b.name,.cav-fcn b.page:after,.cav-fcn b.section-title,.cav-fcn del.graph-entry .value .number,.cav-fcn del.graphs.type-four .graph-value .graph-score,.cav-fcn del.graphs.type-one .value,.cav-fcn del.graphs.type-three .graph-value,.cav-fcn del.graphs.type-two .value .number,.cav-fcn del.headline,.cav-fcn del.name,.cav-fcn del.page:after,.cav-fcn del.section-title,.cav-fcn div.graph-entry .value .number,.cav-fcn div.graphs.type-four .graph-value .graph-score,.cav-fcn div.graphs.type-one .value,.cav-fcn div.graphs.type-three .graph-value,.cav-fcn div.graphs.type-two .value .number,.cav-fcn div.headline,.cav-fcn div.name,.cav-fcn div.page:after,.cav-fcn div.section-title,.cav-fcn em.graph-entry .value .number,.cav-fcn em.graphs.type-four .graph-value .graph-score,.cav-fcn em.graphs.type-one .value,.cav-fcn em.graphs.type-three .graph-value,.cav-fcn em.graphs.type-two .value .number,.cav-fcn em.headline,.cav-fcn em.name,.cav-fcn em.page:after,.cav-fcn em.section-title,.cav-fcn h1.graph-entry .value .number,.cav-fcn h1.graphs.type-four .graph-value .graph-score,.cav-fcn h1.graphs.type-one .value,.cav-fcn h1.graphs.type-three .graph-value,.cav-fcn h1.graphs.type-two .value .number,.cav-fcn h1.headline,.cav-fcn h1.name,.cav-fcn h1.page:after,.cav-fcn h1.section-title,.cav-fcn h2.graph-entry .value .number,.cav-fcn h2.graphs.type-four .graph-value .graph-score,.cav-fcn h2.graphs.type-one .value,.cav-fcn h2.graphs.type-three .graph-value,.cav-fcn h2.graphs.type-two .value .number,.cav-fcn h2.headline,.cav-fcn h2.name,.cav-fcn h2.page:after,.cav-fcn h2.section-title,.cav-fcn h3.graph-entry .value .number,.cav-fcn h3.graphs.type-four .graph-value .graph-score,.cav-fcn h3.graphs.type-one .value,.cav-fcn h3.graphs.type-three .graph-value,.cav-fcn h3.graphs.type-two .value .number,.cav-fcn h3.headline,.cav-fcn h3.name,.cav-fcn h3.page:after,.cav-fcn h3.section-title,.cav-fcn h4.graph-entry .value .number,.cav-fcn h4.graphs.type-four .graph-value .graph-score,.cav-fcn h4.graphs.type-one .value,.cav-fcn h4.graphs.type-three .graph-value,.cav-fcn h4.graphs.type-two .value .number,.cav-fcn h4.headline,.cav-fcn h4.name,.cav-fcn h4.page:after,.cav-fcn h4.section-title,.cav-fcn h5.graph-entry .value .number,.cav-fcn h5.graphs.type-four .graph-value .graph-score,.cav-fcn h5.graphs.type-one .value,.cav-fcn h5.graphs.type-three .graph-value,.cav-fcn h5.graphs.type-two .value .number,.cav-fcn h5.headline,.cav-fcn h5.name,.cav-fcn h5.page:after,.cav-fcn h5.section-title,.cav-fcn h6.graph-entry .value .number,.cav-fcn h6.graphs.type-four .graph-value .graph-score,.cav-fcn h6.graphs.type-one .value,.cav-fcn h6.graphs.type-three .graph-value,.cav-fcn h6.graphs.type-two .value .number,.cav-fcn h6.headline,.cav-fcn h6.name,.cav-fcn h6.page:after,.cav-fcn h6.section-title,.cav-fcn i.graph-entry .value .number,.cav-fcn i.graphs.type-four .graph-value .graph-score,.cav-fcn i.graphs.type-one .value,.cav-fcn i.graphs.type-three .graph-value,.cav-fcn i.graphs.type-two .value .number,.cav-fcn i.headline,.cav-fcn i.name,.cav-fcn i.page:after,.cav-fcn i.section-title,.cav-fcn ins.graph-entry .value .number,.cav-fcn ins.graphs.type-four .graph-value .graph-score,.cav-fcn ins.graphs.type-one .value,.cav-fcn ins.graphs.type-three .graph-value,.cav-fcn ins.graphs.type-two .value .number,.cav-fcn ins.headline,.cav-fcn ins.name,.cav-fcn ins.page:after,.cav-fcn ins.section-title,.cav-fcn li.graph-entry .value .number,.cav-fcn li.graphs.type-four .graph-value .graph-score,.cav-fcn li.graphs.type-one .value,.cav-fcn li.graphs.type-three .graph-value,.cav-fcn li.graphs.type-two .value .number,.cav-fcn li.headline,.cav-fcn li.name,.cav-fcn li.page:after,.cav-fcn li.section-title,.cav-fcn mark.graph-entry .value .number,.cav-fcn mark.graphs.type-four .graph-value .graph-score,.cav-fcn mark.graphs.type-one .value,.cav-fcn mark.graphs.type-three .graph-value,.cav-fcn mark.graphs.type-two .value .number,.cav-fcn mark.headline,.cav-fcn mark.name,.cav-fcn mark.page:after,.cav-fcn mark.section-title,.cav-fcn ol.graph-entry .value .number,.cav-fcn ol.graphs.type-four .graph-value .graph-score,.cav-fcn ol.graphs.type-one .value,.cav-fcn ol.graphs.type-three .graph-value,.cav-fcn ol.graphs.type-two .value .number,.cav-fcn ol.headline,.cav-fcn ol.name,.cav-fcn ol.page:after,.cav-fcn ol.section-title,.cav-fcn p.graph-entry .value .number,.cav-fcn p.graphs.type-four .graph-value .graph-score,.cav-fcn p.graphs.type-one .value,.cav-fcn p.graphs.type-three .graph-value,.cav-fcn p.graphs.type-two .value .number,.cav-fcn p.headline,.cav-fcn p.name,.cav-fcn p.page:after,.cav-fcn p.section-title,.cav-fcn s.graph-entry .value .number,.cav-fcn s.graphs.type-four .graph-value .graph-score,.cav-fcn s.graphs.type-one .value,.cav-fcn s.graphs.type-three .graph-value,.cav-fcn s.graphs.type-two .value .number,.cav-fcn s.headline,.cav-fcn s.name,.cav-fcn s.page:after,.cav-fcn s.section-title,.cav-fcn small.graph-entry .value .number,.cav-fcn small.graphs.type-four .graph-value .graph-score,.cav-fcn small.graphs.type-one .value,.cav-fcn small.graphs.type-three .graph-value,.cav-fcn small.graphs.type-two .value .number,.cav-fcn small.headline,.cav-fcn small.name,.cav-fcn small.page:after,.cav-fcn small.section-title,.cav-fcn span.graph-entry .value .number,.cav-fcn span.graphs.type-four .graph-value .graph-score,.cav-fcn span.graphs.type-one .value,.cav-fcn span.graphs.type-three .graph-value,.cav-fcn span.graphs.type-two .value .number,.cav-fcn span.headline,.cav-fcn span.name,.cav-fcn span.page:after,.cav-fcn span.section-title,.cav-fcn strong.graph-entry .value .number,.cav-fcn strong.graphs.type-four .graph-value .graph-score,.cav-fcn strong.graphs.type-one .value,.cav-fcn strong.graphs.type-three .graph-value,.cav-fcn strong.graphs.type-two .value .number,.cav-fcn strong.headline,.cav-fcn strong.name,.cav-fcn strong.page:after,.cav-fcn strong.section-title,.cav-fcn sub.graph-entry .value .number,.cav-fcn sub.graphs.type-four .graph-value .graph-score,.cav-fcn sub.graphs.type-one .value,.cav-fcn sub.graphs.type-three .graph-value,.cav-fcn sub.graphs.type-two .value .number,.cav-fcn sub.headline,.cav-fcn sub.name,.cav-fcn sub.page:after,.cav-fcn sub.section-title,.cav-fcn sup.graph-entry .value .number,.cav-fcn sup.graphs.type-four .graph-value .graph-score,.cav-fcn sup.graphs.type-one .value,.cav-fcn sup.graphs.type-three .graph-value,.cav-fcn sup.graphs.type-two .value .number,.cav-fcn sup.headline,.cav-fcn sup.name,.cav-fcn sup.page:after,.cav-fcn sup.section-title,.cav-fcn td.graph-entry .value .number,.cav-fcn td.graphs.type-four .graph-value .graph-score,.cav-fcn td.graphs.type-one .value,.cav-fcn td.graphs.type-three .graph-value,.cav-fcn td.graphs.type-two .value .number,.cav-fcn td.headline,.cav-fcn td.name,.cav-fcn td.page:after,.cav-fcn td.section-title,.cav-fcn u.graph-entry .value .number,.cav-fcn u.graphs.type-four .graph-value .graph-score,.cav-fcn u.graphs.type-one .value,.cav-fcn u.graphs.type-three .graph-value,.cav-fcn u.graphs.type-two .value .number,.cav-fcn u.headline,.cav-fcn u.name,.cav-fcn u.page:after,.cav-fcn u.section-title,.cav-fcn ul.graph-entry .value .number,.cav-fcn ul.graphs.type-four .graph-value .graph-score,.cav-fcn ul.graphs.type-one .value,.cav-fcn ul.graphs.type-three .graph-value,.cav-fcn ul.graphs.type-two .value .number,.cav-fcn ul.headline,.cav-fcn ul.name,.cav-fcn ul.page:after,.cav-fcn ul.section-title {
  font-family: Caveat Brush,cursive
}

.cav-fcn .page:after {
  font-family: Fira Sans Condensed,sans-serif
}

.cav-fcn .page:after.graph-entry .value .number,.cav-fcn .page:after.graphs.type-four .graph-value .graph-score,.cav-fcn .page:after.graphs.type-one .value,.cav-fcn .page:after.graphs.type-three .graph-value,.cav-fcn .page:after.graphs.type-two .value .number,.cav-fcn .page:after.headline,.cav-fcn .page:after.name,.cav-fcn .page:after.page:after,.cav-fcn .page:after.section-title {
  font-family: Caveat Brush,cursive
}

.cav-fcn .signature {
  font-family: Caveat,cursive!important
}

.cav-fcn .cover-section .name,.cav-fcn .general-section .name {
  font-weight: 400
}

.cav-fcn .general-info .key,.cav-fcn .general-section .key {
  font-weight: 500
}

.cav-fcn .headline,.cav-fcn .page:after,.cav-fcn .section-title,.cav-fcn.web-bubbles .menu .menu-header .name,.cav-fcn.web-modern .topbar .topbar-name,.cav-fcn:not(.web-page) .experience-section .date {
  font-weight: 400
}

.cav-fcn:not(.web-page) .experience-section .company-name,.cav-fcn:not(.web-page) .experience-section .position,.cav-fcn:not(.web-page) .experience-section .publication-name,.cav-fcn:not(.web-page) .experience-section .publisher {
  font-weight: 500
}

.cav-fcn.web-page .experience-section .date,.cav-fcn.web-page .publication-section .date {
  font-weight: 400
}

.cav-fcn .skill-section .category-name,.cav-fcn .skill-section .skill-category-name,.cav-fcn .skill-section .skill-description,.cav-fcn.web-page .experience-section .position,.cav-fcn.web-page .experience-section .publication-name,.cav-fcn.web-page .publication-section .position,.cav-fcn.web-page .publication-section .publication-name {
  font-weight: 500
}

.cav-fcn .graphs.type-four .graph-value .graph-score,.cav-fcn .graphs.type-one .pie-percentage,.cav-fcn .graphs.type-one .value,.cav-fcn .graphs.type-three .graph-value,.cav-fcn .graphs.type-two .value .circle-percentage,.cav-fcn .graphs.type-two .value .number,.cav-fcn .keyword .prefix,.cav-fcn.web-glider .graph-entry .value .circle-percentage,.cav-fcn.web-glider .graph-entry .value .number,.cav-fcn.web-modern .graph-entry .value .circle-percentage,.cav-fcn.web-modern .graph-entry .value .number,.cav-fcn.web-sidebar .graph-entry .value .circle-percentage,.cav-fcn.web-sidebar .graph-entry .value .number {
  font-weight: 400
}

.cav-fcn .rich-text .date,.cav-fcn.web-page .more-btn {
  font-weight: 500
}

.pac-nun a,.pac-nun b,.pac-nun del,.pac-nun div,.pac-nun em,.pac-nun h1,.pac-nun h2,.pac-nun h3,.pac-nun h4,.pac-nun h5,.pac-nun h6,.pac-nun i,.pac-nun ins,.pac-nun li,.pac-nun mark,.pac-nun ol,.pac-nun p,.pac-nun s,.pac-nun small,.pac-nun span,.pac-nun strong,.pac-nun sub,.pac-nun sup,.pac-nun td,.pac-nun u,.pac-nun ul {
  font-family: Nunito,sans-serif
}

.pac-nun a.headline,.pac-nun a.name,.pac-nun a.page:after,.pac-nun a.section-title,.pac-nun b.headline,.pac-nun b.name,.pac-nun b.page:after,.pac-nun b.section-title,.pac-nun del.headline,.pac-nun del.name,.pac-nun del.page:after,.pac-nun del.section-title,.pac-nun div.headline,.pac-nun div.name,.pac-nun div.page:after,.pac-nun div.section-title,.pac-nun em.headline,.pac-nun em.name,.pac-nun em.page:after,.pac-nun em.section-title,.pac-nun h1.headline,.pac-nun h1.name,.pac-nun h1.page:after,.pac-nun h1.section-title,.pac-nun h2.headline,.pac-nun h2.name,.pac-nun h2.page:after,.pac-nun h2.section-title,.pac-nun h3.headline,.pac-nun h3.name,.pac-nun h3.page:after,.pac-nun h3.section-title,.pac-nun h4.headline,.pac-nun h4.name,.pac-nun h4.page:after,.pac-nun h4.section-title,.pac-nun h5.headline,.pac-nun h5.name,.pac-nun h5.page:after,.pac-nun h5.section-title,.pac-nun h6.headline,.pac-nun h6.name,.pac-nun h6.page:after,.pac-nun h6.section-title,.pac-nun i.headline,.pac-nun i.name,.pac-nun i.page:after,.pac-nun i.section-title,.pac-nun ins.headline,.pac-nun ins.name,.pac-nun ins.page:after,.pac-nun ins.section-title,.pac-nun li.headline,.pac-nun li.name,.pac-nun li.page:after,.pac-nun li.section-title,.pac-nun mark.headline,.pac-nun mark.name,.pac-nun mark.page:after,.pac-nun mark.section-title,.pac-nun ol.headline,.pac-nun ol.name,.pac-nun ol.page:after,.pac-nun ol.section-title,.pac-nun p.headline,.pac-nun p.name,.pac-nun p.page:after,.pac-nun p.section-title,.pac-nun s.headline,.pac-nun s.name,.pac-nun s.page:after,.pac-nun s.section-title,.pac-nun small.headline,.pac-nun small.name,.pac-nun small.page:after,.pac-nun small.section-title,.pac-nun span.headline,.pac-nun span.name,.pac-nun span.page:after,.pac-nun span.section-title,.pac-nun strong.headline,.pac-nun strong.name,.pac-nun strong.page:after,.pac-nun strong.section-title,.pac-nun sub.headline,.pac-nun sub.name,.pac-nun sub.page:after,.pac-nun sub.section-title,.pac-nun sup.headline,.pac-nun sup.name,.pac-nun sup.page:after,.pac-nun sup.section-title,.pac-nun td.headline,.pac-nun td.name,.pac-nun td.page:after,.pac-nun td.section-title,.pac-nun u.headline,.pac-nun u.name,.pac-nun u.page:after,.pac-nun u.section-title,.pac-nun ul.headline,.pac-nun ul.name,.pac-nun ul.page:after,.pac-nun ul.section-title {
  font-family: Pacifico,cursive
}

.pac-nun a.headline,.pac-nun b.headline,.pac-nun del.headline,.pac-nun div.headline,.pac-nun em.headline,.pac-nun h1.headline,.pac-nun h2.headline,.pac-nun h3.headline,.pac-nun h4.headline,.pac-nun h5.headline,.pac-nun h6.headline,.pac-nun i.headline,.pac-nun ins.headline,.pac-nun li.headline,.pac-nun mark.headline,.pac-nun ol.headline,.pac-nun p.headline,.pac-nun s.headline,.pac-nun small.headline,.pac-nun span.headline,.pac-nun strong.headline,.pac-nun sub.headline,.pac-nun sup.headline,.pac-nun td.headline,.pac-nun u.headline,.pac-nun ul.headline {
  text-transform: none!important
}

.pac-nun a.graph-entry .value .number,.pac-nun a.graphs.type-four .graph-value .graph-score,.pac-nun a.graphs.type-one .value,.pac-nun a.graphs.type-three .graph-value,.pac-nun a.graphs.type-two .value .number,.pac-nun b.graph-entry .value .number,.pac-nun b.graphs.type-four .graph-value .graph-score,.pac-nun b.graphs.type-one .value,.pac-nun b.graphs.type-three .graph-value,.pac-nun b.graphs.type-two .value .number,.pac-nun del.graph-entry .value .number,.pac-nun del.graphs.type-four .graph-value .graph-score,.pac-nun del.graphs.type-one .value,.pac-nun del.graphs.type-three .graph-value,.pac-nun del.graphs.type-two .value .number,.pac-nun div.graph-entry .value .number,.pac-nun div.graphs.type-four .graph-value .graph-score,.pac-nun div.graphs.type-one .value,.pac-nun div.graphs.type-three .graph-value,.pac-nun div.graphs.type-two .value .number,.pac-nun em.graph-entry .value .number,.pac-nun em.graphs.type-four .graph-value .graph-score,.pac-nun em.graphs.type-one .value,.pac-nun em.graphs.type-three .graph-value,.pac-nun em.graphs.type-two .value .number,.pac-nun h1.graph-entry .value .number,.pac-nun h1.graphs.type-four .graph-value .graph-score,.pac-nun h1.graphs.type-one .value,.pac-nun h1.graphs.type-three .graph-value,.pac-nun h1.graphs.type-two .value .number,.pac-nun h2.graph-entry .value .number,.pac-nun h2.graphs.type-four .graph-value .graph-score,.pac-nun h2.graphs.type-one .value,.pac-nun h2.graphs.type-three .graph-value,.pac-nun h2.graphs.type-two .value .number,.pac-nun h3.graph-entry .value .number,.pac-nun h3.graphs.type-four .graph-value .graph-score,.pac-nun h3.graphs.type-one .value,.pac-nun h3.graphs.type-three .graph-value,.pac-nun h3.graphs.type-two .value .number,.pac-nun h4.graph-entry .value .number,.pac-nun h4.graphs.type-four .graph-value .graph-score,.pac-nun h4.graphs.type-one .value,.pac-nun h4.graphs.type-three .graph-value,.pac-nun h4.graphs.type-two .value .number,.pac-nun h5.graph-entry .value .number,.pac-nun h5.graphs.type-four .graph-value .graph-score,.pac-nun h5.graphs.type-one .value,.pac-nun h5.graphs.type-three .graph-value,.pac-nun h5.graphs.type-two .value .number,.pac-nun h6.graph-entry .value .number,.pac-nun h6.graphs.type-four .graph-value .graph-score,.pac-nun h6.graphs.type-one .value,.pac-nun h6.graphs.type-three .graph-value,.pac-nun h6.graphs.type-two .value .number,.pac-nun i.graph-entry .value .number,.pac-nun i.graphs.type-four .graph-value .graph-score,.pac-nun i.graphs.type-one .value,.pac-nun i.graphs.type-three .graph-value,.pac-nun i.graphs.type-two .value .number,.pac-nun ins.graph-entry .value .number,.pac-nun ins.graphs.type-four .graph-value .graph-score,.pac-nun ins.graphs.type-one .value,.pac-nun ins.graphs.type-three .graph-value,.pac-nun ins.graphs.type-two .value .number,.pac-nun li.graph-entry .value .number,.pac-nun li.graphs.type-four .graph-value .graph-score,.pac-nun li.graphs.type-one .value,.pac-nun li.graphs.type-three .graph-value,.pac-nun li.graphs.type-two .value .number,.pac-nun mark.graph-entry .value .number,.pac-nun mark.graphs.type-four .graph-value .graph-score,.pac-nun mark.graphs.type-one .value,.pac-nun mark.graphs.type-three .graph-value,.pac-nun mark.graphs.type-two .value .number,.pac-nun ol.graph-entry .value .number,.pac-nun ol.graphs.type-four .graph-value .graph-score,.pac-nun ol.graphs.type-one .value,.pac-nun ol.graphs.type-three .graph-value,.pac-nun ol.graphs.type-two .value .number,.pac-nun p.graph-entry .value .number,.pac-nun p.graphs.type-four .graph-value .graph-score,.pac-nun p.graphs.type-one .value,.pac-nun p.graphs.type-three .graph-value,.pac-nun p.graphs.type-two .value .number,.pac-nun s.graph-entry .value .number,.pac-nun s.graphs.type-four .graph-value .graph-score,.pac-nun s.graphs.type-one .value,.pac-nun s.graphs.type-three .graph-value,.pac-nun s.graphs.type-two .value .number,.pac-nun small.graph-entry .value .number,.pac-nun small.graphs.type-four .graph-value .graph-score,.pac-nun small.graphs.type-one .value,.pac-nun small.graphs.type-three .graph-value,.pac-nun small.graphs.type-two .value .number,.pac-nun span.graph-entry .value .number,.pac-nun span.graphs.type-four .graph-value .graph-score,.pac-nun span.graphs.type-one .value,.pac-nun span.graphs.type-three .graph-value,.pac-nun span.graphs.type-two .value .number,.pac-nun strong.graph-entry .value .number,.pac-nun strong.graphs.type-four .graph-value .graph-score,.pac-nun strong.graphs.type-one .value,.pac-nun strong.graphs.type-three .graph-value,.pac-nun strong.graphs.type-two .value .number,.pac-nun sub.graph-entry .value .number,.pac-nun sub.graphs.type-four .graph-value .graph-score,.pac-nun sub.graphs.type-one .value,.pac-nun sub.graphs.type-three .graph-value,.pac-nun sub.graphs.type-two .value .number,.pac-nun sup.graph-entry .value .number,.pac-nun sup.graphs.type-four .graph-value .graph-score,.pac-nun sup.graphs.type-one .value,.pac-nun sup.graphs.type-three .graph-value,.pac-nun sup.graphs.type-two .value .number,.pac-nun td.graph-entry .value .number,.pac-nun td.graphs.type-four .graph-value .graph-score,.pac-nun td.graphs.type-one .value,.pac-nun td.graphs.type-three .graph-value,.pac-nun td.graphs.type-two .value .number,.pac-nun u.graph-entry .value .number,.pac-nun u.graphs.type-four .graph-value .graph-score,.pac-nun u.graphs.type-one .value,.pac-nun u.graphs.type-three .graph-value,.pac-nun u.graphs.type-two .value .number,.pac-nun ul.graph-entry .value .number,.pac-nun ul.graphs.type-four .graph-value .graph-score,.pac-nun ul.graphs.type-one .value,.pac-nun ul.graphs.type-three .graph-value,.pac-nun ul.graphs.type-two .value .number {
  font-family: Pacifico,cursive
}

.pac-nun .page:after {
  font-family: Nunito,sans-serif
}

.pac-nun .page:after.headline,.pac-nun .page:after.name,.pac-nun .page:after.page:after,.pac-nun .page:after.section-title {
  font-family: Pacifico,cursive
}

.pac-nun .page:after.headline {
  text-transform: none!important
}

.pac-nun .page:after.graph-entry .value .number,.pac-nun .page:after.graphs.type-four .graph-value .graph-score,.pac-nun .page:after.graphs.type-one .value,.pac-nun .page:after.graphs.type-three .graph-value,.pac-nun .page:after.graphs.type-two .value .number {
  font-family: Pacifico,cursive
}

.pac-nun .signature {
  font-family: Caveat,cursive!important
}

.pac-nun .cover-section .name,.pac-nun .general-section .name {
  font-weight: 400
}

.pac-nun .general-info .key,.pac-nun .general-section .key {
  font-weight: 700
}

.pac-nun .headline,.pac-nun .page:after,.pac-nun .section-title,.pac-nun.web-bubbles .menu .menu-header .name,.pac-nun.web-modern .topbar .topbar-name,.pac-nun:not(.web-page) .experience-section .date {
  font-weight: 400
}

.pac-nun:not(.web-page) .experience-section .company-name,.pac-nun:not(.web-page) .experience-section .position,.pac-nun:not(.web-page) .experience-section .publication-name,.pac-nun:not(.web-page) .experience-section .publisher {
  font-weight: 700
}

.pac-nun.web-page .experience-section .date,.pac-nun.web-page .publication-section .date {
  font-weight: 400
}

.pac-nun .skill-section .category-name,.pac-nun .skill-section .skill-category-name,.pac-nun .skill-section .skill-description,.pac-nun.web-page .experience-section .position,.pac-nun.web-page .experience-section .publication-name,.pac-nun.web-page .publication-section .position,.pac-nun.web-page .publication-section .publication-name {
  font-weight: 700
}

.pac-nun .graphs.type-four .graph-value .graph-score,.pac-nun .graphs.type-one .pie-percentage,.pac-nun .graphs.type-one .value,.pac-nun .graphs.type-three .graph-value,.pac-nun .graphs.type-two .value .circle-percentage,.pac-nun .graphs.type-two .value .number,.pac-nun .keyword .prefix,.pac-nun .rich-text .date,.pac-nun.web-glider .graph-entry .value .circle-percentage,.pac-nun.web-glider .graph-entry .value .number,.pac-nun.web-modern .graph-entry .value .circle-percentage,.pac-nun.web-modern .graph-entry .value .number,.pac-nun.web-sidebar .graph-entry .value .circle-percentage,.pac-nun.web-sidebar .graph-entry .value .number {
  font-weight: 400
}

.pac-nun.web-page .more-btn {
  font-weight: 700
}

.fcn-fcn .page:after,.fcn-fcn a,.fcn-fcn b,.fcn-fcn del,.fcn-fcn div,.fcn-fcn em,.fcn-fcn h1,.fcn-fcn h2,.fcn-fcn h3,.fcn-fcn h4,.fcn-fcn h5,.fcn-fcn h6,.fcn-fcn i,.fcn-fcn ins,.fcn-fcn li,.fcn-fcn mark,.fcn-fcn ol,.fcn-fcn p,.fcn-fcn s,.fcn-fcn small,.fcn-fcn span,.fcn-fcn strong,.fcn-fcn sub,.fcn-fcn sup,.fcn-fcn td,.fcn-fcn u,.fcn-fcn ul {
  font-family: Fira Sans Condensed,sans-serif
}

.fcn-fcn .signature {
  font-family: Caveat,cursive!important
}

.fcn-fcn .cover-section .name,.fcn-fcn .general-info .key,.fcn-fcn .general-section .key,.fcn-fcn .general-section .name,.fcn-fcn .headline,.fcn-fcn .section-title,.fcn-fcn.web-bubbles .menu .menu-header .name,.fcn-fcn.web-modern .topbar .topbar-name {
  font-weight: 500
}

.fcn-fcn .page:after,.fcn-fcn:not(.web-page) .experience-section .date {
  font-weight: 400
}

.fcn-fcn:not(.web-page) .experience-section .company-name,.fcn-fcn:not(.web-page) .experience-section .position,.fcn-fcn:not(.web-page) .experience-section .publication-name,.fcn-fcn:not(.web-page) .experience-section .publisher {
  font-weight: 500
}

.fcn-fcn.web-page .experience-section .date,.fcn-fcn.web-page .publication-section .date {
  font-weight: 400
}

.fcn-fcn .graphs.type-one .value,.fcn-fcn .skill-section .category-name,.fcn-fcn .skill-section .skill-category-name,.fcn-fcn .skill-section .skill-description,.fcn-fcn.web-page .experience-section .position,.fcn-fcn.web-page .experience-section .publication-name,.fcn-fcn.web-page .publication-section .position,.fcn-fcn.web-page .publication-section .publication-name {
  font-weight: 500
}

.fcn-fcn .graphs.type-one .pie-percentage {
  font-weight: 400
}

.fcn-fcn.web-glider .graph-entry .value .number,.fcn-fcn.web-modern .graph-entry .value .number {
  font-weight: 500
}

.fcn-fcn .graphs.type-two .value .number,.fcn-fcn.web-glider .graph-entry .value .circle-percentage,.fcn-fcn.web-modern .graph-entry .value .circle-percentage,.fcn-fcn.web-sidebar .graph-entry .value .number {
  font-weight: 400
}

.fcn-fcn .graphs.type-two .value .circle-percentage,.fcn-fcn.web-sidebar .graph-entry .value .circle-percentage {
  font-weight: 500
}

.fcn-fcn .graphs.type-three .graph-value {
  font-weight: 400
}

.fcn-fcn .graphs.type-four .graph-value .graph-score {
  font-weight: 500
}

.fcn-fcn .keyword .prefix {
  font-weight: 400
}

.fcn-fcn .rich-text .date,.fcn-fcn.web-page .more-btn {
  font-weight: 500
}

.template.ribbon .general-section .name {
  font-weight: 400
}

.page {
  background-color: #fff;
  position: relative
}

.page a,.page div,.page h1,.page h2,.page h3,.page h4,.page h5,.page h6,.page li,.page ol,.page p,.page span,.page ul {
  margin-bottom: 0;
  margin-top: 0
}

.page>.column {
  display: inline-block;
  vertical-align: top
}

.page .bottom-ornament,.page .top-ornament {
  display: none
}

.page a {
  color: inherit;
  text-decoration: none
}

.page a:hover {
  text-decoration: underline
}

.page table {
  border-collapse: collapse;
  border-spacing: 0
}

.page td,.page th {
  padding: 0
}

.customize-preview .page-wrapper .page {
  box-shadow: 1px 1px 1px hsla(0,0%,76%,.5);
  margin-bottom: 40px
}

.page-wrapper.numbersShown .outer-page {
  position: relative
}

.page-wrapper.numbersShown .outer-page.multi-page .page:after {
  bottom: 26px;
  content: attr(data-part) "/" attr(data-count);
  display: block;
  font-size: 13px;
  height: 16px;
  left: 0;
  line-height: 16px;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 1
}

.page-wrapper.isProofreadingPanel .page {
  position: relative
}

.page-wrapper:not(.isProofreadingPanel) .page {
  overflow: hidden
}

.page-wrapper:not(.isProofreadingPanel) .page .note-detail-item {
  display: none
}

.page-wrapper.a4 .page {
  height: 1123px
}


@media (max-width: 800px) {
  .page-wrapper.a4 .page {
    height: 1800px
  }
  .mobile-hide {
    display: none !important;
  }
}


@media (max-width: 490px) {
  .page-wrapper.a4 .page {
    height: 2300px
  }
}


.page-wrapper.letter .page {
  height: 1056px
}

.page-wrapper .linkified,.page-wrapper .linkified:hover {
  color: inherit
}

.general-info-from,.general-info-to,.kickresume-section-wrapper,.profile-text-wrapper,.rich-text,.rich-text-section {
  position: relative
}

.kickresume-section-wrapper>:not(.headline) {
  color: #3d3d3d
}

.experience-item .company-name,.experience-item .date,.experience-item .position,.experience-item .publication-name,.experience-item .publisher,.experience-item .url a,.keyword,.skill-category-name {
  color: #000
}

.experience-section .date div,.experience-section .date span,.headline div,.headline span,.keyword div,.keyword span {
  font-family: inherit
}

.description {
  white-space: pre-wrap
}

.column-wrapper .signature {
  font-size: 34px!important;
  line-height: 40px;
  text-align: right
}

.cover-template.text-area,.date,.general-info,.general-info-wrapper,.subject {
  color: #3d3d3d
}

.general-info .key,.general-info .value,.general-info span,.general-section .key,.general-section .value,.general-section span {
  overflow-wrap: break-word;
  word-break: break-word
}

.general-info .key,.general-section .key {
  color: #000;
  flex-shrink: 0
}

.general-info .info-wrapper-icon .icon svg,.general-section .info-wrapper-icon .icon svg {
  fill: #000
}

.general-info .info-wrapper-icon .value,.general-section .info-wrapper-icon .value {
  color: #3d3d3d
}

.general-info a,.general-section a {
  color: inherit
}

.inline-info {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center
}

.inline-info * {
  display: inline-flex
}

.general-info-box .info-wrapper {
  display: inline-flex;
  margin-right: 8px
}

.general-info-box .info-wrapper .key {
  margin-right: 4px
}

.general-section .name span {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit
}

.experience-item {
  position: relative
}

.experience-item .role.no-date .company {
  width: 100%
}

.experience-item .role.no-date .date {
  display: none
}

.experience-item .date-address {
  text-transform: uppercase
}

.thumbnail {
  background-color: initial;
  border: 1px solid #c1c1c1;
  border-radius: 4px;
  padding: 4px
}

.thumbnail>img {
  height: auto;
  width: 100%
}

.keyword {
  display: inline-block;
  margin-right: 16px
}

.experience-item .url a {
  color: #000;
  word-break: break-word
}

.experience-item .url a:hover {
  text-decoration: none
}

.skill-wrapper {
  position: relative
}

.skill-name {
  word-wrap: break-word
}

.progress-level-1 {
  width: 20%
}

.progress-level-2 {
  width: 40%
}

.progress-level-3 {
  width: 60%
}

.progress-level-4 {
  width: 80%
}

.progress-level-5 {
  width: 100%
}

.hobby-section.sec-al-left .hobbies,.hobby-section.sec-al-left .social-links-wrapper,.hobby-section.sec-al-left .social-section-links,.social-section.sec-al-left .hobbies,.social-section.sec-al-left .social-links-wrapper,.social-section.sec-al-left .social-section-links {
  justify-content: flex-start!important
}

.hobby-section.sec-al-right .hobbies,.hobby-section.sec-al-right .social-links-wrapper,.hobby-section.sec-al-right .social-section-links,.social-section.sec-al-right .hobbies,.social-section.sec-al-right .social-links-wrapper,.social-section.sec-al-right .social-section-links {
  justify-content: flex-end!important
}

.hobby-section.sec-al-center .hobbies,.hobby-section.sec-al-center .social-links-wrapper,.hobby-section.sec-al-center .social-section-links,.social-section.sec-al-center .hobbies,.social-section.sec-al-center .social-links-wrapper,.social-section.sec-al-center .social-section-links {
  justify-content: center!important
}

.hobby-section .hobby-name,.social-section .hobby-name {
  display: block;
  word-break: break-word
}

.hobbies,.social-links-wrapper,.social-section-links {
  display: flex;
  flex-wrap: wrap
}

.hobbies .social-link,.social-links-wrapper .social-link,.social-section-links .social-link {
  color: inherit;
  cursor: pointer;
  text-decoration: none;
  z-index: 2
}

.hobbies .hobby,.social-links-wrapper .hobby,.social-section-links .hobby {
  color: inherit;
  display: flex;
  flex-direction: column;
  min-width: 16.66666%;
  text-align: center;
  text-decoration: none
}

.hobbies .hobby .icon,.social-links-wrapper .hobby .icon,.social-section-links .hobby .icon {
  width: 100%
}

.hobbies .hobby .hobby-name,.social-links-wrapper .hobby .hobby-name,.social-section-links .hobby .hobby-name {
  padding: 0 5px
}

.hobbies .hobby .description,.social-links-wrapper .hobby .description,.social-section-links .hobby .description {
  word-wrap: break-word
}

.headline svg {
  display: none
}

.lh-13 {
  --templates-lh-base: 13px
}

.lh-13 div,.lh-13 h1,.lh-13 h2,.lh-13 h3,.lh-13 h4,.lh-13 h5,.lh-13 h6,.lh-13 li,.lh-13 ol,.lh-13 p,.lh-13 span,.lh-13 ul {
  line-height: 13px
}

.lh-13 .grid-50-50 .page {
  padding-bottom: 26px;
  padding-top: 39px
}

.lh-13 .grid-50-50 .page .left-column-render,.lh-13 .grid-50-50 .page .right-column-render {
  padding-top: 13px
}

.lh-13 .name.type-two {
  line-height: 26px
}

.lh-13 .name.type-one {
  line-height: 39px!important
}

.lh-13 .headline.type-two .text {
  line-height: 26px!important
}

.lh-13 .headline.type-four {
  min-height: 26px!important
}

.lh-13 .hobby .icon,.lh-13 .social-link.type-one,.lh-13 .social-link.type-two .icon {
  min-height: 39px
}

.lh-13 .keywords-section.type-one .keyword {
  margin-right: 3px;
  min-height: 26px!important
}

.lh-13 .headline {
  padding-bottom: 13px
}

.lh-13 .headline.type-five {
  padding-bottom: 26px
}

.lh-13 .experience-item,.lh-13 .skill-section.type-one .skill {
  padding-bottom: 13px
}

.lh-13 .skill-section.type-one.compact .skill,.lh-13 .skill-section.type-two.compact .skill {
  padding-bottom: 0
}

.lh-13 .skill-section.type-one.compact .skill-category,.lh-13 .skill-section.type-two.compact .skill-category {
  padding-bottom: 13px
}

.lh-13 .graphs.type-two .graph .graph-item {
  height: 65px
}

.lh-13 .graphs.type-one .graph .graph-item {
  height: 39px
}

.lh-13 .graphs.type-three .graph-value-wrapper {
  height: 26px
}

.lh-13 .skill-section.type-one .skill-description-wrapper {
  min-height: 13px
}

.lh-13 .skill-section.type-two .skill-description-wrapper {
  min-height: 26px
}

.lh-13 .skill-section.compact .skill-description-wrapper {
  min-height: 13px
}

.lh-13 .kickresume-section-wrapper {
  padding-bottom: 26px
}

.lh-13 .kickresume-section-wrapper.experience-section,.lh-13 .kickresume-section-wrapper.skill-section {
  padding-bottom: 13px
}

.lh-13 .ios-section-wrapper .kickresume-section-wrapper {
  padding: 0
}

.lh-13 .ios-section-wrapper .section-right-col>div {
  padding-bottom: 13px
}

.lh-13 .grid-25-75.type-one .ios-section-wrapper:not(.no-padding) tbody,.lh-13 .grid-25-75.type-two .ios-section-wrapper:not(.no-padding) tbody {
  display: block;
  padding-bottom: 13px
}

.lh-13 .grid-25-75.type-two .ios-section-wrapper .headline,.lh-13 .grid-25-75.type-two .ios-section-wrapper .section-right-col>div {
  padding-bottom: 0;
  padding-top: 13px
}

.lh-13 .cover-template.text-area,.lh-13 .signature {
  padding-top: 13px
}

.lh-13 .headline.type-three .icon {
  top: -8px
}

.lh-14 {
  --templates-lh-base: 14px
}

.lh-14 div,.lh-14 h1,.lh-14 h2,.lh-14 h3,.lh-14 h4,.lh-14 h5,.lh-14 h6,.lh-14 li,.lh-14 ol,.lh-14 p,.lh-14 span,.lh-14 ul {
  line-height: 14px
}

.lh-14 .grid-50-50 .page {
  padding-bottom: 28px;
  padding-top: 42px
}

.lh-14 .grid-50-50 .page .left-column-render,.lh-14 .grid-50-50 .page .right-column-render {
  padding-top: 14px
}

.lh-14 .name.type-two {
  line-height: 28px
}

.lh-14 .name.type-one {
  line-height: 42px!important
}

.lh-14 .headline.type-two .text {
  line-height: 28px!important
}

.lh-14 .headline.type-four {
  min-height: 28px!important
}

.lh-14 .hobby .icon,.lh-14 .social-link.type-one,.lh-14 .social-link.type-two .icon {
  min-height: 42px
}

.lh-14 .keywords-section.type-one .keyword {
  margin-right: 4px;
  min-height: 28px!important
}

.lh-14 .headline {
  padding-bottom: 14px
}

.lh-14 .headline.type-five {
  padding-bottom: 28px
}

.lh-14 .experience-item,.lh-14 .skill-section.type-one .skill {
  padding-bottom: 14px
}

.lh-14 .skill-section.type-one.compact .skill,.lh-14 .skill-section.type-two.compact .skill {
  padding-bottom: 0
}

.lh-14 .skill-section.type-one.compact .skill-category,.lh-14 .skill-section.type-two.compact .skill-category {
  padding-bottom: 14px
}

.lh-14 .graphs.type-two .graph .graph-item {
  height: 70px
}

.lh-14 .graphs.type-one .graph .graph-item {
  height: 42px
}

.lh-14 .graphs.type-three .graph-value-wrapper {
  height: 28px
}

.lh-14 .skill-section.type-one .skill-description-wrapper {
  min-height: 14px
}

.lh-14 .skill-section.type-two .skill-description-wrapper {
  min-height: 28px
}

.lh-14 .skill-section.compact .skill-description-wrapper {
  min-height: 14px
}

.lh-14 .kickresume-section-wrapper {
  padding-bottom: 28px
}

.lh-14 .kickresume-section-wrapper.experience-section,.lh-14 .kickresume-section-wrapper.skill-section {
  padding-bottom: 14px
}

.lh-14 .ios-section-wrapper .kickresume-section-wrapper {
  padding: 0
}

.lh-14 .ios-section-wrapper .section-right-col>div {
  padding-bottom: 14px
}

.lh-14 .grid-25-75.type-one .ios-section-wrapper:not(.no-padding) tbody,.lh-14 .grid-25-75.type-two .ios-section-wrapper:not(.no-padding) tbody {
  display: block;
  padding-bottom: 14px
}

.lh-14 .grid-25-75.type-two .ios-section-wrapper .headline,.lh-14 .grid-25-75.type-two .ios-section-wrapper .section-right-col>div {
  padding-bottom: 0;
  padding-top: 14px
}

.lh-14 .cover-template.text-area,.lh-14 .signature {
  padding-top: 14px
}

.lh-14 .headline.type-three .icon {
  top: -7px
}

.lh-15 {
  --templates-lh-base: 15px
}

.lh-15 div,.lh-15 h1,.lh-15 h2,.lh-15 h3,.lh-15 h4,.lh-15 h5,.lh-15 h6,.lh-15 li,.lh-15 ol,.lh-15 p,.lh-15 span,.lh-15 ul {
  line-height: 15px
}

.lh-15 .grid-50-50 .page {
  padding-bottom: 30px;
  padding-top: 45px
}

.lh-15 .grid-50-50 .page .left-column-render,.lh-15 .grid-50-50 .page .right-column-render {
  padding-top: 15px
}

.lh-15 .name.type-two {
  line-height: 30px
}

.lh-15 .name.type-one {
  line-height: 45px!important
}

.lh-15 .headline.type-two .text {
  line-height: 30px!important
}

.lh-15 .headline.type-four {
  min-height: 30px!important
}

.lh-15 .hobby .icon,.lh-15 .social-link.type-one,.lh-15 .social-link.type-two .icon {
  min-height: 45px
}

.lh-15 .keywords-section.type-one .keyword {
  margin-right: 5px;
  min-height: 30px!important
}

.lh-15 .headline {
  padding-bottom: 15px
}

.lh-15 .headline.type-five {
  padding-bottom: 30px
}

.lh-15 .experience-item,.lh-15 .skill-section.type-one .skill {
  padding-bottom: 15px
}

.lh-15 .skill-section.type-one.compact .skill,.lh-15 .skill-section.type-two.compact .skill {
  padding-bottom: 0
}

.lh-15 .skill-section.type-one.compact .skill-category,.lh-15 .skill-section.type-two.compact .skill-category {
  padding-bottom: 15px
}

.lh-15 .graphs.type-two .graph .graph-item {
  height: 75px
}

.lh-15 .graphs.type-one .graph .graph-item {
  height: 45px
}

.lh-15 .graphs.type-three .graph-value-wrapper {
  height: 30px
}

.lh-15 .skill-section.type-one .skill-description-wrapper {
  min-height: 15px
}

.lh-15 .skill-section.type-two .skill-description-wrapper {
  min-height: 30px
}

.lh-15 .skill-section.compact .skill-description-wrapper {
  min-height: 15px
}

.lh-15 .kickresume-section-wrapper {
  padding-bottom: 30px
}

.lh-15 .kickresume-section-wrapper.experience-section,.lh-15 .kickresume-section-wrapper.skill-section {
  padding-bottom: 15px
}

.lh-15 .ios-section-wrapper .kickresume-section-wrapper {
  padding: 0
}

.lh-15 .ios-section-wrapper .section-right-col>div {
  padding-bottom: 15px
}

.lh-15 .grid-25-75.type-one .ios-section-wrapper:not(.no-padding) tbody,.lh-15 .grid-25-75.type-two .ios-section-wrapper:not(.no-padding) tbody {
  display: block;
  padding-bottom: 15px
}

.lh-15 .grid-25-75.type-two .ios-section-wrapper .headline,.lh-15 .grid-25-75.type-two .ios-section-wrapper .section-right-col>div {
  padding-bottom: 0;
  padding-top: 15px
}

.lh-15 .cover-template.text-area,.lh-15 .signature {
  padding-top: 15px
}

.lh-15 .headline.type-three .icon {
  top: -6px
}

.lh-16 {
  --templates-lh-base: 16px
}

.lh-16 div,.lh-16 h1,.lh-16 h2,.lh-16 h3,.lh-16 h4,.lh-16 h5,.lh-16 h6,.lh-16 li,.lh-16 ol,.lh-16 p,.lh-16 span,.lh-16 ul {
  line-height: 16px
}

.lh-16 .grid-50-50 .page {
  padding-bottom: 32px;
  padding-top: 48px
}

.lh-16 .grid-50-50 .page .left-column-render,.lh-16 .grid-50-50 .page .right-column-render {
  padding-top: 16px
}

.lh-16 .name.type-two {
  line-height: 32px
}

.lh-16 .name.type-one {
  line-height: 48px!important
}

.lh-16 .headline.type-two .text {
  line-height: 32px!important
}

.lh-16 .headline.type-four {
  min-height: 32px!important
}

.lh-16 .hobby .icon,.lh-16 .social-link.type-one,.lh-16 .social-link.type-two .icon {
  min-height: 48px
}

.lh-16 .keywords-section.type-one .keyword {
  margin-right: 6px;
  min-height: 32px!important
}

.lh-16 .headline {
  padding-bottom: 16px
}

.lh-16 .headline.type-five {
  padding-bottom: 32px
}

.lh-16 .experience-item,.lh-16 .skill-section.type-one .skill {
  padding-bottom: 16px
}

.lh-16 .skill-section.type-one.compact .skill,.lh-16 .skill-section.type-two.compact .skill {
  padding-bottom: 0
}

.lh-16 .skill-section.type-one.compact .skill-category,.lh-16 .skill-section.type-two.compact .skill-category {
  padding-bottom: 16px
}

.lh-16 .graphs.type-two .graph .graph-item {
  height: 80px
}

.lh-16 .graphs.type-one .graph .graph-item {
  height: 48px
}

.lh-16 .graphs.type-three .graph-value-wrapper {
  height: 32px
}

.lh-16 .skill-section.type-one .skill-description-wrapper {
  min-height: 16px
}

.lh-16 .skill-section.type-two .skill-description-wrapper {
  min-height: 32px
}

.lh-16 .skill-section.compact .skill-description-wrapper {
  min-height: 16px
}

.lh-16 .kickresume-section-wrapper {
  padding-bottom: 32px
}

.lh-16 .kickresume-section-wrapper.experience-section,.lh-16 .kickresume-section-wrapper.skill-section {
  padding-bottom: 16px
}

.lh-16 .ios-section-wrapper .kickresume-section-wrapper {
  padding: 0
}

.lh-16 .ios-section-wrapper .section-right-col>div {
  padding-bottom: 16px
}

.lh-16 .grid-25-75.type-one .ios-section-wrapper:not(.no-padding) tbody,.lh-16 .grid-25-75.type-two .ios-section-wrapper:not(.no-padding) tbody {
  display: block;
  padding-bottom: 16px
}

.lh-16 .grid-25-75.type-two .ios-section-wrapper .headline,.lh-16 .grid-25-75.type-two .ios-section-wrapper .section-right-col>div {
  padding-bottom: 0;
  padding-top: 16px
}

.lh-16 .cover-template.text-area,.lh-16 .signature {
  padding-top: 16px
}

.lh-16 .headline.type-three .icon {
  top: -5px
}

.lh-17 {
  --templates-lh-base: 17px
}

.lh-17 div,.lh-17 h1,.lh-17 h2,.lh-17 h3,.lh-17 h4,.lh-17 h5,.lh-17 h6,.lh-17 li,.lh-17 ol,.lh-17 p,.lh-17 span,.lh-17 ul {
  line-height: 17px
}

.lh-17 .grid-50-50 .page {
  padding-bottom: 34px;
  padding-top: 51px
}

.lh-17 .grid-50-50 .page .left-column-render,.lh-17 .grid-50-50 .page .right-column-render {
  padding-top: 17px
}

.lh-17 .name.type-two {
  line-height: 34px
}

.lh-17 .name.type-one {
  line-height: 51px!important
}

.lh-17 .headline.type-two .text {
  line-height: 34px!important
}

.lh-17 .headline.type-four {
  min-height: 34px!important
}

.lh-17 .hobby .icon,.lh-17 .social-link.type-one,.lh-17 .social-link.type-two .icon {
  min-height: 51px
}

.lh-17 .keywords-section.type-one .keyword {
  margin-right: 7px;
  min-height: 34px!important
}

.lh-17 .headline {
  padding-bottom: 17px
}

.lh-17 .headline.type-five {
  padding-bottom: 34px
}

.lh-17 .experience-item,.lh-17 .skill-section.type-one .skill {
  padding-bottom: 17px
}

.lh-17 .skill-section.type-one.compact .skill,.lh-17 .skill-section.type-two.compact .skill {
  padding-bottom: 0
}

.lh-17 .skill-section.type-one.compact .skill-category,.lh-17 .skill-section.type-two.compact .skill-category {
  padding-bottom: 17px
}

.lh-17 .graphs.type-two .graph .graph-item {
  height: 85px
}

.lh-17 .graphs.type-one .graph .graph-item {
  height: 51px
}

.lh-17 .graphs.type-three .graph-value-wrapper {
  height: 34px
}

.lh-17 .skill-section.type-one .skill-description-wrapper {
  min-height: 17px
}

.lh-17 .skill-section.type-two .skill-description-wrapper {
  min-height: 34px
}

.lh-17 .skill-section.compact .skill-description-wrapper {
  min-height: 17px
}

.lh-17 .kickresume-section-wrapper {
  padding-bottom: 34px
}

.lh-17 .kickresume-section-wrapper.experience-section,.lh-17 .kickresume-section-wrapper.skill-section {
  padding-bottom: 17px
}

.lh-17 .ios-section-wrapper .kickresume-section-wrapper {
  padding: 0
}

.lh-17 .ios-section-wrapper .section-right-col>div {
  padding-bottom: 17px
}

.lh-17 .grid-25-75.type-one .ios-section-wrapper:not(.no-padding) tbody,.lh-17 .grid-25-75.type-two .ios-section-wrapper:not(.no-padding) tbody {
  display: block;
  padding-bottom: 17px
}

.lh-17 .grid-25-75.type-two .ios-section-wrapper .headline,.lh-17 .grid-25-75.type-two .ios-section-wrapper .section-right-col>div {
  padding-bottom: 0;
  padding-top: 17px
}

.lh-17 .cover-template.text-area,.lh-17 .signature {
  padding-top: 17px
}

.lh-17 .headline.type-three .icon {
  top: -5px
}

.lh-18 {
  --templates-lh-base: 18px
}

.lh-18 div,.lh-18 h1,.lh-18 h2,.lh-18 h3,.lh-18 h4,.lh-18 h5,.lh-18 h6,.lh-18 li,.lh-18 ol,.lh-18 p,.lh-18 span,.lh-18 ul {
  line-height: 18px
}

.lh-18 .grid-50-50 .page {
  padding-bottom: 36px;
  padding-top: 54px
}

.lh-18 .grid-50-50 .page .left-column-render,.lh-18 .grid-50-50 .page .right-column-render {
  padding-top: 18px
}

.lh-18 .name.type-two {
  line-height: 36px
}

.lh-18 .name.type-one {
  line-height: 54px!important
}

.lh-18 .headline.type-two .text {
  line-height: 36px!important
}

.lh-18 .headline.type-four {
  min-height: 36px!important
}

.lh-18 .hobby .icon,.lh-18 .social-link.type-one,.lh-18 .social-link.type-two .icon {
  min-height: 54px
}

.lh-18 .keywords-section.type-one .keyword {
  margin-right: 8px;
  min-height: 36px!important
}

.lh-18 .headline {
  padding-bottom: 18px
}

.lh-18 .headline.type-five {
  padding-bottom: 36px
}

.lh-18 .experience-item,.lh-18 .skill-section.type-one .skill {
  padding-bottom: 18px
}

.lh-18 .skill-section.type-one.compact .skill,.lh-18 .skill-section.type-two.compact .skill {
  padding-bottom: 0
}

.lh-18 .skill-section.type-one.compact .skill-category,.lh-18 .skill-section.type-two.compact .skill-category {
  padding-bottom: 18px
}

.lh-18 .graphs.type-two .graph .graph-item {
  height: 90px
}

.lh-18 .graphs.type-one .graph .graph-item {
  height: 54px
}

.lh-18 .graphs.type-three .graph-value-wrapper {
  height: 36px
}

.lh-18 .skill-section.type-one .skill-description-wrapper {
  min-height: 18px
}

.lh-18 .skill-section.type-two .skill-description-wrapper {
  min-height: 36px
}

.lh-18 .skill-section.compact .skill-description-wrapper {
  min-height: 18px
}

.lh-18 .kickresume-section-wrapper {
  padding-bottom: 36px
}

.lh-18 .kickresume-section-wrapper.experience-section,.lh-18 .kickresume-section-wrapper.skill-section {
  padding-bottom: 18px
}

.lh-18 .ios-section-wrapper .kickresume-section-wrapper {
  padding: 0
}

.lh-18 .ios-section-wrapper .section-right-col>div {
  padding-bottom: 18px
}

.lh-18 .grid-25-75.type-one .ios-section-wrapper:not(.no-padding) tbody,.lh-18 .grid-25-75.type-two .ios-section-wrapper:not(.no-padding) tbody {
  display: block;
  padding-bottom: 18px
}

.lh-18 .grid-25-75.type-two .ios-section-wrapper .headline,.lh-18 .grid-25-75.type-two .ios-section-wrapper .section-right-col>div {
  padding-bottom: 0;
  padding-top: 18px
}

.lh-18 .cover-template.text-area,.lh-18 .signature {
  padding-top: 18px
}

.lh-18 .headline.type-three .icon {
  top: -4px
}

.lh-19 {
  --templates-lh-base: 19px
}

.lh-19 div,.lh-19 h1,.lh-19 h2,.lh-19 h3,.lh-19 h4,.lh-19 h5,.lh-19 h6,.lh-19 li,.lh-19 ol,.lh-19 p,.lh-19 span,.lh-19 ul {
  line-height: 19px
}

.lh-19 .grid-50-50 .page {
  padding-bottom: 38px;
  padding-top: 57px
}

.lh-19 .grid-50-50 .page .left-column-render,.lh-19 .grid-50-50 .page .right-column-render {
  padding-top: 19px
}

.lh-19 .name.type-two {
  line-height: 38px
}

.lh-19 .name.type-one {
  line-height: 57px!important
}

.lh-19 .headline.type-two .text {
  line-height: 38px!important
}

.lh-19 .headline.type-four {
  min-height: 38px!important
}

.lh-19 .hobby .icon,.lh-19 .social-link.type-one,.lh-19 .social-link.type-two .icon {
  min-height: 57px
}

.lh-19 .keywords-section.type-one .keyword {
  margin-right: 9px;
  min-height: 38px!important
}

.lh-19 .headline {
  padding-bottom: 19px
}

.lh-19 .headline.type-five {
  padding-bottom: 38px
}

.lh-19 .experience-item,.lh-19 .skill-section.type-one .skill {
  padding-bottom: 19px
}

.lh-19 .skill-section.type-one.compact .skill,.lh-19 .skill-section.type-two.compact .skill {
  padding-bottom: 0
}

.lh-19 .skill-section.type-one.compact .skill-category,.lh-19 .skill-section.type-two.compact .skill-category {
  padding-bottom: 19px
}

.lh-19 .graphs.type-two .graph .graph-item {
  height: 95px
}

.lh-19 .graphs.type-one .graph .graph-item {
  height: 57px
}

.lh-19 .graphs.type-three .graph-value-wrapper {
  height: 38px
}

.lh-19 .skill-section.type-one .skill-description-wrapper {
  min-height: 19px
}

.lh-19 .skill-section.type-two .skill-description-wrapper {
  min-height: 38px
}

.lh-19 .skill-section.compact .skill-description-wrapper {
  min-height: 19px
}

.lh-19 .kickresume-section-wrapper {
  padding-bottom: 38px
}

.lh-19 .kickresume-section-wrapper.experience-section,.lh-19 .kickresume-section-wrapper.skill-section {
  padding-bottom: 19px
}

.lh-19 .ios-section-wrapper .kickresume-section-wrapper {
  padding: 0
}

.lh-19 .ios-section-wrapper .section-right-col>div {
  padding-bottom: 19px
}

.lh-19 .grid-25-75.type-one .ios-section-wrapper:not(.no-padding) tbody,.lh-19 .grid-25-75.type-two .ios-section-wrapper:not(.no-padding) tbody {
  display: block;
  padding-bottom: 19px
}

.lh-19 .grid-25-75.type-two .ios-section-wrapper .headline,.lh-19 .grid-25-75.type-two .ios-section-wrapper .section-right-col>div {
  padding-bottom: 0;
  padding-top: 19px
}

.lh-19 .cover-template.text-area,.lh-19 .signature {
  padding-top: 19px
}

.lh-19 .headline.type-three .icon {
  top: -4px
}

.lh-20 {
  --templates-lh-base: 20px
}

.lh-20 div,.lh-20 h1,.lh-20 h2,.lh-20 h3,.lh-20 h4,.lh-20 h5,.lh-20 h6,.lh-20 li,.lh-20 ol,.lh-20 p,.lh-20 span,.lh-20 ul {
  line-height: 20px
}

.lh-20 .grid-50-50 .page {
  padding-bottom: 40px;
  padding-top: 60px
}

.lh-20 .grid-50-50 .page .left-column-render,.lh-20 .grid-50-50 .page .right-column-render {
  padding-top: 20px
}

.lh-20 .name.type-two {
  line-height: 40px
}

.lh-20 .name.type-one {
  line-height: 60px!important
}

.lh-20 .headline.type-two .text {
  line-height: 40px!important
}

.lh-20 .headline.type-four {
  min-height: 40px!important
}

.lh-20 .hobby .icon,.lh-20 .social-link.type-one,.lh-20 .social-link.type-two .icon {
  min-height: 60px
}

.lh-20 .keywords-section.type-one .keyword {
  margin-right: 10px;
  min-height: 40px!important
}

.lh-20 .headline {
  padding-bottom: 20px
}

.lh-20 .headline.type-five {
  padding-bottom: 40px
}

.lh-20 .experience-item,.lh-20 .skill-section.type-one .skill {
  padding-bottom: 20px
}

.lh-20 .skill-section.type-one.compact .skill,.lh-20 .skill-section.type-two.compact .skill {
  padding-bottom: 0
}

.lh-20 .skill-section.type-one.compact .skill-category,.lh-20 .skill-section.type-two.compact .skill-category {
  padding-bottom: 20px
}

.lh-20 .graphs.type-two .graph .graph-item {
  height: 100px
}

.lh-20 .graphs.type-one .graph .graph-item {
  height: 60px
}

.lh-20 .graphs.type-three .graph-value-wrapper {
  height: 40px
}

.lh-20 .skill-section.type-one .skill-description-wrapper {
  min-height: 20px
}

.lh-20 .skill-section.type-two .skill-description-wrapper {
  min-height: 40px
}

.lh-20 .skill-section.compact .skill-description-wrapper {
  min-height: 20px
}

.lh-20 .kickresume-section-wrapper {
  padding-bottom: 40px
}

.lh-20 .kickresume-section-wrapper.experience-section,.lh-20 .kickresume-section-wrapper.skill-section {
  padding-bottom: 20px
}

.lh-20 .ios-section-wrapper .kickresume-section-wrapper {
  padding: 0
}

.lh-20 .ios-section-wrapper .section-right-col>div {
  padding-bottom: 20px
}

.lh-20 .grid-25-75.type-one .ios-section-wrapper:not(.no-padding) tbody,.lh-20 .grid-25-75.type-two .ios-section-wrapper:not(.no-padding) tbody {
  display: block;
  padding-bottom: 20px
}

.lh-20 .grid-25-75.type-two .ios-section-wrapper .headline,.lh-20 .grid-25-75.type-two .ios-section-wrapper .section-right-col>div {
  padding-bottom: 0;
  padding-top: 20px
}

.lh-20 .cover-template.text-area,.lh-20 .signature {
  padding-top: 20px
}

.lh-20 .headline.type-three .icon {
  top: -3px
}

.template.fs-10 a,.template.fs-10 b,.template.fs-10 del,.template.fs-10 div,.template.fs-10 em,.template.fs-10 ins,.template.fs-10 li,.template.fs-10 mark,.template.fs-10 ol,.template.fs-10 p,.template.fs-10 s,.template.fs-10 small,.template.fs-10 strong,.template.fs-10 sub,.template.fs-10 sup,.template.fs-10 u,.template.fs-10 ul {
  font-size: 10px!important
}

.template.fs-10 .headline .background-wrapper .text {
  font-size: inherit
}

.template.fs-10 .headline .background-wrapper {
  font-size: 12px!important
}

.template.fs-10 .headline .background-wrapper .icon svg {
  height: 12px;
  width: 12px
}

.template.fs-10 .headline.type-four .text,.template.fs-10 .headline.type-two .text {
  font-size: 15px!important
}

.template.fs-10 .position,.template.fs-10 .publication-name {
  font-size: 13px!important
}

.template.fs-10 .company-name,.template.fs-10 .publisher {
  font-size: 12px!important
}

.template.fs-10 .date,.template.fs-10 .skill-category-name {
  font-size: 8px!important
}

.template.fs-10 .subtitle {
  font-size: 9px!important
}

.template.fs-10.rhubarb .general-section .name {
  font-size: 35px
}

.template.fs-10 .date,.template.fs-10 .skill-category-name {
  font-size: 9px!important
}

.template.fs-11 a,.template.fs-11 b,.template.fs-11 del,.template.fs-11 div,.template.fs-11 em,.template.fs-11 ins,.template.fs-11 li,.template.fs-11 mark,.template.fs-11 ol,.template.fs-11 p,.template.fs-11 s,.template.fs-11 small,.template.fs-11 strong,.template.fs-11 sub,.template.fs-11 sup,.template.fs-11 u,.template.fs-11 ul {
  font-size: 11px!important
}

.template.fs-11 .headline .background-wrapper .text {
  font-size: inherit
}

.template.fs-11 .headline .background-wrapper {
  font-size: 13px!important
}

.template.fs-11 .headline .background-wrapper .icon svg {
  height: 13px;
  width: 13px
}

.template.fs-11 .headline.type-four .text,.template.fs-11 .headline.type-two .text {
  font-size: 16px!important
}

.template.fs-11 .position,.template.fs-11 .publication-name {
  font-size: 14px!important
}

.template.fs-11 .company-name,.template.fs-11 .publisher {
  font-size: 13px!important
}

.template.fs-11 .date,.template.fs-11 .skill-category-name {
  font-size: 9px!important
}

.template.fs-11 .subtitle {
  font-size: 10px!important
}

.template.fs-11.rhubarb .general-section .name {
  font-size: 36px
}

.template.fs-12 a,.template.fs-12 b,.template.fs-12 del,.template.fs-12 div,.template.fs-12 em,.template.fs-12 ins,.template.fs-12 li,.template.fs-12 mark,.template.fs-12 ol,.template.fs-12 p,.template.fs-12 s,.template.fs-12 small,.template.fs-12 strong,.template.fs-12 sub,.template.fs-12 sup,.template.fs-12 u,.template.fs-12 ul {
  font-size: 12px!important
}

.template.fs-12 .headline .background-wrapper .text {
  font-size: inherit
}

.template.fs-12 .headline .background-wrapper {
  font-size: 14px!important
}

.template.fs-12 .headline .background-wrapper .icon svg {
  height: 14px;
  width: 14px
}

.template.fs-12 .headline.type-four .text,.template.fs-12 .headline.type-two .text {
  font-size: 17px!important
}

.template.fs-12 .position,.template.fs-12 .publication-name {
  font-size: 15px!important
}

.template.fs-12 .company-name,.template.fs-12 .publisher {
  font-size: 14px!important
}

.template.fs-12 .date,.template.fs-12 .skill-category-name {
  font-size: 10px!important
}

.template.fs-12 .subtitle {
  font-size: 11px!important
}

.template.fs-12.rhubarb .general-section .name {
  font-size: 37px
}

.template.fs-13 a,.template.fs-13 b,.template.fs-13 del,.template.fs-13 div,.template.fs-13 em,.template.fs-13 ins,.template.fs-13 li,.template.fs-13 mark,.template.fs-13 ol,.template.fs-13 p,.template.fs-13 s,.template.fs-13 small,.template.fs-13 strong,.template.fs-13 sub,.template.fs-13 sup,.template.fs-13 u,.template.fs-13 ul {
  font-size: 13px!important
}

.template.fs-13 .headline .background-wrapper .text {
  font-size: inherit
}

.template.fs-13 .headline .background-wrapper {
  font-size: 15px!important
}

.template.fs-13 .headline .background-wrapper .icon svg {
  height: 15px;
  width: 15px
}

.template.fs-13 .headline.type-four .text,.template.fs-13 .headline.type-two .text {
  font-size: 18px!important
}

.template.fs-13 .position,.template.fs-13 .publication-name {
  font-size: 16px!important
}

.template.fs-13 .company-name,.template.fs-13 .publisher {
  font-size: 15px!important
}

.template.fs-13 .date,.template.fs-13 .skill-category-name {
  font-size: 11px!important
}

.template.fs-13 .subtitle {
  font-size: 12px!important
}

.template.fs-13.rhubarb .general-section .name {
  font-size: 38px
}

.template.fs-14 a,.template.fs-14 b,.template.fs-14 del,.template.fs-14 div,.template.fs-14 em,.template.fs-14 ins,.template.fs-14 li,.template.fs-14 mark,.template.fs-14 ol,.template.fs-14 p,.template.fs-14 s,.template.fs-14 small,.template.fs-14 strong,.template.fs-14 sub,.template.fs-14 sup,.template.fs-14 u,.template.fs-14 ul {
  font-size: 14px!important
}

.template.fs-14 .headline .background-wrapper .text {
  font-size: inherit
}

.template.fs-14 .headline .background-wrapper {
  font-size: 16px!important
}

.template.fs-14 .headline .background-wrapper .icon svg {
  height: 16px;
  width: 16px
}

.template.fs-14 .headline.type-four .text,.template.fs-14 .headline.type-two .text {
  font-size: 19px!important
}

.template.fs-14 .position,.template.fs-14 .publication-name {
  font-size: 17px!important
}

.template.fs-14 .company-name,.template.fs-14 .publisher {
  font-size: 16px!important
}

.template.fs-14 .date,.template.fs-14 .skill-category-name {
  font-size: 12px!important
}

.template.fs-14 .subtitle {
  font-size: 13px!important
}

.template.fs-14.rhubarb .general-section .name {
  font-size: 39px
}

.template.fs-15 a,.template.fs-15 b,.template.fs-15 del,.template.fs-15 div,.template.fs-15 em,.template.fs-15 ins,.template.fs-15 li,.template.fs-15 mark,.template.fs-15 ol,.template.fs-15 p,.template.fs-15 s,.template.fs-15 small,.template.fs-15 strong,.template.fs-15 sub,.template.fs-15 sup,.template.fs-15 u,.template.fs-15 ul {
  font-size: 15px!important
}

.template.fs-15 .headline .background-wrapper .text {
  font-size: inherit
}

.template.fs-15 .headline .background-wrapper {
  font-size: 17px!important
}

.template.fs-15 .headline .background-wrapper .icon svg {
  height: 17px;
  width: 17px
}

.template.fs-15 .headline.type-four .text,.template.fs-15 .headline.type-two .text {
  font-size: 20px!important
}

.template.fs-15 .position,.template.fs-15 .publication-name {
  font-size: 18px!important
}

.template.fs-15 .company-name,.template.fs-15 .publisher {
  font-size: 17px!important
}

.template.fs-15 .date,.template.fs-15 .skill-category-name {
  font-size: 13px!important
}

.template.fs-15 .subtitle {
  font-size: 14px!important
}

.template.fs-15.rhubarb .general-section .name {
  font-size: 40px
}

.template.fs-16 a,.template.fs-16 b,.template.fs-16 del,.template.fs-16 div,.template.fs-16 em,.template.fs-16 ins,.template.fs-16 li,.template.fs-16 mark,.template.fs-16 ol,.template.fs-16 p,.template.fs-16 s,.template.fs-16 small,.template.fs-16 strong,.template.fs-16 sub,.template.fs-16 sup,.template.fs-16 u,.template.fs-16 ul {
  font-size: 16px!important
}

.template.fs-16 .headline .background-wrapper .text {
  font-size: inherit
}

.template.fs-16 .headline .background-wrapper {
  font-size: 18px!important
}

.template.fs-16 .headline .background-wrapper .icon svg {
  height: 18px;
  width: 18px
}

.template.fs-16 .headline.type-four .text,.template.fs-16 .headline.type-two .text {
  font-size: 21px!important
}

.template.fs-16 .position,.template.fs-16 .publication-name {
  font-size: 19px!important
}

.template.fs-16 .company-name,.template.fs-16 .publisher {
  font-size: 18px!important
}

.template.fs-16 .date,.template.fs-16 .skill-category-name {
  font-size: 14px!important
}

.template.fs-16 .subtitle {
  font-size: 15px!important
}

.template.fs-16.rhubarb .general-section .name {
  font-size: 41px
}

.experience-description span,.rich-text-area span {
  font-size: inherit
}

.custom-empty:before {
  color: transparent
}

.headline {
  align-items: flex-end;
  box-sizing: initial;
  display: flex
}

.headline.no-icon {
  padding-left: 30px
}

.headline .icon {
  position: relative
}

.headline .icon.bold {
  bottom: -2px
}

.headline .background-wrapper .icon.fixed svg {
  height: 14px;
  width: 14px
}

.headline.type-four .background-wrapper,.headline.type-two .background-wrapper {
  align-items: center;
  display: flex
}

.headline.type-three {
  padding-left: 30px;
  position: relative
}

.headline.type-three .icon {
  left: 0;
  position: absolute;
  top: -4px
}

.headline .icon {
  align-items: center;
  display: inline-flex;
  height: 24px;
  justify-content: center;
  margin-right: 6px;
  min-height: 24px;
  min-width: 24px;
  width: 24px
}

.headline .icon svg {
  display: block
}

.avatar {
  width: 120px
}

.avatar .thumbnail {
  background: transparent;
  border: none;
  height: 120px;
  padding: 0;
  width: 120px
}

.avatar img {
  height: 120px;
  object-fit: cover;
  width: 120px
}

.letter .grid-50-50 .left-column-render {
  margin-left: 45px;
  margin-right: 26px
}

.letter .grid-50-50 .right-column-render {
  margin-left: 10px;
  margin-right: 53px
}

.grid-50-50 ol,.grid-50-50 ul {
  margin-left: 16px
}

.grid-50-50 .column {
  width: 341px
}

.grid-50-50 .left-column-render {
  margin-left: 30px;
  margin-right: 26px
}

.grid-50-50 .right-column-render {
  margin-left: 10px;
  margin-right: 46px
}

@media (max-width: 800px) {
  .grid-50-50 .column {
    width: calc(100% - 100px);
  }
  .grid-50-50 .right-column-render {
    margin-left: 30px;
    margin-right: 26px;
    padding-top: 0px !important;
  }
}
.grid-50-50 .experience-item,.grid-50-50 .general-section,.grid-50-50 .graphs,.grid-50-50 .graphs.type-two,.grid-50-50 .hobbies,.grid-50-50 .keywords,.grid-50-50 .profile-text,.grid-50-50 .skill-wrapper,.grid-50-50 .social-links-wrapper,.grid-50-50 .social-section-links,.grid-50-50 .text-area {
  padding-left: 30px
}

.grid-50-50 .experience-info .date,.grid-50-50 .skill-category-name {
  text-transform: uppercase
}

.grid-50-50 .graphs.type-three .graph {
  padding: 0 12px 0 0
}

.general-section.no-avatar ol,.general-section.no-avatar ul {
  margin-left: 16px
}

.letter .grid-100-indent .page {
  padding-left: 56px;
  padding-right: 64px
}

.grid-100-indent .page {
  padding-left: 46px;
  padding-right: 52px
}

.grid-100-indent .experience-item,.grid-100-indent .general-section,.grid-100-indent .graphs,.grid-100-indent .graphs.type-two,.grid-100-indent .hobbies,.grid-100-indent .keywords,.grid-100-indent .profile-text,.grid-100-indent .skill-category,.grid-100-indent .social-links-wrapper,.grid-100-indent .text-area {
  padding-left: 32px
}

.letter .grid-100 .page {
  padding-left: 65px;
  padding-right: 65px
}

.grid-100 .page {
  padding-left: 54px;
  padding-right: 54px
}

.grid-100 .rich-text-area ol,.grid-100 .rich-text-area ul {
  margin-left: 16px
}

.grid-100.b .graphs,.grid-100.b .hobbies,.grid-100.b .keywords,.grid-100.b .rich-text-area,.grid-100.b .skill-category,.grid-100.b .skill-wrapper,.grid-100.b .social-links-wrapper {
  padding-left: 8px;
  padding-right: 8px
}

.letter .grid-100-center.type-one .page {
  padding-left: 42px;
  padding-right: 64px
}

.grid-100-center.type-one .page {
  padding-left: 32px;
  padding-right: 52px
}

.grid-100-center.type-one .headline {
  padding-left: 162px
}

.grid-100-center.type-one .headline .icon {
  margin-right: 12px
}

.grid-100-center.type-one .graphs:not(.type-four),.grid-100-center.type-one .hobbies,.grid-100-center.type-one .keywords,.grid-100-center.type-one .rich-text-area,.grid-100-center.type-one .social-links-wrapper {
  padding-left: 198px
}

.grid-100-center.type-one .experience-item,.grid-100-center.type-one .experience-section.type-three .experience-item {
  display: flex
}

.grid-100-center.type-one .experience-item .left-column-render,.grid-100-center.type-one .experience-section.type-three .experience-item .left-column-render {
  display: inline-block;
  max-width: 150px;
  min-width: 150px;
  padding-right: 0;
  text-align: right;
  vertical-align: top
}

.grid-100-center.type-one .experience-item .right-column-render,.grid-100-center.type-one .experience-section.type-three .experience-item .right-column-render {
  display: inline-block;
  padding-left: 48px
}

.grid-100-center.type-two .page {
  padding-left: 36px;
  padding-right: 40px
}

.letter .grid-25-75.type-one .page {
  padding-left: 46px;
  padding-right: 52px
}

.grid-25-75.type-one .page {
  padding-bottom: 39px;
  padding-left: 36px;
  padding-right: 40px
}

.grid-25-75.type-one .section-right-col {
  padding-left: 26px
}

.letter .grid-25-75.type-two .page {
  padding-left: 65px;
  padding-right: 65px
}

.grid-25-75.type-two .page {
  padding-bottom: 39px;
  padding-left: 54px;
  padding-right: 54px
}

.grid-25-75.type-two .section-right-col {
  padding-left: 16px
}

.info-wrapper-icon {
  align-items: center;
  display: flex
}

.info-wrapper-icon .icon {
  display: inline-flex;
  margin-right: 8px;
  min-height: 13px;
  min-width: 13px
}

.info-wrapper-icon .icon svg {
  height: 13px;
  width: 13px
}

.experience-info .date,.skill-category-name {
  letter-spacing: 1px
}

.skill-category-name {
  text-transform: uppercase
}

.date.with-icons .date-numbers {
  margin-right: 4px
}

.date.with-icons>span {
  align-items: center;
  display: inline-flex;
  flex-wrap: wrap;
  padding-left: 17px;
  position: relative;
  word-break: break-word
}

.date.with-icons>span svg {
  height: 13px;
  left: 0;
  margin-right: 4px;
  min-height: 13px;
  min-width: 13px;
  position: absolute;
  width: 13px
}

.date.with-ball .date-numbers {
  margin-right: 4px
}

.date.with-ball>span {
  margin-left: 10px;
  position: relative
}

.date.with-ball>span:before {
  background: #000;
  border-radius: 50%;
  content: "";
  height: 4px;
  left: -10px;
  position: absolute;
  top: clamp(1rem, calc(50% - 3px), 3.5rem);
  width: 4px
}

.date.with-space>:first-child {
  margin-right: 16px
}

.company-name.with-icons,.date.publication-with-icons {
  align-items: center;
  display: flex;
  padding-left: 17px;
  position: relative
}

.company-name.with-icons svg,.date.publication-with-icons svg {
  height: 13px;
  left: 0;
  margin-right: 4px;
  min-height: 13px;
  min-width: 13px;
  position: absolute;
  width: 13px
}

.skill-category-name.with-icon {
  padding-left: 17px;
  position: relative
}

.skill-category-name.with-icon svg {
  height: 13px;
  left: 0;
  margin-right: 4px;
  min-height: 13px;
  min-width: 13px;
  position: absolute;
  top: 1px;
  width: 13px
}

.experience-section.type-two .experience-info {
  display: flex;
  flex-direction: column
}

.experience-section.type-two .experience-info .position {
  order: 0
}

.experience-section.type-two .experience-info .company-name {
  order: 1
}

.experience-section.type-two .experience-info .date {
  order: 2
}

.experience-section.type-four .date>span,.experience-section.type-three .date>span {
  width: 100%
}

.experience-section.type-four.b .experience-item .left-column-render,.experience-section.type-three.b .experience-item .left-column-render {
  padding-left: 8px
}

.experience-section.type-four.b .experience-item .right-column-render,.experience-section.type-three.b .experience-item .right-column-render {
  padding-right: 8px
}

.experience-section.type-three .experience-item .left-column-render {
  display: inline-block;
  padding-right: 16px;
  text-align: right;
  width: 160px
}

.experience-section.type-three .experience-item .right-column-render {
  display: inline-block;
  padding-left: 16px;
  position: relative;
  vertical-align: top;
  width: 526px
}

.experience-section.type-three .experience-item .company-name,.experience-section.type-three .experience-item .date,.experience-section.type-three .experience-item .position,.experience-section.type-three .experience-item .publication-name,.experience-section.type-three .experience-item .publisher {
  color: #000
}

.experience-section.type-four .experience-item {
  width: 100%
}

.experience-section.type-four .experience-item .left-column-render {
  display: inline-block;
  vertical-align: top;
  width: 144px
}

.experience-section.type-four .experience-item .right-column-render {
  display: inline-block;
  padding-left: 32px;
  width: clamp(1rem, calc(100% - 144px), 3.5rem);
}

.skill-section.type-two .skill {
  vertical-align: top
}

.skill-section.type-two .skill-description-wrapper {
  align-items: flex-start;
  display: flex
}

.skill-section.type-two .skill-description {
  align-items: center;
  display: flex;
  min-height: 16px;
  width: 100%
}

.skill-section.type-two .skill-description div {
  width: 100%
}

.skill-section.type-two .skill-description div i {
  background: #c1c1c1;
  display: inline-block;
  height: 5px;
  margin-right: 4px;
  width: clamp(1rem, calc(20% - 3px), 3.5rem);
}

.skill-section.type-two .skill-description div i.active {
  background: #000
}

.skill-section.type-two.compact .skill-description-wrapper:not(.text) .skill-description {
  height: 11px;
  min-height: 11px
}

.skill-section.type-one .skill {
  display: inline-flex;
  flex-direction: column;
  padding-right: 8px;
  vertical-align: bottom
}

.skill-section.type-one .skill .skill-description:not(.text) div i {
  border: 1px solid #000;
  box-sizing: border-box;
  display: inline-flex;
  height: 13px;
  margin-right: 4px;
  vertical-align: bottom;
  width: 13px
}

.skill-section.type-one .skill .skill-description:not(.text) div i.active {
  background: #000
}

.skill-section.type-one.b .skill-wrapper {
  display: flex
}

.skill-section.type-one.b .skill-wrapper .skill-category-name {
  display: inline-flex;
  justify-content: flex-end;
  max-width: 144px;
  min-width: 144px;
  vertical-align: top
}

.skill-section.type-one.b .skill-wrapper .skills {
  display: inline-flex;
  flex-grow: 1;
  flex-wrap: wrap;
  padding-left: 32px
}

.skill-section.type-one.b .skill-wrapper .skills .skill {
  width: 33.33%
}

.skill-section.compact .skill {
  display: flex;
  flex-direction: row
}

.skill-section.compact .skill .skill-name {
  display: inline-flex;
  padding-right: 8px;
  width: 50%
}

.skill-section.compact .skill .skill-description-wrapper {
  display: inline-flex;
  width: 50%
}

.graphs.type-four .graph {
  display: flex;
  flex-direction: column
}

.graphs.type-four .graph .graph-name {
  padding-left: 198px
}

.graphs.type-four .graph .graph-value {
  display: flex
}

.graphs.type-four .graph .graph-value .graph-score {
  margin-right: 48px;
  text-align: right;
  width: 150px
}

.graphs.type-four .graph .graph-value .graph-progress-bar {
  flex-grow: 1;
  position: relative
}

.graphs.type-four .graph .graph-value .graph-progress-bar .graph-progress {
  background: #000;
  content: "";
  height: 6px;
  left: 0;
  position: absolute;
  top: clamp(1rem, calc(50% - 3px), 3.5rem);
}

.graphs.type-four .graph .graph-value .graph-progress-bar:before {
  background: #c1c1c1;
  content: "";
  height: 6px;
  left: 0;
  position: absolute;
  top: clamp(1rem, calc(50% - 3px), 3.5rem);
  width: 100%
}

.graphs.type-three .graph {
  width: 100%
}

.graphs.type-three .graph .graph-name {
  text-align: left
}

.graphs.type-three .graph .graph-value,.graphs.type-three .graph .graph-value-wrapper {
  align-items: center;
  display: flex;
  position: relative;
  width: 100%
}

.graphs.type-three .graph .graph-value {
  color: #fff;
  height: 24px;
  padding-left: 4px;
  z-index: 1
}

.graphs.type-three .graph .graph-value .graph-progress-bar {
  background: #000;
  height: 24px;
  left: 0;
  position: absolute;
  top: clamp(1rem, calc(50% - 12px), 3.5rem);
  z-index: -1
}

.graphs.type-two {
  display: flex;
  padding: 0
}

.graphs.type-two .graph {
  display: flex;
  flex-direction: column;
  padding: 0
}

.graphs.type-two .graph .graph-item {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 91px;
  padding: 0;
  position: relative;
  width: 100%
}

.graphs.type-two .graph .graph-item .value {
  align-items: center;
  color: #000;
  display: flex;
  flex-direction: column;
  justify-content: center
}

.graphs.type-two .graph .graph-item .value .number {
  font-size: 18px!important;
  line-height: 22px!important;
  padding-bottom: 1px
}

.graphs.type-two .graph .graph-item .value .circle-percentage {
  font-size: 10px!important;
  line-height: 11px!important;
  padding-top: 2px;
  position: relative
}

.graphs.type-two .graph .graph-item .value .circle-percentage:before {
  border-top: 1px solid #000;
  content: "";
  height: 2px;
  left: -13px;
  position: absolute;
  top: -1px;
  width: 35px
}

.graphs.type-two .graph .graph-item .value,.graphs.type-two .graph .graph-item svg {
  height: 90px;
  width: 90px
}

.graphs.type-two .graph .graph-item svg {
  position: absolute;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

.graphs.type-two .graph .graph-item .circle {
  stroke-dasharray: 440;
  stroke-dashoffset: 90;
  stroke-width: 10px;
  stroke: #505050;
  position: absolute;
  z-index: 1
}

.graphs.type-two .graph .graph-item .circle-gray {
  stroke-dasharray: 440;
  stroke-dashoffset: 0;
  stroke-width: 4px;
  stroke: #505050;
  position: absolute;
  z-index: 0
}

.graphs.type-two .graph .graph-name {
  text-align: center;
  word-break: break-word
}

.graphs.type-one {
  display: flex;
  padding: 0 0 0 30px
}

.graphs.type-one .graph {
  align-items: center;
  display: flex;
  width: 100%
}

.graphs.type-one .graph .graph-item {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 35px;
  min-width: 35px;
  padding: 0;
  position: relative
}

.graphs.type-one .graph .graph-name {
  flex-grow: 1;
  padding: 0 16px 0 8px;
  text-align: left
}

.graphs.type-one .graph .value-wrapper {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 1
}

.graphs.type-one .graph .value {
  font-size: 13px!important;
  line-height: 13px!important
}

.graphs.type-one .graph .pie-percentage {
  font-size: 10px!important;
  line-height: 10px!important
}

.hobbies.type-one .icon {
  align-items: center;
  display: flex;
  justify-content: center
}

.hobbies.type-one .icon svg {
  height: 30px;
  width: 30px
}

.hobbies.type-two .hobby {
  align-items: center;
  flex-direction: row
}

.hobbies.type-two .hobby .icon {
  align-items: center;
  display: flex;
  justify-content: center;
  min-width: 35px;
  width: 35px
}

.hobbies.type-two .hobby .icon svg {
  width: 30px
}

.hobbies.type-two .hobby .hobby-name {
  padding: 0 12px 0 8px;
  text-align: left
}

.keywords-section.type-one .keyword {
  align-items: flex-end;
  display: inline-flex
}

.keywords-section.type-one.center .keyword {
  align-items: center
}

.keywords-section.type-one.center .keyword .keyword-text-wrapper {
  align-items: center;
  display: flex;
  height: clamp(1rem, calc(100% - 10px), 3.5rem);
  justify-content: center;
  padding: 5px 10px;
  width: 100%
}

.keyword {
  box-sizing: border-box
}

.keyword .prefix {
  margin-right: 4px
}

.social-link.type-one-a,.social-link.type-one-a .icon {
  align-items: center;
  display: flex
}

.social-link.type-one-a .icon {
  height: 35px;
  justify-content: center;
  width: 35px
}

.social-link.type-one-a .icon svg {
  width: 30px
}

.social-link.type-one-a .description {
  flex: 1 1;
  overflow: hidden;
  padding-left: 10px;
  text-overflow: ellipsis
}

.social-link.type-one-b {
  align-items: center;
  display: inline-flex
}

.social-link.type-one-b .icon {
  align-items: center;
  display: flex;
  height: 35px;
  justify-content: center;
  width: 35px
}

.social-link.type-one-b .icon svg {
  width: 30px
}

.social-link.type-one-b .description {
  flex: 1 1;
  padding-left: 10px;
  padding-right: 16px;
  word-break: break-word
}

.social-link.type-two {
  align-items: center;
  display: inline-flex;
  flex-direction: column;
  text-align: center;
  word-break: break-word
}

.social-link.type-two .icon {
  align-items: center;
  display: flex;
  justify-content: center
}

.social-link.type-two .icon svg {
  width: 30px
}

.graph .csspie[data-start="1"] {
  -webkit-transform: rotate(3.6deg);
  transform: rotate(3.6deg)
}

.graph .csspie[data-start="2"] {
  -webkit-transform: rotate(7.2deg);
  transform: rotate(7.2deg)
}

.graph .csspie[data-start="3"] {
  -webkit-transform: rotate(10.8deg);
  transform: rotate(10.8deg)
}

.graph .csspie[data-start="4"] {
  -webkit-transform: rotate(14.4deg);
  transform: rotate(14.4deg)
}

.graph .csspie[data-start="5"] {
  -webkit-transform: rotate(18deg);
  transform: rotate(18deg)
}

.graph .csspie[data-start="6"] {
  -webkit-transform: rotate(21.6deg);
  transform: rotate(21.6deg)
}

.graph .csspie[data-start="7"] {
  -webkit-transform: rotate(25.2deg);
  transform: rotate(25.2deg)
}

.graph .csspie[data-start="8"] {
  -webkit-transform: rotate(28.8deg);
  transform: rotate(28.8deg)
}

.graph .csspie[data-start="9"] {
  -webkit-transform: rotate(32.4deg);
  transform: rotate(32.4deg)
}

.graph .csspie[data-start="10"] {
  -webkit-transform: rotate(36deg);
  transform: rotate(36deg)
}

.graph .csspie[data-start="11"] {
  -webkit-transform: rotate(39.6deg);
  transform: rotate(39.6deg)
}

.graph .csspie[data-start="12"] {
  -webkit-transform: rotate(43.2deg);
  transform: rotate(43.2deg)
}

.graph .csspie[data-start="13"] {
  -webkit-transform: rotate(46.8deg);
  transform: rotate(46.8deg)
}

.graph .csspie[data-start="14"] {
  -webkit-transform: rotate(50.4deg);
  transform: rotate(50.4deg)
}

.graph .csspie[data-start="15"] {
  -webkit-transform: rotate(54deg);
  transform: rotate(54deg)
}

.graph .csspie[data-start="16"] {
  -webkit-transform: rotate(57.6deg);
  transform: rotate(57.6deg)
}

.graph .csspie[data-start="17"] {
  -webkit-transform: rotate(61.2deg);
  transform: rotate(61.2deg)
}

.graph .csspie[data-start="18"] {
  -webkit-transform: rotate(64.8deg);
  transform: rotate(64.8deg)
}

.graph .csspie[data-start="19"] {
  -webkit-transform: rotate(68.4deg);
  transform: rotate(68.4deg)
}

.graph .csspie[data-start="20"] {
  -webkit-transform: rotate(72deg);
  transform: rotate(72deg)
}

.graph .csspie[data-start="21"] {
  -webkit-transform: rotate(75.6deg);
  transform: rotate(75.6deg)
}

.graph .csspie[data-start="22"] {
  -webkit-transform: rotate(79.2deg);
  transform: rotate(79.2deg)
}

.graph .csspie[data-start="23"] {
  -webkit-transform: rotate(82.8deg);
  transform: rotate(82.8deg)
}

.graph .csspie[data-start="24"] {
  -webkit-transform: rotate(86.4deg);
  transform: rotate(86.4deg)
}

.graph .csspie[data-start="25"] {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}

.graph .csspie[data-start="26"] {
  -webkit-transform: rotate(93.6deg);
  transform: rotate(93.6deg)
}

.graph .csspie[data-start="27"] {
  -webkit-transform: rotate(97.2deg);
  transform: rotate(97.2deg)
}

.graph .csspie[data-start="28"] {
  -webkit-transform: rotate(100.8deg);
  transform: rotate(100.8deg)
}

.graph .csspie[data-start="29"] {
  -webkit-transform: rotate(104.4deg);
  transform: rotate(104.4deg)
}

.graph .csspie[data-start="30"] {
  -webkit-transform: rotate(108deg);
  transform: rotate(108deg)
}

.graph .csspie[data-start="31"] {
  -webkit-transform: rotate(.31turn);
  transform: rotate(.31turn)
}

.graph .csspie[data-start="32"] {
  -webkit-transform: rotate(.32turn);
  transform: rotate(.32turn)
}

.graph .csspie[data-start="33"] {
  -webkit-transform: rotate(.33turn);
  transform: rotate(.33turn)
}

.graph .csspie[data-start="34"] {
  -webkit-transform: rotate(.34turn);
  transform: rotate(.34turn)
}

.graph .csspie[data-start="35"] {
  -webkit-transform: rotate(126deg);
  transform: rotate(126deg)
}

.graph .csspie[data-start="36"] {
  -webkit-transform: rotate(.36turn);
  transform: rotate(.36turn)
}

.graph .csspie[data-start="37"] {
  -webkit-transform: rotate(.37turn);
  transform: rotate(.37turn)
}

.graph .csspie[data-start="38"] {
  -webkit-transform: rotate(.38turn);
  transform: rotate(.38turn)
}

.graph .csspie[data-start="39"] {
  -webkit-transform: rotate(.39turn);
  transform: rotate(.39turn)
}

.graph .csspie[data-start="40"] {
  -webkit-transform: rotate(144deg);
  transform: rotate(144deg)
}

.graph .csspie[data-start="41"] {
  -webkit-transform: rotate(.41turn);
  transform: rotate(.41turn)
}

.graph .csspie[data-start="42"] {
  -webkit-transform: rotate(.42turn);
  transform: rotate(.42turn)
}

.graph .csspie[data-start="43"] {
  -webkit-transform: rotate(154.8deg);
  transform: rotate(154.8deg)
}

.graph .csspie[data-start="44"] {
  -webkit-transform: rotate(.44turn);
  transform: rotate(.44turn)
}

.graph .csspie[data-start="45"] {
  -webkit-transform: rotate(162deg);
  transform: rotate(162deg)
}

.graph .csspie[data-start="46"] {
  -webkit-transform: rotate(165.6deg);
  transform: rotate(165.6deg)
}

.graph .csspie[data-start="47"] {
  -webkit-transform: rotate(.47turn);
  transform: rotate(.47turn)
}

.graph .csspie[data-start="48"] {
  -webkit-transform: rotate(172.8deg);
  transform: rotate(172.8deg)
}

.graph .csspie[data-start="49"] {
  -webkit-transform: rotate(.49turn);
  transform: rotate(.49turn)
}

.graph .csspie[data-start="50"] {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.graph .csspie[data-start="51"] {
  -webkit-transform: rotate(.51turn);
  transform: rotate(.51turn)
}

.graph .csspie[data-start="52"] {
  -webkit-transform: rotate(.52turn);
  transform: rotate(.52turn)
}

.graph .csspie[data-start="53"] {
  -webkit-transform: rotate(.53turn);
  transform: rotate(.53turn)
}

.graph .csspie[data-start="54"] {
  -webkit-transform: rotate(.54turn);
  transform: rotate(.54turn)
}

.graph .csspie[data-start="55"] {
  -webkit-transform: rotate(198deg);
  transform: rotate(198deg)
}

.graph .csspie[data-start="56"] {
  -webkit-transform: rotate(201.6deg);
  transform: rotate(201.6deg)
}

.graph .csspie[data-start="57"] {
  -webkit-transform: rotate(.57turn);
  transform: rotate(.57turn)
}

.graph .csspie[data-start="58"] {
  -webkit-transform: rotate(208.8deg);
  transform: rotate(208.8deg)
}

.graph .csspie[data-start="59"] {
  -webkit-transform: rotate(.59turn);
  transform: rotate(.59turn)
}

.graph .csspie[data-start="60"] {
  -webkit-transform: rotate(216deg);
  transform: rotate(216deg)
}

.graph .csspie[data-start="61"] {
  -webkit-transform: rotate(.61turn);
  transform: rotate(.61turn)
}

.graph .csspie[data-start="62"] {
  -webkit-transform: rotate(.62turn);
  transform: rotate(.62turn)
}

.graph .csspie[data-start="63"] {
  -webkit-transform: rotate(.63turn);
  transform: rotate(.63turn)
}

.graph .csspie[data-start="64"] {
  -webkit-transform: rotate(.64turn);
  transform: rotate(.64turn)
}

.graph .csspie[data-start="65"] {
  -webkit-transform: rotate(234deg);
  transform: rotate(234deg)
}

.graph .csspie[data-start="66"] {
  -webkit-transform: rotate(.66turn);
  transform: rotate(.66turn)
}

.graph .csspie[data-start="67"] {
  -webkit-transform: rotate(241.2deg);
  transform: rotate(241.2deg)
}

.graph .csspie[data-start="68"] {
  -webkit-transform: rotate(.68turn);
  transform: rotate(.68turn)
}

.graph .csspie[data-start="69"] {
  -webkit-transform: rotate(248.4deg);
  transform: rotate(248.4deg)
}

.graph .csspie[data-start="70"] {
  -webkit-transform: rotate(252deg);
  transform: rotate(252deg)
}

.graph .csspie[data-start="71"] {
  -webkit-transform: rotate(.71turn);
  transform: rotate(.71turn)
}

.graph .csspie[data-start="72"] {
  -webkit-transform: rotate(.72turn);
  transform: rotate(.72turn)
}

.graph .csspie[data-start="73"] {
  -webkit-transform: rotate(.73turn);
  transform: rotate(.73turn)
}

.graph .csspie[data-start="74"] {
  -webkit-transform: rotate(.74turn);
  transform: rotate(.74turn)
}

.graph .csspie[data-start="75"] {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg)
}

.graph .csspie[data-start="76"] {
  -webkit-transform: rotate(.76turn);
  transform: rotate(.76turn)
}

.graph .csspie[data-start="77"] {
  -webkit-transform: rotate(.77turn);
  transform: rotate(.77turn)
}

.graph .csspie[data-start="78"] {
  -webkit-transform: rotate(.78turn);
  transform: rotate(.78turn)
}

.graph .csspie[data-start="79"] {
  -webkit-transform: rotate(284.4deg);
  transform: rotate(284.4deg)
}

.graph .csspie[data-start="80"] {
  -webkit-transform: rotate(288deg);
  transform: rotate(288deg)
}

.graph .csspie[data-start="81"] {
  -webkit-transform: rotate(.81turn);
  transform: rotate(.81turn)
}

.graph .csspie[data-start="82"] {
  -webkit-transform: rotate(.82turn);
  transform: rotate(.82turn)
}

.graph .csspie[data-start="83"] {
  -webkit-transform: rotate(298.8deg);
  transform: rotate(298.8deg)
}

.graph .csspie[data-start="84"] {
  -webkit-transform: rotate(.84turn);
  transform: rotate(.84turn)
}

.graph .csspie[data-start="85"] {
  -webkit-transform: rotate(306deg);
  transform: rotate(306deg)
}

.graph .csspie[data-start="86"] {
  -webkit-transform: rotate(309.6deg);
  transform: rotate(309.6deg)
}

.graph .csspie[data-start="87"] {
  -webkit-transform: rotate(.87turn);
  transform: rotate(.87turn)
}

.graph .csspie[data-start="88"] {
  -webkit-transform: rotate(.88turn);
  transform: rotate(.88turn)
}

.graph .csspie[data-start="89"] {
  -webkit-transform: rotate(320.4deg);
  transform: rotate(320.4deg)
}

.graph .csspie[data-start="90"] {
  -webkit-transform: rotate(324deg);
  transform: rotate(324deg)
}

.graph .csspie[data-start="91"] {
  -webkit-transform: rotate(.91turn);
  transform: rotate(.91turn)
}

.graph .csspie[data-start="92"] {
  -webkit-transform: rotate(331.2deg);
  transform: rotate(331.2deg)
}

.graph .csspie[data-start="93"] {
  -webkit-transform: rotate(.93turn);
  transform: rotate(.93turn)
}

.graph .csspie[data-start="94"] {
  -webkit-transform: rotate(.94turn);
  transform: rotate(.94turn)
}

.graph .csspie[data-start="95"] {
  -webkit-transform: rotate(342deg);
  transform: rotate(342deg)
}

.graph .csspie[data-start="96"] {
  -webkit-transform: rotate(345.6deg);
  transform: rotate(345.6deg)
}

.graph .csspie[data-start="97"] {
  -webkit-transform: rotate(.97turn);
  transform: rotate(.97turn)
}

.graph .csspie[data-start="98"] {
  -webkit-transform: rotate(.98turn);
  transform: rotate(.98turn)
}

.graph .csspie[data-start="99"] {
  -webkit-transform: rotate(.99turn);
  transform: rotate(.99turn)
}

.graph .csspie[data-start="100"] {
  -webkit-transform: rotate(1turn);
  transform: rotate(1turn)
}

.graph .csspie[data-value="1"]:before {
  -webkit-transform: rotate(4.6deg);
  transform: rotate(4.6deg)
}

.graph .csspie[data-value="2"]:before {
  -webkit-transform: rotate(8.2deg);
  transform: rotate(8.2deg)
}

.graph .csspie[data-value="3"]:before {
  -webkit-transform: rotate(11.8deg);
  transform: rotate(11.8deg)
}

.graph .csspie[data-value="4"]:before {
  -webkit-transform: rotate(15.4deg);
  transform: rotate(15.4deg)
}

.graph .csspie[data-value="5"]:before {
  -webkit-transform: rotate(19deg);
  transform: rotate(19deg)
}

.graph .csspie[data-value="6"]:before {
  -webkit-transform: rotate(22.6deg);
  transform: rotate(22.6deg)
}

.graph .csspie[data-value="7"]:before {
  -webkit-transform: rotate(26.2deg);
  transform: rotate(26.2deg)
}

.graph .csspie[data-value="8"]:before {
  -webkit-transform: rotate(29.8deg);
  transform: rotate(29.8deg)
}

.graph .csspie[data-value="9"]:before {
  -webkit-transform: rotate(33.4deg);
  transform: rotate(33.4deg)
}

.graph .csspie[data-value="10"]:before {
  -webkit-transform: rotate(37deg);
  transform: rotate(37deg)
}

.graph .csspie[data-value="11"]:before {
  -webkit-transform: rotate(40.6deg);
  transform: rotate(40.6deg)
}

.graph .csspie[data-value="12"]:before {
  -webkit-transform: rotate(44.2deg);
  transform: rotate(44.2deg)
}

.graph .csspie[data-value="13"]:before {
  -webkit-transform: rotate(47.8deg);
  transform: rotate(47.8deg)
}

.graph .csspie[data-value="14"]:before {
  -webkit-transform: rotate(51.4deg);
  transform: rotate(51.4deg)
}

.graph .csspie[data-value="15"]:before {
  -webkit-transform: rotate(55deg);
  transform: rotate(55deg)
}

.graph .csspie[data-value="16"]:before {
  -webkit-transform: rotate(58.6deg);
  transform: rotate(58.6deg)
}

.graph .csspie[data-value="17"]:before {
  -webkit-transform: rotate(62.2deg);
  transform: rotate(62.2deg)
}

.graph .csspie[data-value="18"]:before {
  -webkit-transform: rotate(65.8deg);
  transform: rotate(65.8deg)
}

.graph .csspie[data-value="19"]:before {
  -webkit-transform: rotate(69.4deg);
  transform: rotate(69.4deg)
}

.graph .csspie[data-value="20"]:before {
  -webkit-transform: rotate(73deg);
  transform: rotate(73deg)
}

.graph .csspie[data-value="21"]:before {
  -webkit-transform: rotate(76.6deg);
  transform: rotate(76.6deg)
}

.graph .csspie[data-value="22"]:before {
  -webkit-transform: rotate(80.2deg);
  transform: rotate(80.2deg)
}

.graph .csspie[data-value="23"]:before {
  -webkit-transform: rotate(83.8deg);
  transform: rotate(83.8deg)
}

.graph .csspie[data-value="24"]:before {
  -webkit-transform: rotate(87.4deg);
  transform: rotate(87.4deg)
}

.graph .csspie[data-value="25"]:before {
  -webkit-transform: rotate(91deg);
  transform: rotate(91deg)
}

.graph .csspie[data-value="26"]:before {
  -webkit-transform: rotate(94.6deg);
  transform: rotate(94.6deg)
}

.graph .csspie[data-value="27"]:before {
  -webkit-transform: rotate(98.2deg);
  transform: rotate(98.2deg)
}

.graph .csspie[data-value="28"]:before {
  -webkit-transform: rotate(101.8deg);
  transform: rotate(101.8deg)
}

.graph .csspie[data-value="29"]:before {
  -webkit-transform: rotate(105.4deg);
  transform: rotate(105.4deg)
}

.graph .csspie[data-value="30"]:before {
  -webkit-transform: rotate(109deg);
  transform: rotate(109deg)
}

.graph .csspie[data-value="31"]:before {
  -webkit-transform: rotate(112.6deg);
  transform: rotate(112.6deg)
}

.graph .csspie[data-value="32"]:before {
  -webkit-transform: rotate(116.2deg);
  transform: rotate(116.2deg)
}

.graph .csspie[data-value="33"]:before {
  -webkit-transform: rotate(119.8deg);
  transform: rotate(119.8deg)
}

.graph .csspie[data-value="34"]:before {
  -webkit-transform: rotate(123.4deg);
  transform: rotate(123.4deg)
}

.graph .csspie[data-value="35"]:before {
  -webkit-transform: rotate(127deg);
  transform: rotate(127deg)
}

.graph .csspie[data-value="36"]:before {
  -webkit-transform: rotate(130.6deg);
  transform: rotate(130.6deg)
}

.graph .csspie[data-value="37"]:before {
  -webkit-transform: rotate(134.2deg);
  transform: rotate(134.2deg)
}

.graph .csspie[data-value="38"]:before {
  -webkit-transform: rotate(137.8deg);
  transform: rotate(137.8deg)
}

.graph .csspie[data-value="39"]:before {
  -webkit-transform: rotate(141.4deg);
  transform: rotate(141.4deg)
}

.graph .csspie[data-value="40"]:before {
  -webkit-transform: rotate(145deg);
  transform: rotate(145deg)
}

.graph .csspie[data-value="41"]:before {
  -webkit-transform: rotate(148.6deg);
  transform: rotate(148.6deg)
}

.graph .csspie[data-value="42"]:before {
  -webkit-transform: rotate(152.2deg);
  transform: rotate(152.2deg)
}

.graph .csspie[data-value="43"]:before {
  -webkit-transform: rotate(155.8deg);
  transform: rotate(155.8deg)
}

.graph .csspie[data-value="44"]:before {
  -webkit-transform: rotate(159.4deg);
  transform: rotate(159.4deg)
}

.graph .csspie[data-value="45"]:before {
  -webkit-transform: rotate(163deg);
  transform: rotate(163deg)
}

.graph .csspie[data-value="46"]:before {
  -webkit-transform: rotate(166.6deg);
  transform: rotate(166.6deg)
}

.graph .csspie[data-value="47"]:before {
  -webkit-transform: rotate(170.2deg);
  transform: rotate(170.2deg)
}

.graph .csspie[data-value="48"]:before {
  -webkit-transform: rotate(173.8deg);
  transform: rotate(173.8deg)
}

.graph .csspie[data-value="49"]:before {
  -webkit-transform: rotate(177.4deg);
  transform: rotate(177.4deg)
}

.graph .csspie[data-value="50"]:before {
  -webkit-transform: rotate(181deg);
  transform: rotate(181deg)
}

.graph .csspie[data-value="51"]:before {
  -webkit-transform: rotate(184.6deg);
  transform: rotate(184.6deg)
}

.graph .csspie[data-value="52"]:before {
  -webkit-transform: rotate(188.2deg);
  transform: rotate(188.2deg)
}

.graph .csspie[data-value="53"]:before {
  -webkit-transform: rotate(191.8deg);
  transform: rotate(191.8deg)
}

.graph .csspie[data-value="54"]:before {
  -webkit-transform: rotate(195.4deg);
  transform: rotate(195.4deg)
}

.graph .csspie[data-value="55"]:before {
  -webkit-transform: rotate(199deg);
  transform: rotate(199deg)
}

.graph .csspie[data-value="56"]:before {
  -webkit-transform: rotate(202.6deg);
  transform: rotate(202.6deg)
}

.graph .csspie[data-value="57"]:before {
  -webkit-transform: rotate(206.2deg);
  transform: rotate(206.2deg)
}

.graph .csspie[data-value="58"]:before {
  -webkit-transform: rotate(209.8deg);
  transform: rotate(209.8deg)
}

.graph .csspie[data-value="59"]:before {
  -webkit-transform: rotate(213.4deg);
  transform: rotate(213.4deg)
}

.graph .csspie[data-value="60"]:before {
  -webkit-transform: rotate(217deg);
  transform: rotate(217deg)
}

.graph .csspie[data-value="61"]:before {
  -webkit-transform: rotate(220.6deg);
  transform: rotate(220.6deg)
}

.graph .csspie[data-value="62"]:before {
  -webkit-transform: rotate(224.2deg);
  transform: rotate(224.2deg)
}

.graph .csspie[data-value="63"]:before {
  -webkit-transform: rotate(227.8deg);
  transform: rotate(227.8deg)
}

.graph .csspie[data-value="64"]:before {
  -webkit-transform: rotate(231.4deg);
  transform: rotate(231.4deg)
}

.graph .csspie[data-value="65"]:before {
  -webkit-transform: rotate(235deg);
  transform: rotate(235deg)
}

.graph .csspie[data-value="66"]:before {
  -webkit-transform: rotate(238.6deg);
  transform: rotate(238.6deg)
}

.graph .csspie[data-value="67"]:before {
  -webkit-transform: rotate(242.2deg);
  transform: rotate(242.2deg)
}

.graph .csspie[data-value="68"]:before {
  -webkit-transform: rotate(245.8deg);
  transform: rotate(245.8deg)
}

.graph .csspie[data-value="69"]:before {
  -webkit-transform: rotate(249.4deg);
  transform: rotate(249.4deg)
}

.graph .csspie[data-value="70"]:before {
  -webkit-transform: rotate(253deg);
  transform: rotate(253deg)
}

.graph .csspie[data-value="71"]:before {
  -webkit-transform: rotate(256.6deg);
  transform: rotate(256.6deg)
}

.graph .csspie[data-value="72"]:before {
  -webkit-transform: rotate(260.2deg);
  transform: rotate(260.2deg)
}

.graph .csspie[data-value="73"]:before {
  -webkit-transform: rotate(263.8deg);
  transform: rotate(263.8deg)
}

.graph .csspie[data-value="74"]:before {
  -webkit-transform: rotate(267.4deg);
  transform: rotate(267.4deg)
}

.graph .csspie[data-value="75"]:before {
  -webkit-transform: rotate(271deg);
  transform: rotate(271deg)
}

.graph .csspie[data-value="76"]:before {
  -webkit-transform: rotate(274.6deg);
  transform: rotate(274.6deg)
}

.graph .csspie[data-value="77"]:before {
  -webkit-transform: rotate(278.2deg);
  transform: rotate(278.2deg)
}

.graph .csspie[data-value="78"]:before {
  -webkit-transform: rotate(281.8deg);
  transform: rotate(281.8deg)
}

.graph .csspie[data-value="79"]:before {
  -webkit-transform: rotate(285.4deg);
  transform: rotate(285.4deg)
}

.graph .csspie[data-value="80"]:before {
  -webkit-transform: rotate(289deg);
  transform: rotate(289deg)
}

.graph .csspie[data-value="81"]:before {
  -webkit-transform: rotate(292.6deg);
  transform: rotate(292.6deg)
}

.graph .csspie[data-value="82"]:before {
  -webkit-transform: rotate(296.2deg);
  transform: rotate(296.2deg)
}

.graph .csspie[data-value="83"]:before {
  -webkit-transform: rotate(299.8deg);
  transform: rotate(299.8deg)
}

.graph .csspie[data-value="84"]:before {
  -webkit-transform: rotate(303.4deg);
  transform: rotate(303.4deg)
}

.graph .csspie[data-value="85"]:before {
  -webkit-transform: rotate(307deg);
  transform: rotate(307deg)
}

.graph .csspie[data-value="86"]:before {
  -webkit-transform: rotate(310.6deg);
  transform: rotate(310.6deg)
}

.graph .csspie[data-value="87"]:before {
  -webkit-transform: rotate(314.2deg);
  transform: rotate(314.2deg)
}

.graph .csspie[data-value="88"]:before {
  -webkit-transform: rotate(317.8deg);
  transform: rotate(317.8deg)
}

.graph .csspie[data-value="89"]:before {
  -webkit-transform: rotate(321.4deg);
  transform: rotate(321.4deg)
}

.graph .csspie[data-value="90"]:before {
  -webkit-transform: rotate(325deg);
  transform: rotate(325deg)
}

.graph .csspie[data-value="91"]:before {
  -webkit-transform: rotate(328.6deg);
  transform: rotate(328.6deg)
}

.graph .csspie[data-value="92"]:before {
  -webkit-transform: rotate(332.2deg);
  transform: rotate(332.2deg)
}

.graph .csspie[data-value="93"]:before {
  -webkit-transform: rotate(335.8deg);
  transform: rotate(335.8deg)
}

.graph .csspie[data-value="94"]:before {
  -webkit-transform: rotate(339.4deg);
  transform: rotate(339.4deg)
}

.graph .csspie[data-value="95"]:before {
  -webkit-transform: rotate(343deg);
  transform: rotate(343deg)
}

.graph .csspie[data-value="96"]:before {
  -webkit-transform: rotate(346.6deg);
  transform: rotate(346.6deg)
}

.graph .csspie[data-value="97"]:before {
  -webkit-transform: rotate(350.2deg);
  transform: rotate(350.2deg)
}

.graph .csspie[data-value="98"]:before {
  -webkit-transform: rotate(353.8deg);
  transform: rotate(353.8deg)
}

.graph .csspie[data-value="99"]:before {
  -webkit-transform: rotate(357.4deg);
  transform: rotate(357.4deg)
}

.graph .csspie {
  left: 17.5px;
  overflow: hidden;
  -webkit-transform-origin: left center;
  transform-origin: left center
}

.graph .csspie,.graph .csspie:before {
  height: 35px;
  position: absolute;
  width: 17.5px
}

.graph .csspie:before {
  border-radius: 17.5px 0 0 17.5px;
  content: "";
  left: -17.5px;
  -webkit-transform-origin: right center;
  transform-origin: right center
}

.graph .csspie.big {
  height: 35px;
  left: 0;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  width: 35px;
  z-index: 1
}

.graph .csspie.big:before {
  left: 0;
  width: 17.5px
}

.graph .csspie.big:after {
  border-radius: 0 17.5px 17.5px 0;
  content: "";
  height: 35px;
  left: 17.5px;
  position: absolute;
  width: 17.5px
}

.kickresume-section-wrapper .note-detail-item,.profile-text-wrapper .note-detail-item {
  right: -45px
}

.stanford .experience-section.type-three .note-detail-item,.vegan .experience-section.type-three .note-detail-item {
  right: -78px
}

.ladder .section-right-col .note-detail-item {
  right: -63px
}

.doodle .profile-text-wrapper .note-detail-item,.martinus .profile-text-wrapper .note-detail-item {
  right: 8px
}

.double-decker .profile-text-wrapper .note-detail-item,.english .profile-text-wrapper .note-detail-item {
  right: -57px
}

.cover-ios .rich-text .note-detail-item,.cover-midday .rich-text .note-detail-item,.cover-midnight .rich-text .note-detail-item,.cover-rectangular .rich-text .note-detail-item,.resignation-ios .rich-text .note-detail-item,.resignation-midday .rich-text .note-detail-item,.resignation-midnight .rich-text .note-detail-item,.resignation-rectangular .rich-text .note-detail-item {
  padding-right: 46px
}

.cover-puddle .general-info-to .note-detail-item,.resignation-puddle .general-info-to .note-detail-item {
  padding-right: 60px
}

.template.basic .page {
  padding-bottom: 39px;
  padding-top: 39px
}

.template.basic .general-section,.template.basic .kickresume-section-wrapper {
  width: 100%
}

.template.basic .date {
  text-align: left
}

.template.basic ol,.template.basic ul {
  margin-left: 16px
}

.template.basic .headline {
  display: flex
}

.template.basic .headline .background-wrapper {
  justify-content: center;
  position: relative;
  width: 100%
}

.template.basic .headline .background-wrapper:after {
  background: #000;
  bottom: -4px;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%
}

.template.basic .general-section,.template.basic .general-section .name {
  padding-bottom: clamp(1rem, calc(var(--templates-lh-base)*2), 3.5rem);
}

.template.basic .general-section .name {
  font-size: 34px;
  line-height: 40px;
  text-align: center
}

.template.basic .general-section .general-info-wrapper {
  display: flex
}

.template.basic .general-section .general-info-wrapper .general-info {
  display: inline-flex;
  flex-grow: 1;
  flex-wrap: wrap;
  padding: 0 8px;
  vertical-align: top
}

.template.basic .general-section .general-info-wrapper .general-info .info-wrapper,.template.basic .general-section .general-info-wrapper .general-info.no-avatar {
  width: 100%
}

.template.basic .general-section .general-info-wrapper .general-info .key {
  display: inline-block;
  margin-right: 8px;
  vertical-align: top
}

.template.basic .general-section .general-info-wrapper .general-info .value {
  display: inline-block;
  vertical-align: top
}

.template.basic .general-section .general-info-wrapper .avatar {
  display: inline-flex;
  min-width: 144px
}

.template.basic .general-section .general-info-wrapper .avatar img {
  border-radius: 50%
}

.template.basic .graph,.template.basic .hobby,.template.basic .skill,.template.basic .social-link {
  width: 25%
}

.template.basic .skill-category-name {
  text-transform: uppercase
}

.template.basic .skill-description,.template.basic .skill-name {
  text-align: center
}

.template.basic .skill-section.type-one .skill .skill-description-wrapper:not(.text) div i {
  border: 1px solid #000;
  border-radius: 50%;
  height: 10px;
  width: 10px
}

.template.basic .skill-section.type-one .skill .skill-description-wrapper:not(.text) div i.active {
  background: #000
}

.template.basic .skill-section.type-one .skill .skill-description-wrapper.text {
  color: #000
}

.template.basic .csspie:first-of-type:after,.template.basic .csspie:first-of-type:before {
  background-color: #000
}

.template.basic .csspie:nth-of-type(2):after,.template.basic .csspie:nth-of-type(2):before {
  background-color: grey
}

.template.basic .value-wrapper {
  color: #fff
}

.template.basic.whi .page {
  background-color: #fff
}

.template.basic.whi .csspie:first-of-type:after,.template.basic.whi .csspie:first-of-type:before {
  background-color: #000
}

.template.basic.whi .csspie:nth-of-type(2):after,.template.basic.whi .csspie:nth-of-type(2):before {
  background-color: grey
}

.template.basic.whi .value-wrapper {
  color: #fff
}

.template.basic.ful-red .page {
  background-color: #f9ddc0
}

.template.basic.ful-red .csspie:first-of-type:after,.template.basic.ful-red .csspie:first-of-type:before {
  background-color: #000
}

.template.basic.ful-red .csspie:nth-of-type(2):after,.template.basic.ful-red .csspie:nth-of-type(2):before {
  background-color: grey
}

.template.basic.ful-red .value-wrapper {
  color: #f9ddc0
}

.template.basic.cya .page {
  background-color: #e5f9f9
}

.template.basic.cya .csspie:first-of-type:after,.template.basic.cya .csspie:first-of-type:before {
  background-color: #000
}

.template.basic.cya .csspie:nth-of-type(2):after,.template.basic.cya .csspie:nth-of-type(2):before {
  background-color: grey
}

.template.basic.cya .value-wrapper {
  color: #e5f9f9
}

.template.basic.yel .page {
  background-color: #f9e8d2
}

.template.basic.yel .csspie:first-of-type:after,.template.basic.yel .csspie:first-of-type:before {
  background-color: #000
}

.template.basic.yel .csspie:nth-of-type(2):after,.template.basic.yel .csspie:nth-of-type(2):before {
  background-color: grey
}

.template.basic.yel .value-wrapper {
  color: #f9e8d2
}

.template.basic.grn .page {
  background-color: #daf2da
}

.template.basic.grn .csspie:first-of-type:after,.template.basic.grn .csspie:first-of-type:before {
  background-color: #000
}

.template.basic.grn .csspie:nth-of-type(2):after,.template.basic.grn .csspie:nth-of-type(2):before {
  background-color: grey
}

.template.basic.grn .value-wrapper {
  color: #daf2da
}

.template.basic.pin .page {
  background-color: #fce6e6
}

.template.basic.pin .csspie:first-of-type:after,.template.basic.pin .csspie:first-of-type:before {
  background-color: #000
}

.template.basic.pin .csspie:nth-of-type(2):after,.template.basic.pin .csspie:nth-of-type(2):before {
  background-color: grey
}

.template.basic.pin .value-wrapper {
  color: #fce6e6
}

.template.bauhaus .page {
  padding-bottom: 39px;
  padding-top: 30px
}

.template.bauhaus .page:after {
  color: #1e3892
}

.template.bauhaus.page-wrapper.numbersShown .outer-page.multi-page .page:after {
  bottom: 26px;
  padding-right: 52px;
  text-align: right
}

.letter.template.bauhaus.page-wrapper.numbersShown .outer-page.multi-page .page:after {
  padding-right: 64px
}

.template.bauhaus .headline {
  color: #1e3892;
  text-transform: uppercase
}

.template.bauhaus .general-section {
  display: flex;
  flex-direction: column;
  padding: 13px 0 26px;
  position: relative
}

.template.bauhaus .general-section .name {
  color: #1e3892;
  font-size: 35px;
  line-height: 45px;
  padding-bottom: var(--templates-lh-base)
}

.template.bauhaus .general-section .general-info {
  display: flex;
  flex-wrap: wrap;
  padding-left: 30px
}

.template.bauhaus .general-section .general-info div {
  display: inline-flex;
  flex-direction: row;
  margin-right: 8px
}

.template.bauhaus .general-section .general-info div .key {
  color: #1e3892;
  margin-right: 8px
}

.template.bauhaus .experience-info .date {
  color: #1e3892
}

.template.bauhaus .experience-info .date svg {
  fill: #1e3892
}

.template.bauhaus .hobby,.template.bauhaus .skill,.template.bauhaus .social-link {
  display: inline-flex;
  padding-right: 16px;
  width: 25%
}

.template.bauhaus .hobby svg,.template.bauhaus .social-link svg {
  fill: #1e3892
}

.template.bauhaus .skill-section.type-one .skill .skill-description:not(.text) div i {
  background: #c1c1c1;
  border: none;
  border-radius: 50%;
  height: 8px;
  width: 8px
}

.template.bauhaus .skill-section.type-one .skill .skill-description:not(.text) div i.active {
  background: #1e3892
}

.template.bauhaus .graphs.type-three .graph .graph-value {
  background: #c1c1c1
}

.template.bauhaus .graphs.type-three .graph .graph-value .graph-progress-bar {
  background: #1e3892
}

.template.bauhaus .keyword .keyword-text-wrapper {
  background: #1e3892;
  color: #fff
}

.template.bauhaus.nvy .experience-info .date,.template.bauhaus.nvy .general-section .general-info div .key,.template.bauhaus.nvy .general-section .name,.template.bauhaus.nvy .headline,.template.bauhaus.nvy .page:after {
  color: #1e3892
}

.template.bauhaus.nvy .experience-info .date svg,.template.bauhaus.nvy .hobby svg,.template.bauhaus.nvy .social-link svg {
  fill: #1e3892
}

.template.bauhaus.nvy .graphs.type-three .graph .graph-value .graph-progress-bar,.template.bauhaus.nvy .keyword .keyword-text-wrapper,.template.bauhaus.nvy .skill-section.type-one .skill .skill-description:not(.text) div i.active {
  background: #1e3892
}

.template.bauhaus.win .experience-info .date,.template.bauhaus.win .general-section .general-info div .key,.template.bauhaus.win .general-section .name,.template.bauhaus.win .headline,.template.bauhaus.win .page:after {
  color: #961e27
}

.template.bauhaus.win .experience-info .date svg,.template.bauhaus.win .hobby svg,.template.bauhaus.win .social-link svg {
  fill: #961e27
}

.template.bauhaus.win .graphs.type-three .graph .graph-value .graph-progress-bar,.template.bauhaus.win .keyword .keyword-text-wrapper,.template.bauhaus.win .skill-section.type-one .skill .skill-description:not(.text) div i.active {
  background: #961e27
}

.template.bauhaus.grn .experience-info .date,.template.bauhaus.grn .general-section .general-info div .key,.template.bauhaus.grn .general-section .name,.template.bauhaus.grn .headline,.template.bauhaus.grn .page:after {
  color: #369188
}

.template.bauhaus.grn .experience-info .date svg,.template.bauhaus.grn .hobby svg,.template.bauhaus.grn .social-link svg {
  fill: #369188
}

.template.bauhaus.grn .graphs.type-three .graph .graph-value .graph-progress-bar,.template.bauhaus.grn .keyword .keyword-text-wrapper,.template.bauhaus.grn .skill-section.type-one .skill .skill-description:not(.text) div i.active {
  background: #369188
}

.template.bauhaus.bro .experience-info .date,.template.bauhaus.bro .general-section .general-info div .key,.template.bauhaus.bro .general-section .name,.template.bauhaus.bro .headline,.template.bauhaus.bro .page:after {
  color: #884f06
}

.template.bauhaus.bro .experience-info .date svg,.template.bauhaus.bro .hobby svg,.template.bauhaus.bro .social-link svg {
  fill: #884f06
}

.template.bauhaus.bro .graphs.type-three .graph .graph-value .graph-progress-bar,.template.bauhaus.bro .keyword .keyword-text-wrapper,.template.bauhaus.bro .skill-section.type-one .skill .skill-description:not(.text) div i.active {
  background: #884f06
}

.template.bauhaus.pur .experience-info .date,.template.bauhaus.pur .general-section .general-info div .key,.template.bauhaus.pur .general-section .name,.template.bauhaus.pur .headline,.template.bauhaus.pur .page:after {
  color: #ab47bc
}

.template.bauhaus.pur .experience-info .date svg,.template.bauhaus.pur .hobby svg,.template.bauhaus.pur .social-link svg {
  fill: #ab47bc
}

.template.bauhaus.pur .graphs.type-three .graph .graph-value .graph-progress-bar,.template.bauhaus.pur .keyword .keyword-text-wrapper,.template.bauhaus.pur .skill-section.type-one .skill .skill-description:not(.text) div i.active {
  background: #ab47bc
}

.template.bauhaus.ste .experience-info .date,.template.bauhaus.ste .general-section .general-info div .key,.template.bauhaus.ste .general-section .name,.template.bauhaus.ste .headline,.template.bauhaus.ste .page:after {
  color: #517484
}

.template.bauhaus.ste .experience-info .date svg,.template.bauhaus.ste .hobby svg,.template.bauhaus.ste .social-link svg {
  fill: #517484
}

.template.bauhaus.ste .graphs.type-three .graph .graph-value .graph-progress-bar,.template.bauhaus.ste .keyword .keyword-text-wrapper,.template.bauhaus.ste .skill-section.type-one .skill .skill-description:not(.text) div i.active {
  background: #517484
}

.template.bauhaus.blu .experience-info .date,.template.bauhaus.blu .general-section .general-info div .key,.template.bauhaus.blu .general-section .name,.template.bauhaus.blu .headline,.template.bauhaus.blu .page:after {
  color: #366af6
}

.template.bauhaus.blu .experience-info .date svg,.template.bauhaus.blu .hobby svg,.template.bauhaus.blu .social-link svg {
  fill: #366af6
}

.template.bauhaus.blu .graphs.type-three .graph .graph-value .graph-progress-bar,.template.bauhaus.blu .keyword .keyword-text-wrapper,.template.bauhaus.blu .skill-section.type-one .skill .skill-description:not(.text) div i.active {
  background: #366af6
}

.template.bauhaus.oli .experience-info .date,.template.bauhaus.oli .general-section .general-info div .key,.template.bauhaus.oli .general-section .name,.template.bauhaus.oli .headline,.template.bauhaus.oli .page:after {
  color: #808626
}

.template.bauhaus.oli .experience-info .date svg,.template.bauhaus.oli .hobby svg,.template.bauhaus.oli .social-link svg {
  fill: #808626
}

.template.bauhaus.oli .graphs.type-three .graph .graph-value .graph-progress-bar,.template.bauhaus.oli .keyword .keyword-text-wrapper,.template.bauhaus.oli .skill-section.type-one .skill .skill-description:not(.text) div i.active {
  background: #808626
}

.template.bauhaus.gre .experience-info .date,.template.bauhaus.gre .general-section .general-info div .key,.template.bauhaus.gre .general-section .name,.template.bauhaus.gre .headline,.template.bauhaus.gre .page:after {
  color: grey
}

.template.bauhaus.gre .experience-info .date svg,.template.bauhaus.gre .hobby svg,.template.bauhaus.gre .social-link svg {
  fill: grey
}

.template.bauhaus.gre .graphs.type-three .graph .graph-value .graph-progress-bar,.template.bauhaus.gre .keyword .keyword-text-wrapper,.template.bauhaus.gre .skill-section.type-one .skill .skill-description:not(.text) div i.active {
  background: grey
}

.template.black .page {
  padding-bottom: 39px;
  padding-top: 39px
}

.template.black .general-section,.template.black .kickresume-section-wrapper {
  width: 100%
}

.template.black ol,.template.black ul {
  margin-left: 16px
}

.template.black .headline .background-wrapper {
  padding-left: 8px;
  position: relative;
  width: 100%
}

.template.black .headline .background-wrapper:after {
  background: #000;
  bottom: -4px;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%
}

.template.black .general-section,.template.black .general-section .name {
  padding-bottom: clamp(1rem, calc(var(--templates-lh-base)*2), 3.5rem);
}

.template.black .general-section .name {
  color: #000;
  font-size: 34px;
  line-height: 40px;
  text-align: center
}

.template.black .general-section .name span {
  font-size: inherit;
  line-height: inherit
}

.template.black .general-section .general-info-wrapper {
  display: flex;
  padding-top: var(--templates-lh-base)
}

.template.black .general-section .general-info {
  display: inline-block;
  flex-grow: 1;
  order: 2;
  padding-left: 16px;
  vertical-align: top
}

.template.black .general-section .general-info .key {
  display: inline-block;
  margin-right: 8px;
  vertical-align: top
}

.template.black .general-section .general-info .value {
  display: inline-block;
  vertical-align: top
}

.template.black .general-section .general-info.no-avatar {
  padding-left: 8px
}

.template.black .general-section .avatar {
  width: 160px
}

.template.black .general-section .avatar .thumbnail img {
  border-radius: 50%
}

.template.black .general-section.no-avatar {
  width: 100%
}

.template.black .graph,.template.black .hobby,.template.black .skill,.template.black .social-link {
  display: inline-flex;
  width: 25%
}

.template.black .skill-section.type-one .skill {
  padding-right: 16px
}

.template.black .skill-category-name,.template.black .skill-description {
  text-transform: uppercase
}

.template.black .skill-description-wrapper:not(.text) {
  align-items: center;
  display: flex
}

.template.black .skill-description-wrapper:not(.text) .skill-description {
  align-items: center;
  background: #000;
  display: flex;
  height: 1px;
  position: relative;
  width: 100%
}

.template.black .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.black .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.black .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.black .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.black .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #000;
  height: 3px;
  position: absolute;
  z-index: 0
}

.template.black .skill-description-wrapper:not(.text) .skill-description .progress-level-1:before,.template.black .skill-description-wrapper:not(.text) .skill-description .progress-level-2:before,.template.black .skill-description-wrapper:not(.text) .skill-description .progress-level-3:before,.template.black .skill-description-wrapper:not(.text) .skill-description .progress-level-4:before,.template.black .skill-description-wrapper:not(.text) .skill-description .progress-level-5:before {
  background: #fff;
  content: "";
  height: 10px;
  position: absolute;
  right: -2px;
  top: -3px;
  width: 12px;
  z-index: 1
}

.template.black .skill-description-wrapper:not(.text) .skill-description .progress-level-1:after,.template.black .skill-description-wrapper:not(.text) .skill-description .progress-level-2:after,.template.black .skill-description-wrapper:not(.text) .skill-description .progress-level-3:after,.template.black .skill-description-wrapper:not(.text) .skill-description .progress-level-4:after,.template.black .skill-description-wrapper:not(.text) .skill-description .progress-level-5:after {
  background: #000;
  border-radius: 50%;
  content: "";
  height: 8px;
  position: absolute;
  right: 0;
  top: -3px;
  width: 8px;
  z-index: 2
}

.template.black .csspie:first-of-type:after,.template.black .csspie:first-of-type:before {
  background-color: #000
}

.template.black .csspie:nth-of-type(2):after,.template.black .csspie:nth-of-type(2):before {
  background-color: grey
}

.template.black .value-wrapper {
  color: #fff
}

.template.black .graphs {
  padding: 0
}

.template.black .keywords-section.type-one.center .keyword .keyword-text-wrapper {
  background: #000;
  padding: 3px 8px
}

.template.black .keywords-section.type-one.center .keyword .keyword-text-wrapper .text {
  color: #fff
}

.template.black.whi .page {
  background-color: #fff
}

.template.black.whi .skill-description-wrapper:not(.text) .skill-description .progress-level-1:before,.template.black.whi .skill-description-wrapper:not(.text) .skill-description .progress-level-2:before,.template.black.whi .skill-description-wrapper:not(.text) .skill-description .progress-level-3:before,.template.black.whi .skill-description-wrapper:not(.text) .skill-description .progress-level-4:before,.template.black.whi .skill-description-wrapper:not(.text) .skill-description .progress-level-5:before {
  background: #fff
}

.template.black.whi .csspie:first-of-type:after,.template.black.whi .csspie:first-of-type:before {
  background-color: #000
}

.template.black.whi .csspie:nth-of-type(2):after,.template.black.whi .csspie:nth-of-type(2):before {
  background-color: grey
}

.template.black.whi .keywords-section.type-one.center .keyword .keyword-text-wrapper .text,.template.black.whi .value-wrapper {
  color: #fff
}

.template.black.ful-red .page {
  background-color: #f9ddc0
}

.template.black.ful-red .skill-description-wrapper:not(.text) .skill-description .progress-level-1:before,.template.black.ful-red .skill-description-wrapper:not(.text) .skill-description .progress-level-2:before,.template.black.ful-red .skill-description-wrapper:not(.text) .skill-description .progress-level-3:before,.template.black.ful-red .skill-description-wrapper:not(.text) .skill-description .progress-level-4:before,.template.black.ful-red .skill-description-wrapper:not(.text) .skill-description .progress-level-5:before {
  background: #f9ddc0
}

.template.black.ful-red .csspie:first-of-type:after,.template.black.ful-red .csspie:first-of-type:before {
  background-color: #000
}

.template.black.ful-red .csspie:nth-of-type(2):after,.template.black.ful-red .csspie:nth-of-type(2):before {
  background-color: grey
}

.template.black.ful-red .keywords-section.type-one.center .keyword .keyword-text-wrapper .text,.template.black.ful-red .value-wrapper {
  color: #f9ddc0
}

.template.black.cya .page {
  background-color: #e5f9f9
}

.template.black.cya .skill-description-wrapper:not(.text) .skill-description .progress-level-1:before,.template.black.cya .skill-description-wrapper:not(.text) .skill-description .progress-level-2:before,.template.black.cya .skill-description-wrapper:not(.text) .skill-description .progress-level-3:before,.template.black.cya .skill-description-wrapper:not(.text) .skill-description .progress-level-4:before,.template.black.cya .skill-description-wrapper:not(.text) .skill-description .progress-level-5:before {
  background: #e5f9f9
}

.template.black.cya .csspie:first-of-type:after,.template.black.cya .csspie:first-of-type:before {
  background-color: #000
}

.template.black.cya .csspie:nth-of-type(2):after,.template.black.cya .csspie:nth-of-type(2):before {
  background-color: grey
}

.template.black.cya .keywords-section.type-one.center .keyword .keyword-text-wrapper .text,.template.black.cya .value-wrapper {
  color: #e5f9f9
}

.template.black.yel .page {
  background-color: #f9e8d2
}

.template.black.yel .skill-description-wrapper:not(.text) .skill-description .progress-level-1:before,.template.black.yel .skill-description-wrapper:not(.text) .skill-description .progress-level-2:before,.template.black.yel .skill-description-wrapper:not(.text) .skill-description .progress-level-3:before,.template.black.yel .skill-description-wrapper:not(.text) .skill-description .progress-level-4:before,.template.black.yel .skill-description-wrapper:not(.text) .skill-description .progress-level-5:before {
  background: #f9e8d2
}

.template.black.yel .csspie:first-of-type:after,.template.black.yel .csspie:first-of-type:before {
  background-color: #000
}

.template.black.yel .csspie:nth-of-type(2):after,.template.black.yel .csspie:nth-of-type(2):before {
  background-color: grey
}

.template.black.yel .keywords-section.type-one.center .keyword .keyword-text-wrapper .text,.template.black.yel .value-wrapper {
  color: #f9e8d2
}

.template.black.grn .page {
  background-color: #daf2da
}

.template.black.grn .skill-description-wrapper:not(.text) .skill-description .progress-level-1:before,.template.black.grn .skill-description-wrapper:not(.text) .skill-description .progress-level-2:before,.template.black.grn .skill-description-wrapper:not(.text) .skill-description .progress-level-3:before,.template.black.grn .skill-description-wrapper:not(.text) .skill-description .progress-level-4:before,.template.black.grn .skill-description-wrapper:not(.text) .skill-description .progress-level-5:before {
  background: #daf2da
}

.template.black.grn .csspie:first-of-type:after,.template.black.grn .csspie:first-of-type:before {
  background-color: #000
}

.template.black.grn .csspie:nth-of-type(2):after,.template.black.grn .csspie:nth-of-type(2):before {
  background-color: grey
}

.template.black.grn .keywords-section.type-one.center .keyword .keyword-text-wrapper .text,.template.black.grn .value-wrapper {
  color: #daf2da
}

.template.black.pin .page {
  background-color: #fce6e6
}

.template.black.pin .skill-description-wrapper:not(.text) .skill-description .progress-level-1:before,.template.black.pin .skill-description-wrapper:not(.text) .skill-description .progress-level-2:before,.template.black.pin .skill-description-wrapper:not(.text) .skill-description .progress-level-3:before,.template.black.pin .skill-description-wrapper:not(.text) .skill-description .progress-level-4:before,.template.black.pin .skill-description-wrapper:not(.text) .skill-description .progress-level-5:before {
  background: #fce6e6
}

.template.black.pin .csspie:first-of-type:after,.template.black.pin .csspie:first-of-type:before {
  background-color: #000
}

.template.black.pin .csspie:nth-of-type(2):after,.template.black.pin .csspie:nth-of-type(2):before {
  background-color: grey
}

.template.black.pin .keywords-section.type-one.center .keyword .keyword-text-wrapper .text,.template.black.pin .value-wrapper {
  color: #fce6e6
}

.template.bubbles.letter .general-section {
  padding-left: 75px;
  padding-right: 53px
}

.template.bubbles.letter .general-section .avatar {
  right: 33px
}

.template.bubbles.letter .page:not(.first-page) .top-ornament {
  background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA4MTYgMTA1NCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDJ7ZmlsbDojZmFjZDQ4fTwvc3R5bGU+PHBhdGggZD0iTTQ0LjgwOCAxMjUuNDI2YzAtMjcuNTIyLTE5LjEyNy01MC41NjEtNDQuODA4LTU2LjU5M3YxMTMuMTg1YzI1LjY4Mi02LjAzMSA0NC44MDgtMjkuMDcgNDQuODA4LTU2LjU5MnoiIGZpbGw9IiNlZTRlMzQiLz48cGF0aCBkPSJNNDU3LjY4OSAzMS4wNTFjMTkuMDkgMCAzNS4wNzYtMTMuMjQ5IDM5LjI5MS0zMS4wNTFoLTc4LjU4M2M0LjIxNiAxNy44MDIgMjAuMjAyIDMxLjA1MSAzOS4yOTIgMzEuMDUxem0xOTEuODgzIDk5Mi4wOTRjLTE5LjAyIDAtMzQuOTYgMTMuMTUyLTM5LjI0NiAzMC44NTVoNzguNDkyYy00LjI4Ni0xNy43MDMtMjAuMjI2LTMwLjg1NS0zOS4yNDYtMzAuODU1eiIgc3R5bGU9ImZpbGw6IzQxYzBjOSIvPjxjaXJjbGUgY2xhc3M9InN0MiIgY3g9IjU2NC4wMyIgY3k9IjEwMTkuNTY2IiByPSIxMC44NzIiLz48cGF0aCBjbGFzcz0ic3QyIiBkPSJNNjg3LjE1NiAwaC00OC44MjRjLjA1OSAyLjEyNC4zMjggNC4xOTUuNzg4IDYuMTkzIDMuMjA5IDEzLjkyIDE1LjY3MSAyNC4zMDMgMzAuNTY2IDI0LjMwMyAyLjY3MiAwIDUuMjY1LS4zMzYgNy43NDItLjk2NUM2OTAuNzM5IDI2LjE1MyA3MDAuNjQ3IDE0LjI2NiA3MDEuMDQxIDBoLTEzLjg4NXpNMTQ0LjI0IDE0Ljg5OWMxMS4yODQgMCAyMS4xNzMtNS45NTkgMjYuNzAxLTE0Ljg5OWgtNTMuNDAzYzUuNTMgOC45NCAxNS40MTggMTQuODk5IDI2LjcwMiAxNC44OTl6Ii8+PC9zdmc+) no-repeat;
  background-size: 101%
}

.template.bubbles.letter .page.first-page .top-ornament {
  background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA4MTYgMTA1NCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDB7ZmlsbDojZWU0ZTM0fS5zdDJ7ZmlsbDojZmFjZDQ4fTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTc5MC42MDIgMGMtOS4wMyAyMS45OTctMjUuNTI2IDQwLjEzNi00Ni4zNCA1MS4yNjUuNDYyIDMuMTguNzEyIDYuNDMuNzEyIDkuNzM5IDAgMzEuNjM5LTIxLjg5NiA1OC4xNDktNTEuMzU2IDY1LjI0NSAyMy42NzUgMzkuODcxIDY3LjE2IDY2LjYwMSAxMTYuODk0IDY2LjYwMWExMzYuOSAxMzYuOSAwIDAgMCA1LjQ4OC0uMTJWMGgtMjUuMzk4eiIvPjxwYXRoIGQ9Ik02MzkuMTIgNi4xOTNBMzEuMzM4IDMxLjMzOCAwIDAgMSA2MzguMzMyIDBINjAxLjk0YTEwMS45NTUgMTAxLjk1NSAwIDAgMCAxNy4zNzEgMjguMTZBNjcuNDMgNjcuNDMgMCAwIDEgNjM5LjEyIDYuMTkzem0xMDUuMTQyIDQ1LjA3MmMyMC44MTMtMTEuMTI4IDM3LjMxLTI5LjI2OCA0Ni4zNC01MS4yNjVINzA1Ljg1YzIwLjI2NSA5LjMxOCAzNS4wOTEgMjguNDIgMzguNDEyIDUxLjI2NXoiIHN0eWxlPSJmaWxsOiM4MGRlZWEiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDQuODA4IDEyNS40MjZjMC0yNy41MjItMTkuMTI3LTUwLjU2MS00NC44MDgtNTYuNTkzdjExMy4xODVjMjUuNjgyLTYuMDMxIDQ0LjgwOC0yOS4wNyA0NC44MDgtNTYuNTkyeiIvPjxjaXJjbGUgY2xhc3M9InN0MiIgY3g9IjY1MC44MDIiIGN5PSIxNDQuNTUyIiByPSI3LjE3Ii8+PHBhdGggZD0iTTc0NC4yNjIgNTEuMjY1Qzc0MC45NDEgMjguNDIgNzI2LjExNSA5LjMxOCA3MDUuODUgMGgtNC44MDljLS4zOTQgMTQuMjY2LTEwLjMwMiAyNi4xNTMtMjMuNjEzIDI5LjUzMS0yLjQ3Ny42MjktNS4wNy45NjUtNy43NDIuOTY1LTE0Ljg5NSAwLTI3LjM1Ny0xMC4zODItMzAuNTY2LTI0LjMwM2E2Ny40MzQgNjcuNDM0IDAgMCAwLTE5LjgwOCAyMS45NjYgNjYuNzkyIDY2Ljc5MiAwIDAgMC04LjU4OSAzMi44NDRjMCAzNy4wNzMgMzAuMDUzIDY3LjEyNiA2Ny4xMjYgNjcuMTI2IDUuNDM0IDAgMTAuNzEtLjY2MiAxNS43Ny0xLjg4MSAyOS40NjEtNy4wOTYgNTEuMzU2LTMzLjYwNiA1MS4zNTYtNjUuMjQ1YTY3LjgyNyA2Ny44MjcgMCAwIDAtLjcxMy05LjczOHpNNDU3LjY4OSAzMS4wNTFjMTkuMDkgMCAzNS4wNzYtMTMuMjQ5IDM5LjI5MS0zMS4wNTFoLTc4LjU4M2M0LjIxNiAxNy44MDIgMjAuMjAyIDMxLjA1MSAzOS4yOTIgMzEuMDUxem0xOTEuODgzIDk5Mi4wOTRjLTE5LjAyIDAtMzQuOTYgMTMuMTUyLTM5LjI0NiAzMC44NTVoNzguNDkyYy00LjI4Ni0xNy43MDMtMjAuMjI2LTMwLjg1NS0zOS4yNDYtMzAuODU1eiIgc3R5bGU9ImZpbGw6IzQxYzBjOSIvPjxjaXJjbGUgY2xhc3M9InN0MCIgY3g9IjU2OC4wNTYiIGN5PSI0NC40NDMiIHI9IjE2LjU2MSIvPjxjaXJjbGUgY2xhc3M9InN0MCIgY3g9IjY4MC42NSIgY3k9IjE5Mi44NDkiIHI9IjE4LjM5NiIvPjxjaXJjbGUgY2xhc3M9InN0MiIgY3g9IjU2NC4wMyIgY3k9IjEwMTkuNTY2IiByPSIxMC44NzIiLz48cGF0aCBjbGFzcz0ic3QyIiBkPSJNNjg3LjE1NiAwaC00OC44MjRjLjA1OSAyLjEyNC4zMjggNC4xOTUuNzg4IDYuMTkzIDMuMjA5IDEzLjkyIDE1LjY3MSAyNC4zMDMgMzAuNTY2IDI0LjMwMyAyLjY3MiAwIDUuMjY1LS4zMzYgNy43NDItLjk2NUM2OTAuNzM5IDI2LjE1MyA3MDAuNjQ3IDE0LjI2NiA3MDEuMDQxIDBoLTEzLjg4NXpNMTQ0LjI0IDE0Ljg5OWMxMS4yODQgMCAyMS4xNzMtNS45NTkgMjYuNzAxLTE0Ljg5OWgtNTMuNDAzYzUuNTMgOC45NCAxNS40MTggMTQuODk5IDI2LjcwMiAxNC44OTl6Ii8+PC9zdmc+) no-repeat;
  background-size: 101%
}

.template.bubbles.letter.page-wrapper.numbersShown .outer-page.multi-page .page:after {
  padding-right: 53px
}

.template.bubbles .page {
  position: relative
}

.template.bubbles.page-wrapper.numbersShown .outer-page.multi-page .page:after {
  bottom: 30px;
  padding-right: 46px;
  text-align: right
}

.template.bubbles .top-ornament {
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.template.bubbles .page:not(.first-page) .top-ornament {
  background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA3OTQgMTEyMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDJ7ZmlsbDojZmFjZDQ4fTwvc3R5bGU+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGg3OTR2MTEyMkgweiIvPjxwYXRoIGQ9Ik00NDMgMzEuMWMxOS4xIDAgMzUuMS0xMy4yIDM5LjMtMzEuMWgtNzguNmM0LjIgMTcuOCAyMC4yIDMxLjEgMzkuMyAzMS4xem0xOTEuOSAxMDYwLjFjLTE5LjQgMC0zNS41IDEzLjYtMzkuNSAzMS44aDc4LjljLTMuOS0xOC4yLTIwLTMxLjgtMzkuNC0zMS44eiIgc3R5bGU9ImZpbGw6IzQxYzBjOSIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik02NTUgMzAuNWMxNyAwIDMwLjktMTMuNiAzMS40LTMwLjVoLTYyLjdjLjQgMTYuOSAxNC4zIDMwLjUgMzEuMyAzMC41ek0xMjkuNiAxNC45YzExLjMgMCAyMS4yLTYgMjYuNy0xNC45aC01My40YzUuNSA4LjkgMTUuNCAxNC45IDI2LjcgMTQuOXoiLz48Y2lyY2xlIHRyYW5zZm9ybT0icm90YXRlKC05LjIxMyA1NDkuNDg3IDEwODcuNTE0KSIgY2xhc3M9InN0MiIgY3g9IjU0OS40IiBjeT0iMTA4Ny42IiByPSIxMC45Ii8+PHBhdGggZD0iTTI5LjggMTI1LjRjMC0yMS44LTEyLTQwLjgtMjkuOC01MC44djEwMS41YzE3LjgtOS44IDI5LjgtMjguOSAyOS44LTUwLjd6IiBmaWxsPSIjZWU0ZTM0Ii8+PC9zdmc+) no-repeat;
  background-size: 101%
}

.template.bubbles .page.first-page .top-ornament {
  background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA3OTQgMTEyMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDB7ZmlsbDojZWU0ZTM0fS5zdDF7ZmlsbDojZmFjZDQ4fS5zdDJ7ZmlsbDojNDFjMGM5fTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTY3My4yNzIgMGMtNy44ODUgMTcuMjEtMTIuMjg5IDM2LjM0OC0xMi4yODkgNTYuNTE3IDAgNzQuMDgzIDU5LjI5NiAxMzQuMzEgMTMzLjAxNiAxMzUuODI0VjBINjczLjI3MnoiLz48Y2lyY2xlIGNsYXNzPSJzdDEiIGN4PSI2MzYuMTM0IiBjeT0iMTQ0LjA4MSIgcj0iNy4xNyIvPjxjaXJjbGUgY2xhc3M9InN0MCIgY3g9IjU1My4zODgiIGN5PSI0My45NzEiIHI9IjE2LjU2MSIvPjxjaXJjbGUgY2xhc3M9InN0MCIgY3g9IjY2NS45ODIiIGN5PSIxOTIuMzc4IiByPSIxOC4zOTYiLz48Y2lyY2xlIGNsYXNzPSJzdDEiIGN4PSI1NDkuMzYyIiBjeT0iMTA4Ny4wOTkiIHI9IjEwLjg3MiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik02NzQuMjU4IDExMjJjLTQuMTE3LTE3LjkzOC0yMC4xNjctMzEuMzIyLTM5LjM1NC0zMS4zMjJzLTM1LjIzNyAxMy4zODQtMzkuMzU0IDMxLjMyMmg3OC43MDh6Ii8+PHBhdGggY2xhc3M9InN0MCIgZD0iTTAgNzMuOTkydjEwMS45MjVjMTcuOTY1LTkuODk0IDMwLjE0LTI5LjAwNCAzMC4xNC01MC45NjNTMTcuOTY1IDgzLjg4NiAwIDczLjk5MnoiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTAzLjE3MyAwYzUuNTgyIDguNjc2IDE1LjMxNiAxNC40MjggMjYuMzk5IDE0LjQyOFMxNTAuMzkgOC42NzYgMTU1Ljk3MiAwaC01Mi43OTl6Ii8+PHBhdGggY2xhc3M9InN0MiIgZD0iTTQwMy44MzkgMGM0LjM4MyAxNy41NjUgMjAuMjYgMzAuNTggMzkuMTgzIDMwLjU4IDE4LjkyMiAwIDM0LjgtMTMuMDE1IDM5LjE4My0zMC41OGgtNzguMzY2eiIvPjxwYXRoIGQ9Ik01ODcuNDY1IDBjMTUuMzUgMzYuODYzIDUxLjcxNSA2Mi43ODEgOTQuMTM4IDYyLjc4MVM3NjAuMzkyIDM2Ljg2MyA3NzUuNzQxIDBINTg3LjQ2NXoiIGZpbGw9IiM4MGRlZWEiLz48cGF0aCBjbGFzcz0ic3QyIiBkPSJNNjkyLjIyNiAwaC01OC4wOWMtMjIuNTI5IDEwLjgzLTM4LjA4MSAzMy44NjQtMzguMDgxIDYwLjUzMiAwIDM3LjA3MyAzMC4wNTMgNjcuMTI2IDY3LjEyNiA2Ny4xMjYgMzcuMDczIDAgNjcuMTI2LTMwLjA1MyA2Ny4xMjYtNjcuMTI2QzczMC4zMDYgMzMuODY0IDcxNC43NTQgMTAuODMgNjkyLjIyNiAweiIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik02MjMuNjc2IDBjLjcwOSAxNi43MDEgMTQuNDY3IDMwLjAyNSAzMS4zNDMgMzAuMDI1UzY4NS42NTMgMTYuNzAxIDY4Ni4zNjIgMGgtNjIuNjg2eiIvPjwvc3ZnPg==) no-repeat;
  background-size: 101%
}

.template.bubbles .headline .background-wrapper {
  align-items: center;
  background: #facd48;
  border-radius: 25px;
  display: flex;
  position: relative;
  width: 100%
}

.template.bubbles .headline .background-wrapper:before {
  background: #80deea;
  border-bottom-left-radius: 25px;
  border-top-left-radius: 25px;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 24px
}

.template.bubbles .headline .icon {
  z-index: 1
}

.template.bubbles .headline .text {
  color: #000;
  padding-right: 8px
}

.template.bubbles .general-section {
  min-height: 230px;
  padding: 13px 46px 13px 60px;
  position: relative;
  width: 100%
}

.template.bubbles .general-section .name {
  color: #000;
  font-size: 34px;
  line-height: 40px;
  max-width: 550px;
  padding-bottom: var(--templates-lh-base)
}

.template.bubbles .general-section .general-info {
  display: inline-block;
  max-width: 550px
}

.template.bubbles .general-section .general-info .key {
  margin-right: 8px
}

.template.bubbles .general-section .general-info .info-wrapper {
  display: flex
}

.template.bubbles .general-section .avatar {
  position: absolute;
  right: 30px;
  top: 0
}

.template.bubbles .general-section .avatar .thumbnail {
  background: transparent
}

.template.bubbles .general-section .avatar img {
  border-radius: 50%
}

.template.bubbles .keyword .prefix {
  color: #80deea
}

.template.bubbles .graphs.type-two .graph,.template.bubbles .hobbies.type-one .hobby,.template.bubbles .social-link.type-two {
  width: 33.33%
}

.template.bubbles .graphs.type-two .graph .circle-gray {
  stroke: #facd48
}

.template.bubbles .graphs.type-two .graph .circle {
  stroke: #80deea
}

.template.bubbles .skill-description-wrapper:not(.text) {
  align-items: center;
  display: flex
}

.template.bubbles .skill-description-wrapper:not(.text) .skill-description {
  align-items: center;
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
  display: flex;
  height: 1px;
  position: relative;
  width: 100%;
  z-index: 1
}

.template.bubbles .skill-description-wrapper:not(.text) .skill-description:after {
  background: #facd48;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  top: clamp(1rem, calc(50% - 1px), 3.5rem);
  width: 100%;
  z-index: -1
}

.template.bubbles .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.bubbles .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.bubbles .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.bubbles .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.bubbles .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #80deea;
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
  height: 3px;
  position: absolute
}

.template.bubbles .skill-description-wrapper:not(.text) .skill-description .progress-level-1:after,.template.bubbles .skill-description-wrapper:not(.text) .skill-description .progress-level-2:after,.template.bubbles .skill-description-wrapper:not(.text) .skill-description .progress-level-3:after,.template.bubbles .skill-description-wrapper:not(.text) .skill-description .progress-level-4:after,.template.bubbles .skill-description-wrapper:not(.text) .skill-description .progress-level-5:after {
  background: #000;
  border-radius: 50%;
  content: "";
  height: 10px;
  position: absolute;
  right: 0;
  top: -4px;
  width: 10px
}

.template.bubbles.yel-blu .headline .background-wrapper {
  background: #facd48
}

.template.bubbles.yel-blu .headline .background-wrapper:before {
  background: #80deea
}

.template.bubbles.yel-blu .headline .icon svg {
  fill: #000
}

.template.bubbles.yel-blu .keyword .prefix {
  color: #80deea
}

.template.bubbles.yel-blu .graphs.type-two .graph .circle-gray {
  stroke: #facd48
}

.template.bubbles.yel-blu .graphs.type-two .graph .circle {
  stroke: #80deea
}

.template.bubbles.yel-blu .skill-description-wrapper:not(.text) .skill-description:after {
  background: #facd48
}

.template.bubbles.yel-blu .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.bubbles.yel-blu .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.bubbles.yel-blu .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.bubbles.yel-blu .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.bubbles.yel-blu .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #80deea
}

.template.bubbles.yel-blu.letter .page:not(.first-page) .top-ornament {
  background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA4MTYgMTA1NCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDJ7ZmlsbDojZmFjZDQ4fTwvc3R5bGU+PHBhdGggZD0iTTQ0LjgwOCAxMjUuNDI2YzAtMjcuNTIyLTE5LjEyNy01MC41NjEtNDQuODA4LTU2LjU5M3YxMTMuMTg1YzI1LjY4Mi02LjAzMSA0NC44MDgtMjkuMDcgNDQuODA4LTU2LjU5MnoiIGZpbGw9IiNlZTRlMzQiLz48cGF0aCBkPSJNNDU3LjY4OSAzMS4wNTFjMTkuMDkgMCAzNS4wNzYtMTMuMjQ5IDM5LjI5MS0zMS4wNTFoLTc4LjU4M2M0LjIxNiAxNy44MDIgMjAuMjAyIDMxLjA1MSAzOS4yOTIgMzEuMDUxem0xOTEuODgzIDk5Mi4wOTRjLTE5LjAyIDAtMzQuOTYgMTMuMTUyLTM5LjI0NiAzMC44NTVoNzguNDkyYy00LjI4Ni0xNy43MDMtMjAuMjI2LTMwLjg1NS0zOS4yNDYtMzAuODU1eiIgc3R5bGU9ImZpbGw6IzQxYzBjOSIvPjxjaXJjbGUgY2xhc3M9InN0MiIgY3g9IjU2NC4wMyIgY3k9IjEwMTkuNTY2IiByPSIxMC44NzIiLz48cGF0aCBjbGFzcz0ic3QyIiBkPSJNNjg3LjE1NiAwaC00OC44MjRjLjA1OSAyLjEyNC4zMjggNC4xOTUuNzg4IDYuMTkzIDMuMjA5IDEzLjkyIDE1LjY3MSAyNC4zMDMgMzAuNTY2IDI0LjMwMyAyLjY3MiAwIDUuMjY1LS4zMzYgNy43NDItLjk2NUM2OTAuNzM5IDI2LjE1MyA3MDAuNjQ3IDE0LjI2NiA3MDEuMDQxIDBoLTEzLjg4NXpNMTQ0LjI0IDE0Ljg5OWMxMS4yODQgMCAyMS4xNzMtNS45NTkgMjYuNzAxLTE0Ljg5OWgtNTMuNDAzYzUuNTMgOC45NCAxNS40MTggMTQuODk5IDI2LjcwMiAxNC44OTl6Ii8+PC9zdmc+) no-repeat;
  background-size: 101%
}

.template.bubbles.yel-blu.letter .page.first-page .top-ornament {
  background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA4MTYgMTA1NCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDB7ZmlsbDojZWU0ZTM0fS5zdDJ7ZmlsbDojZmFjZDQ4fTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTc5MC42MDIgMGMtOS4wMyAyMS45OTctMjUuNTI2IDQwLjEzNi00Ni4zNCA1MS4yNjUuNDYyIDMuMTguNzEyIDYuNDMuNzEyIDkuNzM5IDAgMzEuNjM5LTIxLjg5NiA1OC4xNDktNTEuMzU2IDY1LjI0NSAyMy42NzUgMzkuODcxIDY3LjE2IDY2LjYwMSAxMTYuODk0IDY2LjYwMWExMzYuOSAxMzYuOSAwIDAgMCA1LjQ4OC0uMTJWMGgtMjUuMzk4eiIvPjxwYXRoIGQ9Ik02MzkuMTIgNi4xOTNBMzEuMzM4IDMxLjMzOCAwIDAgMSA2MzguMzMyIDBINjAxLjk0YTEwMS45NTUgMTAxLjk1NSAwIDAgMCAxNy4zNzEgMjguMTZBNjcuNDMgNjcuNDMgMCAwIDEgNjM5LjEyIDYuMTkzem0xMDUuMTQyIDQ1LjA3MmMyMC44MTMtMTEuMTI4IDM3LjMxLTI5LjI2OCA0Ni4zNC01MS4yNjVINzA1Ljg1YzIwLjI2NSA5LjMxOCAzNS4wOTEgMjguNDIgMzguNDEyIDUxLjI2NXoiIHN0eWxlPSJmaWxsOiM4MGRlZWEiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDQuODA4IDEyNS40MjZjMC0yNy41MjItMTkuMTI3LTUwLjU2MS00NC44MDgtNTYuNTkzdjExMy4xODVjMjUuNjgyLTYuMDMxIDQ0LjgwOC0yOS4wNyA0NC44MDgtNTYuNTkyeiIvPjxjaXJjbGUgY2xhc3M9InN0MiIgY3g9IjY1MC44MDIiIGN5PSIxNDQuNTUyIiByPSI3LjE3Ii8+PHBhdGggZD0iTTc0NC4yNjIgNTEuMjY1Qzc0MC45NDEgMjguNDIgNzI2LjExNSA5LjMxOCA3MDUuODUgMGgtNC44MDljLS4zOTQgMTQuMjY2LTEwLjMwMiAyNi4xNTMtMjMuNjEzIDI5LjUzMS0yLjQ3Ny42MjktNS4wNy45NjUtNy43NDIuOTY1LTE0Ljg5NSAwLTI3LjM1Ny0xMC4zODItMzAuNTY2LTI0LjMwM2E2Ny40MzQgNjcuNDM0IDAgMCAwLTE5LjgwOCAyMS45NjYgNjYuNzkyIDY2Ljc5MiAwIDAgMC04LjU4OSAzMi44NDRjMCAzNy4wNzMgMzAuMDUzIDY3LjEyNiA2Ny4xMjYgNjcuMTI2IDUuNDM0IDAgMTAuNzEtLjY2MiAxNS43Ny0xLjg4MSAyOS40NjEtNy4wOTYgNTEuMzU2LTMzLjYwNiA1MS4zNTYtNjUuMjQ1YTY3LjgyNyA2Ny44MjcgMCAwIDAtLjcxMy05LjczOHpNNDU3LjY4OSAzMS4wNTFjMTkuMDkgMCAzNS4wNzYtMTMuMjQ5IDM5LjI5MS0zMS4wNTFoLTc4LjU4M2M0LjIxNiAxNy44MDIgMjAuMjAyIDMxLjA1MSAzOS4yOTIgMzEuMDUxem0xOTEuODgzIDk5Mi4wOTRjLTE5LjAyIDAtMzQuOTYgMTMuMTUyLTM5LjI0NiAzMC44NTVoNzguNDkyYy00LjI4Ni0xNy43MDMtMjAuMjI2LTMwLjg1NS0zOS4yNDYtMzAuODU1eiIgc3R5bGU9ImZpbGw6IzQxYzBjOSIvPjxjaXJjbGUgY2xhc3M9InN0MCIgY3g9IjU2OC4wNTYiIGN5PSI0NC40NDMiIHI9IjE2LjU2MSIvPjxjaXJjbGUgY2xhc3M9InN0MCIgY3g9IjY4MC42NSIgY3k9IjE5Mi44NDkiIHI9IjE4LjM5NiIvPjxjaXJjbGUgY2xhc3M9InN0MiIgY3g9IjU2NC4wMyIgY3k9IjEwMTkuNTY2IiByPSIxMC44NzIiLz48cGF0aCBjbGFzcz0ic3QyIiBkPSJNNjg3LjE1NiAwaC00OC44MjRjLjA1OSAyLjEyNC4zMjggNC4xOTUuNzg4IDYuMTkzIDMuMjA5IDEzLjkyIDE1LjY3MSAyNC4zMDMgMzAuNTY2IDI0LjMwMyAyLjY3MiAwIDUuMjY1LS4zMzYgNy43NDItLjk2NUM2OTAuNzM5IDI2LjE1MyA3MDAuNjQ3IDE0LjI2NiA3MDEuMDQxIDBoLTEzLjg4NXpNMTQ0LjI0IDE0Ljg5OWMxMS4yODQgMCAyMS4xNzMtNS45NTkgMjYuNzAxLTE0Ljg5OWgtNTMuNDAzYzUuNTMgOC45NCAxNS40MTggMTQuODk5IDI2LjcwMiAxNC44OTl6Ii8+PC9zdmc+) no-repeat;
  background-size: 101%
}

.template.bubbles.yel-blu:not(.letter) .page:not(.first-page) .top-ornament {
  background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA3OTQgMTEyMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDJ7ZmlsbDojZmFjZDQ4fTwvc3R5bGU+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGg3OTR2MTEyMkgweiIvPjxwYXRoIGQ9Ik00NDMgMzEuMWMxOS4xIDAgMzUuMS0xMy4yIDM5LjMtMzEuMWgtNzguNmM0LjIgMTcuOCAyMC4yIDMxLjEgMzkuMyAzMS4xem0xOTEuOSAxMDYwLjFjLTE5LjQgMC0zNS41IDEzLjYtMzkuNSAzMS44aDc4LjljLTMuOS0xOC4yLTIwLTMxLjgtMzkuNC0zMS44eiIgc3R5bGU9ImZpbGw6IzQxYzBjOSIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik02NTUgMzAuNWMxNyAwIDMwLjktMTMuNiAzMS40LTMwLjVoLTYyLjdjLjQgMTYuOSAxNC4zIDMwLjUgMzEuMyAzMC41ek0xMjkuNiAxNC45YzExLjMgMCAyMS4yLTYgMjYuNy0xNC45aC01My40YzUuNSA4LjkgMTUuNCAxNC45IDI2LjcgMTQuOXoiLz48Y2lyY2xlIHRyYW5zZm9ybT0icm90YXRlKC05LjIxMyA1NDkuNDg3IDEwODcuNTE0KSIgY2xhc3M9InN0MiIgY3g9IjU0OS40IiBjeT0iMTA4Ny42IiByPSIxMC45Ii8+PHBhdGggZD0iTTI5LjggMTI1LjRjMC0yMS44LTEyLTQwLjgtMjkuOC01MC44djEwMS41YzE3LjgtOS44IDI5LjgtMjguOSAyOS44LTUwLjd6IiBmaWxsPSIjZWU0ZTM0Ii8+PC9zdmc+) no-repeat;
  background-size: 101%
}

.template.bubbles.yel-blu:not(.letter) .page.first-page .top-ornament {
  background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA3OTQgMTEyMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDB7ZmlsbDojZWU0ZTM0fS5zdDF7ZmlsbDojZmFjZDQ4fS5zdDJ7ZmlsbDojNDFjMGM5fTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTY3My4yNzIgMGMtNy44ODUgMTcuMjEtMTIuMjg5IDM2LjM0OC0xMi4yODkgNTYuNTE3IDAgNzQuMDgzIDU5LjI5NiAxMzQuMzEgMTMzLjAxNiAxMzUuODI0VjBINjczLjI3MnoiLz48Y2lyY2xlIGNsYXNzPSJzdDEiIGN4PSI2MzYuMTM0IiBjeT0iMTQ0LjA4MSIgcj0iNy4xNyIvPjxjaXJjbGUgY2xhc3M9InN0MCIgY3g9IjU1My4zODgiIGN5PSI0My45NzEiIHI9IjE2LjU2MSIvPjxjaXJjbGUgY2xhc3M9InN0MCIgY3g9IjY2NS45ODIiIGN5PSIxOTIuMzc4IiByPSIxOC4zOTYiLz48Y2lyY2xlIGNsYXNzPSJzdDEiIGN4PSI1NDkuMzYyIiBjeT0iMTA4Ny4wOTkiIHI9IjEwLjg3MiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik02NzQuMjU4IDExMjJjLTQuMTE3LTE3LjkzOC0yMC4xNjctMzEuMzIyLTM5LjM1NC0zMS4zMjJzLTM1LjIzNyAxMy4zODQtMzkuMzU0IDMxLjMyMmg3OC43MDh6Ii8+PHBhdGggY2xhc3M9InN0MCIgZD0iTTAgNzMuOTkydjEwMS45MjVjMTcuOTY1LTkuODk0IDMwLjE0LTI5LjAwNCAzMC4xNC01MC45NjNTMTcuOTY1IDgzLjg4NiAwIDczLjk5MnoiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTAzLjE3MyAwYzUuNTgyIDguNjc2IDE1LjMxNiAxNC40MjggMjYuMzk5IDE0LjQyOFMxNTAuMzkgOC42NzYgMTU1Ljk3MiAwaC01Mi43OTl6Ii8+PHBhdGggY2xhc3M9InN0MiIgZD0iTTQwMy44MzkgMGM0LjM4MyAxNy41NjUgMjAuMjYgMzAuNTggMzkuMTgzIDMwLjU4IDE4LjkyMiAwIDM0LjgtMTMuMDE1IDM5LjE4My0zMC41OGgtNzguMzY2eiIvPjxwYXRoIGQ9Ik01ODcuNDY1IDBjMTUuMzUgMzYuODYzIDUxLjcxNSA2Mi43ODEgOTQuMTM4IDYyLjc4MVM3NjAuMzkyIDM2Ljg2MyA3NzUuNzQxIDBINTg3LjQ2NXoiIGZpbGw9IiM4MGRlZWEiLz48cGF0aCBjbGFzcz0ic3QyIiBkPSJNNjkyLjIyNiAwaC01OC4wOWMtMjIuNTI5IDEwLjgzLTM4LjA4MSAzMy44NjQtMzguMDgxIDYwLjUzMiAwIDM3LjA3MyAzMC4wNTMgNjcuMTI2IDY3LjEyNiA2Ny4xMjYgMzcuMDczIDAgNjcuMTI2LTMwLjA1MyA2Ny4xMjYtNjcuMTI2QzczMC4zMDYgMzMuODY0IDcxNC43NTQgMTAuODMgNjkyLjIyNiAweiIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik02MjMuNjc2IDBjLjcwOSAxNi43MDEgMTQuNDY3IDMwLjAyNSAzMS4zNDMgMzAuMDI1UzY4NS42NTMgMTYuNzAxIDY4Ni4zNjIgMGgtNjIuNjg2eiIvPjwvc3ZnPg==) no-repeat;
  background-size: 101%
}

.template.bubbles.blu-pin .headline .background-wrapper {
  background: #9bbfcc
}

.template.bubbles.blu-pin .headline .background-wrapper:before {
  background: #ef9a9a
}

.template.bubbles.blu-pin .headline .icon svg {
  fill: #000
}

.template.bubbles.blu-pin .keyword .prefix {
  color: #ef9a9a
}

.template.bubbles.blu-pin .graphs.type-two .graph .circle-gray {
  stroke: #9bbfcc
}

.template.bubbles.blu-pin .graphs.type-two .graph .circle {
  stroke: #ef9a9a
}

.template.bubbles.blu-pin .skill-description-wrapper:not(.text) .skill-description:after {
  background: #9bbfcc
}

.template.bubbles.blu-pin .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.bubbles.blu-pin .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.bubbles.blu-pin .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.bubbles.blu-pin .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.bubbles.blu-pin .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #ef9a9a
}

.template.bubbles.blu-pin.letter .page:not(.first-page) .top-ornament {
  background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA4MTYgMTA1NCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDJ7ZmlsbDojOWJiZmNjfTwvc3R5bGU+PHBhdGggZD0iTTQ0LjgwOCAxMjUuNDI2YzAtMjcuNTIyLTE5LjEyNy01MC41NjEtNDQuODA4LTU2LjU5M3YxMTMuMTg1YzI1LjY4Mi02LjAzMSA0NC44MDgtMjkuMDcgNDQuODA4LTU2LjU5MnoiIGZpbGw9IiNjMmI1OWIiLz48cGF0aCBkPSJNNDU3LjY4OSAzMS4wNTFjMTkuMDkgMCAzNS4wNzYtMTMuMjQ5IDM5LjI5MS0zMS4wNTFoLTc4LjU4M2M0LjIxNiAxNy44MDIgMjAuMjAyIDMxLjA1MSAzOS4yOTIgMzEuMDUxem0xOTEuODgzIDk5Mi4wOTRjLTE5LjAyIDAtMzQuOTYgMTMuMTUyLTM5LjI0NiAzMC44NTVoNzguNDkyYy00LjI4Ni0xNy43MDMtMjAuMjI2LTMwLjg1NS0zOS4yNDYtMzAuODU1eiIgc3R5bGU9ImZpbGw6I2VmOWE5YSIvPjxjaXJjbGUgY2xhc3M9InN0MiIgY3g9IjU2NC4wMyIgY3k9IjEwMTkuNTY2IiByPSIxMC44NzIiLz48cGF0aCBjbGFzcz0ic3QyIiBkPSJNNjg3LjE1NiAwaC00OC44MjRjLjA1OSAyLjEyNC4zMjggNC4xOTUuNzg4IDYuMTkzIDMuMjA5IDEzLjkyIDE1LjY3MSAyNC4zMDMgMzAuNTY2IDI0LjMwMyAyLjY3MiAwIDUuMjY1LS4zMzYgNy43NDItLjk2NUM2OTAuNzM5IDI2LjE1MyA3MDAuNjQ3IDE0LjI2NiA3MDEuMDQxIDBoLTEzLjg4NXpNMTQ0LjI0IDE0Ljg5OWMxMS4yODQgMCAyMS4xNzMtNS45NTkgMjYuNzAxLTE0Ljg5OWgtNTMuNDAzYzUuNTMgOC45NCAxNS40MTggMTQuODk5IDI2LjcwMiAxNC44OTl6Ii8+PC9zdmc+) no-repeat;
  background-size: 101%
}

.template.bubbles.blu-pin.letter .page.first-page .top-ornament {
  background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA4MTYgMTA1NCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDB7ZmlsbDojYzJiNTlifS5zdDJ7ZmlsbDojOWJiZmNjfTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTc5MC42MDIgMGMtOS4wMyAyMS45OTctMjUuNTI2IDQwLjEzNi00Ni4zNCA1MS4yNjUuNDYyIDMuMTguNzEyIDYuNDMuNzEyIDkuNzM5IDAgMzEuNjM5LTIxLjg5NiA1OC4xNDktNTEuMzU2IDY1LjI0NSAyMy42NzUgMzkuODcxIDY3LjE2IDY2LjYwMSAxMTYuODk0IDY2LjYwMWExMzYuOSAxMzYuOSAwIDAgMCA1LjQ4OC0uMTJWMGgtMjUuMzk4eiIvPjxwYXRoIGQ9Ik02MzkuMTIgNi4xOTNBMzEuMzM4IDMxLjMzOCAwIDAgMSA2MzguMzMyIDBINjAxLjk0YTEwMS45NTUgMTAxLjk1NSAwIDAgMCAxNy4zNzEgMjguMTZBNjcuNDMgNjcuNDMgMCAwIDEgNjM5LjEyIDYuMTkzem0xMDUuMTQyIDQ1LjA3MmMyMC44MTMtMTEuMTI4IDM3LjMxLTI5LjI2OCA0Ni4zNC01MS4yNjVINzA1Ljg1YzIwLjI2NSA5LjMxOCAzNS4wOTEgMjguNDIgMzguNDEyIDUxLjI2NXoiIHN0eWxlPSJmaWxsOiNmN2JhYmEiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDQuODA4IDEyNS40MjZjMC0yNy41MjItMTkuMTI3LTUwLjU2MS00NC44MDgtNTYuNTkzdjExMy4xODVjMjUuNjgyLTYuMDMxIDQ0LjgwOC0yOS4wNyA0NC44MDgtNTYuNTkyeiIvPjxjaXJjbGUgY2xhc3M9InN0MiIgY3g9IjY1MC44MDIiIGN5PSIxNDQuNTUyIiByPSI3LjE3Ii8+PHBhdGggZD0iTTc0NC4yNjIgNTEuMjY1Qzc0MC45NDEgMjguNDIgNzI2LjExNSA5LjMxOCA3MDUuODUgMGgtNC44MDljLS4zOTQgMTQuMjY2LTEwLjMwMiAyNi4xNTMtMjMuNjEzIDI5LjUzMS0yLjQ3Ny42MjktNS4wNy45NjUtNy43NDIuOTY1LTE0Ljg5NSAwLTI3LjM1Ny0xMC4zODItMzAuNTY2LTI0LjMwM2E2Ny40MzQgNjcuNDM0IDAgMCAwLTE5LjgwOCAyMS45NjYgNjYuNzkyIDY2Ljc5MiAwIDAgMC04LjU4OSAzMi44NDRjMCAzNy4wNzMgMzAuMDUzIDY3LjEyNiA2Ny4xMjYgNjcuMTI2IDUuNDM0IDAgMTAuNzEtLjY2MiAxNS43Ny0xLjg4MSAyOS40NjEtNy4wOTYgNTEuMzU2LTMzLjYwNiA1MS4zNTYtNjUuMjQ1YTY3LjgyNyA2Ny44MjcgMCAwIDAtLjcxMy05LjczOHpNNDU3LjY4OSAzMS4wNTFjMTkuMDkgMCAzNS4wNzYtMTMuMjQ5IDM5LjI5MS0zMS4wNTFoLTc4LjU4M2M0LjIxNiAxNy44MDIgMjAuMjAyIDMxLjA1MSAzOS4yOTIgMzEuMDUxem0xOTEuODgzIDk5Mi4wOTRjLTE5LjAyIDAtMzQuOTYgMTMuMTUyLTM5LjI0NiAzMC44NTVoNzguNDkyYy00LjI4Ni0xNy43MDMtMjAuMjI2LTMwLjg1NS0zOS4yNDYtMzAuODU1eiIgc3R5bGU9ImZpbGw6I2VmOWE5YSIvPjxjaXJjbGUgY2xhc3M9InN0MCIgY3g9IjU2OC4wNTYiIGN5PSI0NC40NDMiIHI9IjE2LjU2MSIvPjxjaXJjbGUgY2xhc3M9InN0MCIgY3g9IjY4MC42NSIgY3k9IjE5Mi44NDkiIHI9IjE4LjM5NiIvPjxjaXJjbGUgY2xhc3M9InN0MiIgY3g9IjU2NC4wMyIgY3k9IjEwMTkuNTY2IiByPSIxMC44NzIiLz48cGF0aCBjbGFzcz0ic3QyIiBkPSJNNjg3LjE1NiAwaC00OC44MjRjLjA1OSAyLjEyNC4zMjggNC4xOTUuNzg4IDYuMTkzIDMuMjA5IDEzLjkyIDE1LjY3MSAyNC4zMDMgMzAuNTY2IDI0LjMwMyAyLjY3MiAwIDUuMjY1LS4zMzYgNy43NDItLjk2NUM2OTAuNzM5IDI2LjE1MyA3MDAuNjQ3IDE0LjI2NiA3MDEuMDQxIDBoLTEzLjg4NXpNMTQ0LjI0IDE0Ljg5OWMxMS4yODQgMCAyMS4xNzMtNS45NTkgMjYuNzAxLTE0Ljg5OWgtNTMuNDAzYzUuNTMgOC45NCAxNS40MTggMTQuODk5IDI2LjcwMiAxNC44OTl6Ii8+PC9zdmc+) no-repeat;
  background-size: 101%
}

.template.bubbles.blu-pin:not(.letter) .page:not(.first-page) .top-ornament {
  background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA3OTQgMTEyMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDJ7ZmlsbDojZWY5YTlhfS5zdDN7ZmlsbDojYzJiNTlifTwvc3R5bGU+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGg3OTR2MTEyMkgweiIvPjxwYXRoIGQ9Ik02NzIuNSAwaC00OC44Yy4xIDIuMS4zIDQuMi44IDYuMiAzLjIgMTMuOSAxNS43IDI0LjMgMzAuNiAyNC4zIDIuNyAwIDUuMy0uMyA3LjctMUM2NzYuMSAyNi4yIDY4NiAxNC4zIDY4Ni40IDBoLTEzLjl6TTEyOS4yIDE0LjljMTEuMyAwIDIxLjItNiAyNi43LTE0LjloLTUzLjRjNS42IDguOSAxNS41IDE0LjkgMjYuNyAxNC45eiIgc3R5bGU9ImZpbGw6IzliYmZjYyIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik00NDIuNyAzMS4xYzE5LjEgMCAzNS4xLTEzLjIgMzkuMy0zMS4xaC03OC42YzQuMiAxNy44IDIwLjIgMzEuMSAzOS4zIDMxLjF6Ii8+PGNpcmNsZSBjbGFzcz0ic3QzIiBjeD0iNTQ5IiBjeT0iMTA4Ny42IiByPSIxMC45Ii8+PHBhdGggY2xhc3M9InN0MiIgZD0iTTY3NC4zIDExMjJjLTQuMS0xNy45LTIwLjItMzEuMy0zOS40LTMxLjNzLTM1LjIgMTMuNC0zOS40IDMxLjNoNzguOHoiLz48cGF0aCBjbGFzcz0ic3QzIiBkPSJNMCA3NHYxMDEuOWMxOC05LjkgMzAuMS0yOSAzMC4xLTUxUzE4IDgzLjkgMCA3NHoiLz48L3N2Zz4=) no-repeat;
  background-size: 101%
}

.template.bubbles.blu-pin:not(.letter) .page.first-page .top-ornament {
  background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA3OTQgMTEyMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDB7ZmlsbDojYzJiNTlifS5zdDJ7ZmlsbDojOWJiZmNjfS5zdDN7ZmlsbDojZWY5YTlhfTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTc3NS45MzQgMGMtOS4wMyAyMS45OTctMjUuNTI2IDQwLjEzNi00Ni4zNCA1MS4yNjUuNDYyIDMuMTguNzEyIDYuNDMuNzEyIDkuNzM5IDAgMzEuNjM5LTIxLjg5NiA1OC4xNDktNTEuMzU2IDY1LjI0NSAyMy4zODEgMzkuMzc3IDY2LjA4NyA2NS45MjUgMTE1LjA1IDY2LjU3N1YwaC0xOC4wNjZ6Ii8+PHBhdGggZD0iTTYyNC40NTIgNi4xOTNBMzEuMzM4IDMxLjMzOCAwIDAgMSA2MjMuNjY0IDBoLTM2LjM5MWExMDEuOTU1IDEwMS45NTUgMCAwIDAgMTcuMzcxIDI4LjE2IDY3LjQxNiA2Ny40MTYgMCAwIDEgMTkuODA4LTIxLjk2N3ptMTA1LjE0MiA0NS4wNzJjMjAuODEzLTExLjEyOCAzNy4zMS0yOS4yNjggNDYuMzQtNTEuMjY1aC04NC43NTFjMjAuMjY0IDkuMzE4IDM1LjA5IDI4LjQyIDM4LjQxMSA1MS4yNjV6IiBzdHlsZT0iZmlsbDojZjdiYWJhIi8+PGNpcmNsZSB0cmFuc2Zvcm09InJvdGF0ZSgtNjcuNSA2MzYuMTMxIDE0NC41MzgpIiBjbGFzcz0ic3QyIiBjeD0iNjM2LjE0NyIgY3k9IjE0NC41NDIiIHI9IjcuMTciLz48cGF0aCBjbGFzcz0ic3QzIiBkPSJNNzI5LjU5NCA1MS4yNjVDNzI2LjI3MyAyOC40MiA3MTEuNDQ3IDkuMzE4IDY5MS4xODIgMGgtNC44MDljLS4zOTQgMTQuMjY2LTEwLjMwMiAyNi4xNTMtMjMuNjEzIDI5LjUzMS0yLjQ3Ny42MjktNS4wNy45NjUtNy43NDIuOTY1LTE0Ljg5NSAwLTI3LjM1Ny0xMC4zODItMzAuNTY3LTI0LjMwM2E2Ny40MzQgNjcuNDM0IDAgMCAwLTE5LjgwOCAyMS45NjYgNjYuNzkyIDY2Ljc5MiAwIDAgMC04LjU4OSAzMi44NDRjMCAzNy4wNzMgMzAuMDUzIDY3LjEyNiA2Ny4xMjYgNjcuMTI2IDUuNDM0IDAgMTAuNzEtLjY2MiAxNS43Ny0xLjg4MSAyOS40NjEtNy4wOTYgNTEuMzU2LTMzLjYwNiA1MS4zNTYtNjUuMjQ1IDAtMy4zMDgtLjI1LTYuNTU4LS43MTItOS43Mzh6Ii8+PGNpcmNsZSBjbGFzcz0ic3QwIiBjeD0iNTUzLjM4OCIgY3k9IjQ0LjQ0MyIgcj0iMTYuNTYxIi8+PGNpcmNsZSBjbGFzcz0ic3QwIiBjeD0iNjY1Ljk4MiIgY3k9IjE5Mi44NDkiIHI9IjE4LjM5NiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik02NzIuNDg4IDBoLTQ4LjgyNGMuMDU5IDIuMTI0LjMyOCA0LjE5NS43ODggNi4xOTMgMy4yMDkgMTMuOTIgMTUuNjcxIDI0LjMwMyAzMC41NjcgMjQuMzAzIDIuNjcyIDAgNS4yNjUtLjMzNiA3Ljc0Mi0uOTY1IDEzLjMxLTMuMzc4IDIzLjIxOC0xNS4yNjUgMjMuNjEyLTI5LjUzMWgtMTMuODg1ek0xMjkuMjM5IDE0Ljg5OWMxMS4yODQgMCAyMS4xNzMtNS45NTkgMjYuNzAxLTE0Ljg5OWgtNTMuNDAzYzUuNTMgOC45NCAxNS40MTggMTQuODk5IDI2LjcwMiAxNC44OTl6Ii8+PHBhdGggY2xhc3M9InN0MyIgZD0iTTQ0Mi42ODggMzEuMDUxYzE5LjA5MSAwIDM1LjA3Ni0xMy4yNDkgMzkuMjkxLTMxLjA1MWgtNzguNTgzYzQuMjE2IDE3LjgwMiAyMC4yMDIgMzEuMDUxIDM5LjI5MiAzMS4wNTF6Ii8+PGNpcmNsZSBjbGFzcz0ic3QwIiBjeD0iNTQ5LjAyOSIgY3k9IjEwODcuNTciIHI9IjEwLjg3MiIvPjxwYXRoIGNsYXNzPSJzdDMiIGQ9Ik02NzQuMjU4IDExMjJjLTQuMTE3LTE3LjkzOC0yMC4xNjctMzEuMzIyLTM5LjM1NC0zMS4zMjJzLTM1LjIzNyAxMy4zODQtMzkuMzU0IDMxLjMyMmg3OC43MDh6Ii8+PHBhdGggY2xhc3M9InN0MCIgZD0iTTAgNzMuOTkydjEwMS45MjVjMTcuOTY1LTkuODk0IDMwLjE0LTI5LjAwNCAzMC4xNC01MC45NjNTMTcuOTY1IDgzLjg4NiAwIDczLjk5MnoiLz48L3N2Zz4=) no-repeat;
  background-size: 101%
}

.template.bubbles.gre-ora .headline .background-wrapper {
  background: #d8d8d8
}

.template.bubbles.gre-ora .headline .background-wrapper:before {
  background: #fbb040
}

.template.bubbles.gre-ora .headline .icon svg {
  fill: #000
}

.template.bubbles.gre-ora .keyword .prefix {
  color: #fbb040
}

.template.bubbles.gre-ora .graphs.type-two .graph .circle-gray {
  stroke: #d8d8d8
}

.template.bubbles.gre-ora .graphs.type-two .graph .circle {
  stroke: #fbb040
}

.template.bubbles.gre-ora .skill-description-wrapper:not(.text) .skill-description:after {
  background: #d8d8d8
}

.template.bubbles.gre-ora .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.bubbles.gre-ora .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.bubbles.gre-ora .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.bubbles.gre-ora .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.bubbles.gre-ora .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #fbb040
}

.template.bubbles.gre-ora.letter .page:not(.first-page) .top-ornament {
  background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA4MTYgMTA1NCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDB7ZmlsbDojMmExZDM4fTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTQ0LjgwOCAxMjUuNDI2YzAtMjcuNTIyLTE5LjEyNy01MC41NjEtNDQuODA4LTU2LjU5M3YxMTMuMTg1YzI1LjY4Mi02LjAzMSA0NC44MDgtMjkuMDcgNDQuODA4LTU2LjU5MnoiLz48cGF0aCBkPSJNNDU3LjY4OSAzMS4wNTFjMTkuMDkgMCAzNS4wNzYtMTMuMjQ5IDM5LjI5MS0zMS4wNTFoLTc4LjU4M2M0LjIxNiAxNy44MDIgMjAuMjAyIDMxLjA1MSAzOS4yOTIgMzEuMDUxem0xOTEuODgzIDk5Mi4wOTRjLTE5LjAyIDAtMzQuOTYgMTMuMTUyLTM5LjI0NiAzMC44NTVoNzguNDkyYy00LjI4Ni0xNy43MDMtMjAuMjI2LTMwLjg1NS0zOS4yNDYtMzAuODU1eiIgc3R5bGU9ImZpbGw6I2ZiYjA0MCIvPjxjaXJjbGUgY2xhc3M9InN0MCIgY3g9IjU2NC4wMyIgY3k9IjEwMTkuNTY2IiByPSIxMC44NzIiLz48cGF0aCBkPSJNNjg3LjE1NiAwaC00OC44MjRjLjA1OSAyLjEyNC4zMjggNC4xOTUuNzg4IDYuMTkzIDMuMjA5IDEzLjkyIDE1LjY3MSAyNC4zMDMgMzAuNTY2IDI0LjMwMyAyLjY3MiAwIDUuMjY1LS4zMzYgNy43NDItLjk2NUM2OTAuNzM5IDI2LjE1MyA3MDAuNjQ3IDE0LjI2NiA3MDEuMDQxIDBoLTEzLjg4NXpNMTQ0LjI0IDE0Ljg5OWMxMS4yODQgMCAyMS4xNzMtNS45NTkgMjYuNzAxLTE0Ljg5OWgtNTMuNDAzYzUuNTMgOC45NCAxNS40MTggMTQuODk5IDI2LjcwMiAxNC44OTl6IiBzdHlsZT0iZmlsbDojZDhkOGQ4Ii8+PC9zdmc+) no-repeat;
  background-size: 101%
}

.template.bubbles.gre-ora.letter .page.first-page .top-ornament {
  background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA4MTYgMTA1NCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDB7ZmlsbDojMmExZDM4fS5zdDJ7ZmlsbDojZDhkOGQ4fTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTc5MC42MDIgMGMtOS4wMyAyMS45OTctMjUuNTI2IDQwLjEzNi00Ni4zNCA1MS4yNjUuNDYyIDMuMTguNzEyIDYuNDMuNzEyIDkuNzM5IDAgMzEuNjM5LTIxLjg5NiA1OC4xNDktNTEuMzU2IDY1LjI0NSAyMy42NzUgMzkuODcxIDY3LjE2IDY2LjYwMSAxMTYuODk0IDY2LjYwMWExMzYuOSAxMzYuOSAwIDAgMCA1LjQ4OC0uMTJWMGgtMjUuMzk4eiIvPjxwYXRoIGQ9Ik02MzkuMTIgNi4xOTNBMzEuMzM4IDMxLjMzOCAwIDAgMSA2MzguMzMyIDBINjAxLjk0YTEwMS45NTUgMTAxLjk1NSAwIDAgMCAxNy4zNzEgMjguMTZBNjcuNDMgNjcuNDMgMCAwIDEgNjM5LjEyIDYuMTkzem0xMDUuMTQyIDQ1LjA3MmMyMC44MTMtMTEuMTI4IDM3LjMxLTI5LjI2OCA0Ni4zNC01MS4yNjVINzA1Ljg1YzIwLjI2NSA5LjMxOCAzNS4wOTEgMjguNDIgMzguNDEyIDUxLjI2NXoiIHN0eWxlPSJmaWxsOiNmZmU0YTEiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDQuODA4IDEyNS40MjZjMC0yNy41MjItMTkuMTI3LTUwLjU2MS00NC44MDgtNTYuNTkzdjExMy4xODVjMjUuNjgyLTYuMDMxIDQ0LjgwOC0yOS4wNyA0NC44MDgtNTYuNTkyeiIvPjxjaXJjbGUgY2xhc3M9InN0MiIgY3g9IjY1MC44MDIiIGN5PSIxNDQuNTUyIiByPSI3LjE3Ii8+PHBhdGggZD0iTTc0NC4yNjIgNTEuMjY1Qzc0MC45NDEgMjguNDIgNzI2LjExNSA5LjMxOCA3MDUuODUgMGgtNC44MDljLS4zOTQgMTQuMjY2LTEwLjMwMiAyNi4xNTMtMjMuNjEzIDI5LjUzMS0yLjQ3Ny42MjktNS4wNy45NjUtNy43NDIuOTY1LTE0Ljg5NSAwLTI3LjM1Ny0xMC4zODItMzAuNTY2LTI0LjMwM2E2Ny40MzQgNjcuNDM0IDAgMCAwLTE5LjgwOCAyMS45NjYgNjYuNzkyIDY2Ljc5MiAwIDAgMC04LjU4OSAzMi44NDRjMCAzNy4wNzMgMzAuMDUzIDY3LjEyNiA2Ny4xMjYgNjcuMTI2IDUuNDM0IDAgMTAuNzEtLjY2MiAxNS43Ny0xLjg4MSAyOS40NjEtNy4wOTYgNTEuMzU2LTMzLjYwNiA1MS4zNTYtNjUuMjQ1YTY3LjgyNyA2Ny44MjcgMCAwIDAtLjcxMy05LjczOHpNNDU3LjY4OSAzMS4wNTFjMTkuMDkgMCAzNS4wNzYtMTMuMjQ5IDM5LjI5MS0zMS4wNTFoLTc4LjU4M2M0LjIxNiAxNy44MDIgMjAuMjAyIDMxLjA1MSAzOS4yOTIgMzEuMDUxem0xOTEuODgzIDk5Mi4wOTRjLTE5LjAyIDAtMzQuOTYgMTMuMTUyLTM5LjI0NiAzMC44NTVoNzguNDkyYy00LjI4Ni0xNy43MDMtMjAuMjI2LTMwLjg1NS0zOS4yNDYtMzAuODU1eiIgc3R5bGU9ImZpbGw6I2ZiYjA0MCIvPjxjaXJjbGUgY2xhc3M9InN0MCIgY3g9IjU2OC4wNTYiIGN5PSI0NC40NDMiIHI9IjE2LjU2MSIvPjxjaXJjbGUgY2xhc3M9InN0MCIgY3g9IjY4MC42NSIgY3k9IjE5Mi44NDkiIHI9IjE4LjM5NiIvPjxjaXJjbGUgY2xhc3M9InN0MCIgY3g9IjU2NC4wMyIgY3k9IjEwMTkuNTY2IiByPSIxMC44NzIiLz48cGF0aCBjbGFzcz0ic3QyIiBkPSJNNjg3LjE1NiAwaC00OC44MjRjLjA1OSAyLjEyNC4zMjggNC4xOTUuNzg4IDYuMTkzIDMuMjA5IDEzLjkyIDE1LjY3MSAyNC4zMDMgMzAuNTY2IDI0LjMwMyAyLjY3MiAwIDUuMjY1LS4zMzYgNy43NDItLjk2NUM2OTAuNzM5IDI2LjE1MyA3MDAuNjQ3IDE0LjI2NiA3MDEuMDQxIDBoLTEzLjg4NXpNMTQ0LjI0IDE0Ljg5OWMxMS4yODQgMCAyMS4xNzMtNS45NTkgMjYuNzAxLTE0Ljg5OWgtNTMuNDAzYzUuNTMgOC45NCAxNS40MTggMTQuODk5IDI2LjcwMiAxNC44OTl6Ii8+PC9zdmc+) no-repeat;
  background-size: 101%
}

.template.bubbles.gre-ora:not(.letter) .page:not(.first-page) .top-ornament {
  background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA3OTQgMTEyMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDF7ZmlsbDojZmJiMDQwfS5zdDN7ZmlsbDojMmExZDM4fTwvc3R5bGU+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGg3OTR2MTEyMkgweiIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik00NDIuNyAzMS4xYzE5LjEgMCAzNS4xLTEzLjIgMzkuMy0zMS4xaC03OC42YzQuMiAxNy44IDIwLjIgMzEuMSAzOS4zIDMxLjF6Ii8+PHBhdGggZD0iTTY3Mi41IDBoLTQ4LjhjLjEgMi4xLjMgNC4yLjggNi4yIDMuMiAxMy45IDE1LjcgMjQuMyAzMC42IDI0LjMgMi43IDAgNS4zLS4zIDcuNy0xQzY3Ni4xIDI2LjIgNjg2IDE0LjMgNjg2LjQgMGgtMTMuOXpNMTI5LjIgMTQuOWMxMS4zIDAgMjEuMi02IDI2LjctMTQuOWgtNTMuNGM1LjYgOC45IDE1LjUgMTQuOSAyNi43IDE0Ljl6IiBzdHlsZT0iZmlsbDojZDhkOGQ4Ii8+PGNpcmNsZSBjbGFzcz0ic3QzIiBjeD0iNTQ5IiBjeT0iMTA4Ny42IiByPSIxMC45Ii8+PHBhdGggY2xhc3M9InN0MyIgZD0iTTAgNzR2MTAxLjljMTgtOS45IDMwLjEtMjkgMzAuMS01MVMxOCA4My45IDAgNzR6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTY3NC4zIDExMjJjLTQuMS0xNy45LTIwLjItMzEuMy0zOS40LTMxLjNzLTM1LjIgMTMuNC0zOS40IDMxLjNoNzguOHoiLz48L3N2Zz4=) no-repeat;
  background-size: 101%
}

.template.bubbles.gre-ora:not(.letter) .page.first-page .top-ornament {
  background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA3OTQgMTEyMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDB7ZmlsbDojZmJiMDQwfS5zdDF7ZmlsbDojMmExZDM4fS5zdDN7ZmlsbDojZDhkOGQ4fTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTQ0Mi42ODggMzEuMDUxYzE5LjA5MSAwIDM1LjA3Ni0xMy4yNDkgMzkuMjkxLTMxLjA1MWgtNzguNTgzYzQuMjE2IDE3LjgwMiAyMC4yMDIgMzEuMDUxIDM5LjI5MiAzMS4wNTF6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTc3NS45MzQgMGMtOS4wMyAyMS45OTctMjUuNTI2IDQwLjEzNi00Ni4zNCA1MS4yNjUuNDYyIDMuMTguNzEyIDYuNDMuNzEyIDkuNzM5IDAgMzEuNjM5LTIxLjg5NiA1OC4xNDktNTEuMzU2IDY1LjI0NSAyMy4zODEgMzkuMzc3IDY2LjA4NyA2NS45MjUgMTE1LjA1IDY2LjU3N1YwaC0xOC4wNjZ6Ii8+PHBhdGggZD0iTTYyNC40NTIgNi4xOTNBMzEuMzM4IDMxLjMzOCAwIDAgMSA2MjMuNjY0IDBoLTM2LjM5MWExMDEuOTU1IDEwMS45NTUgMCAwIDAgMTcuMzcxIDI4LjE2IDY3LjQyNyA2Ny40MjcgMCAwIDEgMTkuODA4LTIxLjk2N3ptMTA1LjE0MiA0NS4wNzJjMjAuODEzLTExLjEyOCAzNy4zMS0yOS4yNjggNDYuMzQtNTEuMjY1aC04NC43NTFjMjAuMjY0IDkuMzE4IDM1LjA5IDI4LjQyIDM4LjQxMSA1MS4yNjV6IiBzdHlsZT0iZmlsbDojZmZlNGExIi8+PGNpcmNsZSB0cmFuc2Zvcm09InJvdGF0ZSgtNjcuNSA2MzYuMTMyIDE0NC41MzgpIiBjbGFzcz0ic3QzIiBjeD0iNjM2LjE0OCIgY3k9IjE0NC41NDIiIHI9IjcuMTciLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNNzI5LjU5NCA1MS4yNjVDNzI2LjI3MyAyOC40MiA3MTEuNDQ3IDkuMzE4IDY5MS4xODMgMGgtNC44MDljLS4zOTQgMTQuMjY2LTEwLjMwMiAyNi4xNTMtMjMuNjEzIDI5LjUzMS0yLjQ3Ny42MjktNS4wNy45NjUtNy43NDIuOTY1LTE0Ljg5NSAwLTI3LjM1Ny0xMC4zODItMzAuNTY3LTI0LjMwM2E2Ny40MzQgNjcuNDM0IDAgMCAwLTE5LjgwOCAyMS45NjYgNjYuNzkyIDY2Ljc5MiAwIDAgMC04LjU4OSAzMi44NDRjMCAzNy4wNzMgMzAuMDUzIDY3LjEyNiA2Ny4xMjYgNjcuMTI2IDUuNDM0IDAgMTAuNzEtLjY2MiAxNS43Ny0xLjg4MSAyOS40NjEtNy4wOTYgNTEuMzU2LTMzLjYwNiA1MS4zNTYtNjUuMjQ1YTY3LjY4MyA2Ny42ODMgMCAwIDAtLjcxMy05LjczOHoiLz48Y2lyY2xlIGNsYXNzPSJzdDEiIGN4PSI1NTMuMzg4IiBjeT0iNDQuNDQzIiByPSIxNi41NjEiLz48Y2lyY2xlIGNsYXNzPSJzdDEiIGN4PSI2NjUuOTgyIiBjeT0iMTkyLjg0OSIgcj0iMTguMzk2Ii8+PHBhdGggY2xhc3M9InN0MyIgZD0iTTY3Mi40ODggMGgtNDguODI0Yy4wNTkgMi4xMjQuMzI4IDQuMTk1Ljc4OCA2LjE5MyAzLjIwOSAxMy45MiAxNS42NzEgMjQuMzAzIDMwLjU2NyAyNC4zMDMgMi42NzIgMCA1LjI2NS0uMzM2IDcuNzQyLS45NjUgMTMuMzEtMy4zNzggMjMuMjE4LTE1LjI2NSAyMy42MTMtMjkuNTMxaC0xMy44ODZ6TTEyOS4yMzkgMTQuODk5YzExLjI4NCAwIDIxLjE3My01Ljk1OSAyNi43MDEtMTQuODk5aC01My40MDNjNS41MyA4Ljk0IDE1LjQxOCAxNC44OTkgMjYuNzAyIDE0Ljg5OXoiLz48Y2lyY2xlIGNsYXNzPSJzdDEiIGN4PSI1NDkuMDI5IiBjeT0iMTA4Ny41NyIgcj0iMTAuODcyIi8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTAgNzMuOTkydjEwMS45MjVjMTcuOTY1LTkuODk0IDMwLjE0LTI5LjAwNCAzMC4xNC01MC45NjNTMTcuOTY1IDgzLjg4NiAwIDczLjk5MnoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNNjc0LjI1OCAxMTIyYy00LjExNy0xNy45MzgtMjAuMTY3LTMxLjMyMi0zOS4zNTQtMzEuMzIycy0zNS4yMzcgMTMuMzg0LTM5LjM1NCAzMS4zMjJoNzguNzA4eiIvPjwvc3ZnPg==) no-repeat;
  background-size: 101%
}

.template.bubbles.grn-grn .headline .background-wrapper {
  background: #c7ecc7
}

.template.bubbles.grn-grn .headline .background-wrapper:before {
  background: #369188
}

.template.bubbles.grn-grn .headline .icon svg {
  fill: #000
}

.template.bubbles.grn-grn .keyword .prefix {
  color: #369188
}

.template.bubbles.grn-grn .graphs.type-two .graph .circle-gray {
  stroke: #c7ecc7
}

.template.bubbles.grn-grn .graphs.type-two .graph .circle {
  stroke: #369188
}

.template.bubbles.grn-grn .skill-description-wrapper:not(.text) .skill-description:after {
  background: #c7ecc7
}

.template.bubbles.grn-grn .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.bubbles.grn-grn .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.bubbles.grn-grn .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.bubbles.grn-grn .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.bubbles.grn-grn .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #369188
}

.template.bubbles.grn-grn.letter .page:not(.first-page) .top-ornament {
  background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA4MTYgMTA1NCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDB7ZmlsbDojMGQyYTE0fTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTQ0LjgwOCAxMjUuNDI2YzAtMjcuNTIyLTE5LjEyNy01MC41NjEtNDQuODA4LTU2LjU5M3YxMTMuMTg1YzI1LjY4Mi02LjAzMSA0NC44MDgtMjkuMDcgNDQuODA4LTU2LjU5MnoiLz48cGF0aCBkPSJNNDU3LjY4OSAzMS4wNTFjMTkuMDkgMCAzNS4wNzYtMTMuMjQ5IDM5LjI5MS0zMS4wNTFoLTc4LjU4M2M0LjIxNiAxNy44MDIgMjAuMjAyIDMxLjA1MSAzOS4yOTIgMzEuMDUxem0xOTEuODgzIDk5Mi4wOTRjLTE5LjAyIDAtMzQuOTYgMTMuMTUyLTM5LjI0NiAzMC44NTVoNzguNDkyYy00LjI4Ni0xNy43MDMtMjAuMjI2LTMwLjg1NS0zOS4yNDYtMzAuODU1eiIgc3R5bGU9ImZpbGw6IzM2OTE4OCIvPjxjaXJjbGUgY2xhc3M9InN0MCIgY3g9IjU2NC4wMyIgY3k9IjEwMTkuNTY2IiByPSIxMC44NzIiLz48cGF0aCBkPSJNNjg3LjE1NiAwaC00OC44MjRjLjA1OSAyLjEyNC4zMjggNC4xOTUuNzg4IDYuMTkzIDMuMjA5IDEzLjkyIDE1LjY3MSAyNC4zMDMgMzAuNTY2IDI0LjMwMyAyLjY3MiAwIDUuMjY1LS4zMzYgNy43NDItLjk2NUM2OTAuNzM5IDI2LjE1MyA3MDAuNjQ3IDE0LjI2NiA3MDEuMDQxIDBoLTEzLjg4NXpNMTQ0LjI0IDE0Ljg5OWMxMS4yODQgMCAyMS4xNzMtNS45NTkgMjYuNzAxLTE0Ljg5OWgtNTMuNDAzYzUuNTMgOC45NCAxNS40MTggMTQuODk5IDI2LjcwMiAxNC44OTl6IiBzdHlsZT0iZmlsbDojMjRlMGEyIi8+PC9zdmc+) no-repeat;
  background-size: 101%
}

.template.bubbles.grn-grn.letter .page.first-page .top-ornament {
  background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA4MTYgMTA1NCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDB7ZmlsbDojMGQyYTE0fS5zdDJ7ZmlsbDojMjRlMGEyfTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTc5MC42MDIgMGMtOS4wMyAyMS45OTctMjUuNTI2IDQwLjEzNi00Ni4zNCA1MS4yNjUuNDYyIDMuMTguNzEyIDYuNDMuNzEyIDkuNzM5IDAgMzEuNjM5LTIxLjg5NiA1OC4xNDktNTEuMzU2IDY1LjI0NSAyMy42NzUgMzkuODcxIDY3LjE2IDY2LjYwMSAxMTYuODk0IDY2LjYwMWExMzYuOSAxMzYuOSAwIDAgMCA1LjQ4OC0uMTJWMGgtMjUuMzk4eiIvPjxwYXRoIGQ9Ik02MzkuMTIgNi4xOTNBMzEuMzM4IDMxLjMzOCAwIDAgMSA2MzguMzMyIDBINjAxLjk0YTEwMS45NTUgMTAxLjk1NSAwIDAgMCAxNy4zNzEgMjguMTZBNjcuNDMgNjcuNDMgMCAwIDEgNjM5LjEyIDYuMTkzem0xMDUuMTQyIDQ1LjA3MmMyMC44MTMtMTEuMTI4IDM3LjMxLTI5LjI2OCA0Ni4zNC01MS4yNjVINzA1Ljg1YzIwLjI2NSA5LjMxOCAzNS4wOTEgMjguNDIgMzguNDEyIDUxLjI2NXoiIHN0eWxlPSJmaWxsOiNjN2VjYzciLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDQuODA4IDEyNS40MjZjMC0yNy41MjItMTkuMTI3LTUwLjU2MS00NC44MDgtNTYuNTkzdjExMy4xODVjMjUuNjgyLTYuMDMxIDQ0LjgwOC0yOS4wNyA0NC44MDgtNTYuNTkyeiIvPjxjaXJjbGUgY2xhc3M9InN0MiIgY3g9IjY1MC44MDIiIGN5PSIxNDQuNTUyIiByPSI3LjE3Ii8+PHBhdGggZD0iTTc0NC4yNjIgNTEuMjY1Qzc0MC45NDEgMjguNDIgNzI2LjExNSA5LjMxOCA3MDUuODUgMGgtNC44MDljLS4zOTQgMTQuMjY2LTEwLjMwMiAyNi4xNTMtMjMuNjEzIDI5LjUzMS0yLjQ3Ny42MjktNS4wNy45NjUtNy43NDIuOTY1LTE0Ljg5NSAwLTI3LjM1Ny0xMC4zODItMzAuNTY2LTI0LjMwM2E2Ny40MzQgNjcuNDM0IDAgMCAwLTE5LjgwOCAyMS45NjYgNjYuNzkyIDY2Ljc5MiAwIDAgMC04LjU4OSAzMi44NDRjMCAzNy4wNzMgMzAuMDUzIDY3LjEyNiA2Ny4xMjYgNjcuMTI2IDUuNDM0IDAgMTAuNzEtLjY2MiAxNS43Ny0xLjg4MSAyOS40NjEtNy4wOTYgNTEuMzU2LTMzLjYwNiA1MS4zNTYtNjUuMjQ1YTY3LjgyNyA2Ny44MjcgMCAwIDAtLjcxMy05LjczOHpNNDU3LjY4OSAzMS4wNTFjMTkuMDkgMCAzNS4wNzYtMTMuMjQ5IDM5LjI5MS0zMS4wNTFoLTc4LjU4M2M0LjIxNiAxNy44MDIgMjAuMjAyIDMxLjA1MSAzOS4yOTIgMzEuMDUxem0xOTEuODgzIDk5Mi4wOTRjLTE5LjAyIDAtMzQuOTYgMTMuMTUyLTM5LjI0NiAzMC44NTVoNzguNDkyYy00LjI4Ni0xNy43MDMtMjAuMjI2LTMwLjg1NS0zOS4yNDYtMzAuODU1eiIgc3R5bGU9ImZpbGw6IzM2OTE4OCIvPjxjaXJjbGUgY2xhc3M9InN0MCIgY3g9IjU2OC4wNTYiIGN5PSI0NC40NDMiIHI9IjE2LjU2MSIvPjxjaXJjbGUgY2xhc3M9InN0MCIgY3g9IjY4MC42NSIgY3k9IjE5Mi44NDkiIHI9IjE4LjM5NiIvPjxjaXJjbGUgY2xhc3M9InN0MCIgY3g9IjU2NC4wMyIgY3k9IjEwMTkuNTY2IiByPSIxMC44NzIiLz48cGF0aCBjbGFzcz0ic3QyIiBkPSJNNjg3LjE1NiAwaC00OC44MjRjLjA1OSAyLjEyNC4zMjggNC4xOTUuNzg4IDYuMTkzIDMuMjA5IDEzLjkyIDE1LjY3MSAyNC4zMDMgMzAuNTY2IDI0LjMwMyAyLjY3MiAwIDUuMjY1LS4zMzYgNy43NDItLjk2NUM2OTAuNzM5IDI2LjE1MyA3MDAuNjQ3IDE0LjI2NiA3MDEuMDQxIDBoLTEzLjg4NXpNMTQ0LjI0IDE0Ljg5OWMxMS4yODQgMCAyMS4xNzMtNS45NTkgMjYuNzAxLTE0Ljg5OWgtNTMuNDAzYzUuNTMgOC45NCAxNS40MTggMTQuODk5IDI2LjcwMiAxNC44OTl6Ii8+PC9zdmc+) no-repeat;
  background-size: 101%
}

.template.bubbles.grn-grn:not(.letter) .page:not(.first-page) .top-ornament {
  background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA3OTQgMTEyMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDF7ZmlsbDojMzY5MTg4fS5zdDN7ZmlsbDojMGQyYTE0fTwvc3R5bGU+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGg3OTR2MTEyMkgweiIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik00NDIuNyAzMS4xYzE5LjEgMCAzNS4xLTEzLjIgMzkuMy0zMS4xaC03OC42YzQuMiAxNy44IDIwLjIgMzEuMSAzOS4zIDMxLjF6Ii8+PHBhdGggZD0iTTY3Mi41IDBoLTQ4LjhjLjEgMi4xLjMgNC4yLjggNi4yIDMuMiAxMy45IDE1LjcgMjQuMyAzMC42IDI0LjMgMi43IDAgNS4zLS4zIDcuNy0xQzY3Ni4xIDI2LjIgNjg2IDE0LjMgNjg2LjQgMGgtMTMuOXpNMTI5LjIgMTQuOWMxMS4zIDAgMjEuMi02IDI2LjctMTQuOWgtNTMuNGM1LjYgOC45IDE1LjUgMTQuOSAyNi43IDE0Ljl6IiBzdHlsZT0iZmlsbDojMjRlMGEyIi8+PGNpcmNsZSBjbGFzcz0ic3QzIiBjeD0iNTQ5IiBjeT0iMTA4Ny42IiByPSIxMC45Ii8+PHBhdGggY2xhc3M9InN0MyIgZD0iTTAgNzR2MTAxLjljMTgtOS45IDMwLjEtMjkgMzAuMS01MVMxOCA4My45IDAgNzR6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTY3NC4zIDExMjJjLTQuMS0xNy45LTIwLjItMzEuMy0zOS40LTMxLjNzLTM1LjIgMTMuNC0zOS40IDMxLjNoNzguOHoiLz48L3N2Zz4=) no-repeat;
  background-size: 101%
}

.template.bubbles.grn-grn:not(.letter) .page.first-page .top-ornament {
  background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA3OTQgMTEyMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDB7ZmlsbDojMzY5MTg4fS5zdDF7ZmlsbDojMGQyYTE0fS5zdDN7ZmlsbDojMjRlMGEyfTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTQ0Mi42ODggMzEuMDUxYzE5LjA5MSAwIDM1LjA3Ni0xMy4yNDkgMzkuMjkxLTMxLjA1MWgtNzguNTgzYzQuMjE2IDE3LjgwMiAyMC4yMDIgMzEuMDUxIDM5LjI5MiAzMS4wNTF6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTc3NS45MzQgMGMtOS4wMyAyMS45OTctMjUuNTI2IDQwLjEzNi00Ni4zNCA1MS4yNjUuNDYyIDMuMTguNzEyIDYuNDMuNzEyIDkuNzM5IDAgMzEuNjM5LTIxLjg5NiA1OC4xNDktNTEuMzU2IDY1LjI0NSAyMy4zODEgMzkuMzc3IDY2LjA4NyA2NS45MjUgMTE1LjA1IDY2LjU3N1YwaC0xOC4wNjZ6Ii8+PHBhdGggZD0iTTYyNC40NTMgNi4xOTNBMzEuMzM4IDMxLjMzOCAwIDAgMSA2MjMuNjY1IDBoLTM2LjM5MWExMDEuOTU1IDEwMS45NTUgMCAwIDAgMTcuMzcxIDI4LjE2IDY3LjQxNiA2Ny40MTYgMCAwIDEgMTkuODA4LTIxLjk2N3ptMTA1LjE0MiA0NS4wNzJjMjAuODEzLTExLjEyOCAzNy4zMS0yOS4yNjggNDYuMzQtNTEuMjY1aC04NC43NTFjMjAuMjY0IDkuMzE4IDM1LjA4OSAyOC40MiAzOC40MTEgNTEuMjY1eiIgc3R5bGU9ImZpbGw6I2M3ZWNjNyIvPjxjaXJjbGUgdHJhbnNmb3JtPSJyb3RhdGUoLTY3LjUgNjM2LjEzMiAxNDQuNTM4KSIgY2xhc3M9InN0MyIgY3g9IjYzNi4xNDgiIGN5PSIxNDQuNTQxIiByPSI3LjE3Ii8+PHBhdGggY2xhc3M9InN0MCIgZD0iTTcyOS41OTUgNTEuMjY1QzcyNi4yNzMgMjguNDIgNzExLjQ0OCA5LjMxOCA2OTEuMTgzIDBoLTQuODA5Yy0uMzk0IDE0LjI2Ni0xMC4zMDIgMjYuMTUzLTIzLjYxMyAyOS41MzEtMi40NzcuNjI5LTUuMDcuOTY1LTcuNzQyLjk2NS0xNC44OTUgMC0yNy4zNTctMTAuMzgyLTMwLjU2Ny0yNC4zMDNhNjcuNDM0IDY3LjQzNCAwIDAgMC0xOS44MDggMjEuOTY2IDY2Ljc5MiA2Ni43OTIgMCAwIDAtOC41ODkgMzIuODQ0YzAgMzcuMDczIDMwLjA1MyA2Ny4xMjYgNjcuMTI2IDY3LjEyNiA1LjQzNCAwIDEwLjcxLS42NjIgMTUuNzctMS44ODEgMjkuNDYxLTcuMDk2IDUxLjM1Ni0zMy42MDYgNTEuMzU2LTY1LjI0NSAwLTMuMzA4LS4yNS02LjU1OC0uNzEyLTkuNzM4eiIvPjxjaXJjbGUgY2xhc3M9InN0MSIgY3g9IjU1My4zODkiIGN5PSI0NC40NDMiIHI9IjE2LjU2MSIvPjxjaXJjbGUgY2xhc3M9InN0MSIgY3g9IjY2NS45ODMiIGN5PSIxOTIuODQ5IiByPSIxOC4zOTYiLz48cGF0aCBjbGFzcz0ic3QzIiBkPSJNNjcyLjQ4OCAwaC00OC44MjRjLjA1OSAyLjEyNC4zMjggNC4xOTUuNzg4IDYuMTkzIDMuMjA5IDEzLjkyIDE1LjY3MSAyNC4zMDMgMzAuNTY3IDI0LjMwMyAyLjY3MiAwIDUuMjY1LS4zMzYgNy43NDItLjk2NUM2NzYuMDcyIDI2LjE1MyA2ODUuOTc5IDE0LjI2NiA2ODYuMzc0IDBoLTEzLjg4NnpNMTI5LjIzOSAxNC44OTljMTEuMjg0IDAgMjEuMTczLTUuOTU5IDI2LjcwMS0xNC44OTloLTUzLjQwM2M1LjUzIDguOTQgMTUuNDE4IDE0Ljg5OSAyNi43MDIgMTQuODk5eiIvPjxjaXJjbGUgY2xhc3M9InN0MSIgY3g9IjU0OS4wMjkiIGN5PSIxMDg3LjU3IiByPSIxMC44NzIiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNMCA3My45OTJ2MTAxLjkyNWMxNy45NjUtOS44OTQgMzAuMTQtMjkuMDA0IDMwLjE0LTUwLjk2M1MxNy45NjUgODMuODg2IDAgNzMuOTkyeiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02NzQuMjU4IDExMjJjLTQuMTE3LTE3LjkzOC0yMC4xNjctMzEuMzIyLTM5LjM1NC0zMS4zMjJzLTM1LjIzNyAxMy4zODQtMzkuMzU0IDMxLjMyMmg3OC43MDh6Ii8+PC9zdmc+) no-repeat;
  background-size: 101%
}

.template.bubbles.gre-gre .headline .background-wrapper {
  background: #d8d8d8
}

.template.bubbles.gre-gre .headline .background-wrapper:before {
  background: #58595b
}

.template.bubbles.gre-gre .headline .icon svg {
  fill: #fff
}

.template.bubbles.gre-gre .keyword .prefix {
  color: #58595b
}

.template.bubbles.gre-gre .graphs.type-two .graph .circle-gray {
  stroke: #d8d8d8
}

.template.bubbles.gre-gre .graphs.type-two .graph .circle {
  stroke: #58595b
}

.template.bubbles.gre-gre .skill-description-wrapper:not(.text) .skill-description:after {
  background: #d8d8d8
}

.template.bubbles.gre-gre .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.bubbles.gre-gre .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.bubbles.gre-gre .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.bubbles.gre-gre .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.bubbles.gre-gre .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #58595b
}

.template.bubbles.gre-gre.letter .page:not(.first-page) .top-ornament {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4MTYgMTA1NCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZD0iTTQ0LjgwOCAxMjUuNDI2YzAtMjcuNTIyLTE5LjEyNy01MC41NjEtNDQuODA4LTU2LjU5M3YxMTMuMTg1YzI1LjY4Mi02LjAzMSA0NC44MDgtMjkuMDcgNDQuODA4LTU2LjU5MnoiLz48cGF0aCBkPSJNNDU3LjY4OSAzMS4wNTFjMTkuMDkgMCAzNS4wNzYtMTMuMjQ5IDM5LjI5MS0zMS4wNTFoLTc4LjU4M2M0LjIxNiAxNy44MDIgMjAuMjAyIDMxLjA1MSAzOS4yOTIgMzEuMDUxem0xOTEuODgzIDk5Mi4wOTRjLTE5LjAyIDAtMzQuOTYgMTMuMTUyLTM5LjI0NiAzMC44NTVoNzguNDkyYy00LjI4Ni0xNy43MDMtMjAuMjI2LTMwLjg1NS0zOS4yNDYtMzAuODU1eiIgc3R5bGU9ImZpbGw6IzU4NTk1YiIvPjxjaXJjbGUgY3g9IjU2NC4wMyIgY3k9IjEwMTkuNTY2IiByPSIxMC44NzIiIGZpbGw9IiMzMzMiLz48cGF0aCBkPSJNNjg3LjE1NiAwaC00OC44MjRjLjA1OSAyLjEyNC4zMjggNC4xOTUuNzg4IDYuMTkzIDMuMjA5IDEzLjkyIDE1LjY3MSAyNC4zMDMgMzAuNTY2IDI0LjMwMyAyLjY3MiAwIDUuMjY1LS4zMzYgNy43NDItLjk2NUM2OTAuNzM5IDI2LjE1MyA3MDAuNjQ3IDE0LjI2NiA3MDEuMDQxIDBoLTEzLjg4NXpNMTQ0LjI0IDE0Ljg5OWMxMS4yODQgMCAyMS4xNzMtNS45NTkgMjYuNzAxLTE0Ljg5OWgtNTMuNDAzYzUuNTMgOC45NCAxNS40MTggMTQuODk5IDI2LjcwMiAxNC44OTl6IiBzdHlsZT0iZmlsbDojZDhkOGQ4Ii8+PC9zdmc+) no-repeat;
  background-size: 101%
}

.template.bubbles.gre-gre.letter .page.first-page .top-ornament {
  background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA4MTYgMTA1NCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDF7ZmlsbDojZDhkOGQ4fTwvc3R5bGU+PHBhdGggZD0iTTc5MC42MDIgMGMtOS4wMyAyMS45OTctMjUuNTI2IDQwLjEzNi00Ni4zNCA1MS4yNjUuNDYyIDMuMTguNzEyIDYuNDMuNzEyIDkuNzM5IDAgMzEuNjM5LTIxLjg5NiA1OC4xNDktNTEuMzU2IDY1LjI0NSAyMy42NzUgMzkuODcxIDY3LjE2IDY2LjYwMSAxMTYuODk0IDY2LjYwMWExMzYuOSAxMzYuOSAwIDAgMCA1LjQ4OC0uMTJWMGgtMjUuMzk4eiIvPjxwYXRoIGQ9Ik02MzkuMTIgNi4xOTNBMzEuMzM4IDMxLjMzOCAwIDAgMSA2MzguMzMyIDBINjAxLjk0YTEwMS45NTUgMTAxLjk1NSAwIDAgMCAxNy4zNzEgMjguMTZBNjcuNDMgNjcuNDMgMCAwIDEgNjM5LjEyIDYuMTkzem0xMDUuMTQyIDQ1LjA3MmMyMC44MTMtMTEuMTI4IDM3LjMxLTI5LjI2OCA0Ni4zNC01MS4yNjVINzA1Ljg1YzIwLjI2NSA5LjMxOCAzNS4wOTEgMjguNDIgMzguNDEyIDUxLjI2NXoiIHN0eWxlPSJmaWxsOiNiM2IzYjMiLz48cGF0aCBkPSJNNDQuODA4IDEyNS40MjZjMC0yNy41MjItMTkuMTI3LTUwLjU2MS00NC44MDgtNTYuNTkzdjExMy4xODVjMjUuNjgyLTYuMDMxIDQ0LjgwOC0yOS4wNyA0NC44MDgtNTYuNTkyeiIvPjxjaXJjbGUgY2xhc3M9InN0MSIgY3g9IjY1MC44MDIiIGN5PSIxNDQuNTUyIiByPSI3LjE3Ii8+PHBhdGggZD0iTTc0NC4yNjIgNTEuMjY1Qzc0MC45NDEgMjguNDIgNzI2LjExNSA5LjMxOCA3MDUuODUgMGgtNC44MDljLS4zOTQgMTQuMjY2LTEwLjMwMiAyNi4xNTMtMjMuNjEzIDI5LjUzMS0yLjQ3Ny42MjktNS4wNy45NjUtNy43NDIuOTY1LTE0Ljg5NSAwLTI3LjM1Ny0xMC4zODItMzAuNTY2LTI0LjMwM2E2Ny40MzQgNjcuNDM0IDAgMCAwLTE5LjgwOCAyMS45NjYgNjYuNzkyIDY2Ljc5MiAwIDAgMC04LjU4OSAzMi44NDRjMCAzNy4wNzMgMzAuMDUzIDY3LjEyNiA2Ny4xMjYgNjcuMTI2IDUuNDM0IDAgMTAuNzEtLjY2MiAxNS43Ny0xLjg4MSAyOS40NjEtNy4wOTYgNTEuMzU2LTMzLjYwNiA1MS4zNTYtNjUuMjQ1YTY3LjgyNyA2Ny44MjcgMCAwIDAtLjcxMy05LjczOHpNNDU3LjY4OSAzMS4wNTFjMTkuMDkgMCAzNS4wNzYtMTMuMjQ5IDM5LjI5MS0zMS4wNTFoLTc4LjU4M2M0LjIxNiAxNy44MDIgMjAuMjAyIDMxLjA1MSAzOS4yOTIgMzEuMDUxem0xOTEuODgzIDk5Mi4wOTRjLTE5LjAyIDAtMzQuOTYgMTMuMTUyLTM5LjI0NiAzMC44NTVoNzguNDkyYy00LjI4Ni0xNy43MDMtMjAuMjI2LTMwLjg1NS0zOS4yNDYtMzAuODU1eiIgc3R5bGU9ImZpbGw6IzU4NTk1YiIvPjxjaXJjbGUgY3g9IjU2OC4wNTYiIGN5PSI0NC40NDMiIHI9IjE2LjU2MSIvPjxjaXJjbGUgY3g9IjY4MC42NSIgY3k9IjE5Mi44NDkiIHI9IjE4LjM5NiIvPjxjaXJjbGUgY2xhc3M9InN0MSIgY3g9IjU2NC4wMyIgY3k9IjEwMTkuNTY2IiByPSIxMC44NzIiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNNjg3LjE1NiAwaC00OC44MjRjLjA1OSAyLjEyNC4zMjggNC4xOTUuNzg4IDYuMTkzIDMuMjA5IDEzLjkyIDE1LjY3MSAyNC4zMDMgMzAuNTY2IDI0LjMwMyAyLjY3MiAwIDUuMjY1LS4zMzYgNy43NDItLjk2NUM2OTAuNzM5IDI2LjE1MyA3MDAuNjQ3IDE0LjI2NiA3MDEuMDQxIDBoLTEzLjg4NXpNMTQ0LjI0IDE0Ljg5OWMxMS4yODQgMCAyMS4xNzMtNS45NTkgMjYuNzAxLTE0Ljg5OWgtNTMuNDAzYzUuNTMgOC45NCAxNS40MTggMTQuODk5IDI2LjcwMiAxNC44OTl6Ii8+PC9zdmc+) no-repeat;
  background-size: 101%
}

.template.bubbles.gre-gre:not(.letter) .page:not(.first-page) .top-ornament {
  background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA3OTQgMTEyMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDF7ZmlsbDojNTg1OTVifTwvc3R5bGU+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGg3OTR2MTEyMkgweiIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik00NDIuNyAzMS4xYzE5LjEgMCAzNS4xLTEzLjIgMzkuMy0zMS4xaC03OC42YzQuMiAxNy44IDIwLjIgMzEuMSAzOS4zIDMxLjF6Ii8+PHBhdGggZD0iTTY3Mi41IDBoLTQ4LjhjLjEgMi4xLjMgNC4yLjggNi4yIDMuMiAxMy45IDE1LjcgMjQuMyAzMC42IDI0LjMgMi43IDAgNS4zLS4zIDcuNy0xQzY3Ni4xIDI2LjIgNjg2IDE0LjMgNjg2LjQgMGgtMTMuOXpNMTI5LjIgMTQuOWMxMS4zIDAgMjEuMi02IDI2LjctMTQuOWgtNTMuNGM1LjYgOC45IDE1LjUgMTQuOSAyNi43IDE0Ljl6IiBzdHlsZT0iZmlsbDojZDhkOGQ4Ii8+PGNpcmNsZSBjeD0iNTQ5IiBjeT0iMTA4Ny42IiByPSIxMC45Ii8+PHBhdGggZD0iTTAgNzR2MTAxLjljMTgtOS45IDMwLjEtMjkgMzAuMS01MVMxOCA4My45IDAgNzR6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTY3NC4zIDExMjJjLTQuMS0xNy45LTIwLjItMzEuMy0zOS40LTMxLjNzLTM1LjIgMTMuNC0zOS40IDMxLjNoNzguOHoiLz48L3N2Zz4=) no-repeat;
  background-size: 101%
}

.template.bubbles.gre-gre:not(.letter) .page.first-page .top-ornament {
  background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA3OTQgMTEyMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDB7ZmlsbDojNTg1OTVifS5zdDJ7ZmlsbDojZDhkOGQ4fTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTQ0Mi42ODggMzEuMDUxYzE5LjA5MSAwIDM1LjA3Ni0xMy4yNDkgMzkuMjkxLTMxLjA1MWgtNzguNTgzYzQuMjE2IDE3LjgwMiAyMC4yMDIgMzEuMDUxIDM5LjI5MiAzMS4wNTF6Ii8+PHBhdGggZD0iTTc3NS45MzQgMGMtOS4wMyAyMS45OTctMjUuNTI2IDQwLjEzNi00Ni4zNCA1MS4yNjUuNDYyIDMuMTguNzEyIDYuNDMuNzEyIDkuNzM5IDAgMzEuNjM5LTIxLjg5NiA1OC4xNDktNTEuMzU2IDY1LjI0NSAyMy4zODEgMzkuMzc3IDY2LjA4NyA2NS45MjUgMTE1LjA1IDY2LjU3N1YwaC0xOC4wNjZ6Ii8+PHBhdGggZD0iTTYyNC40NTIgNi4xOTNBMzEuMzM4IDMxLjMzOCAwIDAgMSA2MjMuNjY0IDBoLTM2LjM5MWExMDEuOTU1IDEwMS45NTUgMCAwIDAgMTcuMzcxIDI4LjE2IDY3LjQyNyA2Ny40MjcgMCAwIDEgMTkuODA4LTIxLjk2N3ptMTA1LjE0MiA0NS4wNzJjMjAuODEzLTExLjEyOCAzNy4zMS0yOS4yNjggNDYuMzQtNTEuMjY1aC04NC43NTFjMjAuMjY0IDkuMzE4IDM1LjA5IDI4LjQyIDM4LjQxMSA1MS4yNjV6IiBzdHlsZT0iZmlsbDojYjNiM2IzIi8+PGNpcmNsZSB0cmFuc2Zvcm09InJvdGF0ZSgtNjcuNSA2MzYuMTMyIDE0NC41MzgpIiBjbGFzcz0ic3QyIiBjeD0iNjM2LjE0OCIgY3k9IjE0NC41NDIiIHI9IjcuMTciLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNNzI5LjU5NCA1MS4yNjVDNzI2LjI3MyAyOC40MiA3MTEuNDQ3IDkuMzE4IDY5MS4xODMgMGgtNC44MDljLS4zOTQgMTQuMjY2LTEwLjMwMiAyNi4xNTMtMjMuNjEzIDI5LjUzMS0yLjQ3Ny42MjktNS4wNy45NjUtNy43NDIuOTY1LTE0Ljg5NSAwLTI3LjM1Ny0xMC4zODItMzAuNTY3LTI0LjMwM2E2Ny40MzQgNjcuNDM0IDAgMCAwLTE5LjgwOCAyMS45NjYgNjYuNzkyIDY2Ljc5MiAwIDAgMC04LjU4OSAzMi44NDRjMCAzNy4wNzMgMzAuMDUzIDY3LjEyNiA2Ny4xMjYgNjcuMTI2IDUuNDM0IDAgMTAuNzEtLjY2MiAxNS43Ny0xLjg4MSAyOS40NjEtNy4wOTYgNTEuMzU2LTMzLjYwNiA1MS4zNTYtNjUuMjQ1YTY3LjY4MyA2Ny42ODMgMCAwIDAtLjcxMy05LjczOHoiLz48Y2lyY2xlIGN4PSI1NTMuMzg4IiBjeT0iNDQuNDQzIiByPSIxNi41NjEiLz48Y2lyY2xlIGN4PSI2NjUuOTgyIiBjeT0iMTkyLjg0OSIgcj0iMTguMzk2Ii8+PHBhdGggY2xhc3M9InN0MiIgZD0iTTY3Mi40ODggMGgtNDguODI0Yy4wNTkgMi4xMjQuMzI4IDQuMTk1Ljc4OCA2LjE5MyAzLjIwOSAxMy45MiAxNS42NzEgMjQuMzAzIDMwLjU2NyAyNC4zMDMgMi42NzIgMCA1LjI2NS0uMzM2IDcuNzQyLS45NjUgMTMuMzEtMy4zNzggMjMuMjE4LTE1LjI2NSAyMy42MTMtMjkuNTMxaC0xMy44ODZ6TTEyOS4yMzkgMTQuODk5YzExLjI4NCAwIDIxLjE3My01Ljk1OSAyNi43MDEtMTQuODk5aC01My40MDNjNS41MyA4Ljk0IDE1LjQxOCAxNC44OTkgMjYuNzAyIDE0Ljg5OXoiLz48Y2lyY2xlIGN4PSI1NDkuMDI5IiBjeT0iMTA4Ny41NyIgcj0iMTAuODcyIi8+PHBhdGggZD0iTTAgNzMuOTkydjEwMS45MjVjMTcuOTY1LTkuODk0IDMwLjE0LTI5LjAwNCAzMC4xNC01MC45NjNTMTcuOTY1IDgzLjg4NiAwIDczLjk5MnoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNNjc0LjI1OCAxMTIyYy00LjExNy0xNy45MzgtMjAuMTY3LTMxLjMyMi0zOS4zNTQtMzEuMzIycy0zNS4yMzcgMTMuMzg0LTM5LjM1NCAzMS4zMjJoNzguNzA4eiIvPjwvc3ZnPg==) no-repeat;
  background-size: 101%
}

.template.bubbles.ocn-red .headline .background-wrapper {
  background: #d1f2f2
}

.template.bubbles.ocn-red .headline .background-wrapper:before {
  background: #f9ddc0
}

.template.bubbles.ocn-red .headline .icon svg {
  fill: #000
}

.template.bubbles.ocn-red .keyword .prefix {
  color: #f9ddc0
}

.template.bubbles.ocn-red .graphs.type-two .graph .circle-gray {
  stroke: #d1f2f2
}

.template.bubbles.ocn-red .graphs.type-two .graph .circle {
  stroke: #f9ddc0
}

.template.bubbles.ocn-red .skill-description-wrapper:not(.text) .skill-description:after {
  background: #d1f2f2
}

.template.bubbles.ocn-red .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.bubbles.ocn-red .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.bubbles.ocn-red .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.bubbles.ocn-red .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.bubbles.ocn-red .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #f9ddc0
}

.template.bubbles.ocn-red.letter .page:not(.first-page) .top-ornament {
  background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA4MTYgMTA1NCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDF7ZmlsbDojZjlkZGMwfS5zdDJ7ZmlsbDojNjZjZGRkfTwvc3R5bGU+PHBhdGggZD0iTTY5MS4yMzggMEg2NDEuMDRjLjA2MSAyLjE4NC4zMzcgNC4zMTMuODEgNi4zNjcgMy4yOTkgMTQuMzEyIDE2LjExMiAyNC45ODcgMzEuNDI3IDI0Ljk4N2EzMi4yOSAzMi4yOSAwIDAgMCA3Ljk2LS45OTJDNjk0LjkyMiAyNi44ODkgNzA1LjEwOSAxNC42NjcgNzA1LjUxNCAwaC0xNC4yNzZ6TTEzMi43MDYgMTUuMzE4YzExLjYwMSAwIDIxLjc2OS02LjEyNyAyNy40NTItMTUuMzE4aC01NC45MDVjNS42ODYgOS4xOTEgMTUuODUyIDE1LjMxOCAyNy40NTMgMTUuMzE4eiIgZmlsbD0iI2QxZjJmMiIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik00NTQuOTczIDMxLjkyNWMxOS42MjggMCAzNi4wNjMtMTMuNjIyIDQwLjM5Ni0zMS45MjVoLTgwLjc5NGM0LjMzNiAxOC4zMDMgMjAuNzcxIDMxLjkyNSA0MC4zOTggMzEuOTI1eiIvPjxjaXJjbGUgY2xhc3M9InN0MiIgY3g9IjU2NC4zMDYiIGN5PSIxMDE4LjYwMSIgcj0iMTEuMTc4Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTY5My4wNTggMTA1NGMtNC4yMzMtMTguNDQzLTIwLjczNC0zMi4yMDMtNDAuNDYxLTMyLjIwMy0xOS43MjcgMC0zNi4yMjggMTMuNzYxLTQwLjQ2MSAzMi4yMDNoODAuOTIyeiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0tLjE2OCA3Ni4wNzR2MTA0Ljc5MmMxOC40Ny0xMC4xNzIgMzAuOTg4LTI5LjgyIDMwLjk4OC01Mi4zOTdTMTguMzAyIDg2LjI0Ni0uMTY4IDc2LjA3NHoiLz48L3N2Zz4=) no-repeat;
  background-size: 101%
}

.template.bubbles.ocn-red.letter .page.first-page .top-ornament {
  background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA4MTYgMTA1NCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDB7ZmlsbDojNjZjZGRkfS5zdDJ7ZmlsbDojZDFmMmYyfS5zdDN7ZmlsbDojZjlkZGMwfTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTc5Ny41OTQgMGMtOS4yODQgMjIuNjE2LTI2LjI0NCA0MS4yNjUtNDcuNjQ0IDUyLjcwNy40NzUgMy4yNjkuNzMyIDYuNjExLjczMiAxMC4wMTMgMCAzMi41MjktMjIuNTEyIDU5Ljc4NS01Mi44MDEgNjcuMDggMjQuMDM5IDQwLjQ4NSA2Ny45NDYgNjcuNzggMTE4LjI4NyA2OC40NVYwaC0xOC41NzR6Ii8+PHBhdGggZD0iTTY0MS44NTEgNi4zNjdhMzIuMjM4IDMyLjIzOCAwIDAgMS0uODEtNi4zNjdoLTM3LjQxNWExMDQuNzk4IDEwNC43OTggMCAwIDAgMTcuODYgMjguOTUyIDY5LjMwMSA2OS4zMDEgMCAwIDEgMjAuMzY1LTIyLjU4NXptMTA4LjA5OSA0Ni4zNEM3NzEuMzQ5IDQxLjI2NiA3ODguMzEgMjIuNjE2IDc5Ny41OTQgMGgtODcuMTM1YzIwLjgzNCA5LjU4IDM2LjA3NyAyOS4yMiAzOS40OTEgNTIuNzA3eiIgZmlsbD0iI2ZjZWNkZSIvPjxjaXJjbGUgdHJhbnNmb3JtPSJyb3RhdGUoLTY3LjUgNjUzLjg4OSAxNDguNTYzKSIgY2xhc3M9InN0MiIgY3g9IjY1My45MDUiIGN5PSIxNDguNTY3IiByPSI3LjM3MiIvPjxwYXRoIGNsYXNzPSJzdDMiIGQ9Ik03NDkuOTUgNTIuNzA3Qzc0Ni41MzYgMjkuMjIgNzMxLjI5MyA5LjU4IDcxMC40NTggMGgtNC45NDRjLS40MDUgMTQuNjY3LTEwLjU5MiAyNi44ODktMjQuMjc3IDMwLjM2MmEzMi4yOSAzMi4yOSAwIDAgMS03Ljk2Ljk5MmMtMTUuMzE0IDAtMjguMTI3LTEwLjY3NC0zMS40MjctMjQuOTg3YTY5LjM0MiA2OS4zNDIgMCAwIDAtMjAuMzY1IDIyLjU4NCA2OC42NjYgNjguNjY2IDAgMCAwLTguODMxIDMzLjc2OGMwIDM4LjExNiAzMC44OTggNjkuMDE0IDY5LjAxNCA2OS4wMTRhNjkuMTUgNjkuMTUgMCAwIDAgMTYuMjE0LTEuOTM0YzMwLjI5LTcuMjk2IDUyLjgwMS0zNC41NTEgNTIuODAxLTY3LjA4YTY5LjczNyA2OS43MzcgMCAwIDAtLjczMy0xMC4wMTJ6Ii8+PGNpcmNsZSBjbGFzcz0ic3QwIiBjeD0iNTY4Ljc4NyIgY3k9IjQ1LjY5MyIgcj0iMTcuMDI3Ii8+PGNpcmNsZSBjbGFzcz0ic3QwIiBjeD0iNjg0LjU0OSIgY3k9IjE5OC4yNzQiIHI9IjE4LjkxNCIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik02OTEuMjM4IDBINjQxLjA0Yy4wNjEgMi4xODQuMzM3IDQuMzEzLjgxIDYuMzY3IDMuMjk5IDE0LjMxMiAxNi4xMTIgMjQuOTg3IDMxLjQyNyAyNC45ODdhMzIuMjkgMzIuMjkgMCAwIDAgNy45Ni0uOTkyQzY5NC45MjIgMjYuODg5IDcwNS4xMDkgMTQuNjY3IDcwNS41MTQgMGgtMTQuMjc2ek0xMzIuNzA2IDE1LjMxOGMxMS42MDEgMCAyMS43NjktNi4xMjcgMjcuNDUyLTE1LjMxOGgtNTQuOTA1YzUuNjg2IDkuMTkxIDE1Ljg1MiAxNS4zMTggMjcuNDUzIDE1LjMxOHoiLz48cGF0aCBjbGFzcz0ic3QzIiBkPSJNNDU0Ljk3MyAzMS45MjVjMTkuNjI4IDAgMzYuMDYzLTEzLjYyMiA0MC4zOTYtMzEuOTI1aC04MC43OTRjNC4zMzYgMTguMzAzIDIwLjc3MSAzMS45MjUgNDAuMzk4IDMxLjkyNXoiLz48Y2lyY2xlIGNsYXNzPSJzdDAiIGN4PSI1NjQuMzA2IiBjeT0iMTAxOC42MDEiIHI9IjExLjE3OCIvPjxwYXRoIGNsYXNzPSJzdDMiIGQ9Ik02OTMuMDU4IDEwNTRjLTQuMjMzLTE4LjQ0My0yMC43MzQtMzIuMjAzLTQwLjQ2MS0zMi4yMDMtMTkuNzI3IDAtMzYuMjI4IDEzLjc2MS00MC40NjEgMzIuMjAzaDgwLjkyMnoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNLS4xNjggNzYuMDc0djEwNC43OTJjMTguNDctMTAuMTcyIDMwLjk4OC0yOS44MiAzMC45ODgtNTIuMzk3UzE4LjMwMiA4Ni4yNDYtLjE2OCA3Ni4wNzR6Ii8+PC9zdmc+) no-repeat;
  background-size: 101%
}

.template.bubbles.ocn-red:not(.letter) .page:not(.first-page) .top-ornament {
  background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA3OTQgMTEyMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDF7ZmlsbDojZjlkZGMwfS5zdDJ7ZmlsbDojNjZjZGRkfTwvc3R5bGU+PHBhdGggZD0iTTY3Mi40ODggMGgtNDguODI0Yy4wNTkgMi4xMjQuMzI4IDQuMTk1Ljc4OCA2LjE5MyAzLjIwOSAxMy45MiAxNS42NzEgMjQuMzAzIDMwLjU2NyAyNC4zMDMgMi42NzIgMCA1LjI2NS0uMzM2IDcuNzQyLS45NjUgMTMuMzEtMy4zNzggMjMuMjE4LTE1LjI2NSAyMy42MTItMjkuNTMxaC0xMy44ODV6TTEyOS4yMzkgMTQuODk5YzExLjI4NCAwIDIxLjE3My01Ljk1OSAyNi43MDEtMTQuODk5aC01My40MDNjNS41MyA4Ljk0IDE1LjQxOCAxNC44OTkgMjYuNzAyIDE0Ljg5OXoiIGZpbGw9IiNkMWYyZjIiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNNDQyLjY4OCAzMS4wNTFjMTkuMDkxIDAgMzUuMDc2LTEzLjI0OSAzOS4yOTEtMzEuMDUxaC03OC41ODNjNC4yMTYgMTcuODAyIDIwLjIwMiAzMS4wNTEgMzkuMjkyIDMxLjA1MXoiLz48Y2lyY2xlIGNsYXNzPSJzdDIiIGN4PSI1NDkuMDI5IiBjeT0iMTA4Ny41NyIgcj0iMTAuODcyIi8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTY3NC4yNTggMTEyMmMtNC4xMTctMTcuOTM4LTIwLjE2Ny0zMS4zMjItMzkuMzU0LTMxLjMyMnMtMzUuMjM3IDEzLjM4NC0zOS4zNTQgMzEuMzIyaDc4LjcwOHoiLz48cGF0aCBjbGFzcz0ic3QyIiBkPSJNMCA3My45OTJ2MTAxLjkyNWMxNy45NjUtOS44OTQgMzAuMTQtMjkuMDA0IDMwLjE0LTUwLjk2M1MxNy45NjUgODMuODg2IDAgNzMuOTkyeiIvPjwvc3ZnPg==) no-repeat;
  background-size: 101%
}

.template.bubbles.ocn-red:not(.letter) .page.first-page .top-ornament {
  background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA3OTQgMTEyMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDB7ZmlsbDojNjZjZGRkfS5zdDJ7ZmlsbDojZDFmMmYyfS5zdDN7ZmlsbDojZjlkZGMwfTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTc3NS45MzQgMGMtOS4wMyAyMS45OTctMjUuNTI2IDQwLjEzNi00Ni4zNCA1MS4yNjUuNDYyIDMuMTguNzEyIDYuNDMuNzEyIDkuNzM5IDAgMzEuNjM5LTIxLjg5NiA1OC4xNDktNTEuMzU2IDY1LjI0NSAyMy4zODEgMzkuMzc3IDY2LjA4NyA2NS45MjUgMTE1LjA1IDY2LjU3N1YwaC0xOC4wNjZ6Ii8+PHBhdGggZD0iTTYyNC40NTIgNi4xOTNBMzEuMzM4IDMxLjMzOCAwIDAgMSA2MjMuNjY0IDBoLTM2LjM5MWExMDEuOTU1IDEwMS45NTUgMCAwIDAgMTcuMzcxIDI4LjE2IDY3LjQxNiA2Ny40MTYgMCAwIDEgMTkuODA4LTIxLjk2N3ptMTA1LjE0MiA0NS4wNzJjMjAuODEzLTExLjEyOCAzNy4zMS0yOS4yNjggNDYuMzQtNTEuMjY1aC04NC43NTFjMjAuMjY0IDkuMzE4IDM1LjA5IDI4LjQyIDM4LjQxMSA1MS4yNjV6IiBmaWxsPSIjZmNlY2RlIi8+PGNpcmNsZSB0cmFuc2Zvcm09InJvdGF0ZSgtNjcuNSA2MzYuMTUgMTQ0LjUxMikiIGNsYXNzPSJzdDIiIGN4PSI2MzYuMTY3IiBjeT0iMTQ0LjUxNiIgcj0iNy4xNyIvPjxwYXRoIGNsYXNzPSJzdDMiIGQ9Ik03MjkuNTk0IDUxLjI2NUM3MjYuMjczIDI4LjQyIDcxMS40NDcgOS4zMTggNjkxLjE4MiAwaC00LjgwOWMtLjM5NCAxNC4yNjYtMTAuMzAyIDI2LjE1My0yMy42MTMgMjkuNTMxLTIuNDc3LjYyOS01LjA3Ljk2NS03Ljc0Mi45NjUtMTQuODk1IDAtMjcuMzU3LTEwLjM4Mi0zMC41NjctMjQuMzAzYTY3LjQzNCA2Ny40MzQgMCAwIDAtMTkuODA4IDIxLjk2NiA2Ni43OTIgNjYuNzkyIDAgMCAwLTguNTg5IDMyLjg0NGMwIDM3LjA3MyAzMC4wNTMgNjcuMTI2IDY3LjEyNiA2Ny4xMjYgNS40MzQgMCAxMC43MS0uNjYyIDE1Ljc3LTEuODgxIDI5LjQ2MS03LjA5NiA1MS4zNTYtMzMuNjA2IDUxLjM1Ni02NS4yNDUgMC0zLjMwOC0uMjUtNi41NTgtLjcxMi05LjczOHoiLz48Y2lyY2xlIGNsYXNzPSJzdDAiIGN4PSI1NTMuMzg4IiBjeT0iNDQuNDQzIiByPSIxNi41NjEiLz48Y2lyY2xlIGNsYXNzPSJzdDAiIGN4PSI2NjUuOTgyIiBjeT0iMTkyLjg0OSIgcj0iMTguMzk2Ii8+PHBhdGggY2xhc3M9InN0MiIgZD0iTTY3Mi40ODggMGgtNDguODI0Yy4wNTkgMi4xMjQuMzI4IDQuMTk1Ljc4OCA2LjE5MyAzLjIwOSAxMy45MiAxNS42NzEgMjQuMzAzIDMwLjU2NyAyNC4zMDMgMi42NzIgMCA1LjI2NS0uMzM2IDcuNzQyLS45NjUgMTMuMzEtMy4zNzggMjMuMjE4LTE1LjI2NSAyMy42MTItMjkuNTMxaC0xMy44ODV6TTEyOS4yMzkgMTQuODk5YzExLjI4NCAwIDIxLjE3My01Ljk1OSAyNi43MDEtMTQuODk5aC01My40MDNjNS41MyA4Ljk0IDE1LjQxOCAxNC44OTkgMjYuNzAyIDE0Ljg5OXoiLz48cGF0aCBjbGFzcz0ic3QzIiBkPSJNNDQyLjY4OCAzMS4wNTFjMTkuMDkxIDAgMzUuMDc2LTEzLjI0OSAzOS4yOTEtMzEuMDUxaC03OC41ODNjNC4yMTYgMTcuODAyIDIwLjIwMiAzMS4wNTEgMzkuMjkyIDMxLjA1MXoiLz48Y2lyY2xlIGNsYXNzPSJzdDAiIGN4PSI1NDkuMDI5IiBjeT0iMTA4Ny41NyIgcj0iMTAuODcyIi8+PHBhdGggY2xhc3M9InN0MyIgZD0iTTY3NC4yNTggMTEyMmMtNC4xMTctMTcuOTM4LTIwLjE2Ny0zMS4zMjItMzkuMzU0LTMxLjMyMnMtMzUuMjM3IDEzLjM4NC0zOS4zNTQgMzEuMzIyaDc4LjcwOHoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMCA3My45OTJ2MTAxLjkyNWMxNy45NjUtOS44OTQgMzAuMTQtMjkuMDA0IDMwLjE0LTUwLjk2M1MxNy45NjUgODMuODg2IDAgNzMuOTkyeiIvPjwvc3ZnPg==) no-repeat;
  background-size: 101%
}

.template.bubbles.win-bro .headline .background-wrapper {
  background: #f9d2d2
}

.template.bubbles.win-bro .headline .background-wrapper:before {
  background: #c4b195
}

.template.bubbles.win-bro .headline .icon svg {
  fill: #000
}

.template.bubbles.win-bro .keyword .prefix {
  color: #c4b195
}

.template.bubbles.win-bro .graphs.type-two .graph .circle-gray {
  stroke: #f9d2d2
}

.template.bubbles.win-bro .graphs.type-two .graph .circle {
  stroke: #c4b195
}

.template.bubbles.win-bro .skill-description-wrapper:not(.text) .skill-description:after {
  background: #f9d2d2
}

.template.bubbles.win-bro .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.bubbles.win-bro .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.bubbles.win-bro .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.bubbles.win-bro .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.bubbles.win-bro .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #c4b195
}

.template.bubbles.win-bro.letter .page:not(.first-page) .top-ornament {
  background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA4MTYgMTA1NCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDF7ZmlsbDojYzRiMTk1fS5zdDJ7ZmlsbDojYWQ1YTVhfTwvc3R5bGU+PHBhdGggZD0iTTY5MS4xMjEgMGgtNTAuMTc3Yy4wNjEgMi4xODMuMzM3IDQuMzExLjgxIDYuMzY1IDMuMjk4IDE0LjMwNiAxNi4xMDUgMjQuOTc2IDMxLjQxNCAyNC45NzYgMi43NDYgMCA1LjQxMS0uMzQ1IDcuOTU3LS45OTJDNjk0LjgwNCAyNi44NzggNzA0Ljk4NiAxNC42NjEgNzA1LjM5MSAwaC0xNC4yN3pNMTMyLjgyIDE1LjMxMmMxMS41OTcgMCAyMS43Ni02LjEyNCAyNy40NDEtMTUuMzEyaC01NC44ODNjNS42ODMgOS4xODggMTUuODQ1IDE1LjMxMiAyNy40NDIgMTUuMzEyeiIgZmlsbD0iI2Y5ZDJkMiIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik00NTQuOTU0IDMxLjkxMWMxOS42MiAwIDM2LjA0OC0xMy42MTYgNDAuMzgtMzEuOTExaC04MC43NmM0LjMzMiAxOC4yOTUgMjAuNzYxIDMxLjkxMSA0MC4zOCAzMS45MTF6Ii8+PGNpcmNsZSBjbGFzcz0ic3QyIiBjeD0iNTY0LjI0MSIgY3k9IjEwMTguNjE2IiByPSIxMS4xNzMiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNNjkyLjk0IDEwNTRjLTQuMjMxLTE4LjQzNS0yMC43MjYtMzIuMTktNDAuNDQ0LTMyLjE5cy0zNi4yMTMgMTMuNzU1LTQwLjQ0NCAzMi4xOWg4MC44ODh6Ii8+PHBhdGggY2xhc3M9InN0MiIgZD0iTTAgNzYuMDQydjEwNC43NDljMTguNDYzLTEwLjE2OCAzMC45NzUtMjkuODA4IDMwLjk3NS01Mi4zNzVTMTguNDYzIDg2LjIxIDAgNzYuMDQyeiIvPjwvc3ZnPg==) no-repeat;
  background-size: 101%
}

.template.bubbles.win-bro.letter .page.first-page .top-ornament {
  background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA4MTYgMTA1NCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDB7ZmlsbDojYWQ1YTVhfS5zdDJ7ZmlsbDojZjlkMmQyfS5zdDN7ZmlsbDojYzRiMTk1fTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTc5Ny40MzQgMGMtOS4yOCAyMi42MDYtMjYuMjMzIDQxLjI0OC00Ny42MjQgNTIuNjg1LjQ3NSAzLjI2OC43MzIgNi42MDguNzMyIDEwLjAwOSAwIDMyLjUxNi0yMi41MDMgNTkuNzYtNTIuNzc5IDY3LjA1MyAyNC4wMjkgNDAuNDY4IDY3LjkxOCA2Ny43NTIgMTE4LjIzOCA2OC40MjJWMGgtMTguNTY3eiIvPjxwYXRoIGQ9Ik02NDEuNzU0IDYuMzY1YTMyLjIxOCAzMi4yMTggMCAwIDEtLjgxLTYuMzY1aC0zNy4zOTlhMTA0Ljc4MSAxMDQuNzgxIDAgMCAwIDE3Ljg1MiAyOC45NCA2OS4yODcgNjkuMjg3IDAgMCAxIDIwLjM1Ny0yMi41NzV6bTEwOC4wNTYgNDYuMzJDNzcxLjE5OSA0MS4yNDkgNzg4LjE1MyAyMi42MDYgNzk3LjQzNCAwaC04Ny4wOTljMjAuODI1IDkuNTc2IDM2LjA2MSAyOS4yMDcgMzkuNDc1IDUyLjY4NXoiIGZpbGw9IiNlMGNjYjEiLz48Y2lyY2xlIHRyYW5zZm9ybT0icm90YXRlKC02Ny41IDY1My43NzcgMTQ4LjUxNikiIGNsYXNzPSJzdDIiIGN4PSI2NTMuNzk0IiBjeT0iMTQ4LjUyIiByPSI3LjM2OSIvPjxwYXRoIGNsYXNzPSJzdDMiIGQ9Ik03NDkuODEgNTIuNjg1Qzc0Ni4zOTYgMjkuMjA3IDczMS4xNiA5LjU3NiA3MTAuMzMzIDBoLTQuOTQyYy0uNDA1IDE0LjY2MS0xMC41ODcgMjYuODc4LTI0LjI2NyAzMC4zNDlhMzIuMzEzIDMyLjMxMyAwIDAgMS03Ljk1Ny45OTJjLTE1LjMwOCAwLTI4LjExNS0xMC42Ny0zMS40MTQtMjQuOTc2YTY5LjI5OCA2OS4yOTggMCAwIDAtMjAuMzU3IDIyLjU3NSA2OC42NDUgNjguNjQ1IDAgMCAwLTguODI3IDMzLjc1NGMwIDM4LjEgMzAuODg2IDY4Ljk4NiA2OC45ODYgNjguOTg2IDUuNTg1IDAgMTEuMDA3LS42OCAxNi4yMDctMS45MzMgMzAuMjc3LTcuMjkzIDUyLjc3OS0zNC41MzcgNTIuNzc5LTY3LjA1MyAwLTMuNC0uMjU3LTYuNzQtLjczMS0xMC4wMDl6Ii8+PGNpcmNsZSBjbGFzcz0ic3QwIiBjeD0iNTY4LjcyMSIgY3k9IjQ1LjY3NCIgcj0iMTcuMDIiLz48Y2lyY2xlIGNsYXNzPSJzdDAiIGN4PSI2ODQuNDM1IiBjeT0iMTk4LjE5MiIgcj0iMTguOTA2Ii8+PHBhdGggY2xhc3M9InN0MiIgZD0iTTY5MS4xMjEgMGgtNTAuMTc3Yy4wNjEgMi4xODMuMzM3IDQuMzExLjgxIDYuMzY1IDMuMjk4IDE0LjMwNiAxNi4xMDUgMjQuOTc2IDMxLjQxNCAyNC45NzYgMi43NDYgMCA1LjQxMS0uMzQ1IDcuOTU3LS45OTJDNjk0LjgwNCAyNi44NzggNzA0Ljk4NiAxNC42NjEgNzA1LjM5MSAwaC0xNC4yN3pNMTMyLjgyIDE1LjMxMmMxMS41OTcgMCAyMS43Ni02LjEyNCAyNy40NDEtMTUuMzEyaC01NC44ODNjNS42ODMgOS4xODggMTUuODQ1IDE1LjMxMiAyNy40NDIgMTUuMzEyeiIvPjxwYXRoIGNsYXNzPSJzdDMiIGQ9Ik00NTQuOTU0IDMxLjkxMWMxOS42MiAwIDM2LjA0OC0xMy42MTYgNDAuMzgtMzEuOTExaC04MC43NmM0LjMzMiAxOC4yOTUgMjAuNzYxIDMxLjkxMSA0MC4zOCAzMS45MTF6Ii8+PGNpcmNsZSBjbGFzcz0ic3QwIiBjeD0iNTY0LjI0MSIgY3k9IjEwMTguNjE2IiByPSIxMS4xNzMiLz48cGF0aCBjbGFzcz0ic3QzIiBkPSJNNjkyLjk0IDEwNTRjLTQuMjMxLTE4LjQzNS0yMC43MjYtMzIuMTktNDAuNDQ0LTMyLjE5cy0zNi4yMTMgMTMuNzU1LTQwLjQ0NCAzMi4xOWg4MC44ODh6Ii8+PHBhdGggY2xhc3M9InN0MCIgZD0iTTAgNzYuMDQydjEwNC43NDljMTguNDYzLTEwLjE2OCAzMC45NzUtMjkuODA4IDMwLjk3NS01Mi4zNzVTMTguNDYzIDg2LjIxIDAgNzYuMDQyeiIvPjwvc3ZnPg==) no-repeat;
  background-size: 101%
}

.template.bubbles.win-bro:not(.letter) .page:not(.first-page) .top-ornament {
  background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA3OTQgMTEyMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDF7ZmlsbDojYzRiMTk1fS5zdDJ7ZmlsbDojYWQ1YTVhfTwvc3R5bGU+PHBhdGggZD0iTTY3Mi40ODggMGgtNDguODI0Yy4wNTkgMi4xMjQuMzI4IDQuMTk1Ljc4OCA2LjE5MyAzLjIwOSAxMy45MiAxNS42NzEgMjQuMzAzIDMwLjU2NyAyNC4zMDMgMi42NzIgMCA1LjI2NS0uMzM2IDcuNzQyLS45NjUgMTMuMzEtMy4zNzggMjMuMjE4LTE1LjI2NSAyMy42MTItMjkuNTMxaC0xMy44ODV6TTEyOS4yMzkgMTQuODk5YzExLjI4NCAwIDIxLjE3My01Ljk1OSAyNi43MDEtMTQuODk5aC01My40MDNjNS41MyA4Ljk0IDE1LjQxOCAxNC44OTkgMjYuNzAyIDE0Ljg5OXoiIGZpbGw9IiNmOWQyZDIiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNNDQyLjY4OCAzMS4wNTFjMTkuMDkxIDAgMzUuMDc2LTEzLjI0OSAzOS4yOTEtMzEuMDUxaC03OC41ODNjNC4yMTYgMTcuODAyIDIwLjIwMiAzMS4wNTEgMzkuMjkyIDMxLjA1MXoiLz48Y2lyY2xlIGNsYXNzPSJzdDIiIGN4PSI1NDkuMDI5IiBjeT0iMTA4Ny41NyIgcj0iMTAuODcyIi8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTY3NC4yNTggMTEyMmMtNC4xMTctMTcuOTM4LTIwLjE2Ny0zMS4zMjItMzkuMzU0LTMxLjMyMnMtMzUuMjM3IDEzLjM4NC0zOS4zNTQgMzEuMzIyaDc4LjcwOHoiLz48cGF0aCBjbGFzcz0ic3QyIiBkPSJNMCA3My45OTJ2MTAxLjkyNWMxNy45NjUtOS44OTQgMzAuMTQtMjkuMDA0IDMwLjE0LTUwLjk2M1MxNy45NjUgODMuODg2IDAgNzMuOTkyeiIvPjwvc3ZnPg==) no-repeat;
  background-size: 101%
}

.template.bubbles.win-bro:not(.letter) .page.first-page .top-ornament {
  background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA3OTQgMTEyMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDB7ZmlsbDojYWQ1YTVhfS5zdDJ7ZmlsbDojZjlkMmQyfS5zdDN7ZmlsbDojYzRiMTk1fTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTc3NS45MzQgMGMtOS4wMyAyMS45OTctMjUuNTI2IDQwLjEzNi00Ni4zNCA1MS4yNjUuNDYyIDMuMTguNzEyIDYuNDMuNzEyIDkuNzM5IDAgMzEuNjM5LTIxLjg5NiA1OC4xNDktNTEuMzU2IDY1LjI0NSAyMy4zODEgMzkuMzc3IDY2LjA4NyA2NS45MjUgMTE1LjA1IDY2LjU3N1YwaC0xOC4wNjZ6Ii8+PHBhdGggZD0iTTYyNC40NTIgNi4xOTNBMzEuMzM4IDMxLjMzOCAwIDAgMSA2MjMuNjY0IDBoLTM2LjM5MWExMDEuOTU1IDEwMS45NTUgMCAwIDAgMTcuMzcxIDI4LjE2IDY3LjQxNiA2Ny40MTYgMCAwIDEgMTkuODA4LTIxLjk2N3ptMTA1LjE0MiA0NS4wNzJjMjAuODEzLTExLjEyOCAzNy4zMS0yOS4yNjggNDYuMzQtNTEuMjY1aC04NC43NTFjMjAuMjY0IDkuMzE4IDM1LjA5IDI4LjQyIDM4LjQxMSA1MS4yNjV6IiBmaWxsPSIjZTBjY2IxIi8+PGNpcmNsZSB0cmFuc2Zvcm09InJvdGF0ZSgtNjcuNSA2MzYuMTQxIDE0NC41MjUpIiBjbGFzcz0ic3QyIiBjeD0iNjM2LjE1NyIgY3k9IjE0NC41MjkiIHI9IjcuMTciLz48cGF0aCBjbGFzcz0ic3QzIiBkPSJNNzI5LjU5NCA1MS4yNjVDNzI2LjI3MyAyOC40MiA3MTEuNDQ3IDkuMzE4IDY5MS4xODIgMGgtNC44MDljLS4zOTQgMTQuMjY2LTEwLjMwMiAyNi4xNTMtMjMuNjEzIDI5LjUzMS0yLjQ3Ny42MjktNS4wNy45NjUtNy43NDIuOTY1LTE0Ljg5NSAwLTI3LjM1Ny0xMC4zODItMzAuNTY3LTI0LjMwM2E2Ny40MzQgNjcuNDM0IDAgMCAwLTE5LjgwOCAyMS45NjYgNjYuNzkyIDY2Ljc5MiAwIDAgMC04LjU4OSAzMi44NDRjMCAzNy4wNzMgMzAuMDUzIDY3LjEyNiA2Ny4xMjYgNjcuMTI2IDUuNDM0IDAgMTAuNzEtLjY2MiAxNS43Ny0xLjg4MSAyOS40NjEtNy4wOTYgNTEuMzU2LTMzLjYwNiA1MS4zNTYtNjUuMjQ1IDAtMy4zMDgtLjI1LTYuNTU4LS43MTItOS43Mzh6Ii8+PGNpcmNsZSBjbGFzcz0ic3QwIiBjeD0iNTUzLjM4OCIgY3k9IjQ0LjQ0MyIgcj0iMTYuNTYxIi8+PGNpcmNsZSBjbGFzcz0ic3QwIiBjeD0iNjY1Ljk4MiIgY3k9IjE5Mi44NDkiIHI9IjE4LjM5NiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik02NzIuNDg4IDBoLTQ4LjgyNGMuMDU5IDIuMTI0LjMyOCA0LjE5NS43ODggNi4xOTMgMy4yMDkgMTMuOTIgMTUuNjcxIDI0LjMwMyAzMC41NjcgMjQuMzAzIDIuNjcyIDAgNS4yNjUtLjMzNiA3Ljc0Mi0uOTY1IDEzLjMxLTMuMzc4IDIzLjIxOC0xNS4yNjUgMjMuNjEyLTI5LjUzMWgtMTMuODg1ek0xMjkuMjM5IDE0Ljg5OWMxMS4yODQgMCAyMS4xNzMtNS45NTkgMjYuNzAxLTE0Ljg5OWgtNTMuNDAzYzUuNTMgOC45NCAxNS40MTggMTQuODk5IDI2LjcwMiAxNC44OTl6Ii8+PHBhdGggY2xhc3M9InN0MyIgZD0iTTQ0Mi42ODggMzEuMDUxYzE5LjA5MSAwIDM1LjA3Ni0xMy4yNDkgMzkuMjkxLTMxLjA1MWgtNzguNTgzYzQuMjE2IDE3LjgwMiAyMC4yMDIgMzEuMDUxIDM5LjI5MiAzMS4wNTF6Ii8+PGNpcmNsZSBjbGFzcz0ic3QwIiBjeD0iNTQ5LjAyOSIgY3k9IjEwODcuNTciIHI9IjEwLjg3MiIvPjxwYXRoIGNsYXNzPSJzdDMiIGQ9Ik02NzQuMjU4IDExMjJjLTQuMTE3LTE3LjkzOC0yMC4xNjctMzEuMzIyLTM5LjM1NC0zMS4zMjJzLTM1LjIzNyAxMy4zODQtMzkuMzU0IDMxLjMyMmg3OC43MDh6Ii8+PHBhdGggY2xhc3M9InN0MCIgZD0iTTAgNzMuOTkydjEwMS45MjVjMTcuOTY1LTkuODk0IDMwLjE0LTI5LjAwNCAzMC4xNC01MC45NjNTMTcuOTY1IDgzLjg4NiAwIDczLjk5MnoiLz48L3N2Zz4=) no-repeat;
  background-size: 101%
}

.template.compact.page-wrapper .outer-page.multi-page .page:after {
  color: #f7410f
}

.template.compact .page {
  background-color: #fff;
  padding-bottom: 39px;
  padding-top: 39px
}

.template.compact ol,.template.compact ul {
  margin-left: 16px
}

.template.compact .general-section,.template.compact .kickresume-section-wrapper {
  width: 100%
}

.template.compact .headline {
  color: #f7410f;
  text-transform: uppercase
}

.template.compact .date {
  text-align: left
}

.template.compact .general-section,.template.compact .general-section .name {
  padding-bottom: clamp(1rem, calc(var(--templates-lh-base)*2), 3.5rem);
  position: relative
}

.template.compact .general-section .name {
  color: #f7410f;
  font-size: 34px;
  line-height: 40px;
  text-align: center
}

.template.compact .general-section .name:before {
  background: #000;
  bottom: 10px;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%
}

.template.compact .general-section .name:after {
  background: #000;
  bottom: 6px;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%
}

.template.compact .general-section .general-info {
  padding-top: var(--templates-lh-base)
}

.template.compact .general-section .general-info .separator {
  background-color: #000;
  border-radius: 50%;
  display: inline-block;
  height: 8px;
  margin-left: 8px;
  margin-right: 8px;
  width: 8px
}

.template.compact .skill {
  display: inline-block;
  padding-right: 16px;
  width: 50%
}

.template.compact .skill-description-wrapper:not(.text) .skill-description {
  background: transparent;
  border: 1px solid #000;
  position: relative
}

.template.compact .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.compact .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.compact .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.compact .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.compact .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background: #000;
  display: block;
  height: 16px
}

.template.compact .graphs.type-two .graph,.template.compact .hobby,.template.compact .social-link {
  width: 25%
}

.template.compact .graphs.type-two .graph .graph-item .circle {
  stroke: #000
}

.template.compact .graphs.type-two .graph .graph-item .circle-gray {
  stroke: #000;
  stroke-width: 2px
}

.template.compact .keyword .text {
  position: relative
}

.template.compact .keyword .text:after {
  background: #000;
  bottom: -2px;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%
}

.template.compact.blu-whi.page-wrapper .outer-page.multi-page .page:after {
  color: #0462f6
}

.template.compact.blu-whi .page {
  background-color: #fff
}

.template.compact.blu-whi .general-section .name,.template.compact.blu-whi .headline {
  color: #0462f6
}

.template.compact.red-whi.page-wrapper .outer-page.multi-page .page:after {
  color: #f7410f
}

.template.compact.red-whi .page {
  background-color: #fff
}

.template.compact.red-whi .general-section .name,.template.compact.red-whi .headline {
  color: #f7410f
}

.template.compact.grn-whi.page-wrapper .outer-page.multi-page .page:after {
  color: #369188
}

.template.compact.grn-whi .page {
  background-color: #fff
}

.template.compact.grn-whi .general-section .name,.template.compact.grn-whi .headline {
  color: #369188
}

.template.compact.yel-whi.page-wrapper .outer-page.multi-page .page:after {
  color: #f7b94b
}

.template.compact.yel-whi .page {
  background-color: #fff
}

.template.compact.yel-whi .general-section .name,.template.compact.yel-whi .headline {
  color: #f7b94b
}

.template.compact.pin-whi.page-wrapper .outer-page.multi-page .page:after {
  color: #ef9a9a
}

.template.compact.pin-whi .page {
  background-color: #fff
}

.template.compact.pin-whi .general-section .name,.template.compact.pin-whi .headline {
  color: #ef9a9a
}

.template.compact.cya-whi.page-wrapper .outer-page.multi-page .page:after {
  color: #3dbfed
}

.template.compact.cya-whi .page {
  background-color: #fff
}

.template.compact.cya-whi .general-section .name,.template.compact.cya-whi .headline {
  color: #3dbfed
}

.template.compact.win-whi.page-wrapper .outer-page.multi-page .page:after {
  color: #961e27
}

.template.compact.win-whi .page {
  background-color: #fff
}

.template.compact.win-whi .general-section .name,.template.compact.win-whi .headline {
  color: #961e27
}

.template.compact.bro-whi.page-wrapper .outer-page.multi-page .page:after {
  color: #884f06
}

.template.compact.bro-whi .page {
  background-color: #fff
}

.template.compact.bro-whi .general-section .name,.template.compact.bro-whi .headline {
  color: #884f06
}

.template.compact.ste-whi.page-wrapper .outer-page.multi-page .page:after {
  color: #517484
}

.template.compact.ste-whi .page {
  background-color: #fff
}

.template.compact.ste-whi .general-section .name,.template.compact.ste-whi .headline {
  color: #517484
}

.template.compact.blu-pin.page-wrapper .outer-page.multi-page .page:after {
  color: #366af6
}

.template.compact.blu-pin .page {
  background-color: #fce6e6
}

.template.compact.blu-pin .general-section .name,.template.compact.blu-pin .headline {
  color: #366af6
}

.template.compact.grn-red.page-wrapper .outer-page.multi-page .page:after {
  color: #369188
}

.template.compact.grn-red .page {
  background-color: #f9ddc0
}

.template.compact.grn-red .general-section .name,.template.compact.grn-red .headline {
  color: #369188
}

.template.compact.red-cya.page-wrapper .outer-page.multi-page .page:after {
  color: #f7410f
}

.template.compact.red-cya .page {
  background-color: #e5f9f9
}

.template.compact.red-cya .general-section .name,.template.compact.red-cya .headline {
  color: #f7410f
}

.template.compact.gre-whi.page-wrapper .outer-page.multi-page .page:after {
  color: #a7a9ac
}

.template.compact.gre-whi .page {
  background-color: #fff
}

.template.compact.gre-whi .general-section .name,.template.compact.gre-whi .headline {
  color: #a7a9ac
}

.template.compact.bla-whi.page-wrapper .outer-page.multi-page .page:after {
  color: #000
}

.template.compact.bla-whi .page {
  background-color: #fff
}

.template.compact.bla-whi .general-section .name,.template.compact.bla-whi .headline {
  color: #000
}

.template.blurred.letter .general-section,.template.polygon.letter .general-section {
  padding-left: 75px;
  padding-right: 53px
}

.template.blurred .grid-50-50 .page,.template.polygon .grid-50-50 .page {
  padding-bottom: 42px;
  padding-top: 55px
}

.template.blurred .page,.template.polygon .page {
  position: relative
}

.template.blurred.page-wrapper.numbersShown .outer-page.multi-page .page:after,.template.polygon.page-wrapper.numbersShown .outer-page.multi-page .page:after {
  padding-right: 46px;
  text-align: right;
  top: 20px
}

.letter.template.blurred.page-wrapper.numbersShown .outer-page.multi-page .page:after,.letter.template.polygon.page-wrapper.numbersShown .outer-page.multi-page .page:after {
  padding-right: 53px
}

.template.blurred .left-column-render,.template.blurred .right-column-render,.template.polygon .left-column-render,.template.polygon .right-column-render {
  padding-top: clamp(1rem, calc(var(--templates-lh-base)*2), 3.5rem);
}

.template.blurred .name,.template.polygon .name {
  color: #000;
  font-size: 32px;
  line-height: 50px;
  padding-bottom: var(--templates-lh-base);
  padding-left: 30px
}

.template.blurred .custom-footer,.template.polygon .custom-footer {
  background-image: url(https://d1civoyjepycei.cloudfront.net/static/assets/bundle/media/blue_bottom.f5cd54c4.png);
  background-size: cover;
  bottom: 0;
  color: #000;
  min-height: 55px;
  position: absolute;
  text-align: center;
  width: 100%
}

.template.blurred .custom-footer a,.template.blurred .custom-footer span,.template.polygon .custom-footer a,.template.polygon .custom-footer span {
  display: inline-block;
  overflow: hidden;
  padding: 15px 10px 10px;
  text-align: center;
  text-overflow: ellipsis;
  vertical-align: top;
  width: 33.3333%;
  word-break: break-word
}

.template.blurred .page:not(.first-page) .bottom-ornament,.template.blurred .page:not(.first-page) .top-ornament,.template.polygon .page:not(.first-page) .bottom-ornament,.template.polygon .page:not(.first-page) .top-ornament {
  background-image: url(https://d1civoyjepycei.cloudfront.net/static/assets/bundle/media/blue_bottom.f5cd54c4.png);
  background-size: cover;
  display: block;
  height: 55px;
  left: 0;
  position: absolute;
  width: 100%
}

.template.blurred .page:not(.first-page) .top-ornament,.template.polygon .page:not(.first-page) .top-ornament {
  top: 0;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1)
}

.template.blurred .page:not(.first-page) .bottom-ornament,.template.polygon .page:not(.first-page) .bottom-ornament {
  bottom: 0
}

.template.blurred .general-section,.template.polygon .general-section {
  color: #000;
  display: flex;
  padding: 0 46px 46px 60px;
  position: relative;
  width: 100%
}

.template.blurred .general-section:before,.template.polygon .general-section:before {
  background-image: url(https://d1civoyjepycei.cloudfront.net/static/assets/bundle/media/blue_top.53243d02.png);
  background-size: cover;
  content: "";
  height: clamp(1rem, calc(100% + 55px), 3.5rem);
  left: 0;
  position: absolute;
  top: -55px;
  width: 100%;
  z-index: 0
}

.template.blurred .general-section .profile-text,.template.polygon .general-section .profile-text {
  padding-bottom: var(--templates-lh-base)
}

.template.blurred .general-section .general-wrapper,.template.polygon .general-section .general-wrapper {
  flex-grow: 1;
  padding-left: 16px;
  z-index: 1
}

.template.blurred .general-section .avatar,.template.polygon .general-section .avatar {
  z-index: 1
}

.template.blurred .general-section.no-avatar .general-wrapper,.template.blurred .general-section.no-avatar .name,.template.blurred .general-section.no-avatar .profile-text,.template.polygon .general-section.no-avatar .general-wrapper,.template.polygon .general-section.no-avatar .name,.template.polygon .general-section.no-avatar .profile-text {
  padding-left: 0;
  text-align: center
}

.template.blurred .avatar .thumbnail,.template.polygon .avatar .thumbnail {
  background: transparent
}

.template.blurred .avatar .thumbnail img,.template.polygon .avatar .thumbnail img {
  border-radius: 50%
}

.template.blurred .experience-item .date,.template.blurred .skill-category-name,.template.polygon .experience-item .date,.template.polygon .skill-category-name {
  color: grey
}

.template.blurred .experience-item .date.with-ball>span:before,.template.blurred .skill-category-name.with-ball>span:before,.template.polygon .experience-item .date.with-ball>span:before,.template.polygon .skill-category-name.with-ball>span:before {
  background: grey
}

.template.blurred .csspie:first-of-type:after,.template.blurred .csspie:first-of-type:before,.template.polygon .csspie:first-of-type:after,.template.polygon .csspie:first-of-type:before {
  background-color: #8ae2f9
}

.template.blurred .csspie:nth-of-type(2):after,.template.blurred .csspie:nth-of-type(2):before,.template.polygon .csspie:nth-of-type(2):after,.template.polygon .csspie:nth-of-type(2):before {
  background-color: #fff
}

.template.blurred .value-wrapper,.template.polygon .value-wrapper {
  color: #000
}

.template.blurred .graph,.template.blurred .hobbies.type-two .hobby,.template.blurred .social-link,.template.polygon .graph,.template.polygon .hobbies.type-two .hobby,.template.polygon .social-link {
  width: 50%
}

.template.blurred .skill,.template.polygon .skill {
  width: 100%
}

.template.blurred .skill-description-wrapper:not(.text),.template.polygon .skill-description-wrapper:not(.text) {
  align-items: center;
  display: flex
}

.template.blurred .skill-description-wrapper:not(.text) .skill-description,.template.polygon .skill-description-wrapper:not(.text) .skill-description {
  align-items: center;
  background: #000;
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
  display: flex;
  height: 1px;
  position: relative;
  width: 100%
}

.template.blurred .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.blurred .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.blurred .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.blurred .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.blurred .skill-description-wrapper:not(.text) .skill-description .progress-level-5,.template.polygon .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.polygon .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.polygon .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.polygon .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.polygon .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #8ae2f9;
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
  height: 3px;
  position: absolute
}

.template.blurred .skill-description-wrapper:not(.text) .skill-description .progress-level-1:after,.template.blurred .skill-description-wrapper:not(.text) .skill-description .progress-level-2:after,.template.blurred .skill-description-wrapper:not(.text) .skill-description .progress-level-3:after,.template.blurred .skill-description-wrapper:not(.text) .skill-description .progress-level-4:after,.template.blurred .skill-description-wrapper:not(.text) .skill-description .progress-level-5:after,.template.polygon .skill-description-wrapper:not(.text) .skill-description .progress-level-1:after,.template.polygon .skill-description-wrapper:not(.text) .skill-description .progress-level-2:after,.template.polygon .skill-description-wrapper:not(.text) .skill-description .progress-level-3:after,.template.polygon .skill-description-wrapper:not(.text) .skill-description .progress-level-4:after,.template.polygon .skill-description-wrapper:not(.text) .skill-description .progress-level-5:after {
  background: #000;
  border-radius: 50%;
  content: "";
  height: 10px;
  position: absolute;
  right: 0;
  top: -4px;
  width: 10px
}

.template.blurred .keyword .prefix,.template.polygon .keyword .prefix {
  color: #000
}

.template.blurred.template.polygon .general-section,.template.polygon.template.polygon .general-section {
  background-size: 100%
}

.template.blurred.template.polygon .csspie:first-of-type:after,.template.blurred.template.polygon .csspie:first-of-type:before,.template.polygon.template.polygon .csspie:first-of-type:after,.template.polygon.template.polygon .csspie:first-of-type:before {
  background-color: #c7ecc7
}

.template.blurred.template.polygon .csspie:nth-of-type(2):after,.template.blurred.template.polygon .csspie:nth-of-type(2):before,.template.polygon.template.polygon .csspie:nth-of-type(2):after,.template.polygon.template.polygon .csspie:nth-of-type(2):before {
  background-color: #fff
}

.template.blurred.template.polygon .value-wrapper,.template.polygon.template.polygon .value-wrapper {
  color: #000
}

.template.blurred.template.polygon .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.blurred.template.polygon .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.blurred.template.polygon .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.blurred.template.polygon .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.blurred.template.polygon .skill-description-wrapper:not(.text) .skill-description .progress-level-5,.template.polygon.template.polygon .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.polygon.template.polygon .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.polygon.template.polygon .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.polygon.template.polygon .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.polygon.template.polygon .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #c7ecc7
}

.template.blurred.template.polygon .custom-footer,.template.blurred.template.polygon .page:not(.first-page) .bottom-ornament,.template.blurred.template.polygon .page:not(.first-page) .top-ornament,.template.polygon.template.polygon .custom-footer,.template.polygon.template.polygon .page:not(.first-page) .bottom-ornament,.template.polygon.template.polygon .page:not(.first-page) .top-ornament {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA3OTQgODAiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZT4uc3Qwe2ZpbGw6I2MxZThjMX0uc3Qxe2ZpbGw6I2QxZWRkMX0uc3Qye2ZpbGw6I2M3ZWNjN30uc3Qze2ZpbGw6I2JhZTJiYX08L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0wIDBoNzk0djgwSDB6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTI1My45ODggNzEuOTQ0IDEwMC41NjYgMTMuODY5IDEzMy40MjYgODBoMTI1LjEzMnoiLz48cGF0aCBjbGFzcz0ic3QyIiBkPSJNMzE4LjEzMSAxOS4wNjkgMzQ1LjU5MyA4MGgxMTEuOTAzbDMwLjUyNi0yNi4yNTl6Ii8+PHBhdGggY2xhc3M9InN0MyIgZD0ibTQ4MC43MSA4MCA3LjMxMi0yNi4yNTlMNDU3LjQ5NiA4MHoiLz48cGF0aCBjbGFzcz0ic3QzIiBkPSJtNDkzLjU3NCA4MC01LjU1Mi0yNi4yNTlMNDgwLjcxIDgweiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Im0zMTguMTMxIDE5LjA2OS02NC4xNDMgNTIuODc1IDQuNTcgOC4wNTZoODcuMDM1eiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik03NTYuMDE4IDgwIDcyOC45OTEgMCA2MjYuNjI1IDgweiIvPjxwYXRoIGNsYXNzPSJzdDMiIGQ9Im03MjguOTkxIDAgMjcuMDI3IDgwSDc5NFYwem0tNDEwLjg2IDE5LjA2OUwxNDUuMjM5IDBsMTA4Ljc0OSA3MS45NDR6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTQ0Ni43MTYgMEgxNDUuMjM5bDE3Mi44OTIgMTkuMDY5IDE2OS44OTEgMzQuNjcyeiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik03MjguOTkxIDBINDQ2LjcxNmw0MS4zMDYgNTMuNzQxeiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02MjIuNzA2IDgwaDMuOTE5TDcyOC45OTEgMCA0ODguMDIyIDUzLjc0MXoiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNNjIyLjcwNiA4MCA0ODguMDIyIDUzLjc0MSA0OTMuNTc0IDgweiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNDUuMjM5IDBIMGw1OC4wOTMgMjguNjA0TDQyLjIwNSA4MGg5MS4yMjFsLTMyLjg2LTY2LjEzMXoiLz48cGF0aCBjbGFzcz0ic3QzIiBkPSJNMjUzLjk4OCA3MS45NDQgMTQ1LjIzOSAwbC00NC42NzMgMTMuODY5ek01OC4wOTMgMjguNjA0IDAgMHY4MGg0Mi4yMDV6Ii8+PC9zdmc+)
}

.template.blurred.template.polygon .general-section:before,.template.polygon.template.polygon .general-section:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA3OTQgNDQ5LjIzMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDB7ZmlsbDojYzFlOGMxfS5zdDF7ZmlsbDojZDFlZGQxfS5zdDJ7ZmlsbDojYmFlMmJhfS5zdDN7ZmlsbDojYzdlY2M3fTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTAgLjExNmg3OTR2NDQ5SDB6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTI1My45ODggNzEuOTQ0IDEwMC41NjYgMTMuODY5bDY5LjM0NCAxMzkuNTUzIDExNy4wMTYtMjMuNDAzeiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yODYuOTI2IDEzMC4wMTkgMTY5LjkxIDE1My40MjJsODEuNDc4IDU4Ljk0MnoiLz48cGF0aCBjbGFzcz0ic3QyIiBkPSJtMTY5LjkxIDE1My40MjIgMTM2LjAwOSAyMjMuOTA1LTU0LjUzMS0xNjQuOTYzeiIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0zOTkuNDI2IDI3Ni41MDcgMzY0Ljc1IDMwNi43M2wxNDUuMDk0IDgzLjY3MSAxMjMuMzY2LTE1Ni44eiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Im0zOTkuNDI2IDI3Ni41MDcgMjMzLjc4NC00Mi45MDYtMTEzLjExNi0yOC4xNzF6Ii8+PHBhdGggY2xhc3M9InN0MyIgZD0ibTMxOC4xMzEgMTkuMDY5IDI3LjczNyA2MS41NDMgNjEuNTQyIDQyLjQ3MyA4MC42MTItNjkuMzQ0em0tNjYuNzQzIDE5My4yOTUgNTQuNTMxIDE2NC45NjMgNTguODMxLTcwLjU5NyAzNC42NzYtMzAuMjIzeiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Im0zOTkuNDI2IDI3Ni41MDcgMTIwLjY2OC03MS4wNzctNzAuMjEtMTQuNzM2em0tMjkzLjUzMS04Ljk5NyAyMDAuMDI0IDEwOS44MTdMMTY5LjkxIDE1My40MjJ6Ii8+PHBhdGggY2xhc3M9InN0MiIgZD0ibTExNS4wNDcgNDA3LjM5NiAxOTAuODcyLTMwLjA2OUwxMDUuODk1IDI2Ny41MXoiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJtNDA3LjQxIDEyMy4wODUtNjEuNTQyLTQyLjQ3MyAyNi43NzYgMTU3Ljc1NiA3Ny4yNC00Ny42NzR6Ii8+PHBhdGggY2xhc3M9InN0MiIgZD0ibTYzMy4yMSAyMzMuNjAxIDcuMzY4LTgwLjE3OS0xMjAuNDg0IDUyLjAwOHpNMjg2LjkyNiAxMzAuMDE5bC0zNS41MzggODIuMzQ1IDEyMS4yNTYgMjYuMDA0em0yMDEuMDk2LTc2LjI3OC04MC42MTIgNjkuMzQ0IDQyLjQ3NCA2Ny42MDkgNzAuMjEgMTQuNzM2eiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Im0zNzIuNjQ0IDIzOC4zNjggMjYuNzgyIDM4LjEzOSA1MC40NTgtODUuODEzeiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Im0yNTEuMzg4IDIxMi4zNjQgMTQ4LjAzOCA2NC4xNDMtMjYuNzgyLTM4LjEzOXoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJtMzQ1Ljg2OCA4MC42MTItMjcuNzM3LTYxLjU0My02NC4xNDMgNTIuODc1IDMyLjkzOCA1OC4wNzUgODUuNzE4IDEwOC4zNDl6Ii8+PHBhdGggY2xhc3M9InN0MiIgZD0ibTMwNS45MTkgMzc3LjMyNyAxMDkuNzcyIDcxLjkwNUwzNjQuNzUgMzA2Ljczek0wIDIxNi41MjR2MjMyLjcwOGwxMTUuMDQ3LTQxLjgzNnoiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNNDE1LjY5MSA0NDkuMjMySDc5NGwtMjg0LjE1Ni01OC44MzF6Ii8+PHBhdGggY2xhc3M9InN0MyIgZD0ibTExNS4wNDcgNDA3LjM5NiAzMDAuNjQ0IDQxLjgzNi0xMDkuNzcyLTcxLjkwNXoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMCA0NDkuMjMyaDQxNS42OTFsLTMwMC42NDQtNDEuODM2eiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik01MDkuODQ0IDM5MC40MDEgNzk0IDQ0OS4yMzIgNjMzLjIxIDIzMy42MDF6Ii8+PHBhdGggY2xhc3M9InN0MyIgZD0ibTM2NC43NSAzMDYuNzMgNTAuOTQxIDE0Mi41MDIgOTQuMTUzLTU4LjgzMXoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNNzk0IDQ0OS4yMzJWMTkyLjQyOGwtMTYwLjc5IDQxLjE3M3oiLz48cGF0aCBjbGFzcz0ic3QzIiBkPSJNNjI1Ljg0MiA4MC42MTIgNzk0IDE5Mi40MjggNzI4Ljk5MSAweiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik03OTQgMTkyLjQyOFYwaC02NS4wMDl6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTYzMy4yMSAyMzMuNjAxIDc5NCAxOTIuNDI4bC0xNTMuNDIyLTM5LjAwNnptNy4zNjgtODAuMTc5LTE0LjczNi03Mi44MUw1MjAuMDk0IDIwNS40M3oiLz48cGF0aCBjbGFzcz0ic3QyIiBkPSJNNjQwLjU3OCAxNTMuNDIyIDc5NCAxOTIuNDI4IDYyNS44NDIgODAuNjEyek0zMTguMTMxIDE5LjA2OSAxNDUuMjM5IDBsMTA4Ljc0OSA3MS45NDR6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTQ0Ni43MTYgMEgxNDUuMjM5bDE3Mi44OTIgMTkuMDY5IDE2OS44OTEgMzQuNjcyeiIvPjxwYXRoIGNsYXNzPSJzdDMiIGQ9Ik03MjguOTkxIDBINDQ2LjcxNmw0MS4zMDYgNTMuNzQxeiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02MjUuODQyIDgwLjYxMiA3MjguOTkxIDAgNDg4LjAyMiA1My43NDF6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTUyMC4wOTQgMjA1LjQzIDYyNS44NDIgODAuNjEybC0xMzcuODItMjYuODcxeiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNjkuOTEgMTUzLjQyMiAxMDAuNTY2IDEzLjg2OSAxNDUuMjM5IDBIMGw1OC4wOTMgMjguNjA0TDAgMjE2LjUyNHoiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTY5LjkxIDE1My40MjIgMCAyMTYuNTI0bDEwNS44OTUgNTAuOTg2eiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0yNTMuOTg4IDcxLjk0NCAxNDUuMjM5IDBsLTQ0LjY3MyAxMy44Njl6Ii8+PHBhdGggY2xhc3M9InN0MyIgZD0iTTEwNS44OTUgMjY3LjUxIDAgMjE2LjUyNGwxMTUuMDQ3IDE5MC44NzJ6Ii8+PHBhdGggY2xhc3M9InN0MiIgZD0iTTAgMHYyMTYuNTI0bDU4LjA5My0xODcuOTJ6Ii8+PC9zdmc+)
}

.template.blurred.template.polygon.grn .csspie:first-of-type:after,.template.blurred.template.polygon.grn .csspie:first-of-type:before,.template.polygon.template.polygon.grn .csspie:first-of-type:after,.template.polygon.template.polygon.grn .csspie:first-of-type:before {
  background-color: #c7ecc7
}

.template.blurred.template.polygon.grn .csspie:nth-of-type(2):after,.template.blurred.template.polygon.grn .csspie:nth-of-type(2):before,.template.polygon.template.polygon.grn .csspie:nth-of-type(2):after,.template.polygon.template.polygon.grn .csspie:nth-of-type(2):before {
  background-color: #fff
}

.template.blurred.template.polygon.grn .value-wrapper,.template.polygon.template.polygon.grn .value-wrapper {
  color: #000
}

.template.blurred.template.polygon.grn .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.blurred.template.polygon.grn .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.blurred.template.polygon.grn .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.blurred.template.polygon.grn .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.blurred.template.polygon.grn .skill-description-wrapper:not(.text) .skill-description .progress-level-5,.template.polygon.template.polygon.grn .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.polygon.template.polygon.grn .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.polygon.template.polygon.grn .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.polygon.template.polygon.grn .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.polygon.template.polygon.grn .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #c7ecc7
}

.template.blurred.template.polygon.grn .custom-footer,.template.blurred.template.polygon.grn .page:not(.first-page) .bottom-ornament,.template.blurred.template.polygon.grn .page:not(.first-page) .top-ornament,.template.polygon.template.polygon.grn .custom-footer,.template.polygon.template.polygon.grn .page:not(.first-page) .bottom-ornament,.template.polygon.template.polygon.grn .page:not(.first-page) .top-ornament {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA3OTQgODAiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZT4uc3Qwe2ZpbGw6I2MxZThjMX0uc3Qxe2ZpbGw6I2QxZWRkMX0uc3Qye2ZpbGw6I2M3ZWNjN30uc3Qze2ZpbGw6I2JhZTJiYX08L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0wIDBoNzk0djgwSDB6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTI1My45ODggNzEuOTQ0IDEwMC41NjYgMTMuODY5IDEzMy40MjYgODBoMTI1LjEzMnoiLz48cGF0aCBjbGFzcz0ic3QyIiBkPSJNMzE4LjEzMSAxOS4wNjkgMzQ1LjU5MyA4MGgxMTEuOTAzbDMwLjUyNi0yNi4yNTl6Ii8+PHBhdGggY2xhc3M9InN0MyIgZD0ibTQ4MC43MSA4MCA3LjMxMi0yNi4yNTlMNDU3LjQ5NiA4MHoiLz48cGF0aCBjbGFzcz0ic3QzIiBkPSJtNDkzLjU3NCA4MC01LjU1Mi0yNi4yNTlMNDgwLjcxIDgweiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Im0zMTguMTMxIDE5LjA2OS02NC4xNDMgNTIuODc1IDQuNTcgOC4wNTZoODcuMDM1eiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik03NTYuMDE4IDgwIDcyOC45OTEgMCA2MjYuNjI1IDgweiIvPjxwYXRoIGNsYXNzPSJzdDMiIGQ9Im03MjguOTkxIDAgMjcuMDI3IDgwSDc5NFYwem0tNDEwLjg2IDE5LjA2OUwxNDUuMjM5IDBsMTA4Ljc0OSA3MS45NDR6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTQ0Ni43MTYgMEgxNDUuMjM5bDE3Mi44OTIgMTkuMDY5IDE2OS44OTEgMzQuNjcyeiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik03MjguOTkxIDBINDQ2LjcxNmw0MS4zMDYgNTMuNzQxeiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02MjIuNzA2IDgwaDMuOTE5TDcyOC45OTEgMCA0ODguMDIyIDUzLjc0MXoiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNNjIyLjcwNiA4MCA0ODguMDIyIDUzLjc0MSA0OTMuNTc0IDgweiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNDUuMjM5IDBIMGw1OC4wOTMgMjguNjA0TDQyLjIwNSA4MGg5MS4yMjFsLTMyLjg2LTY2LjEzMXoiLz48cGF0aCBjbGFzcz0ic3QzIiBkPSJNMjUzLjk4OCA3MS45NDQgMTQ1LjIzOSAwbC00NC42NzMgMTMuODY5ek01OC4wOTMgMjguNjA0IDAgMHY4MGg0Mi4yMDV6Ii8+PC9zdmc+)
}

.template.blurred.template.polygon.grn .general-section:before,.template.polygon.template.polygon.grn .general-section:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA3OTQgNDQ5LjIzMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDB7ZmlsbDojYzFlOGMxfS5zdDF7ZmlsbDojZDFlZGQxfS5zdDJ7ZmlsbDojYmFlMmJhfS5zdDN7ZmlsbDojYzdlY2M3fTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTAgLjExNmg3OTR2NDQ5SDB6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTI1My45ODggNzEuOTQ0IDEwMC41NjYgMTMuODY5bDY5LjM0NCAxMzkuNTUzIDExNy4wMTYtMjMuNDAzeiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yODYuOTI2IDEzMC4wMTkgMTY5LjkxIDE1My40MjJsODEuNDc4IDU4Ljk0MnoiLz48cGF0aCBjbGFzcz0ic3QyIiBkPSJtMTY5LjkxIDE1My40MjIgMTM2LjAwOSAyMjMuOTA1LTU0LjUzMS0xNjQuOTYzeiIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0zOTkuNDI2IDI3Ni41MDcgMzY0Ljc1IDMwNi43M2wxNDUuMDk0IDgzLjY3MSAxMjMuMzY2LTE1Ni44eiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Im0zOTkuNDI2IDI3Ni41MDcgMjMzLjc4NC00Mi45MDYtMTEzLjExNi0yOC4xNzF6Ii8+PHBhdGggY2xhc3M9InN0MyIgZD0ibTMxOC4xMzEgMTkuMDY5IDI3LjczNyA2MS41NDMgNjEuNTQyIDQyLjQ3MyA4MC42MTItNjkuMzQ0em0tNjYuNzQzIDE5My4yOTUgNTQuNTMxIDE2NC45NjMgNTguODMxLTcwLjU5NyAzNC42NzYtMzAuMjIzeiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Im0zOTkuNDI2IDI3Ni41MDcgMTIwLjY2OC03MS4wNzctNzAuMjEtMTQuNzM2em0tMjkzLjUzMS04Ljk5NyAyMDAuMDI0IDEwOS44MTdMMTY5LjkxIDE1My40MjJ6Ii8+PHBhdGggY2xhc3M9InN0MiIgZD0ibTExNS4wNDcgNDA3LjM5NiAxOTAuODcyLTMwLjA2OUwxMDUuODk1IDI2Ny41MXoiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJtNDA3LjQxIDEyMy4wODUtNjEuNTQyLTQyLjQ3MyAyNi43NzYgMTU3Ljc1NiA3Ny4yNC00Ny42NzR6Ii8+PHBhdGggY2xhc3M9InN0MiIgZD0ibTYzMy4yMSAyMzMuNjAxIDcuMzY4LTgwLjE3OS0xMjAuNDg0IDUyLjAwOHpNMjg2LjkyNiAxMzAuMDE5bC0zNS41MzggODIuMzQ1IDEyMS4yNTYgMjYuMDA0em0yMDEuMDk2LTc2LjI3OC04MC42MTIgNjkuMzQ0IDQyLjQ3NCA2Ny42MDkgNzAuMjEgMTQuNzM2eiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Im0zNzIuNjQ0IDIzOC4zNjggMjYuNzgyIDM4LjEzOSA1MC40NTgtODUuODEzeiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Im0yNTEuMzg4IDIxMi4zNjQgMTQ4LjAzOCA2NC4xNDMtMjYuNzgyLTM4LjEzOXoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJtMzQ1Ljg2OCA4MC42MTItMjcuNzM3LTYxLjU0My02NC4xNDMgNTIuODc1IDMyLjkzOCA1OC4wNzUgODUuNzE4IDEwOC4zNDl6Ii8+PHBhdGggY2xhc3M9InN0MiIgZD0ibTMwNS45MTkgMzc3LjMyNyAxMDkuNzcyIDcxLjkwNUwzNjQuNzUgMzA2Ljczek0wIDIxNi41MjR2MjMyLjcwOGwxMTUuMDQ3LTQxLjgzNnoiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNNDE1LjY5MSA0NDkuMjMySDc5NGwtMjg0LjE1Ni01OC44MzF6Ii8+PHBhdGggY2xhc3M9InN0MyIgZD0ibTExNS4wNDcgNDA3LjM5NiAzMDAuNjQ0IDQxLjgzNi0xMDkuNzcyLTcxLjkwNXoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMCA0NDkuMjMyaDQxNS42OTFsLTMwMC42NDQtNDEuODM2eiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik01MDkuODQ0IDM5MC40MDEgNzk0IDQ0OS4yMzIgNjMzLjIxIDIzMy42MDF6Ii8+PHBhdGggY2xhc3M9InN0MyIgZD0ibTM2NC43NSAzMDYuNzMgNTAuOTQxIDE0Mi41MDIgOTQuMTUzLTU4LjgzMXoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNNzk0IDQ0OS4yMzJWMTkyLjQyOGwtMTYwLjc5IDQxLjE3M3oiLz48cGF0aCBjbGFzcz0ic3QzIiBkPSJNNjI1Ljg0MiA4MC42MTIgNzk0IDE5Mi40MjggNzI4Ljk5MSAweiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik03OTQgMTkyLjQyOFYwaC02NS4wMDl6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTYzMy4yMSAyMzMuNjAxIDc5NCAxOTIuNDI4bC0xNTMuNDIyLTM5LjAwNnptNy4zNjgtODAuMTc5LTE0LjczNi03Mi44MUw1MjAuMDk0IDIwNS40M3oiLz48cGF0aCBjbGFzcz0ic3QyIiBkPSJNNjQwLjU3OCAxNTMuNDIyIDc5NCAxOTIuNDI4IDYyNS44NDIgODAuNjEyek0zMTguMTMxIDE5LjA2OSAxNDUuMjM5IDBsMTA4Ljc0OSA3MS45NDR6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTQ0Ni43MTYgMEgxNDUuMjM5bDE3Mi44OTIgMTkuMDY5IDE2OS44OTEgMzQuNjcyeiIvPjxwYXRoIGNsYXNzPSJzdDMiIGQ9Ik03MjguOTkxIDBINDQ2LjcxNmw0MS4zMDYgNTMuNzQxeiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02MjUuODQyIDgwLjYxMiA3MjguOTkxIDAgNDg4LjAyMiA1My43NDF6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTUyMC4wOTQgMjA1LjQzIDYyNS44NDIgODAuNjEybC0xMzcuODItMjYuODcxeiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNjkuOTEgMTUzLjQyMiAxMDAuNTY2IDEzLjg2OSAxNDUuMjM5IDBIMGw1OC4wOTMgMjguNjA0TDAgMjE2LjUyNHoiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTY5LjkxIDE1My40MjIgMCAyMTYuNTI0bDEwNS44OTUgNTAuOTg2eiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0yNTMuOTg4IDcxLjk0NCAxNDUuMjM5IDBsLTQ0LjY3MyAxMy44Njl6Ii8+PHBhdGggY2xhc3M9InN0MyIgZD0iTTEwNS44OTUgMjY3LjUxIDAgMjE2LjUyNGwxMTUuMDQ3IDE5MC44NzJ6Ii8+PHBhdGggY2xhc3M9InN0MiIgZD0iTTAgMHYyMTYuNTI0bDU4LjA5My0xODcuOTJ6Ii8+PC9zdmc+)
}

.template.blurred.template.polygon.cam .csspie:first-of-type:after,.template.blurred.template.polygon.cam .csspie:first-of-type:before,.template.polygon.template.polygon.cam .csspie:first-of-type:after,.template.polygon.template.polygon.cam .csspie:first-of-type:before {
  background-color: #d3bfaf
}

.template.blurred.template.polygon.cam .csspie:nth-of-type(2):after,.template.blurred.template.polygon.cam .csspie:nth-of-type(2):before,.template.polygon.template.polygon.cam .csspie:nth-of-type(2):after,.template.polygon.template.polygon.cam .csspie:nth-of-type(2):before {
  background-color: #fff
}

.template.blurred.template.polygon.cam .value-wrapper,.template.polygon.template.polygon.cam .value-wrapper {
  color: #000
}

.template.blurred.template.polygon.cam .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.blurred.template.polygon.cam .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.blurred.template.polygon.cam .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.blurred.template.polygon.cam .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.blurred.template.polygon.cam .skill-description-wrapper:not(.text) .skill-description .progress-level-5,.template.polygon.template.polygon.cam .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.polygon.template.polygon.cam .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.polygon.template.polygon.cam .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.polygon.template.polygon.cam .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.polygon.template.polygon.cam .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #d3bfaf
}

.template.blurred.template.polygon.cam .custom-footer,.template.blurred.template.polygon.cam .page:not(.first-page) .bottom-ornament,.template.blurred.template.polygon.cam .page:not(.first-page) .top-ornament,.template.polygon.template.polygon.cam .custom-footer,.template.polygon.template.polygon.cam .page:not(.first-page) .bottom-ornament,.template.polygon.template.polygon.cam .page:not(.first-page) .top-ornament {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA3OTQgODAiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZT4uc3Qwe2ZpbGw6I2UwYzliM30uc3Qxe2ZpbGw6I2Y5ZTJjNX0uc3Qye2ZpbGw6I2QzYmZhZn0uc3Qze2ZpbGw6I2VkZDZiY308L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0wIDBoNzk0djgwSDB6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0ibTQ1Ny40OTYgODAgMzAuNTI2LTI2LjI1OUwzNDkuMTA0IDgweiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik00ODguMDIyIDUzLjc0MSA0NTcuNDk2IDgwaDM2LjA3OHoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJtMzM5LjM4NiA4MC04NS4zOTgtOC4wNTYgNC41NyA4LjA1NnoiLz48cGF0aCBjbGFzcz0ic3QzIiBkPSJNNzU2LjAxOCA4MCA3MjguOTkxIDAgNjI2LjYyNSA4MHoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJtNzI4Ljk5MSAwIDI3LjAyNyA4MEg3OTRWMHoiLz48cGF0aCBjbGFzcz0ic3QzIiBkPSJNMzE4LjEzMSAxOS4wNjkgMTQ1LjIzOSAwbDEwOC43NDkgNzEuOTQ0TDMzOS4zODYgODBoOS43MThsMTM4LjkxOC0yNi4yNTl6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTQ0Ni43MTYgMEgxNDUuMjM5bDE3Mi44OTIgMTkuMDY5eiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik00NDYuNzE2IDAgMzE4LjEzMSAxOS4wNjlsMTY5Ljg5MSAzNC42NzJMNzI4Ljk5MSAweiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00ODguMDIyIDUzLjc0MSA0OTMuNTc0IDgwaDEzMy4wNTFMNzI4Ljk5MSAweiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik00Mi4yMDUgODBoNjEuOTNMNTguMDkzIDI4LjYwNHoiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNMjUzLjk4OCA3MS45NDQgMTQ1LjIzOSAwbC00NC42NzMgMTMuODY5LTQyLjQ3MyAxNC43MzVMMTA0LjEzNSA4MGgxNTQuNDIzeiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0wIDB2ODBoNDIuMjA1bDE1Ljg4OC01MS4zOTYgNDIuNDczLTE0LjczNUwxNDUuMjM5IDB6Ii8+PC9zdmc+)
}

.template.blurred.template.polygon.cam .general-section:before,.template.polygon.template.polygon.cam .general-section:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA3OTQgNDQ5LjIzMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDB7ZmlsbDojZWRkNmJjfS5zdDF7ZmlsbDojZDNiZmFmfS5zdDJ7ZmlsbDojZjllMmM1fS5zdDN7ZmlsbDojZTBjOWIzfTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTAgLjExNmg3OTR2NDQ5SDB6Ii8+PHBhdGggY2xhc3M9InN0MCIgZD0ibTUwOS44NDQgMzkwLjQwMSAxMjMuMzY2LTE1Ni44LTIzMy43ODQgNDIuOTA2eiIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Im0xNjkuOTEgMTUzLjQyMyAxMzYuMDA5IDIyMy45MDQtNTQuNTMxLTE2NC45NjJ6bTE5NC44NCAxNTMuMzA4IDE0NS4wOTQgODMuNjctMTEwLjQxOC0xMTMuODk0eiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Im00MDcuNDEgMTIzLjA4NSA4MC42MTItNjkuMzQ0LTE0Mi4xNTQgMjYuODcxeiIvPjxwYXRoIGNsYXNzPSJzdDMiIGQ9Im0yNTEuMzg4IDIxMi4zNjUgNTQuNTMxIDE2NC45NjIgNTguODMxLTcwLjU5NiAzNC42NzYtMzAuMjI0em0xNDguMDM4IDY0LjE0MiAxMjAuNjY4LTcxLjA3Ny03MC4yMS0xNC43MzV6Ii8+PHBhdGggY2xhc3M9InN0MCIgZD0iTTI4Ni45MjYgMTMwLjAxOSAxNjkuOTEgMTUzLjQyM2w4MS40NzggNTguOTQyIDEyMS4yNTYgMjYuMDAzeiIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Im00ODguMDIyIDUzLjc0MS04MC42MTIgNjkuMzQ0IDQyLjQ3NCA2Ny42MSA3MC4yMSAxNC43MzV6Ii8+PHBhdGggY2xhc3M9InN0MCIgZD0ibTQwNy40MSAxMjMuMDg1LTYxLjU0Mi00Mi40NzMgMjYuNzc2IDE1Ny43NTYgMjYuNzgyIDM4LjEzOSA1MC40NTgtODUuODEyeiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Im0yNTEuMzg4IDIxMi4zNjUgMTQ4LjAzOCA2NC4xNDItMjYuNzgyLTM4LjEzOXoiLz48cGF0aCBjbGFzcz0ic3QzIiBkPSJtMzQ1Ljg2OCA4MC42MTItOTEuODgtOC42NjggMzIuOTM4IDU4LjA3NSA4NS43MTggMTA4LjM0OXpNMCAyMTYuNTI0djIzMi43MDhsMTE1LjA0Ny00MS44MzZ6Ii8+PHBhdGggY2xhc3M9InN0MiIgZD0iTTQxNS42OTEgNDQ5LjIzMkg3OTRsLTI4NC4xNTYtNTguODMxeiIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Im0xMTUuMDQ3IDQwNy4zOTYgMzAwLjY0NCA0MS44MzYtMTA5Ljc3Mi03MS45MDV6Ii8+PHBhdGggY2xhc3M9InN0MiIgZD0iTTAgNDQ5LjIzMmg0MTUuNjkxbC0zMDAuNjQ0LTQxLjgzNnoiLz48cGF0aCBjbGFzcz0ic3QzIiBkPSJNNTA5Ljg0NCAzOTAuNDAxIDc5NCA0NDkuMjMyIDYzMy4yMSAyMzMuNjAxeiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Im0zNjQuNzUgMzA2LjczMS01OC44MzEgNzAuNTk2IDEwOS43NzIgNzEuOTA1IDk0LjE1My01OC44MzF6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTc5NCA0NDkuMjMyVjE5Mi40MjhsLTE2MC43OSA0MS4xNzN6Ii8+PHBhdGggY2xhc3M9InN0MCIgZD0iTTYyNS44NDIgODAuNjEyIDc5NCAxOTIuNDI4IDcyOC45OTEgMHoiLz48cGF0aCBjbGFzcz0ic3QzIiBkPSJNNzk0IDE5Mi40MjhWMGgtNjUuMDA5eiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik02NDAuNTc4IDE1My40MjMgNTIwLjA5NCAyMDUuNDNsLTEyMC42NjggNzEuMDc3IDIzMy43ODQtNDIuOTA2TDc5NCAxOTIuNDI4eiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Im02NDAuNTc4IDE1My40MjMtMTQuNzM2LTcyLjgxMUw1MjAuMDk0IDIwNS40M3oiLz48cGF0aCBjbGFzcz0ic3QzIiBkPSJNNjQwLjU3OCAxNTMuNDIzIDc5NCAxOTIuNDI4IDYyNS44NDIgODAuNjEyeiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zMTguMTMxIDE5LjA3IDE0NS4yMzkgMGwxMDguNzQ5IDcxLjk0NCA5MS44OCA4LjY2OCAxNDIuMTU0LTI2Ljg3MXoiLz48cGF0aCBjbGFzcz0ic3QyIiBkPSJNNDQ2LjcxNiAwSDE0NS4yMzlsMTcyLjg5MiAxOS4wN3oiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNNDQ2LjcxNiAwIDMxOC4xMzEgMTkuMDdsMTY5Ljg5MSAzNC42NzFMNzI4Ljk5MSAweiIvPjxwYXRoIGNsYXNzPSJzdDMiIGQ9Im00ODguMDIyIDUzLjc0MSAzMi4wNzIgMTUxLjY4OUw2MjUuODQyIDgwLjYxMiA3MjguOTkxIDB6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTU4LjA5MyAyOC42MDQgMCAyMTYuNTI0bDE2OS45MS02My4xMDF6Ii8+PHBhdGggY2xhc3M9InN0MiIgZD0iTTE2OS45MSAxNTMuNDIzIDAgMjE2LjUyNGwxMDUuODk1IDUwLjk4NyAyMDAuMDI0IDEwOS44MTZ6bTg0LjA3OC04MS40NzlMMTQ1LjIzOSAwbC00NC42NzMgMTMuODY5LTQyLjQ3MyAxNC43MzVMMTY5LjkxIDE1My40MjNsMTE3LjAxNi0yMy40MDR6Ii8+PHBhdGggY2xhc3M9InN0MCIgZD0iTTEwNS44OTUgMjY3LjUxMSAwIDIxNi41MjRsMTE1LjA0NyAxOTAuODcyIDE5MC44NzItMzAuMDY5eiIvPjxwYXRoIGNsYXNzPSJzdDMiIGQ9Ik0wIDB2MjE2LjUyNGw1OC4wOTMtMTg3LjkyIDQyLjQ3My0xNC43MzVMMTQ1LjIzOSAweiIvPjwvc3ZnPg==)
}

.template.blurred.template.polygon.blu .csspie:first-of-type:after,.template.blurred.template.polygon.blu .csspie:first-of-type:before,.template.polygon.template.polygon.blu .csspie:first-of-type:after,.template.polygon.template.polygon.blu .csspie:first-of-type:before {
  background-color: #a2c1db
}

.template.blurred.template.polygon.blu .csspie:nth-of-type(2):after,.template.blurred.template.polygon.blu .csspie:nth-of-type(2):before,.template.polygon.template.polygon.blu .csspie:nth-of-type(2):after,.template.polygon.template.polygon.blu .csspie:nth-of-type(2):before {
  background-color: #fff
}

.template.blurred.template.polygon.blu .value-wrapper,.template.polygon.template.polygon.blu .value-wrapper {
  color: #000
}

.template.blurred.template.polygon.blu .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.blurred.template.polygon.blu .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.blurred.template.polygon.blu .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.blurred.template.polygon.blu .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.blurred.template.polygon.blu .skill-description-wrapper:not(.text) .skill-description .progress-level-5,.template.polygon.template.polygon.blu .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.polygon.template.polygon.blu .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.polygon.template.polygon.blu .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.polygon.template.polygon.blu .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.polygon.template.polygon.blu .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #a2c1db
}

.template.blurred.template.polygon.blu .custom-footer,.template.blurred.template.polygon.blu .page:not(.first-page) .bottom-ornament,.template.blurred.template.polygon.blu .page:not(.first-page) .top-ornament,.template.polygon.template.polygon.blu .custom-footer,.template.polygon.template.polygon.blu .page:not(.first-page) .bottom-ornament,.template.polygon.template.polygon.blu .page:not(.first-page) .top-ornament {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA3OTQgODAiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZT4uc3Qwe2ZpbGw6I2IzY2ZlNX0uc3Qxe2ZpbGw6I2I4ZDVlOH0uc3Qye2ZpbGw6I2EyYzFkYn0uc3Qze2ZpbGw6I2FhYzdlMH08L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0wIDBoNzk0djgwSDB6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0ibTMxOC4xMzEgMTkuMDY5LTY0LjE0MyA1Mi44NzVMMzM5LjM4NiA4MGg5LjcxOGwxMzguOTE4LTI2LjI1OXoiLz48cGF0aCBjbGFzcz0ic3QyIiBkPSJtNDU3LjQ5NiA4MCAzMC41MjYtMjYuMjU5TDM0OS4xMDQgODB6Ii8+PHBhdGggY2xhc3M9InN0MCIgZD0ibTQ4MC43MSA4MCA3LjMxMi0yNi4yNTlMNDU3LjQ5NiA4MHoiLz48cGF0aCBjbGFzcz0ic3QzIiBkPSJtNDkzLjU3NCA4MC01LjU1Mi0yNi4yNTlMNDgwLjcxIDgwem0tMTU0LjE4OCAwLTg1LjM5OC04LjA1NiA0LjU3IDguMDU2eiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik03NTYuMDE4IDgwIDcyOC45OTEgMCA2MjYuNjI1IDgweiIvPjxwYXRoIGNsYXNzPSJzdDMiIGQ9Im03MjguOTkxIDAgMjcuMDI3IDgwSDc5NFYweiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zMTguMTMxIDE5LjA2OSAxNDUuMjM5IDBsMTA4Ljc0OSA3MS45NDR6Ii8+PHBhdGggY2xhc3M9InN0MiIgZD0iTTQ0Ni43MTYgMEgxNDUuMjM5bDE3Mi44OTIgMTkuMDY5eiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00NDYuNzE2IDAgMzE4LjEzMSAxOS4wNjlsMTY5Ljg5MSAzNC42NzJMNzI4Ljk5MSAweiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik00ODguMDIyIDUzLjc0MSA0OTMuNTc0IDgwaDEzMy4wNTFMNzI4Ljk5MSAwek0xMDAuNTY2IDEzLjg2OSAxNDUuMjM5IDBIMGw1OC4wOTMgMjguNjA0ek00Mi4yMDUgODBoNjEuOTNMNTguMDkzIDI4LjYwNHoiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNMjUzLjk4OCA3MS45NDQgMTQ1LjIzOSAwbC00NC42NzMgMTMuODY5LTQyLjQ3MyAxNC43MzVMMTA0LjEzNSA4MGgxNTQuNDIzeiIvPjxwYXRoIGNsYXNzPSJzdDMiIGQ9Ik01OC4wOTMgMjguNjA0IDAgMHY4MGg0Mi4yMDV6Ii8+PC9zdmc+)
}

.template.blurred.template.polygon.blu .general-section:before,.template.polygon.template.polygon.blu .general-section:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA3OTQgNDQ5LjIzMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDB7ZmlsbDojYjNjZmU1fS5zdDF7ZmlsbDojYjhkNWU4fS5zdDJ7ZmlsbDojYTJjMWRifS5zdDN7ZmlsbDojYWFjN2UwfTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTAgLjExNmg3OTR2NDQ5SDB6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0ibTMxOC4xMzEgMTkuMDY5LTY0LjE0MyA1Mi44NzUgOTEuODggOC42NjggMTQyLjE1NC0yNi44NzF6Ii8+PHBhdGggY2xhc3M9InN0MCIgZD0ibTUwOS44NDQgMzkwLjQwMSAxMjMuMzY2LTE1Ni44LTIzMy43ODQgNDIuOTA2eiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Im0xNjkuOTEgMTUzLjQyMiAxMzYuMDA5IDIyMy45MDUtNTQuNTMxLTE2NC45NjN6TTM2NC43NSAzMDYuNzNsMTQ1LjA5NCA4My42NzEtMTEwLjQxOC0xMTMuODk0em00Mi42Ni0xODMuNjQ1IDgwLjYxMi02OS4zNDQtMTQyLjE1NCAyNi44NzF6Ii8+PHBhdGggY2xhc3M9InN0MyIgZD0ibTI1MS4zODggMjEyLjM2NCA1NC41MzEgMTY0Ljk2MyA1OC44MzEtNzAuNTk3IDM0LjY3Ni0zMC4yMjN6bTE0OC4wMzggNjQuMTQzIDEyMC42NjgtNzEuMDc3LTcwLjIxLTE0LjczNnoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJtMjg2LjkyNiAxMzAuMDE5LTM1LjUzOCA4Mi4zNDUgMTIxLjI1NiAyNi4wMDR6Ii8+PHBhdGggY2xhc3M9InN0MyIgZD0iTTUyMC4wOTQgMjA1LjQzIDQ4OC4wMjIgNTMuNzQxbC0zOC4xMzggMTM2Ljk1M3oiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJtNDA3LjQxIDEyMy4wODUtNjEuNTQyLTQyLjQ3MyAyNi43NzYgMTU3Ljc1NiAyNi43ODIgMzguMTM5IDUwLjQ1OC04NS44MTMgMzguMTM4LTEzNi45NTN6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0ibTI1MS4zODggMjEyLjM2NCAxNDguMDM4IDY0LjE0My0yNi43ODItMzguMTM5eiIvPjxwYXRoIGNsYXNzPSJzdDMiIGQ9Im0zNDUuODY4IDgwLjYxMi05MS44OC04LjY2OCAzMi45MzggNTguMDc1IDg1LjcxOCAxMDguMzQ5ek0wIDIxNi41MjR2MjMyLjcwOGwxMTUuMDQ3LTQxLjgzNnoiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNNDE1LjY5MSA0NDkuMjMySDc5NGwtMjg0LjE1Ni01OC44MzF6Ii8+PHBhdGggY2xhc3M9InN0MiIgZD0ibTExNS4wNDcgNDA3LjM5NiAzMDAuNjQ0IDQxLjgzNi0xMDkuNzcyLTcxLjkwNXoiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNMCA0NDkuMjMyaDQxNS42OTFsLTMwMC42NDQtNDEuODM2eiIvPjxwYXRoIGNsYXNzPSJzdDMiIGQ9Ik01MDkuODQ0IDM5MC40MDEgNzk0IDQ0OS4yMzIgNjMzLjIxIDIzMy42MDF6Ii8+PHBhdGggY2xhc3M9InN0MCIgZD0ibTM2NC43NSAzMDYuNzMtNTguODMxIDcwLjU5NyAxMDkuNzcyIDcxLjkwNSA5NC4xNTMtNTguODMxeiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik03OTQgNDQ5LjIzMlYxOTIuNDI4bC0xNjAuNzkgNDEuMTczeiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02MjUuODQyIDgwLjYxMiA3OTQgMTkyLjQyOCA3MjguOTkxIDB6Ii8+PHBhdGggY2xhc3M9InN0MyIgZD0iTTc5NCAxOTIuNDI4VjBoLTY1LjAwOXoiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNNjQwLjU3OCAxNTMuNDIyIDUyMC4wOTQgMjA1LjQzbC0xMjAuNjY4IDcxLjA3NyAyMzMuNzg0LTQyLjkwNkw3OTQgMTkyLjQyOHoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJtNjQwLjU3OCAxNTMuNDIyLTE0LjczNi03Mi44MUw1MjAuMDk0IDIwNS40M3oiLz48cGF0aCBjbGFzcz0ic3QzIiBkPSJNNjQwLjU3OCAxNTMuNDIyIDc5NCAxOTIuNDI4IDYyNS44NDIgODAuNjEyeiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zMTguMTMxIDE5LjA2OSAxNDUuMjM5IDBsMTA4Ljc0OSA3MS45NDR6Ii8+PHBhdGggY2xhc3M9InN0MiIgZD0iTTQ0Ni43MTYgMEgxNDUuMjM5bDE3Mi44OTIgMTkuMDY5eiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00NDYuNzE2IDAgMzE4LjEzMSAxOS4wNjlsMTY5Ljg5MSAzNC42NzJMNzI4Ljk5MSAweiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Im00ODguMDIyIDUzLjc0MSAzMi4wNzIgMTUxLjY4OUw2MjUuODQyIDgwLjYxMiA3MjguOTkxIDB6TTEwMC41NjYgMTMuODY5IDE0NS4yMzkgMEgwbDU4LjA5MyAyOC42MDR6TTU4LjA5MyAyOC42MDQgMCAyMTYuNTI0bDE2OS45MS02My4xMDJ6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTE2OS45MSAxNTMuNDIyIDAgMjE2LjUyNGwxMDUuODk1IDUwLjk4NiAyMDAuMDI0IDEwOS44MTd6bTg0LjA3OC04MS40NzhMMTQ1LjIzOSAwbC00NC42NzMgMTMuODY5LTQyLjQ3MyAxNC43MzVMMTY5LjkxIDE1My40MjJsODEuNDc4IDU4Ljk0MiAzNS41MzgtODIuMzQ1eiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMDUuODk1IDI2Ny41MSAwIDIxNi41MjRsMTE1LjA0NyAxOTAuODcyIDE5MC44NzItMzAuMDY5eiIvPjxwYXRoIGNsYXNzPSJzdDMiIGQ9Ik0wIDB2MjE2LjUyNGw1OC4wOTMtMTg3LjkyeiIvPjwvc3ZnPg==)
}

.template.blurred.template.polygon.gre .csspie:first-of-type:after,.template.blurred.template.polygon.gre .csspie:first-of-type:before,.template.polygon.template.polygon.gre .csspie:first-of-type:after,.template.polygon.template.polygon.gre .csspie:first-of-type:before {
  background-color: #d6d6d6
}

.template.blurred.template.polygon.gre .csspie:nth-of-type(2):after,.template.blurred.template.polygon.gre .csspie:nth-of-type(2):before,.template.polygon.template.polygon.gre .csspie:nth-of-type(2):after,.template.polygon.template.polygon.gre .csspie:nth-of-type(2):before {
  background-color: #fff
}

.template.blurred.template.polygon.gre .value-wrapper,.template.polygon.template.polygon.gre .value-wrapper {
  color: #000
}

.template.blurred.template.polygon.gre .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.blurred.template.polygon.gre .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.blurred.template.polygon.gre .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.blurred.template.polygon.gre .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.blurred.template.polygon.gre .skill-description-wrapper:not(.text) .skill-description .progress-level-5,.template.polygon.template.polygon.gre .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.polygon.template.polygon.gre .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.polygon.template.polygon.gre .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.polygon.template.polygon.gre .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.polygon.template.polygon.gre .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #d6d6d6
}

.template.blurred.template.polygon.gre .custom-footer,.template.blurred.template.polygon.gre .page:not(.first-page) .bottom-ornament,.template.blurred.template.polygon.gre .page:not(.first-page) .top-ornament,.template.polygon.template.polygon.gre .custom-footer,.template.polygon.template.polygon.gre .page:not(.first-page) .bottom-ornament,.template.polygon.template.polygon.gre .page:not(.first-page) .top-ornament {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA3OTQgODAiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZT4uc3Qwe2ZpbGw6I2UyZTJlMn0uc3Qxe2ZpbGw6I2U2ZTZlNn0uc3Qye2ZpbGw6I2U4ZThlOH0uc3Qze2ZpbGw6I2RkZH08L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0wIDBoNzk0djgwSDB6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTAgMGgtLjVsLjUuMjQ2eiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Im0zMTcuNjMxIDE5LjA2OS02NC4xNDMgNTIuODc1TDMzOC44ODYgODBoOS43MThsMTM4LjkxOC0yNi4yNTl6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0ibTQ1Ni45OTYgODAgMzAuNTI2LTI2LjI1OUwzNDguNjA0IDgweiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Im00ODAuMjEgODAgNy4zMTItMjYuMjU5TDQ1Ni45OTYgODB6Ii8+PHBhdGggY2xhc3M9InN0MyIgZD0ibTQ5My4wNzQgODAtNS41NTItMjYuMjU5TDQ4MC4yMSA4MHptLTE1NC4xODggMC04NS4zOTgtOC4wNTYgNC41NyA4LjA1NnoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNNzU1LjUxOCA4MCA3MjguNDkxIDAgNjI2LjEyNSA4MHoiLz48cGF0aCBjbGFzcz0ic3QzIiBkPSJtNzI4LjQ5MSAwIDI3LjAyNyA4MEg3OTRWMHoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzE3LjYzMSAxOS4wNjkgMTQ0LjczOSAwbDEwOC43NDkgNzEuOTQ0eiIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik00NDYuMjE2IDBIMTQ0LjczOWwxNzIuODkyIDE5LjA2OXoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDQ2LjIxNiAwIDMxNy42MzEgMTkuMDY5bDE2OS44OTEgMzQuNjcyTDcyOC40OTEgMHoiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNNDg3LjUyMiA1My43NDEgNDkzLjA3NCA4MGgxMzMuMDUxTDcyOC40OTEgMHpNNTcuNTkzIDI4LjYwNGw0Mi40NzMtMTQuNzM1TDE0NC43MzkgMEgwdi4yNDZ6TTQxLjcwNSA4MGg2MS45M0w1Ny41OTMgMjguNjA0eiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0yNTMuNDg4IDcxLjk0NCAxNDQuNzM5IDBsLTQ0LjY3MyAxMy44NjktNDIuNDczIDE0LjczNUwxMDMuNjM1IDgwaDE1NC40MjN6Ii8+PHBhdGggY2xhc3M9InN0MyIgZD0iTTAgLjI0NlY4MGg0MS43MDVsMTUuODg4LTUxLjM5NnoiLz48L3N2Zz4=)
}

.template.blurred.template.polygon.gre .general-section:before,.template.polygon.template.polygon.gre .general-section:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA3OTQgNDQ5LjIzMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDB7ZmlsbDojZTJlMmUyfS5zdDF7ZmlsbDojZThlOGU4fS5zdDJ7ZmlsbDojZTZlNmU2fS5zdDN7ZmlsbDojZGRkfTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTAgLjExNmg3OTR2NDQ5SDB6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0ibTMxOC4xMzEgMTkuMDctNjQuMTQzIDUyLjg3NCA5MS44OCA4LjY2OHptMTY5Ljg5MSAzNC42NzFMMzE4LjEzMSAxOS4wN2wyNy43MzcgNjEuNTQyeiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Im01MDkuODQ0IDM5MC40MDEgMTIzLjM2Ni0xNTYuOC0yMzMuNzg0IDQyLjkwNnoiLz48cGF0aCBjbGFzcz0ic3QyIiBkPSJtMTY5LjkxIDE1My40MjMgMTM2LjAwOSAyMjMuOTA0LTU0LjUzMS0xNjQuOTYyem0xOTQuODQgMTUzLjMwOCAxNDUuMDk0IDgzLjY3LTExMC40MTgtMTEzLjg5NHptNDIuNjYtMTgzLjY0NiA4MC42MTItNjkuMzQ0LTE0Mi4xNTQgMjYuODcxeiIvPjxwYXRoIGNsYXNzPSJzdDMiIGQ9Im0yNTEuMzg4IDIxMi4zNjUgNTQuNTMxIDE2NC45NjIgNTguODMxLTcwLjU5NiAzNC42NzYtMzAuMjI0em05NC40OC0xMzEuNzUzLTU4Ljk0MiA0OS40MDcgODUuNzE4IDEwOC4zNDl6Ii8+PHBhdGggY2xhc3M9InN0MCIgZD0ibTExNS4wNDcgNDA3LjM5NiAxOTAuODcyLTMwLjA2OS0yMDAuMDI0LTEwOS44MTZ6bTE3MS44NzktMjc3LjM3Ny0zNS41MzggODIuMzQ2IDEyMS4yNTYgMjYuMDAzeiIvPjxwYXRoIGNsYXNzPSJzdDMiIGQ9Im00ODguMDIyIDUzLjc0MS0zOC4xMzggMTM2Ljk1NC01MC40NTggODUuODEyIDEyMC42NjgtNzEuMDc3eiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Im00MDcuNDEgMTIzLjA4NS02MS41NDItNDIuNDczIDI2Ljc3NiAxNTcuNzU2IDI2Ljc4MiAzOC4xMzkgNTAuNDU4LTg1LjgxMiAzOC4xMzgtMTM2Ljk1NHoiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJtMjUxLjM4OCAyMTIuMzY1IDE0OC4wMzggNjQuMTQyLTI2Ljc4Mi0zOC4xMzl6Ii8+PHBhdGggY2xhc3M9InN0MyIgZD0ibTM0NS44NjggODAuNjEyLTkxLjg4LTguNjY4IDMyLjkzOCA1OC4wNzV6TTAgMjE2LjUyNHYyMzIuNzA4bDExNS4wNDctNDEuODM2eiIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik00MTUuNjkxIDQ0OS4yMzJINzk0bC0yODQuMTU2LTU4LjgzMXoiLz48cGF0aCBjbGFzcz0ic3QyIiBkPSJtMTE1LjA0NyA0MDcuMzk2IDMwMC42NDQgNDEuODM2LTEwOS43NzItNzEuOTA1eiIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0wIDQ0OS4yMzJoNDE1LjY5MWwtMzAwLjY0NC00MS44MzZ6Ii8+PHBhdGggY2xhc3M9InN0MyIgZD0iTTUwOS44NDQgMzkwLjQwMSA3OTQgNDQ5LjIzMiA2MzMuMjEgMjMzLjYwMXoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJtMzY0Ljc1IDMwNi43MzEtNTguODMxIDcwLjU5NiAxMDkuNzcyIDcxLjkwNSA5NC4xNTMtNTguODMxeiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik03OTQgNDQ5LjIzMlYxOTIuNDI4bC0xNjAuNzkgNDEuMTczeiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02MjUuODQyIDgwLjYxMiA3OTQgMTkyLjQyOCA3MjguOTkxIDB6Ii8+PHBhdGggY2xhc3M9InN0MyIgZD0iTTc5NCAxOTIuNDI4VjBoLTY1LjAwOXoiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNNjQwLjU3OCAxNTMuNDIzIDUyMC4wOTQgMjA1LjQzbC0xMjAuNjY4IDcxLjA3NyAyMzMuNzg0LTQyLjkwNkw3OTQgMTkyLjQyOHoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJtNjQwLjU3OCAxNTMuNDIzLTE0LjczNi03Mi44MTFMNTIwLjA5NCAyMDUuNDN6Ii8+PHBhdGggY2xhc3M9InN0MyIgZD0iTTY0MC41NzggMTUzLjQyMyA3OTQgMTkyLjQyOCA2MjUuODQyIDgwLjYxMnoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzE4LjEzMSAxOS4wNyAxNDUuMjM5IDBsMTA4Ljc0OSA3MS45NDR6Ii8+PHBhdGggY2xhc3M9InN0MiIgZD0iTTQ0Ni43MTYgMEgxNDUuMjM5bDE3Mi44OTIgMTkuMDd6Ii8+PHBhdGggY2xhc3M9InN0MCIgZD0iTTQ0Ni43MTYgMCAzMTguMTMxIDE5LjA3bDE2OS44OTEgMzQuNjcxTDcyOC45OTEgMHoiLz48cGF0aCBjbGFzcz0ic3QyIiBkPSJtNDg4LjAyMiA1My43NDEgMzIuMDcyIDE1MS42ODlMNjI1Ljg0MiA4MC42MTIgNzI4Ljk5MSAwek0xMDAuNTY2IDEzLjg2OSAxNDUuMjM5IDBIMGw1OC4wOTMgMjguNjA0ek01OC4wOTMgMjguNjA0IDAgMjE2LjUyNGwxNjkuOTEtNjMuMTAxeiIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0xNjkuOTEgMTUzLjQyMyAwIDIxNi41MjRsMTA1Ljg5NSA1MC45ODcgMjAwLjAyNCAxMDkuODE2em04NC4wNzgtODEuNDc5TDE0NS4yMzkgMGwtNDQuNjczIDEzLjg2OS00Mi40NzMgMTQuNzM1TDE2OS45MSAxNTMuNDIzbDgxLjQ3OCA1OC45NDIgMzUuNTM4LTgyLjM0NnoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTA1Ljg5NSAyNjcuNTExIDAgMjE2LjUyNGwxMTUuMDQ3IDE5MC44NzJ6Ii8+PHBhdGggY2xhc3M9InN0MyIgZD0iTTAgMHYyMTYuNTI0bDU4LjA5My0xODcuOTJ6Ii8+PC9zdmc+)
}

.template.blurred.template.blurred.grn .csspie:first-of-type:after,.template.blurred.template.blurred.grn .csspie:first-of-type:before,.template.polygon.template.blurred.grn .csspie:first-of-type:after,.template.polygon.template.blurred.grn .csspie:first-of-type:before {
  background-color: #369188
}

.template.blurred.template.blurred.grn .csspie:nth-of-type(2):after,.template.blurred.template.blurred.grn .csspie:nth-of-type(2):before,.template.polygon.template.blurred.grn .csspie:nth-of-type(2):after,.template.polygon.template.blurred.grn .csspie:nth-of-type(2):before {
  background-color: #fff
}

.template.blurred.template.blurred.grn .value-wrapper,.template.polygon.template.blurred.grn .value-wrapper {
  color: #000
}

.template.blurred.template.blurred.grn .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.blurred.template.blurred.grn .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.blurred.template.blurred.grn .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.blurred.template.blurred.grn .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.blurred.template.blurred.grn .skill-description-wrapper:not(.text) .skill-description .progress-level-5,.template.polygon.template.blurred.grn .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.polygon.template.blurred.grn .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.polygon.template.blurred.grn .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.polygon.template.blurred.grn .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.polygon.template.blurred.grn .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #369188
}

.template.blurred.template.blurred.grn .custom-footer,.template.blurred.template.blurred.grn .page:not(.first-page) .bottom-ornament,.template.blurred.template.blurred.grn .page:not(.first-page) .top-ornament,.template.polygon.template.blurred.grn .custom-footer,.template.polygon.template.blurred.grn .page:not(.first-page) .bottom-ornament,.template.polygon.template.blurred.grn .page:not(.first-page) .top-ornament {
  background-image: url(https://d1civoyjepycei.cloudfront.net/static/assets/bundle/media/green_bottom.b0a8413f.png)
}

.template.blurred.template.blurred.grn .general-section:before,.template.polygon.template.blurred.grn .general-section:before {
  background-image: url(https://d1civoyjepycei.cloudfront.net/static/assets/bundle/media/green_top.394c0091.png)
}

.template.blurred.template.blurred.cya .csspie:first-of-type:after,.template.blurred.template.blurred.cya .csspie:first-of-type:before,.template.polygon.template.blurred.cya .csspie:first-of-type:after,.template.polygon.template.blurred.cya .csspie:first-of-type:before {
  background-color: #8ae2f9
}

.template.blurred.template.blurred.cya .csspie:nth-of-type(2):after,.template.blurred.template.blurred.cya .csspie:nth-of-type(2):before,.template.polygon.template.blurred.cya .csspie:nth-of-type(2):after,.template.polygon.template.blurred.cya .csspie:nth-of-type(2):before {
  background-color: #fff
}

.template.blurred.template.blurred.cya .value-wrapper,.template.polygon.template.blurred.cya .value-wrapper {
  color: #000
}

.template.blurred.template.blurred.cya .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.blurred.template.blurred.cya .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.blurred.template.blurred.cya .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.blurred.template.blurred.cya .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.blurred.template.blurred.cya .skill-description-wrapper:not(.text) .skill-description .progress-level-5,.template.polygon.template.blurred.cya .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.polygon.template.blurred.cya .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.polygon.template.blurred.cya .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.polygon.template.blurred.cya .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.polygon.template.blurred.cya .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #8ae2f9
}

.template.blurred.template.blurred.cya .custom-footer,.template.blurred.template.blurred.cya .page:not(.first-page) .bottom-ornament,.template.blurred.template.blurred.cya .page:not(.first-page) .top-ornament,.template.polygon.template.blurred.cya .custom-footer,.template.polygon.template.blurred.cya .page:not(.first-page) .bottom-ornament,.template.polygon.template.blurred.cya .page:not(.first-page) .top-ornament {
  background-image: url(https://d1civoyjepycei.cloudfront.net/static/assets/bundle/media/blue_bottom.f5cd54c4.png)
}

.template.blurred.template.blurred.cya .general-section:before,.template.polygon.template.blurred.cya .general-section:before {
  background-image: url(https://d1civoyjepycei.cloudfront.net/static/assets/bundle/media/blue_top.53243d02.png)
}

.template.blurred.template.blurred.ora .csspie:first-of-type:after,.template.blurred.template.blurred.ora .csspie:first-of-type:before,.template.polygon.template.blurred.ora .csspie:first-of-type:after,.template.polygon.template.blurred.ora .csspie:first-of-type:before {
  background-color: #f9ddc0
}

.template.blurred.template.blurred.ora .csspie:nth-of-type(2):after,.template.blurred.template.blurred.ora .csspie:nth-of-type(2):before,.template.polygon.template.blurred.ora .csspie:nth-of-type(2):after,.template.polygon.template.blurred.ora .csspie:nth-of-type(2):before {
  background-color: #fff
}

.template.blurred.template.blurred.ora .value-wrapper,.template.polygon.template.blurred.ora .value-wrapper {
  color: #000
}

.template.blurred.template.blurred.ora .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.blurred.template.blurred.ora .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.blurred.template.blurred.ora .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.blurred.template.blurred.ora .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.blurred.template.blurred.ora .skill-description-wrapper:not(.text) .skill-description .progress-level-5,.template.polygon.template.blurred.ora .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.polygon.template.blurred.ora .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.polygon.template.blurred.ora .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.polygon.template.blurred.ora .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.polygon.template.blurred.ora .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #f9ddc0
}

.template.blurred.template.blurred.ora .custom-footer,.template.blurred.template.blurred.ora .page:not(.first-page) .bottom-ornament,.template.blurred.template.blurred.ora .page:not(.first-page) .top-ornament,.template.polygon.template.blurred.ora .custom-footer,.template.polygon.template.blurred.ora .page:not(.first-page) .bottom-ornament,.template.polygon.template.blurred.ora .page:not(.first-page) .top-ornament {
  background-image: url(https://d1civoyjepycei.cloudfront.net/static/assets/bundle/media/orange_bottom.d9c4f794.png)
}

.template.blurred.template.blurred.ora .general-section:before,.template.polygon.template.blurred.ora .general-section:before {
  background-image: url(https://d1civoyjepycei.cloudfront.net/static/assets/bundle/media/orange_top.a9e96eff.png)
}

.template.blurred.template.blurred.pur .csspie:first-of-type:after,.template.blurred.template.blurred.pur .csspie:first-of-type:before,.template.polygon.template.blurred.pur .csspie:first-of-type:after,.template.polygon.template.blurred.pur .csspie:first-of-type:before {
  background-color: #e1bee7
}

.template.blurred.template.blurred.pur .csspie:nth-of-type(2):after,.template.blurred.template.blurred.pur .csspie:nth-of-type(2):before,.template.polygon.template.blurred.pur .csspie:nth-of-type(2):after,.template.polygon.template.blurred.pur .csspie:nth-of-type(2):before {
  background-color: #fff
}

.template.blurred.template.blurred.pur .value-wrapper,.template.polygon.template.blurred.pur .value-wrapper {
  color: #000
}

.template.blurred.template.blurred.pur .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.blurred.template.blurred.pur .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.blurred.template.blurred.pur .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.blurred.template.blurred.pur .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.blurred.template.blurred.pur .skill-description-wrapper:not(.text) .skill-description .progress-level-5,.template.polygon.template.blurred.pur .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.polygon.template.blurred.pur .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.polygon.template.blurred.pur .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.polygon.template.blurred.pur .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.polygon.template.blurred.pur .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #e1bee7
}

.template.blurred.template.blurred.pur .custom-footer,.template.blurred.template.blurred.pur .page:not(.first-page) .bottom-ornament,.template.blurred.template.blurred.pur .page:not(.first-page) .top-ornament,.template.polygon.template.blurred.pur .custom-footer,.template.polygon.template.blurred.pur .page:not(.first-page) .bottom-ornament,.template.polygon.template.blurred.pur .page:not(.first-page) .top-ornament {
  background-image: url(https://d1civoyjepycei.cloudfront.net/static/assets/bundle/media/holo_bottom.fa501599.png)
}

.template.blurred.template.blurred.pur .general-section:before,.template.polygon.template.blurred.pur .general-section:before {
  background-image: url(https://d1civoyjepycei.cloudfront.net/static/assets/bundle/media/holo_top.a45c90c0.png)
}

.template.doodle.letter .general-section .name,.template.doodle.letter .general-section .profile-text-wrapper {
  padding-left: 75px;
  padding-right: 53px
}

.template.doodle.letter .general-section .header-img {
  height: 252px
}

.template.doodle .grid-50-50 .page {
  padding-top: 80px;
  position: relative
}

.template.doodle .page:not(.first-page) .top-ornament {
  background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgNzkxLjQgNzUuNSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDF7Y2xpcC1wYXRoOnVybCgjU1ZHSURfMl8pO2ZpbGw6bm9uZTtzdHJva2U6IzAwMDtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MTB9PC9zdHlsZT48ZGVmcz48cGF0aCBpZD0iU1ZHSURfMV8iIGQ9Ik0wIDBoNzkxLjR2NzUuNUgweiIvPjwvZGVmcz48Y2xpcFBhdGggaWQ9IlNWR0lEXzJfIj48dXNlIHhsaW5rOmhyZWY9IiNTVkdJRF8xXyIgb3ZlcmZsb3c9InZpc2libGUiLz48L2NsaXBQYXRoPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0tMi40LTEwLjdzMzAuNyAyMy4xIDY3LjUgMy40Uzk1LTI3IDEwNy45LTI3LjYiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNNDMuOS0uMVMyMiAyNS4yIDE3LjcgNDYtNi45IDc3LjQtNi45IDc3LjQiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNMzkuMi42UzIwLjQgMTYuMiAxNy4xIDI3LjEgOS4yIDU3LjctNC41IDYzLjdNMzYuMiAyLjJTNi41IDM1LTIuNCA0Ny4zTTI4LjkgNVMyIDI1LjUtMi40IDI3LjdNMzYuOSAyUzcuNiAxMi45LTQuNCAxMy4yTTM4LjMgMS4zUzMgNi02LjkgMi4ybTE3LjQgNTkuNlM4MS4yIDYwIDk0LjQgMjUuNXMxMS4xLTQ1LjggMTcuNy00OS4yIi8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTEyLjEgNTkuM1M1Ni42IDQ1LjIgNzAgMzQuMWMxNy45LTE0LjkgMjkuOS01MS42IDM5LTU1Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTEzLjIgNTcuNXM0OC42LTI1LjEgNjAuMi0zOS40IDMzLjUtNDAuOCAzOC4zLTQxLjkiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJtMTQuMyA1NS40IDc5LjEtNjcuOXMxMy41LTEwLjMgMTcuNS0xMS4yIi8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTE1LjggNTIuMlM1NS43IDEuMiA4MS4yLTEwczMwLjEtMTQuOCAzMC4xLTE0LjhtLTkuNyAyOC43czEyLjMtMjMuNyAyNy40LTE5LjFtLTMyLjMgMzVzMTUuMy0yNyA0OS42LTMyLjdNOTMuNiAyNy4zUzEzNC0yLjUgMTQ2LTUuOWMxMi0zLjQgMTIuOS0xMS40IDEyLjktMTEuNCIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik05Ni43IDI1LjFzMTYuNS0xMC4xIDMxLjEtMTEuNCAyOS43LTkuNCAzMS4xLTI5LjQiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNOTIuNiAyOS40czE5LjYtNi42IDM3LjktNC4zIDI5LjktMjEuMiAyOC40LTQwLjhNNzc0LjIgMi44Uzc1OS45LTguOSA3NjQtMjEuOW0xMC40IDI1LjRzLTIyLjItNS0yMi4zLTIxLjciLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNNzc0LjQgMy45cy0xMi43IDctMjQuNy0zLjgtMTAuMy0xMS43LTExLjUtMTYuNW0zNiAyMS4zcy0zNi45IDIxLjQtNTUuNC0yMy41bTU4LjYtOC43Uzc3Mi43LS4yIDc5Ny41IDkuOW0tMjQuNy0zNy4zcy03LjYgNDEuMiAyMi4xIDUwLjVNNzc0LjggNC42czQuOSAyNCAxOS45IDMwLjFNNzc0LjEgOC40czEuOSAzMCAxOS40IDM3LjUiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNNzAyLjQtMjUuN3MzLjQgNDUuNCA0Ny43IDQ0LjVjMCAwIDE3LjUtMS42IDI0LjctMTIuNiIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik03MDEuNy0yNS43cy00LjYgNDAuNyAzMS40IDUzLjJjMCAwIDIwLjMgNy40IDM5IDMuNiIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik03MDAuOC0yNS4xcy04LjYgNjAuMyAzOS43IDY1LjhjMCAwIDIyLjYgMi44IDMzLjkuNCIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik03MDAuMi0yNC42cy0yMCA2Ny41IDQ0LjEgNzcuOWMwIDAgMjUuMiAyLjMgMzUuNi0xLjNNMTU5LjgtMTcuM1MyMDggMTUuOCAyNzAuNS0zLjJjNTcuNi0xNy42IDU2LjQtNTUuNyA1Ni40LTU1LjciLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTU5LTEwLjFTMjA3IDI3LjEgMjcwLjQgNHM2NS41LTU1LjcgNjctNjEuNk0yMTUgLjRsLS4zLTYuNG0zNC45LTF2OC4ybS0yMy04LjIuNSA4LjhtOC4xLTcuMUwyMzMuNi40bTQwNC41LTMyLjZzNDAuNCAyOS4xIDYyLjEgNy4xYzAgMC0yMy42IDUzLjggMTQuNiA3OS40IDM0LjQgMjMuMSA3OC44IDcuMiA3OC44IDcuMkM3NjQuMyA1MC44IDc3NC43IDcgNzc0LjcgNyIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik02MDcuMS0xNS45czE1LjggMzEuMSA2MCAyMy4zYzAgMCAyMS45LS4yIDMxLjQtMjcuOU0yOTMuNi02LjJzMzUuNSAyNC4zIDUyLjEtNS4xIi8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTI4My40LTEuM3MxOC43IDIwLjkgNDcuNyAxMi44YzAgMCAxNS45LTYuOSAxNy41LTI2LjUuMi0yLjgtNC42IDUuMy00LjYgNS4zLTE3LjkgMTEuNC0zMy43LTYuOS0zMy43LTYuOSIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0yNjMuNiA2LjJzMzUuNiAzNy41IDcwLjYgMjEuMVMzNDguNi0xNSAzNDguNi0xNWM2LjIgMjcuOC0yMC41IDM0LjQtMjAuNSAzNC40QzI5OC4yIDI5LjUgMjczLjIgMyAyNzMuMiAzbTc1LjQtMThzMjYuNiAyMi4zIDUzLjMgMTIuNG0tNTIuMy0xMXMxNi41IDI3LjIgNjYuNSAxOC44bS02Ni0xNy45czE4LjQgMzcuNSA3My4xIDI0LjIiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNMzUxLjgtOS40czEyLjEgMzUuNyA1My4xIDMyLjQgMzQuMy02LjMgMzQuMy02LjNNNDY5LjEtLjdjLTIxLjQgOC4xLTI4LjItOS4xLTI4LjItOS4xIi8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTQxNi42LTkuMXM5LjIgMjcuNCAzMy40IDIxLjlTNDcwLjUtLjEgNDcwLjUtLjFzLTEwLjMgNi42LTIzLjkgNi45LTE5LjgtMTcuNC0xOS44LTE3LjQiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNNDA5LjctNC41UzQyMCAyMyA0NTIuMiAxNS42YzAgMCAyMC4xLTQuNSAxOC4zLTE1LjYgMCAwIDM3LjYgNzMuOCAxMzkuOSA1NC40IDAgMCA2NS44LTguMyA4My4xLTU5LjJNMjU0LjMgOC43czE4LjQgNDIuMyA1OC4xIDIyLjhjMCAwIDE0IDMyLjggNTYuMSAyMy4yczI2LjEtMzEgMjYuMS0zMUMzOTMuMSAzNS4yIDM4MyAzOS44IDM4MyAzOS44Yy0zMi44IDEzLjYtNTUtMTAuMi01NS0xMC4ybS04NC42LTE5czE4LjcgNDQuMiA2OC42IDIxLjdtLTc3LjctMjAuOHMyNi44IDQ5LjUgNzggMjEuMm0tOTEuMS0yMS4yczMwLjQgNjAuMiA5MS43IDIxLjFNMzQ1LjcgMjBzMzIuMyAxNi41IDQ2LjIgMy4ybTEuMSAwYy0yMy41IDIzLjMtNTQuNyAxLjktNTQuNyAxLjkiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNNDc4LjUtMS41czQxLjEgNTcuNCAxMDguNCA1MiA5NS44LTMyLjYgMTA4LjQtNjAuMU00NjMuNSAxMS4xczMuNCAxOC4xIDMxLjggMTguMW0tNDAuMi0xNC40czExLjMgMzMuOCA1Ni40IDI2bS02Ny0yMy44czIyLjUgMzguNCA2NyAyMy44bS03NS43LTIxLjdzMjEuMSAzMi41IDUyLjggMjUuMm0tOTMuOS0yMC42czI4LjYgMTkuNSA0OS44IDYuMSIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0zOTQuOCAyNC4zczExLjMgMjAuNiA0Mi45IDE2LjdjMCAwIDkuOC0yLjIgMTIuOC02LjMiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNMzk3LjQgMjkuM3MxMi42IDIyLjEgMzguMiAyMC40YzAgMCAxNy44LTMgMjIuOC05LjMiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNMzk3LjYgMzMuMXM4LjUgMjcgNDcuOSAyMC41YzAgMCAxNS0yLjIgMjEuNy05LjVtLjcuMXMyMC4yIDEyLjEgNDkuNi0uM20tNTAuMSAxczE2IDE5LjggNTkuNSAzLjRNMTU5LTcuNXMxMi44IDMxLjcgNjcuNCAyNy43bS02Ny42LTI2cy0xLjggNDEuMiA3OS40IDM4LjZNNTAxLjgtOC45IDUwMyAxLjdtMTMtMTAuNC0uMSA4LjZtMTIuNy0yLjItMS4yIDYuOW03LjMtOS0xIDYuMm01LjMtMy40LjEgNi41bTcuMy0xMi4zLjkgOC42TTYwNC42LTEwbC4zIDEwTTQ4Ni41LTUuM3Y5LjJtMy42LTMuNi45IDcuNG0yLjktOS4xLjMgMTQuOW00LjktMTEuMXY5LjJtMy45LTMuNy0uOSA5LjNtNC42LTEzLjktLjIgOC4ybS4yIDMuNS4zIDkuOW03LjItMTQgLjkgOC4xbTQuMy0xNy41LS42IDguOG01LjEgMi41LS4zLTguNm0tNC4yIDkuM3Y1LjdtLTguNi0xNS42LS40IDYuNW0yMCAxLS41IDYuN201LTMuOS0xLjMtNi42bS0xMC4xIDExLjEtLjIgNy44bS0xMS01LjUgMS4yIDEwLjFNNTM0IDE4LjRsLS43IDhtNi0xNSAuMiAxNS4zTTU0OCA0LjZsLTEuNSA5bS0zLjMtOS4xLS4zIDdtNy45IDUgLjIgN20tNi4zLTYuOC43IDUuMW0tLjMgNS43LTIgNi4zTTUyOC4zIDI2djcuNG00LjEtNC40djExLjhtLTE0LjQtMTQgLjYgNi40bTQuMi0uNVYzNk01NTMuOS44djEwLjFtNC44LTEyLjEuNCA3LjJtLTEuNyA1LjctLjUgNy41bTguOC0xNC45LS43IDltMy4zLTE5LjkgMS44IDEwLjdtNS40LTcuOS41IDYuMW00LjMtOC45LS40IDEwLjVtMi40LjguNyA4LjZtNS40LTE1LjEtLjggOC43bTYuNS0zLjF2OW0tMi44LTE5LjQgMS4xIDYuOW0tMzEuMSAxNy44LTEuNSA4LjFtLTIuNiAyLjguMiA3bS0zLjEtMTQuOS0uNiA3LjJtMTUuNS0xOS42LjQgNy4ybTguMy0zLjEtLjYgNi40bS0xLjEtMTQuNS0uMiA1LjdtNy42IDUuMS0uMiA1LjltNS4xLTcuNS0uMyA4LjZNNjAwLjEtMWwtLjEgOW03LjUtOC4xLS43IDEyLjdtNy45LTE0Ljl2OS43bS0xNC43IDdWMjJtLTUuNC02LjUtLjMgNy44bS0xMi42LjUuMiA4LjltLTE1LjgtMTQuMnY3LjRtNi42LTEyLjItLjIgNy45bTUuMiA1LjV2OS4xbS0zLjUtMTMuNXY2LjhtLTYuMS0yLjItLjYgNy44bS00LjctMy4yLjcgNy44bS0xNi01LjYuMyA2LjNtLTUuMy0yLjYuNCA2LjhNNTM3LjMgMzF2Ny42bTM1LjMtNC42djcuMW0xOC43LTEyLjktLjYgOE02MjAuOSAxbDEuMSAxMS4zbTEyLjctNi0uNiA3LjZtLTYtNC45LjggNS41bTEyLjYtMS45djcuN20yLjgtMTEuNiAzLjMgOS42bTUuNy05LjMtLjIgMTIuNm0tNTMuMiA0LjguNCA4bTguNy0xNi0xLjEgOS43bTkuNC0xMS40IDEgMTAuNG0tMTEuNCAyMC44LjMtOS40bS0xNC45IDEwLjguNC04LjNtLTExLjUgOS0zLjEtMTAuMW00NS4xLTEyLjYtMS4zIDguMW0xMS40LTE1LjUuMiAzLjVtOS4xIDEwLjJMNjQ0IDI0bS0xNCAxLjZ2OG0yOC40LTIyLjIuMiA5LjZtNS0xMC45IDMuOSA2LjFtNi4xLTguOHY3LjltLTc2LjEgMzQgLjQtNi41bTIxLjIuOS0xLjMtNy43bS01LjMtOS44LS40IDEybS01MS41IDEwLjMtLjItN203LjYgOC4zLjItNi4xbTM1LjYtMzEuMi43IDEyLjJtLTE3LjEgMTQuNC0uNCA2LjNtLTEuMS0xOC4zLjcgNS40bS0zMi44IDE0LjR2LTcuMm04MS41LTQuMXYtN20tOC41IDEyLjEtLjQtNS45bTIxLjcuMi0uMi03LjRtOC40IDIuNC0xLjItNC43bTguOC44LTEuNC02LjZtLTM3LjktMy45djQuNSIvPjwvc3ZnPg==);
  background-size: cover;
  display: block;
  height: 80px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.template.doodle.page-wrapper.numbersShown .outer-page.multi-page .page:after {
  align-items: center;
  background: #fff;
  border: 1px solid #000;
  border-radius: 50%;
  color: #0462f6;
  display: inline-flex;
  height: 44px;
  justify-content: center;
  left: unset;
  right: 20px;
  text-align: right;
  top: 20px;
  width: 44px
}

.template.doodle .custom-footer {
  bottom: 0;
  color: #000;
  position: absolute;
  text-align: center;
  width: 100%
}

.template.doodle .custom-footer a,.template.doodle .custom-footer span {
  display: inline-block;
  overflow: hidden;
  padding: 0 10px 20px;
  text-align: center;
  text-overflow: ellipsis;
  vertical-align: top;
  width: 33.333%
}

.template.doodle .headline {
  color: #0462f6
}

.template.doodle .general-section {
  padding: 166px 0 0;
  width: 100%
}

.template.doodle .general-section .name {
  color: #0462f6;
  font-size: 35px;
  line-height: 40px;
  padding: 13px 46px clamp(1rem, calc(var(--templates-lh-base)*2), 3.5rem) 60px;
  text-align: center
}

.template.doodle .general-section .name span {
  font-size: inherit;
  line-height: inherit
}

.template.doodle .general-section .header-img {
  background-size: 100%;
  background: url(https://d1civoyjepycei.cloudfront.net/static/assets/bundle/media/doodle-header.b41c66de.svg) no-repeat;
  height: 246px;
  position: absolute;
  top: 0;
  width: 100%
}

.template.doodle .general-section .profile-text-wrapper {
  padding-left: 60px;
  padding-right: 46px;
  text-align: center
}

.template.doodle .general-section .profile-text-wrapper .profile-text {
  padding: 0
}

.template.doodle .hobbies.type-one .hobby,.template.doodle .social-link.type-two {
  width: 33.33%
}

.template.doodle .hobbies.type-one .hobby svg,.template.doodle .social-link.type-two svg {
  fill: #0462f6
}

.template.doodle .graphs.type-two .graph .graph-item .circle-gray {
  stroke: #a7a9ac
}

.template.doodle .graphs.type-two .graph .graph-item .circle {
  stroke: #0462f6
}

.template.doodle .skill {
  width: 100%
}

.template.doodle .skill-description-wrapper:not(.text) {
  align-items: center;
  display: flex
}

.template.doodle .skill-description-wrapper:not(.text) .skill-description {
  align-items: center;
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
  display: flex;
  height: 1px;
  position: relative;
  width: 100%;
  z-index: 1
}

.template.doodle .skill-description-wrapper:not(.text) .skill-description:after {
  background: #a7a9ac;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  top: clamp(1rem, calc(50% - 1px), 3.5rem);
  width: 100%;
  z-index: -1
}

.template.doodle .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.doodle .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.doodle .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.doodle .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.doodle .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #0462f6;
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
  height: 3px;
  position: absolute
}

.template.doodle .skill-description-wrapper:not(.text) .skill-description .progress-level-1:after,.template.doodle .skill-description-wrapper:not(.text) .skill-description .progress-level-2:after,.template.doodle .skill-description-wrapper:not(.text) .skill-description .progress-level-3:after,.template.doodle .skill-description-wrapper:not(.text) .skill-description .progress-level-4:after,.template.doodle .skill-description-wrapper:not(.text) .skill-description .progress-level-5:after {
  background: #000;
  border-radius: 50%;
  content: "";
  height: 10px;
  position: absolute;
  right: 0;
  top: -4px;
  width: 10px
}

.template.doodle .keyword .prefix,.template.doodle .skill-description-wrapper.text .skill-description {
  color: #0462f6
}

.template.doodle.bla .general-section .name,.template.doodle.bla .headline,.template.doodle.bla.page-wrapper .outer-page.multi-page .page:after {
  color: #000
}

.template.doodle.bla .hobbies.type-one .hobby svg,.template.doodle.bla .social-link.type-two svg {
  fill: #000
}

.template.doodle.bla .graphs.type-two .graph .graph-item .circle {
  stroke: #000
}

.template.doodle.bla .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.doodle.bla .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.doodle.bla .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.doodle.bla .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.doodle.bla .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #000
}

.template.doodle.bla .keyword .prefix,.template.doodle.bla .skill-description-wrapper.text .skill-description {
  color: #000
}

.template.doodle.blu .general-section .name,.template.doodle.blu .headline,.template.doodle.blu.page-wrapper .outer-page.multi-page .page:after {
  color: #0462f6
}

.template.doodle.blu .hobbies.type-one .hobby svg,.template.doodle.blu .social-link.type-two svg {
  fill: #0462f6
}

.template.doodle.blu .graphs.type-two .graph .graph-item .circle {
  stroke: #0462f6
}

.template.doodle.blu .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.doodle.blu .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.doodle.blu .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.doodle.blu .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.doodle.blu .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #0462f6
}

.template.doodle.blu .keyword .prefix,.template.doodle.blu .skill-description-wrapper.text .skill-description {
  color: #0462f6
}

.template.doodle.con-red .general-section .name,.template.doodle.con-red .headline,.template.doodle.con-red.page-wrapper .outer-page.multi-page .page:after {
  color: #f7410f
}

.template.doodle.con-red .hobbies.type-one .hobby svg,.template.doodle.con-red .social-link.type-two svg {
  fill: #f7410f
}

.template.doodle.con-red .graphs.type-two .graph .graph-item .circle {
  stroke: #f7410f
}

.template.doodle.con-red .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.doodle.con-red .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.doodle.con-red .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.doodle.con-red .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.doodle.con-red .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #f7410f
}

.template.doodle.con-red .keyword .prefix,.template.doodle.con-red .skill-description-wrapper.text .skill-description {
  color: #f7410f
}

.template.doodle.bro .general-section .name,.template.doodle.bro .headline,.template.doodle.bro.page-wrapper .outer-page.multi-page .page:after {
  color: #884f06
}

.template.doodle.bro .hobbies.type-one .hobby svg,.template.doodle.bro .social-link.type-two svg {
  fill: #884f06
}

.template.doodle.bro .graphs.type-two .graph .graph-item .circle {
  stroke: #884f06
}

.template.doodle.bro .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.doodle.bro .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.doodle.bro .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.doodle.bro .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.doodle.bro .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #884f06
}

.template.doodle.bro .keyword .prefix,.template.doodle.bro .skill-description-wrapper.text .skill-description {
  color: #884f06
}

.template.doodle.pur .general-section .name,.template.doodle.pur .headline,.template.doodle.pur.page-wrapper .outer-page.multi-page .page:after {
  color: #ab47bc
}

.template.doodle.pur .hobbies.type-one .hobby svg,.template.doodle.pur .social-link.type-two svg {
  fill: #ab47bc
}

.template.doodle.pur .graphs.type-two .graph .graph-item .circle {
  stroke: #ab47bc
}

.template.doodle.pur .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.doodle.pur .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.doodle.pur .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.doodle.pur .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.doodle.pur .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #ab47bc
}

.template.doodle.pur .keyword .prefix,.template.doodle.pur .skill-description-wrapper.text .skill-description {
  color: #ab47bc
}

.template.doodle.pin .general-section .name,.template.doodle.pin .headline,.template.doodle.pin.page-wrapper .outer-page.multi-page .page:after {
  color: #ef9a9a
}

.template.doodle.pin .hobbies.type-one .hobby svg,.template.doodle.pin .social-link.type-two svg {
  fill: #ef9a9a
}

.template.doodle.pin .graphs.type-two .graph .graph-item .circle {
  stroke: #ef9a9a
}

.template.doodle.pin .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.doodle.pin .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.doodle.pin .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.doodle.pin .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.doodle.pin .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #ef9a9a
}

.template.doodle.pin .keyword .prefix,.template.doodle.pin .skill-description-wrapper.text .skill-description {
  color: #ef9a9a
}

.template.doodle.grn .general-section .name,.template.doodle.grn .headline,.template.doodle.grn.page-wrapper .outer-page.multi-page .page:after {
  color: #369188
}

.template.doodle.grn .hobbies.type-one .hobby svg,.template.doodle.grn .social-link.type-two svg {
  fill: #369188
}

.template.doodle.grn .graphs.type-two .graph .graph-item .circle {
  stroke: #369188
}

.template.doodle.grn .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.doodle.grn .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.doodle.grn .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.doodle.grn .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.doodle.grn .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #369188
}

.template.doodle.grn .keyword .prefix,.template.doodle.grn .skill-description-wrapper.text .skill-description {
  color: #369188
}

.template.dotts .page {
  background: #fff;
  padding-bottom: 65px;
  position: relative
}

.template.dotts .page:not(.first-page) {
  padding-top: 39px
}

.template.dotts .page .top-ornament {
  bottom: 0;
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.template.dotts .page .top-ornament svg {
  fill: #0462f6;
  display: block;
  height: 100%;
  width: 100%
}

.template.dotts .page.first-page .background,.template.dotts .page:not(.first-page) .first-background {
  display: none
}

.template.dotts .left-column-render,.template.dotts .right-column-render {
  display: inline-block;
  vertical-align: top
}

.template.dotts .page>.left-col,.template.dotts .page>.left-column-render {
  padding-left: 48px;
  padding-right: 24px;
  width: clamp(1rem, calc(100% - 204px), 3.5rem);
}

.template.dotts .page>.right-col,.template.dotts .page>.right-column-render {
  padding-right: 42px;
  width: 204px
}

.template.dotts .headline {
  padding-left: 16px;
  position: relative;
  text-transform: uppercase
}

.template.dotts .headline .background-wrapper {
  overflow: visible;
  position: relative
}

.template.dotts .headline .background-wrapper:before {
  background: #000;
  border-radius: 50%;
  content: "";
  height: 10px;
  left: -16px;
  position: absolute;
  top: clamp(1rem, calc(50% - 5px), 3.5rem);
  width: 10px
}

.template.dotts .info-wrapper-icon .value {
  display: inline-flex;
  word-break: break-word
}

.template.dotts .general-section {
  align-items: center;
  display: flex;
  min-height: 193px;
  padding-top: 39px
}

.template.dotts .general-section .avatar,.template.dotts .general-section .name {
  display: inline-block
}

.template.dotts .general-section .name {
  color: #000;
  flex-grow: 1;
  font-size: 32px;
  line-height: 40px;
  text-align: center
}

.template.dotts .general-section .avatar {
  width: 204px
}

.template.dotts .general-section .avatar img {
  border-radius: 50%
}

.template.dotts .general-section.no-avatar .name {
  display: block;
  width: 100%
}

.template.dotts .graph,.template.dotts .hobby,.template.dotts .social-link {
  display: inline-flex;
  width: 33.333%
}

.template.dotts .hobby-name,.template.dotts .skill,.template.dotts .skill-name {
  width: 100%
}

.template.dotts .graphs {
  padding: 0
}

.template.dotts .csspie:first-of-type:after,.template.dotts .csspie:first-of-type:before {
  background-color: #000
}

.template.dotts .csspie:nth-of-type(2):after,.template.dotts .csspie:nth-of-type(2):before {
  background-color: grey
}

.template.dotts .value-wrapper {
  color: #fff
}

.template.dotts .keyword {
  margin: 0;
  width: 100%
}

.template.dotts.blu-whi .page {
  background: #fff
}

.template.dotts.blu-whi .page .top-ornament svg {
  fill: #0462f6
}

.template.dotts.red-whi .page {
  background: #fff
}

.template.dotts.red-whi .page .top-ornament svg {
  fill: #f7410f
}

.template.dotts.grn-whi .page {
  background: #fff
}

.template.dotts.grn-whi .page .top-ornament svg {
  fill: #369188
}

.template.dotts.yel-whi .page {
  background: #fff
}

.template.dotts.yel-whi .page .top-ornament svg {
  fill: #f7b94b
}

.template.dotts.pin-whi .page {
  background: #fff
}

.template.dotts.pin-whi .page .top-ornament svg {
  fill: #ef9a9a
}

.template.dotts.cya-whi .page {
  background: #fff
}

.template.dotts.cya-whi .page .top-ornament svg {
  fill: #3dbfed
}

.template.dotts.win-whi .page {
  background: #fff
}

.template.dotts.win-whi .page .top-ornament svg {
  fill: #961e27
}

.template.dotts.pur-whi .page {
  background: #fff
}

.template.dotts.pur-whi .page .top-ornament svg {
  fill: #ab47bc
}

.template.dotts.ste-whi .page {
  background: #fff
}

.template.dotts.ste-whi .page .top-ornament svg {
  fill: #517484
}

.template.dotts.oli-whi .page {
  background: #fff
}

.template.dotts.oli-whi .page .top-ornament svg {
  fill: #808626
}

.template.dotts.red-red .page {
  background: #f9ddc0
}

.template.dotts.red-red .page .top-ornament svg {
  fill: #f7410f
}

.template.dotts.cya-cya .page {
  background: #e5f9f9
}

.template.dotts.cya-cya .page .top-ornament svg {
  fill: #3dbfed
}

.template.dotts.gre-whi .page {
  background: #fff
}

.template.dotts.gre-whi .page .top-ornament svg {
  fill: #d8d8d8
}

.template.dotts.grn-grn .page {
  background: #c7ecc7
}

.template.dotts.grn-grn .page .top-ornament svg {
  fill: #369188
}

.template.dotts.yel-yel .page {
  background: #f9e8d2
}

.template.dotts.yel-yel .page .top-ornament svg {
  fill: #f7b94b
}

.template.double-decker.page-wrapper .outer-page.multi-page .page:after {
  padding-right: 54px;
  text-align: right
}

.letter.template.double-decker.page-wrapper .outer-page.multi-page .page:after {
  padding-right: 65px
}

.template.double-decker .page {
  background-color: #fff;
  padding-bottom: 39px;
  padding-top: 39px
}

.template.double-decker ol,.template.double-decker ul {
  margin-left: 16px
}

.template.double-decker .general-section,.template.double-decker .kickresume-section-wrapper {
  width: 100%
}

.template.double-decker .date {
  text-align: left
}

.template.double-decker .rich-text-area ol,.template.double-decker .rich-text-area ul {
  list-style-position: outside
}

.template.double-decker .headline {
  padding-left: 8px;
  position: relative
}

.template.double-decker .headline .text {
  color: #fff;
  position: relative;
  z-index: 0
}

.template.double-decker .headline .text:before {
  background: #ee4e34;
  content: "";
  height: clamp(1rem, calc(100% + 10px), 3.5rem);
  left: -10px;
  position: absolute;
  top: -5px;
  width: clamp(1rem, calc(100% + 20px), 3.5rem);
  z-index: -1
}

.template.double-decker .headline .text:after {
  background: #ee4e34;
  bottom: -5px;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  width: 700px
}

.template.double-decker .general-section {
  padding-bottom: var(--templates-lh-base)
}

.template.double-decker .general-section .profile-text {
  padding: 16px 0;
  position: relative
}

.template.double-decker .general-section .name {
  color: #000;
  font-size: 32px;
  line-height: 40px;
  padding-bottom: 16px;
  position: relative;
  text-align: left
}

.template.double-decker .general-section .name span {
  font-size: inherit;
  line-height: inherit;
  position: relative
}

.template.double-decker .general-section .name span:before {
  border-bottom: 5px solid #ee4e34;
  bottom: -10px;
  content: "";
  left: 0;
  position: absolute;
  width: 100%
}

.template.double-decker .general-section .name:after {
  border-bottom: 2px solid #ee4e34;
  bottom: 5px;
  content: "";
  left: 0;
  position: absolute;
  width: 100%
}

.template.double-decker .general-section .general-info-section {
  display: inline-block;
  padding-left: 20px;
  padding-top: 0;
  vertical-align: top;
  width: 75%
}

.template.double-decker .general-section .general-info-section .wrapper {
  padding-top: var(--templates-lh-base)
}

.template.double-decker .general-section .general-info-section .wrapper .info-wrapper {
  display: inline-flex;
  margin-right: 12px;
  position: relative
}

.template.double-decker .general-section .general-info-section .wrapper .info-wrapper .key {
  margin-right: 4px
}

.template.double-decker .general-section .general-info-section .wrapper .info-wrapper:not(:last-child):after {
  background: #000;
  border-radius: 50%;
  content: "";
  height: 4px;
  position: absolute;
  right: -8px;
  top: clamp(1rem, calc(50% - 2px), 3.5rem);
  width: 4px
}

.template.double-decker .general-section .general-info-section.no-avatar {
  text-align: center;
  width: 100%
}

.template.double-decker .general-section .general-info-section.no-avatar .general-info-section {
  padding-left: 0
}

.template.double-decker .general-section .general-info-section.no-avatar .avatar {
  display: none
}

.template.double-decker .general-section .general-info-section.no-avatar .name {
  text-align: center
}

.template.double-decker .general-section .avatar {
  display: inline-block;
  width: 160px
}

.template.double-decker .general-section .avatar .thumbnail,.template.double-decker .general-section .avatar .thumbnail img {
  height: 144px;
  width: 132px
}

.template.double-decker .hobby,.template.double-decker .social-link {
  width: 25%
}

.template.double-decker .hobby svg,.template.double-decker .social-link svg {
  fill: #ee4e34
}

.template.double-decker .skill-category-name,.template.double-decker .skill-description-wrapper.text .skill-description {
  text-transform: uppercase
}

.template.double-decker .skill-category {
  padding-left: 8px
}

.template.double-decker .graph,.template.double-decker .hobby {
  width: 25%
}

.template.double-decker .csspie:first-of-type:after,.template.double-decker .csspie:first-of-type:before {
  background-color: #ee4e34
}

.template.double-decker .csspie:nth-of-type(2):after,.template.double-decker .csspie:nth-of-type(2):before {
  background-color: #fff
}

.template.double-decker .value-wrapper {
  color: #000
}

.template.double-decker .skill-section.type-one .skill {
  padding-right: 16px;
  width: 50%
}

.template.double-decker .skill-description-wrapper:not(.text) {
  align-items: center;
  display: flex
}

.template.double-decker .skill-description-wrapper:not(.text) .skill-description {
  align-items: center;
  background: #000;
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
  display: flex;
  height: 2px;
  position: relative;
  width: 100%
}

.template.double-decker .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.double-decker .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.double-decker .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.double-decker .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.double-decker .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #000;
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
  height: 4px;
  position: absolute
}

.template.double-decker .skill-description-wrapper:not(.text) .skill-description .progress-level-1:after,.template.double-decker .skill-description-wrapper:not(.text) .skill-description .progress-level-2:after,.template.double-decker .skill-description-wrapper:not(.text) .skill-description .progress-level-3:after,.template.double-decker .skill-description-wrapper:not(.text) .skill-description .progress-level-4:after,.template.double-decker .skill-description-wrapper:not(.text) .skill-description .progress-level-5:after {
  background: #ee4e34;
  border-radius: 50%;
  content: "";
  height: 10px;
  position: absolute;
  right: 0;
  top: -3px;
  width: 10px
}

.template.double-decker .keyword .text {
  position: relative
}

.template.double-decker .keyword .text:after {
  background: #ee4e34;
  bottom: -2px;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  width: 100%
}

.template.double-decker.red-whi .page {
  background-color: #fff
}

.template.double-decker.red-whi .headline .text {
  color: #fff
}

.template.double-decker.red-whi .headline .text:after,.template.double-decker.red-whi .headline .text:before {
  background: #ee4e34
}

.template.double-decker.red-whi .general-section .name span:before,.template.double-decker.red-whi .general-section .name:after {
  border-bottom-color: #ee4e34
}

.template.double-decker.red-whi .hobby svg,.template.double-decker.red-whi .social-link svg {
  fill: #ee4e34
}

.template.double-decker.red-whi .csspie:first-of-type:after,.template.double-decker.red-whi .csspie:first-of-type:before {
  background-color: #ee4e34
}

.template.double-decker.red-whi .csspie:nth-of-type(2):after,.template.double-decker.red-whi .csspie:nth-of-type(2):before {
  background-color: #fff
}

.template.double-decker.red-whi .value-wrapper {
  color: #000
}

.template.double-decker.red-whi .keyword .text:after,.template.double-decker.red-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-1:after,.template.double-decker.red-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-2:after,.template.double-decker.red-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-3:after,.template.double-decker.red-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-4:after,.template.double-decker.red-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-5:after {
  background: #ee4e34
}

.template.double-decker.blu-whi .page {
  background-color: #fff
}

.template.double-decker.blu-whi .headline .text {
  color: #fff
}

.template.double-decker.blu-whi .headline .text:after,.template.double-decker.blu-whi .headline .text:before {
  background: #0462f6
}

.template.double-decker.blu-whi .general-section .name span:before,.template.double-decker.blu-whi .general-section .name:after {
  border-bottom-color: #0462f6
}

.template.double-decker.blu-whi .hobby svg,.template.double-decker.blu-whi .social-link svg {
  fill: #0462f6
}

.template.double-decker.blu-whi .csspie:first-of-type:after,.template.double-decker.blu-whi .csspie:first-of-type:before {
  background-color: #0462f6
}

.template.double-decker.blu-whi .csspie:nth-of-type(2):after,.template.double-decker.blu-whi .csspie:nth-of-type(2):before {
  background-color: #fff
}

.template.double-decker.blu-whi .value-wrapper {
  color: #000
}

.template.double-decker.blu-whi .keyword .text:after,.template.double-decker.blu-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-1:after,.template.double-decker.blu-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-2:after,.template.double-decker.blu-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-3:after,.template.double-decker.blu-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-4:after,.template.double-decker.blu-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-5:after {
  background: #0462f6
}

.template.double-decker.grn-whi .page {
  background-color: #fff
}

.template.double-decker.grn-whi .headline .text {
  color: #fff
}

.template.double-decker.grn-whi .headline .text:after,.template.double-decker.grn-whi .headline .text:before {
  background: #24e0a2
}

.template.double-decker.grn-whi .general-section .name span:before,.template.double-decker.grn-whi .general-section .name:after {
  border-bottom-color: #24e0a2
}

.template.double-decker.grn-whi .hobby svg,.template.double-decker.grn-whi .social-link svg {
  fill: #24e0a2
}

.template.double-decker.grn-whi .csspie:first-of-type:after,.template.double-decker.grn-whi .csspie:first-of-type:before {
  background-color: #24e0a2
}

.template.double-decker.grn-whi .csspie:nth-of-type(2):after,.template.double-decker.grn-whi .csspie:nth-of-type(2):before {
  background-color: #fff
}

.template.double-decker.grn-whi .value-wrapper {
  color: #000
}

.template.double-decker.grn-whi .keyword .text:after,.template.double-decker.grn-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-1:after,.template.double-decker.grn-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-2:after,.template.double-decker.grn-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-3:after,.template.double-decker.grn-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-4:after,.template.double-decker.grn-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-5:after {
  background: #24e0a2
}

.template.double-decker.yel-whi .page {
  background-color: #fff
}

.template.double-decker.yel-whi .headline .text {
  color: #fff
}

.template.double-decker.yel-whi .headline .text:after,.template.double-decker.yel-whi .headline .text:before {
  background: #f7b94b
}

.template.double-decker.yel-whi .general-section .name span:before,.template.double-decker.yel-whi .general-section .name:after {
  border-bottom-color: #f7b94b
}

.template.double-decker.yel-whi .hobby svg,.template.double-decker.yel-whi .social-link svg {
  fill: #f7b94b
}

.template.double-decker.yel-whi .csspie:first-of-type:after,.template.double-decker.yel-whi .csspie:first-of-type:before {
  background-color: #f7b94b
}

.template.double-decker.yel-whi .csspie:nth-of-type(2):after,.template.double-decker.yel-whi .csspie:nth-of-type(2):before {
  background-color: #fff
}

.template.double-decker.yel-whi .value-wrapper {
  color: #000
}

.template.double-decker.yel-whi .keyword .text:after,.template.double-decker.yel-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-1:after,.template.double-decker.yel-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-2:after,.template.double-decker.yel-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-3:after,.template.double-decker.yel-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-4:after,.template.double-decker.yel-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-5:after {
  background: #f7b94b
}

.template.double-decker.old-pin-whi .page {
  background-color: #fff
}

.template.double-decker.old-pin-whi .headline .text {
  color: #fff
}

.template.double-decker.old-pin-whi .headline .text:after,.template.double-decker.old-pin-whi .headline .text:before {
  background: #ef9a9a
}

.template.double-decker.old-pin-whi .general-section .name span:before,.template.double-decker.old-pin-whi .general-section .name:after {
  border-bottom-color: #ef9a9a
}

.template.double-decker.old-pin-whi .hobby svg,.template.double-decker.old-pin-whi .social-link svg {
  fill: #ef9a9a
}

.template.double-decker.old-pin-whi .csspie:first-of-type:after,.template.double-decker.old-pin-whi .csspie:first-of-type:before {
  background-color: #ef9a9a
}

.template.double-decker.old-pin-whi .csspie:nth-of-type(2):after,.template.double-decker.old-pin-whi .csspie:nth-of-type(2):before {
  background-color: #fff
}

.template.double-decker.old-pin-whi .value-wrapper {
  color: #000
}

.template.double-decker.old-pin-whi .keyword .text:after,.template.double-decker.old-pin-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-1:after,.template.double-decker.old-pin-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-2:after,.template.double-decker.old-pin-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-3:after,.template.double-decker.old-pin-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-4:after,.template.double-decker.old-pin-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-5:after {
  background: #ef9a9a
}

.template.double-decker.cya-whi .page {
  background-color: #fff
}

.template.double-decker.cya-whi .headline .text {
  color: #fff
}

.template.double-decker.cya-whi .headline .text:after,.template.double-decker.cya-whi .headline .text:before {
  background: #3dbfed
}

.template.double-decker.cya-whi .general-section .name span:before,.template.double-decker.cya-whi .general-section .name:after {
  border-bottom-color: #3dbfed
}

.template.double-decker.cya-whi .hobby svg,.template.double-decker.cya-whi .social-link svg {
  fill: #3dbfed
}

.template.double-decker.cya-whi .csspie:first-of-type:after,.template.double-decker.cya-whi .csspie:first-of-type:before {
  background-color: #3dbfed
}

.template.double-decker.cya-whi .csspie:nth-of-type(2):after,.template.double-decker.cya-whi .csspie:nth-of-type(2):before {
  background-color: #fff
}

.template.double-decker.cya-whi .value-wrapper {
  color: #000
}

.template.double-decker.cya-whi .keyword .text:after,.template.double-decker.cya-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-1:after,.template.double-decker.cya-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-2:after,.template.double-decker.cya-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-3:after,.template.double-decker.cya-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-4:after,.template.double-decker.cya-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-5:after {
  background: #3dbfed
}

.template.double-decker.ste-whi .page {
  background-color: #fff
}

.template.double-decker.ste-whi .headline .text {
  color: #fff
}

.template.double-decker.ste-whi .headline .text:after,.template.double-decker.ste-whi .headline .text:before {
  background: #9bbfcc
}

.template.double-decker.ste-whi .general-section .name span:before,.template.double-decker.ste-whi .general-section .name:after {
  border-bottom-color: #9bbfcc
}

.template.double-decker.ste-whi .hobby svg,.template.double-decker.ste-whi .social-link svg {
  fill: #9bbfcc
}

.template.double-decker.ste-whi .csspie:first-of-type:after,.template.double-decker.ste-whi .csspie:first-of-type:before {
  background-color: #9bbfcc
}

.template.double-decker.ste-whi .csspie:nth-of-type(2):after,.template.double-decker.ste-whi .csspie:nth-of-type(2):before {
  background-color: #fff
}

.template.double-decker.ste-whi .value-wrapper {
  color: #000
}

.template.double-decker.ste-whi .keyword .text:after,.template.double-decker.ste-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-1:after,.template.double-decker.ste-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-2:after,.template.double-decker.ste-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-3:after,.template.double-decker.ste-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-4:after,.template.double-decker.ste-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-5:after {
  background: #9bbfcc
}

.template.double-decker.bro-whi .page {
  background-color: #fff
}

.template.double-decker.bro-whi .headline .text {
  color: #fff
}

.template.double-decker.bro-whi .headline .text:after,.template.double-decker.bro-whi .headline .text:before {
  background: #b5a09a
}

.template.double-decker.bro-whi .general-section .name span:before,.template.double-decker.bro-whi .general-section .name:after {
  border-bottom-color: #b5a09a
}

.template.double-decker.bro-whi .hobby svg,.template.double-decker.bro-whi .social-link svg {
  fill: #b5a09a
}

.template.double-decker.bro-whi .csspie:first-of-type:after,.template.double-decker.bro-whi .csspie:first-of-type:before {
  background-color: #b5a09a
}

.template.double-decker.bro-whi .csspie:nth-of-type(2):after,.template.double-decker.bro-whi .csspie:nth-of-type(2):before {
  background-color: #fff
}

.template.double-decker.bro-whi .value-wrapper {
  color: #000
}

.template.double-decker.bro-whi .keyword .text:after,.template.double-decker.bro-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-1:after,.template.double-decker.bro-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-2:after,.template.double-decker.bro-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-3:after,.template.double-decker.bro-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-4:after,.template.double-decker.bro-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-5:after {
  background: #b5a09a
}

.template.double-decker.pin-whi .page {
  background-color: #fff
}

.template.double-decker.pin-whi .headline .text {
  color: #fff
}

.template.double-decker.pin-whi .headline .text:after,.template.double-decker.pin-whi .headline .text:before {
  background: #ee699b
}

.template.double-decker.pin-whi .general-section .name span:before,.template.double-decker.pin-whi .general-section .name:after {
  border-bottom-color: #ee699b
}

.template.double-decker.pin-whi .hobby svg,.template.double-decker.pin-whi .social-link svg {
  fill: #ee699b
}

.template.double-decker.pin-whi .csspie:first-of-type:after,.template.double-decker.pin-whi .csspie:first-of-type:before {
  background-color: #ee699b
}

.template.double-decker.pin-whi .csspie:nth-of-type(2):after,.template.double-decker.pin-whi .csspie:nth-of-type(2):before {
  background-color: #fff
}

.template.double-decker.pin-whi .value-wrapper {
  color: #000
}

.template.double-decker.pin-whi .keyword .text:after,.template.double-decker.pin-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-1:after,.template.double-decker.pin-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-2:after,.template.double-decker.pin-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-3:after,.template.double-decker.pin-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-4:after,.template.double-decker.pin-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-5:after {
  background: #ee699b
}

.template.double-decker.gre-whi .page {
  background-color: #fff
}

.template.double-decker.gre-whi .headline .text {
  color: #fff
}

.template.double-decker.gre-whi .headline .text:after,.template.double-decker.gre-whi .headline .text:before {
  background: #d8d8d8
}

.template.double-decker.gre-whi .general-section .name span:before,.template.double-decker.gre-whi .general-section .name:after {
  border-bottom-color: #d8d8d8
}

.template.double-decker.gre-whi .hobby svg,.template.double-decker.gre-whi .social-link svg {
  fill: #d8d8d8
}

.template.double-decker.gre-whi .csspie:first-of-type:after,.template.double-decker.gre-whi .csspie:first-of-type:before {
  background-color: #d8d8d8
}

.template.double-decker.gre-whi .csspie:nth-of-type(2):after,.template.double-decker.gre-whi .csspie:nth-of-type(2):before {
  background-color: #fff
}

.template.double-decker.gre-whi .value-wrapper {
  color: #000
}

.template.double-decker.gre-whi .keyword .text:after,.template.double-decker.gre-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-1:after,.template.double-decker.gre-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-2:after,.template.double-decker.gre-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-3:after,.template.double-decker.gre-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-4:after,.template.double-decker.gre-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-5:after {
  background: #d8d8d8
}

.template.double-decker.red-red .page {
  background-color: #f9ddc0
}

.template.double-decker.red-red .headline .text {
  color: #f9ddc0
}

.template.double-decker.red-red .headline .text:after,.template.double-decker.red-red .headline .text:before {
  background: #ee4e34
}

.template.double-decker.red-red .general-section .name span:before,.template.double-decker.red-red .general-section .name:after {
  border-bottom-color: #ee4e34
}

.template.double-decker.red-red .hobby svg,.template.double-decker.red-red .social-link svg {
  fill: #ee4e34
}

.template.double-decker.red-red .csspie:first-of-type:after,.template.double-decker.red-red .csspie:first-of-type:before {
  background-color: #ee4e34
}

.template.double-decker.red-red .csspie:nth-of-type(2):after,.template.double-decker.red-red .csspie:nth-of-type(2):before {
  background-color: #f9ddc0
}

.template.double-decker.red-red .value-wrapper {
  color: #000
}

.template.double-decker.red-red .keyword .text:after,.template.double-decker.red-red .skill-description-wrapper:not(.text) .skill-description .progress-level-1:after,.template.double-decker.red-red .skill-description-wrapper:not(.text) .skill-description .progress-level-2:after,.template.double-decker.red-red .skill-description-wrapper:not(.text) .skill-description .progress-level-3:after,.template.double-decker.red-red .skill-description-wrapper:not(.text) .skill-description .progress-level-4:after,.template.double-decker.red-red .skill-description-wrapper:not(.text) .skill-description .progress-level-5:after {
  background: #ee4e34
}

.template.double-decker.blu-cya .page {
  background-color: #e5f9f9
}

.template.double-decker.blu-cya .headline .text {
  color: #e5f9f9
}

.template.double-decker.blu-cya .headline .text:after,.template.double-decker.blu-cya .headline .text:before {
  background: #0462f6
}

.template.double-decker.blu-cya .general-section .name span:before,.template.double-decker.blu-cya .general-section .name:after {
  border-bottom-color: #0462f6
}

.template.double-decker.blu-cya .hobby svg,.template.double-decker.blu-cya .social-link svg {
  fill: #0462f6
}

.template.double-decker.blu-cya .csspie:first-of-type:after,.template.double-decker.blu-cya .csspie:first-of-type:before {
  background-color: #0462f6
}

.template.double-decker.blu-cya .csspie:nth-of-type(2):after,.template.double-decker.blu-cya .csspie:nth-of-type(2):before {
  background-color: #e5f9f9
}

.template.double-decker.blu-cya .value-wrapper {
  color: #000
}

.template.double-decker.blu-cya .keyword .text:after,.template.double-decker.blu-cya .skill-description-wrapper:not(.text) .skill-description .progress-level-1:after,.template.double-decker.blu-cya .skill-description-wrapper:not(.text) .skill-description .progress-level-2:after,.template.double-decker.blu-cya .skill-description-wrapper:not(.text) .skill-description .progress-level-3:after,.template.double-decker.blu-cya .skill-description-wrapper:not(.text) .skill-description .progress-level-4:after,.template.double-decker.blu-cya .skill-description-wrapper:not(.text) .skill-description .progress-level-5:after {
  background: #0462f6
}

.template.english.page-wrapper .outer-page.multi-page .page:after {
  padding-right: 54px;
  text-align: right
}

.letter.template.english.page-wrapper .outer-page.multi-page .page:after {
  padding-right: 65px
}

.template.english ol,.template.english ul {
  list-style: inside
}

.template.english .page {
  padding-bottom: 39px;
  padding-top: 39px
}

.template.english .general-section,.template.english .kickresume-section-wrapper {
  width: 100%
}

.template.english .date {
  text-align: left
}

.template.english .headline {
  padding-left: 8px;
  position: relative
}

.template.english .headline .text {
  background: #fff;
  color: #000;
  position: relative
}

.template.english .headline:after {
  border-bottom: 2px solid #c1c1c1;
  content: "";
  left: 0;
  position: absolute;
  top: 83%;
  width: 100%
}

.template.english .general-section {
  padding-bottom: var(--templates-lh-base)
}

.template.english .general-section .profile-text {
  padding-top: var(--templates-lh-base);
  position: relative
}

.template.english .general-section .name {
  color: #000;
  font-size: 32px;
  line-height: 40px;
  padding-bottom: var(--templates-lh-base);
  position: relative;
  text-align: left
}

.template.english .general-section .name span {
  font-size: inherit;
  line-height: inherit
}

.template.english .general-section .name:after {
  border-bottom: 2px solid #c1c1c1;
  bottom: 5px;
  content: "";
  left: 0;
  position: absolute;
  width: 100%
}

.template.english .general-section .general-info-section {
  display: inline-block;
  padding-left: 20px;
  padding-top: 0;
  vertical-align: top;
  width: 75%
}

.template.english .general-section .general-info-section .wrapper {
  padding-top: var(--templates-lh-base)
}

.template.english .general-section .general-info-section .wrapper .info-wrapper {
  display: inline-flex;
  margin-right: 8px
}

.template.english .general-section .general-info-section .wrapper .info-wrapper .key {
  margin-right: 4px
}

.template.english .general-section .general-info-section.no-avatar {
  padding-left: 0;
  width: 100%
}

.template.english .general-section .general-info-section.no-avatar .avatar {
  display: none
}

.template.english .general-section .general-info-section i {
  font-size: 6px;
  margin-left: 5px;
  margin-right: 5px
}

.template.english .general-section .avatar {
  display: inline-block;
  width: 160px
}

.template.english .general-section .avatar .thumbnail,.template.english .general-section .avatar .thumbnail img {
  height: 144px;
  width: 132px
}

.template.english .general-section.no-avatar .general-info-box,.template.english .general-section.no-avatar .name {
  padding-left: 8px;
  padding-right: 8px
}

.template.english .hobby,.template.english .social-link {
  width: 25%
}

.template.english .keyword .text {
  position: relative
}

.template.english .keyword .text:after {
  background: #000;
  bottom: -4px;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  width: 100%
}

.template.english .graphs.type-three .graph,.template.english .skill {
  display: inline-block;
  padding-right: 16px;
  width: 50%
}

.template.english .graphs.type-three .graph .graph-value,.template.english .skill .graph-value {
  border: 2px solid #000
}

.template.english .skill-description-wrapper:not(.text) .skill-description {
  background: transparent;
  border: 2px solid #000;
  position: relative
}

.template.english .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.english .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.english .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.english .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.english .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background: #000;
  display: block;
  height: 16px
}

.template.english.whi .page {
  background-color: #fff
}

.template.english.whi .headline .text {
  background: #fff
}

.template.english.ful-red .page {
  background-color: #f9ddc0
}

.template.english.ful-red .headline .text {
  background: #f9ddc0
}

.template.english.blu .page {
  background-color: #e5f9f9
}

.template.english.blu .headline .text {
  background: #e5f9f9
}

.template.english.yel .page {
  background-color: #f9e8d2
}

.template.english.yel .headline .text {
  background: #f9e8d2
}

.template.english.grn .page {
  background-color: #daf2da
}

.template.english.grn .headline .text {
  background: #daf2da
}

.template.english.pin .page {
  background-color: #fce6e6
}

.template.english.pin .headline .text {
  background: #fce6e6
}

.template.europe.page-wrapper .outer-page.multi-page .page.first-page:after {
  padding-right: 40px;
  text-align: right
}

.letter.template.europe.page-wrapper .outer-page.multi-page .page.first-page:after {
  padding-right: 52px
}

.template.europe .page {
  padding-bottom: 39px;
  padding-top: 39px
}

.template.europe .page:after {
  color: #0462f6
}

.template.europe .ios-section-wrapper {
  position: relative;
  width: 100%
}

.template.europe .general-section,.template.europe .kickresume-section-wrapper {
  display: flex;
  width: 100%
}

.template.europe .headline {
  color: #1e3892;
  justify-content: flex-end;
  min-width: 126px;
  position: relative;
  text-align: right;
  vertical-align: top;
  width: 126px;
  z-index: 1
}

.template.europe .section-right-col {
  width: clamp(1rem, calc(100% - 126px), 3.5rem);
}

.template.europe .kickresume-section-wrapper {
  position: relative
}

.template.europe .kickresume-section-wrapper:before {
  background: #0462f6;
  content: "";
  height: 1px;
  left: 152px;
  position: absolute;
  top: -13px;
  width: clamp(1rem, calc(100% - 152px), 3.5rem);
}

.template.europe .general-section {
  flex-direction: column;
  position: relative
}

.template.europe .general-section,.template.europe .general-section .general-headline-wrapper {
  display: flex;
  padding-bottom: clamp(1rem, calc(var(--templates-lh-base)*2), 3.5rem);
}

.template.europe .general-section .general-headline-wrapper .avatar {
  margin-left: 6px
}

.template.europe .general-section .general-headline-wrapper .name {
  color: #0462f6;
  flex-grow: 1;
  font-size: 30px;
  line-height: 40px;
  padding-left: 26px
}

.template.europe .general-section .general-headline-wrapper.no-avatar .name {
  padding-left: 152px
}

.template.europe .general-section .general-info-wrapper {
  align-items: flex-start;
  display: flex
}

.template.europe .general-section .general-info-wrapper .general-info {
  flex-grow: 1;
  padding-left: 26px
}

.template.europe .general-section .general-info-wrapper .general-info .info-wrapper-icon {
  display: inline-flex;
  margin-right: 8px
}

.template.europe .general-section .general-info-wrapper .background-wrapper {
  text-align: right
}

.template.europe .experience-info {
  display: flex;
  flex-wrap: wrap
}

.template.europe .experience-info .position,.template.europe .experience-info .publication-name {
  order: 1
}

.template.europe .experience-info .company-name,.template.europe .experience-info .publisher {
  order: 2
}

.template.europe .experience-info .date {
  order: 3
}

.template.europe .experience-info .url {
  order: 4
}

.template.europe .experience-info>div {
  width: 100%
}

.template.europe .experience-item .date,.template.europe .skill-category-name {
  fill: #0462f6;
  color: #0462f6
}

.template.europe .hobby svg,.template.europe .social-link svg {
  fill: #0462f6
}

.template.europe .graph,.template.europe .hobby,.template.europe .skill,.template.europe .social-link {
  display: inline-flex;
  width: 33.333%
}

.template.europe .graphs {
  padding: 0
}

.template.europe .csspie:first-of-type:after,.template.europe .csspie:first-of-type:before {
  background-color: #0462f6
}

.template.europe .csspie:nth-of-type(2):after,.template.europe .csspie:nth-of-type(2):before {
  background-color: #1e3892
}

.template.europe .value-wrapper {
  color: #fff
}

.template.europe .skill-section.type-one .skill .skill-description-wrapper:not(.text) div i {
  background: #fff;
  border: 1px solid #0462f6;
  border-radius: 50%;
  height: 8px;
  width: 8px
}

.template.europe .skill-section.type-one .skill .skill-description-wrapper:not(.text) div i.active {
  background: #1e3892;
  border: none
}

.template.europe .skill-section.type-one .skill .skill-description-wrapper.text {
  color: #1e3892
}

.template.europe .keyword .keyword-text-wrapper {
  background-color: #0462f6;
  border-radius: 0;
  color: #fff
}

.template.europe.blu-blu .page:after {
  color: #0462f6
}

.template.europe.blu-blu .headline {
  color: #1e3892
}

.template.europe.blu-blu .kickresume-section-wrapper:before {
  background: #0462f6
}

.template.europe.blu-blu .general-section .general-headline-wrapper .name {
  color: #0462f6
}

.template.europe.blu-blu .experience-item .date,.template.europe.blu-blu .skill-category-name {
  fill: #0462f6;
  color: #0462f6
}

.template.europe.blu-blu .hobby svg,.template.europe.blu-blu .social-link svg {
  fill: #0462f6
}

.template.europe.blu-blu .csspie:first-of-type:after,.template.europe.blu-blu .csspie:first-of-type:before {
  background-color: #0462f6
}

.template.europe.blu-blu .csspie:nth-of-type(2):after,.template.europe.blu-blu .csspie:nth-of-type(2):before {
  background-color: #1e3892
}

.template.europe.blu-blu .value-wrapper {
  color: #fff
}

.template.europe.blu-blu .skill-section.type-one .skill .skill-description-wrapper:not(.text) div i {
  border-color: #0462f6
}

.template.europe.blu-blu .skill-section.type-one .skill .skill-description-wrapper:not(.text) div i.active {
  background: #1e3892
}

.template.europe.blu-blu .skill-section.type-one .skill .skill-description-wrapper.text {
  color: #1e3892
}

.template.europe.blu-blu .keyword .keyword-text-wrapper {
  background-color: #0462f6
}

.template.europe.pin-win .page:after {
  color: #ef9a9a
}

.template.europe.pin-win .headline {
  color: #961e27
}

.template.europe.pin-win .kickresume-section-wrapper:before {
  background: #ef9a9a
}

.template.europe.pin-win .general-section .general-headline-wrapper .name {
  color: #ef9a9a
}

.template.europe.pin-win .experience-item .date,.template.europe.pin-win .skill-category-name {
  fill: #ef9a9a;
  color: #ef9a9a
}

.template.europe.pin-win .hobby svg,.template.europe.pin-win .social-link svg {
  fill: #ef9a9a
}

.template.europe.pin-win .csspie:first-of-type:after,.template.europe.pin-win .csspie:first-of-type:before {
  background-color: #ef9a9a
}

.template.europe.pin-win .csspie:nth-of-type(2):after,.template.europe.pin-win .csspie:nth-of-type(2):before {
  background-color: #961e27
}

.template.europe.pin-win .value-wrapper {
  color: #fff
}

.template.europe.pin-win .skill-section.type-one .skill .skill-description-wrapper:not(.text) div i {
  border-color: #ef9a9a
}

.template.europe.pin-win .skill-section.type-one .skill .skill-description-wrapper:not(.text) div i.active {
  background: #961e27
}

.template.europe.pin-win .skill-section.type-one .skill .skill-description-wrapper.text {
  color: #961e27
}

.template.europe.pin-win .keyword .keyword-text-wrapper {
  background-color: #ef9a9a
}

.template.europe.min-grn .page:after {
  color: #67dfc2
}

.template.europe.min-grn .headline {
  color: #369188
}

.template.europe.min-grn .kickresume-section-wrapper:before {
  background: #67dfc2
}

.template.europe.min-grn .general-section .general-headline-wrapper .name {
  color: #67dfc2
}

.template.europe.min-grn .experience-item .date,.template.europe.min-grn .skill-category-name {
  fill: #67dfc2;
  color: #67dfc2
}

.template.europe.min-grn .hobby svg,.template.europe.min-grn .social-link svg {
  fill: #67dfc2
}

.template.europe.min-grn .csspie:first-of-type:after,.template.europe.min-grn .csspie:first-of-type:before {
  background-color: #67dfc2
}

.template.europe.min-grn .csspie:nth-of-type(2):after,.template.europe.min-grn .csspie:nth-of-type(2):before {
  background-color: #369188
}

.template.europe.min-grn .value-wrapper {
  color: #fff
}

.template.europe.min-grn .skill-section.type-one .skill .skill-description-wrapper:not(.text) div i {
  border-color: #67dfc2
}

.template.europe.min-grn .skill-section.type-one .skill .skill-description-wrapper:not(.text) div i.active {
  background: #369188
}

.template.europe.min-grn .skill-section.type-one .skill .skill-description-wrapper.text {
  color: #369188
}

.template.europe.min-grn .keyword .keyword-text-wrapper {
  background-color: #67dfc2
}

.template.europe.oli-bro .page:after {
  color: #808626
}

.template.europe.oli-bro .headline {
  color: #6d4c41
}

.template.europe.oli-bro .kickresume-section-wrapper:before {
  background: #808626
}

.template.europe.oli-bro .general-section .general-headline-wrapper .name {
  color: #808626
}

.template.europe.oli-bro .experience-item .date,.template.europe.oli-bro .skill-category-name {
  fill: #808626;
  color: #808626
}

.template.europe.oli-bro .hobby svg,.template.europe.oli-bro .social-link svg {
  fill: #808626
}

.template.europe.oli-bro .csspie:first-of-type:after,.template.europe.oli-bro .csspie:first-of-type:before {
  background-color: #808626
}

.template.europe.oli-bro .csspie:nth-of-type(2):after,.template.europe.oli-bro .csspie:nth-of-type(2):before {
  background-color: #6d4c41
}

.template.europe.oli-bro .value-wrapper {
  color: #fff
}

.template.europe.oli-bro .skill-section.type-one .skill .skill-description-wrapper:not(.text) div i {
  border-color: #808626
}

.template.europe.oli-bro .skill-section.type-one .skill .skill-description-wrapper:not(.text) div i.active {
  background: #6d4c41
}

.template.europe.oli-bro .skill-section.type-one .skill .skill-description-wrapper.text {
  color: #6d4c41
}

.template.europe.oli-bro .keyword .keyword-text-wrapper {
  background-color: #808626
}

.template.europe.blu-pur .page:after {
  color: #366af6
}

.template.europe.blu-pur .headline {
  color: #ab47bc
}

.template.europe.blu-pur .kickresume-section-wrapper:before {
  background: #366af6
}

.template.europe.blu-pur .general-section .general-headline-wrapper .name {
  color: #366af6
}

.template.europe.blu-pur .experience-item .date,.template.europe.blu-pur .skill-category-name {
  fill: #366af6;
  color: #366af6
}

.template.europe.blu-pur .hobby svg,.template.europe.blu-pur .social-link svg {
  fill: #366af6
}

.template.europe.blu-pur .csspie:first-of-type:after,.template.europe.blu-pur .csspie:first-of-type:before {
  background-color: #366af6
}

.template.europe.blu-pur .csspie:nth-of-type(2):after,.template.europe.blu-pur .csspie:nth-of-type(2):before {
  background-color: #ab47bc
}

.template.europe.blu-pur .value-wrapper {
  color: #fff
}

.template.europe.blu-pur .skill-section.type-one .skill .skill-description-wrapper:not(.text) div i {
  border-color: #366af6
}

.template.europe.blu-pur .skill-section.type-one .skill .skill-description-wrapper:not(.text) div i.active {
  background: #ab47bc
}

.template.europe.blu-pur .skill-section.type-one .skill .skill-description-wrapper.text {
  color: #ab47bc
}

.template.europe.blu-pur .keyword .keyword-text-wrapper {
  background-color: #366af6
}

.template.europe.cya-red .page:after {
  color: #3dbfed
}

.template.europe.cya-red .headline {
  color: #ee4e34
}

.template.europe.cya-red .kickresume-section-wrapper:before {
  background: #3dbfed
}

.template.europe.cya-red .general-section .general-headline-wrapper .name {
  color: #3dbfed
}

.template.europe.cya-red .experience-item .date,.template.europe.cya-red .skill-category-name {
  fill: #3dbfed;
  color: #3dbfed
}

.template.europe.cya-red .hobby svg,.template.europe.cya-red .social-link svg {
  fill: #3dbfed
}

.template.europe.cya-red .csspie:first-of-type:after,.template.europe.cya-red .csspie:first-of-type:before {
  background-color: #3dbfed
}

.template.europe.cya-red .csspie:nth-of-type(2):after,.template.europe.cya-red .csspie:nth-of-type(2):before {
  background-color: #ee4e34
}

.template.europe.cya-red .value-wrapper {
  color: #fff
}

.template.europe.cya-red .skill-section.type-one .skill .skill-description-wrapper:not(.text) div i {
  border-color: #3dbfed
}

.template.europe.cya-red .skill-section.type-one .skill .skill-description-wrapper:not(.text) div i.active {
  background: #ee4e34
}

.template.europe.cya-red .skill-section.type-one .skill .skill-description-wrapper.text {
  color: #ee4e34
}

.template.europe.cya-red .keyword .keyword-text-wrapper {
  background-color: #3dbfed
}

.template.europe.pin-pur .page:after {
  color: #ee699b
}

.template.europe.pin-pur .headline {
  color: #2a1d38
}

.template.europe.pin-pur .kickresume-section-wrapper:before {
  background: #ee699b
}

.template.europe.pin-pur .general-section .general-headline-wrapper .name {
  color: #ee699b
}

.template.europe.pin-pur .experience-item .date,.template.europe.pin-pur .skill-category-name {
  fill: #ee699b;
  color: #ee699b
}

.template.europe.pin-pur .hobby svg,.template.europe.pin-pur .social-link svg {
  fill: #ee699b
}

.template.europe.pin-pur .csspie:first-of-type:after,.template.europe.pin-pur .csspie:first-of-type:before {
  background-color: #ee699b
}

.template.europe.pin-pur .csspie:nth-of-type(2):after,.template.europe.pin-pur .csspie:nth-of-type(2):before {
  background-color: #2a1d38
}

.template.europe.pin-pur .value-wrapper {
  color: #fff
}

.template.europe.pin-pur .skill-section.type-one .skill .skill-description-wrapper:not(.text) div i {
  border-color: #ee699b
}

.template.europe.pin-pur .skill-section.type-one .skill .skill-description-wrapper:not(.text) div i.active {
  background: #2a1d38
}

.template.europe.pin-pur .skill-section.type-one .skill .skill-description-wrapper.text {
  color: #2a1d38
}

.template.europe.pin-pur .keyword .keyword-text-wrapper {
  background-color: #ee699b
}

.template.europe.ste-ste .page:after {
  color: #517484
}

.template.europe.ste-ste .headline {
  color: #9bbfcc
}

.template.europe.ste-ste .kickresume-section-wrapper:before {
  background: #517484
}

.template.europe.ste-ste .general-section .general-headline-wrapper .name {
  color: #517484
}

.template.europe.ste-ste .experience-item .date,.template.europe.ste-ste .skill-category-name {
  fill: #517484;
  color: #517484
}

.template.europe.ste-ste .hobby svg,.template.europe.ste-ste .social-link svg {
  fill: #517484
}

.template.europe.ste-ste .csspie:first-of-type:after,.template.europe.ste-ste .csspie:first-of-type:before {
  background-color: #517484
}

.template.europe.ste-ste .csspie:nth-of-type(2):after,.template.europe.ste-ste .csspie:nth-of-type(2):before {
  background-color: #9bbfcc
}

.template.europe.ste-ste .value-wrapper {
  color: #fff
}

.template.europe.ste-ste .skill-section.type-one .skill .skill-description-wrapper:not(.text) div i {
  border-color: #517484
}

.template.europe.ste-ste .skill-section.type-one .skill .skill-description-wrapper:not(.text) div i.active {
  background: #9bbfcc
}

.template.europe.ste-ste .skill-section.type-one .skill .skill-description-wrapper.text {
  color: #9bbfcc
}

.template.europe.ste-ste .keyword .keyword-text-wrapper {
  background-color: #517484
}

.template.europe.gre-gre .page:after {
  color: #c1c1c1
}

.template.europe.gre-gre .headline {
  color: grey
}

.template.europe.gre-gre .kickresume-section-wrapper:before {
  background: #c1c1c1
}

.template.europe.gre-gre .general-section .general-headline-wrapper .name {
  color: #c1c1c1
}

.template.europe.gre-gre .experience-item .date,.template.europe.gre-gre .skill-category-name {
  fill: #c1c1c1;
  color: #c1c1c1
}

.template.europe.gre-gre .hobby svg,.template.europe.gre-gre .social-link svg {
  fill: #c1c1c1
}

.template.europe.gre-gre .csspie:first-of-type:after,.template.europe.gre-gre .csspie:first-of-type:before {
  background-color: #c1c1c1
}

.template.europe.gre-gre .csspie:nth-of-type(2):after,.template.europe.gre-gre .csspie:nth-of-type(2):before {
  background-color: grey
}

.template.europe.gre-gre .value-wrapper {
  color: #fff
}

.template.europe.gre-gre .skill-section.type-one .skill .skill-description-wrapper:not(.text) div i {
  border-color: #c1c1c1
}

.template.europe.gre-gre .skill-section.type-one .skill .skill-description-wrapper:not(.text) div i.active {
  background: grey
}

.template.europe.gre-gre .skill-section.type-one .skill .skill-description-wrapper.text {
  color: grey
}

.template.europe.gre-gre .keyword .keyword-text-wrapper {
  background-color: #c1c1c1
}

.template.europe.bro-bro .page:after {
  color: #9b876a
}

.template.europe.bro-bro .headline {
  color: #253a3a
}

.template.europe.bro-bro .kickresume-section-wrapper:before {
  background: #9b876a
}

.template.europe.bro-bro .general-section .general-headline-wrapper .name {
  color: #9b876a
}

.template.europe.bro-bro .experience-item .date,.template.europe.bro-bro .skill-category-name {
  fill: #9b876a;
  color: #9b876a
}

.template.europe.bro-bro .hobby svg,.template.europe.bro-bro .social-link svg {
  fill: #9b876a
}

.template.europe.bro-bro .csspie:first-of-type:after,.template.europe.bro-bro .csspie:first-of-type:before {
  background-color: #9b876a
}

.template.europe.bro-bro .csspie:nth-of-type(2):after,.template.europe.bro-bro .csspie:nth-of-type(2):before {
  background-color: #253a3a
}

.template.europe.bro-bro .value-wrapper {
  color: #fff
}

.template.europe.bro-bro .skill-section.type-one .skill .skill-description-wrapper:not(.text) div i {
  border-color: #9b876a
}

.template.europe.bro-bro .skill-section.type-one .skill .skill-description-wrapper:not(.text) div i.active {
  background: #253a3a
}

.template.europe.bro-bro .skill-section.type-one .skill .skill-description-wrapper.text {
  color: #253a3a
}

.template.europe.bro-bro .keyword .keyword-text-wrapper {
  background-color: #9b876a
}

.template.europe.grn-grn .page:after {
  color: #446466
}

.template.europe.grn-grn .headline {
  color: #253a3a
}

.template.europe.grn-grn .kickresume-section-wrapper:before {
  background: #446466
}

.template.europe.grn-grn .general-section .general-headline-wrapper .name {
  color: #446466
}

.template.europe.grn-grn .experience-item .date,.template.europe.grn-grn .skill-category-name {
  fill: #446466;
  color: #446466
}

.template.europe.grn-grn .hobby svg,.template.europe.grn-grn .social-link svg {
  fill: #446466
}

.template.europe.grn-grn .csspie:first-of-type:after,.template.europe.grn-grn .csspie:first-of-type:before {
  background-color: #446466
}

.template.europe.grn-grn .csspie:nth-of-type(2):after,.template.europe.grn-grn .csspie:nth-of-type(2):before {
  background-color: #253a3a
}

.template.europe.grn-grn .value-wrapper {
  color: #fff
}

.template.europe.grn-grn .skill-section.type-one .skill .skill-description-wrapper:not(.text) div i {
  border-color: #446466
}

.template.europe.grn-grn .skill-section.type-one .skill .skill-description-wrapper:not(.text) div i.active {
  background: #253a3a
}

.template.europe.grn-grn .skill-section.type-one .skill .skill-description-wrapper.text {
  color: #253a3a
}

.template.europe.grn-grn .keyword .keyword-text-wrapper {
  background-color: #446466
}

.template.europe.win-win .page:after {
  color: #9b5050
}

.template.europe.win-win .headline {
  color: #633
}

.template.europe.win-win .kickresume-section-wrapper:before {
  background: #9b5050
}

.template.europe.win-win .general-section .general-headline-wrapper .name {
  color: #9b5050
}

.template.europe.win-win .experience-item .date,.template.europe.win-win .skill-category-name {
  fill: #9b5050;
  color: #9b5050
}

.template.europe.win-win .hobby svg,.template.europe.win-win .social-link svg {
  fill: #9b5050
}

.template.europe.win-win .csspie:first-of-type:after,.template.europe.win-win .csspie:first-of-type:before {
  background-color: #9b5050
}

.template.europe.win-win .csspie:nth-of-type(2):after,.template.europe.win-win .csspie:nth-of-type(2):before {
  background-color: #633
}

.template.europe.win-win .value-wrapper {
  color: #fff
}

.template.europe.win-win .skill-section.type-one .skill .skill-description-wrapper:not(.text) div i {
  border-color: #9b5050
}

.template.europe.win-win .skill-section.type-one .skill .skill-description-wrapper:not(.text) div i.active {
  background: #633
}

.template.europe.win-win .skill-section.type-one .skill .skill-description-wrapper.text {
  color: #633
}

.template.europe.win-win .keyword .keyword-text-wrapper {
  background-color: #9b5050
}

.template.green .page {
  background-color: #fff;
  padding-bottom: 39px;
  padding-top: 39px
}

.template.green .page:after {
  color: #369188
}

.template.green .general-section,.template.green .kickresume-section-wrapper {
  width: 100%
}

.template.green .headline {
  position: relative
}

.template.green .headline .background-wrapper {
  position: relative;
  text-align: center;
  width: 100%
}

.template.green .headline .background-wrapper:after {
  background: #369188;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  top: 50%;
  width: 100%;
  z-index: 0
}

.template.green .headline .text {
  background: #fff;
  color: #369188;
  padding: 0 24px;
  position: relative;
  z-index: 1
}

.template.green .general-section {
  padding-bottom: clamp(1rem, calc(var(--templates-lh-base)*2), 3.5rem);
}

.template.green .general-section .name {
  color: #369188;
  font-size: 32px;
  line-height: 40px;
  padding-bottom: var(--templates-lh-base)
}

.template.green .general-section .general-info {
  display: inline-block;
  padding-bottom: var(--templates-lh-base);
  padding-left: 16px;
  vertical-align: top;
  width: 526px
}

.template.green .general-section .general-info .info-wrapper {
  display: inline-flex;
  margin-right: 8px
}

.template.green .general-section .general-info .info-wrapper .key {
  margin-right: 4px
}

.template.green .general-section .avatar {
  display: inline-block;
  width: 160px
}

.template.green .general-section .avatar img {
  border-radius: 50%
}

.template.green .general-section.no-avatar .avatar .initials {
  background-color: #000;
  border-radius: 50%;
  height: 120px;
  padding-top: 25px;
  position: relative;
  width: 120px
}

.template.green .general-section.no-avatar .avatar .initials .body {
  height: 70px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: 70px
}

.template.green .general-section.no-avatar .avatar .initials .body .first-line {
  background: #fff;
  height: 1px;
  position: absolute;
  top: 35px;
  width: 100%
}

.template.green .general-section.no-avatar .avatar .initials .body .first,.template.green .general-section.no-avatar .avatar .initials .body .second {
  color: #fff;
  font-size: 30px;
  left: 0;
  line-height: 35px;
  position: absolute;
  text-align: center;
  width: 100%
}

.template.green .general-section.no-avatar .avatar .initials .body .first {
  top: -5px
}

.template.green .general-section.no-avatar .avatar .initials .body .second {
  top: 40px
}

.template.green .date {
  text-align: left
}

.template.green .graph,.template.green .hobby,.template.green .social-link {
  width: 25%
}

.template.green .hobby svg,.template.green .social-link svg {
  fill: #369188
}

.template.green .skill {
  padding-right: 16px;
  width: 50%
}

.template.green .skill-description-wrapper:not(.text) {
  align-items: center;
  display: flex
}

.template.green .skill-description-wrapper:not(.text) .skill-description {
  background: #000;
  display: flex;
  height: 8px;
  position: relative;
  width: 100%
}

.template.green .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.green .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.green .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.green .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.green .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #369188;
  height: 8px;
  position: absolute
}

.template.green .skill-description-wrapper.text .skill-description {
  color: #369188
}

.template.green .csspie:first-of-type:after,.template.green .csspie:first-of-type:before {
  background-color: #369188
}

.template.green .csspie:nth-of-type(2):after,.template.green .csspie:nth-of-type(2):before {
  background-color: #000
}

.template.green .value-wrapper {
  color: #fff
}

.template.green .keyword .prefix {
  color: #369188
}

.template.green.blu-whi .page {
  background-color: #fff
}

.template.green.blu-whi .page:after {
  color: #0462f6
}

.template.green.blu-whi .headline .background-wrapper:after {
  background: #0462f6
}

.template.green.blu-whi .headline .text {
  background: #fff;
  color: #0462f6
}

.template.green.blu-whi .general-section .name {
  color: #0462f6
}

.template.green.blu-whi .general-section.no-avatar .avatar .initials .body .first-line {
  background: #fff
}

.template.green.blu-whi .general-section.no-avatar .avatar .initials .body .first,.template.green.blu-whi .general-section.no-avatar .avatar .initials .body .second {
  color: #fff
}

.template.green.blu-whi .hobby svg,.template.green.blu-whi .social-link svg {
  fill: #0462f6
}

.template.green.blu-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.green.blu-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.green.blu-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.green.blu-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.green.blu-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #0462f6
}

.template.green.blu-whi .skill-description-wrapper.text .skill-description {
  color: #0462f6
}

.template.green.blu-whi .csspie:first-of-type:after,.template.green.blu-whi .csspie:first-of-type:before {
  background-color: #0462f6
}

.template.green.blu-whi .csspie:nth-of-type(2):after,.template.green.blu-whi .csspie:nth-of-type(2):before {
  background-color: #000
}

.template.green.blu-whi .value-wrapper {
  color: #fff
}

.template.green.blu-whi .keyword .prefix {
  color: #0462f6
}

.template.green.red-whi .page {
  background-color: #fff
}

.template.green.red-whi .page:after {
  color: #f7410f
}

.template.green.red-whi .headline .background-wrapper:after {
  background: #f7410f
}

.template.green.red-whi .headline .text {
  background: #fff;
  color: #f7410f
}

.template.green.red-whi .general-section .name {
  color: #f7410f
}

.template.green.red-whi .general-section.no-avatar .avatar .initials .body .first-line {
  background: #fff
}

.template.green.red-whi .general-section.no-avatar .avatar .initials .body .first,.template.green.red-whi .general-section.no-avatar .avatar .initials .body .second {
  color: #fff
}

.template.green.red-whi .hobby svg,.template.green.red-whi .social-link svg {
  fill: #f7410f
}

.template.green.red-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.green.red-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.green.red-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.green.red-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.green.red-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #f7410f
}

.template.green.red-whi .skill-description-wrapper.text .skill-description {
  color: #f7410f
}

.template.green.red-whi .csspie:first-of-type:after,.template.green.red-whi .csspie:first-of-type:before {
  background-color: #f7410f
}

.template.green.red-whi .csspie:nth-of-type(2):after,.template.green.red-whi .csspie:nth-of-type(2):before {
  background-color: #000
}

.template.green.red-whi .value-wrapper {
  color: #fff
}

.template.green.red-whi .keyword .prefix {
  color: #f7410f
}

.template.green.grn-whi .page {
  background-color: #fff
}

.template.green.grn-whi .page:after {
  color: #369188
}

.template.green.grn-whi .headline .background-wrapper:after {
  background: #369188
}

.template.green.grn-whi .headline .text {
  background: #fff;
  color: #369188
}

.template.green.grn-whi .general-section .name {
  color: #369188
}

.template.green.grn-whi .general-section.no-avatar .avatar .initials .body .first-line {
  background: #fff
}

.template.green.grn-whi .general-section.no-avatar .avatar .initials .body .first,.template.green.grn-whi .general-section.no-avatar .avatar .initials .body .second {
  color: #fff
}

.template.green.grn-whi .hobby svg,.template.green.grn-whi .social-link svg {
  fill: #369188
}

.template.green.grn-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.green.grn-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.green.grn-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.green.grn-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.green.grn-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #369188
}

.template.green.grn-whi .skill-description-wrapper.text .skill-description {
  color: #369188
}

.template.green.grn-whi .csspie:first-of-type:after,.template.green.grn-whi .csspie:first-of-type:before {
  background-color: #369188
}

.template.green.grn-whi .csspie:nth-of-type(2):after,.template.green.grn-whi .csspie:nth-of-type(2):before {
  background-color: #000
}

.template.green.grn-whi .value-wrapper {
  color: #fff
}

.template.green.grn-whi .keyword .prefix {
  color: #369188
}

.template.green.yel-whi .page {
  background-color: #fff
}

.template.green.yel-whi .page:after {
  color: #f7b94b
}

.template.green.yel-whi .headline .background-wrapper:after {
  background: #f7b94b
}

.template.green.yel-whi .headline .text {
  background: #fff;
  color: #f7b94b
}

.template.green.yel-whi .general-section .name {
  color: #f7b94b
}

.template.green.yel-whi .general-section.no-avatar .avatar .initials .body .first-line {
  background: #fff
}

.template.green.yel-whi .general-section.no-avatar .avatar .initials .body .first,.template.green.yel-whi .general-section.no-avatar .avatar .initials .body .second {
  color: #fff
}

.template.green.yel-whi .hobby svg,.template.green.yel-whi .social-link svg {
  fill: #f7b94b
}

.template.green.yel-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.green.yel-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.green.yel-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.green.yel-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.green.yel-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #f7b94b
}

.template.green.yel-whi .skill-description-wrapper.text .skill-description {
  color: #f7b94b
}

.template.green.yel-whi .csspie:first-of-type:after,.template.green.yel-whi .csspie:first-of-type:before {
  background-color: #f7b94b
}

.template.green.yel-whi .csspie:nth-of-type(2):after,.template.green.yel-whi .csspie:nth-of-type(2):before {
  background-color: #000
}

.template.green.yel-whi .value-wrapper {
  color: #fff
}

.template.green.yel-whi .keyword .prefix {
  color: #f7b94b
}

.template.green.pin-whi .page {
  background-color: #fff
}

.template.green.pin-whi .page:after {
  color: #ef9a9a
}

.template.green.pin-whi .headline .background-wrapper:after {
  background: #ef9a9a
}

.template.green.pin-whi .headline .text {
  background: #fff;
  color: #ef9a9a
}

.template.green.pin-whi .general-section .name {
  color: #ef9a9a
}

.template.green.pin-whi .general-section.no-avatar .avatar .initials .body .first-line {
  background: #fff
}

.template.green.pin-whi .general-section.no-avatar .avatar .initials .body .first,.template.green.pin-whi .general-section.no-avatar .avatar .initials .body .second {
  color: #fff
}

.template.green.pin-whi .hobby svg,.template.green.pin-whi .social-link svg {
  fill: #ef9a9a
}

.template.green.pin-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.green.pin-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.green.pin-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.green.pin-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.green.pin-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #ef9a9a
}

.template.green.pin-whi .skill-description-wrapper.text .skill-description {
  color: #ef9a9a
}

.template.green.pin-whi .csspie:first-of-type:after,.template.green.pin-whi .csspie:first-of-type:before {
  background-color: #ef9a9a
}

.template.green.pin-whi .csspie:nth-of-type(2):after,.template.green.pin-whi .csspie:nth-of-type(2):before {
  background-color: #000
}

.template.green.pin-whi .value-wrapper {
  color: #fff
}

.template.green.pin-whi .keyword .prefix {
  color: #ef9a9a
}

.template.green.cya-whi .page {
  background-color: #fff
}

.template.green.cya-whi .page:after {
  color: #3dbfed
}

.template.green.cya-whi .headline .background-wrapper:after {
  background: #3dbfed
}

.template.green.cya-whi .headline .text {
  background: #fff;
  color: #3dbfed
}

.template.green.cya-whi .general-section .name {
  color: #3dbfed
}

.template.green.cya-whi .general-section.no-avatar .avatar .initials .body .first-line {
  background: #fff
}

.template.green.cya-whi .general-section.no-avatar .avatar .initials .body .first,.template.green.cya-whi .general-section.no-avatar .avatar .initials .body .second {
  color: #fff
}

.template.green.cya-whi .hobby svg,.template.green.cya-whi .social-link svg {
  fill: #3dbfed
}

.template.green.cya-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.green.cya-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.green.cya-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.green.cya-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.green.cya-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #3dbfed
}

.template.green.cya-whi .skill-description-wrapper.text .skill-description {
  color: #3dbfed
}

.template.green.cya-whi .csspie:first-of-type:after,.template.green.cya-whi .csspie:first-of-type:before {
  background-color: #3dbfed
}

.template.green.cya-whi .csspie:nth-of-type(2):after,.template.green.cya-whi .csspie:nth-of-type(2):before {
  background-color: #000
}

.template.green.cya-whi .value-wrapper {
  color: #fff
}

.template.green.cya-whi .keyword .prefix {
  color: #3dbfed
}

.template.green.win-whi .page {
  background-color: #fff
}

.template.green.win-whi .page:after {
  color: #961e27
}

.template.green.win-whi .headline .background-wrapper:after {
  background: #961e27
}

.template.green.win-whi .headline .text {
  background: #fff;
  color: #961e27
}

.template.green.win-whi .general-section .name {
  color: #961e27
}

.template.green.win-whi .general-section.no-avatar .avatar .initials .body .first-line {
  background: #fff
}

.template.green.win-whi .general-section.no-avatar .avatar .initials .body .first,.template.green.win-whi .general-section.no-avatar .avatar .initials .body .second {
  color: #fff
}

.template.green.win-whi .hobby svg,.template.green.win-whi .social-link svg {
  fill: #961e27
}

.template.green.win-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.green.win-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.green.win-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.green.win-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.green.win-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #961e27
}

.template.green.win-whi .skill-description-wrapper.text .skill-description {
  color: #961e27
}

.template.green.win-whi .csspie:first-of-type:after,.template.green.win-whi .csspie:first-of-type:before {
  background-color: #961e27
}

.template.green.win-whi .csspie:nth-of-type(2):after,.template.green.win-whi .csspie:nth-of-type(2):before {
  background-color: #000
}

.template.green.win-whi .value-wrapper {
  color: #fff
}

.template.green.win-whi .keyword .prefix {
  color: #961e27
}

.template.green.pur-whi .page {
  background-color: #fff
}

.template.green.pur-whi .page:after {
  color: #ab47bc
}

.template.green.pur-whi .headline .background-wrapper:after {
  background: #ab47bc
}

.template.green.pur-whi .headline .text {
  background: #fff;
  color: #ab47bc
}

.template.green.pur-whi .general-section .name {
  color: #ab47bc
}

.template.green.pur-whi .general-section.no-avatar .avatar .initials .body .first-line {
  background: #fff
}

.template.green.pur-whi .general-section.no-avatar .avatar .initials .body .first,.template.green.pur-whi .general-section.no-avatar .avatar .initials .body .second {
  color: #fff
}

.template.green.pur-whi .hobby svg,.template.green.pur-whi .social-link svg {
  fill: #ab47bc
}

.template.green.pur-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.green.pur-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.green.pur-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.green.pur-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.green.pur-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #ab47bc
}

.template.green.pur-whi .skill-description-wrapper.text .skill-description {
  color: #ab47bc
}

.template.green.pur-whi .csspie:first-of-type:after,.template.green.pur-whi .csspie:first-of-type:before {
  background-color: #ab47bc
}

.template.green.pur-whi .csspie:nth-of-type(2):after,.template.green.pur-whi .csspie:nth-of-type(2):before {
  background-color: #000
}

.template.green.pur-whi .value-wrapper {
  color: #fff
}

.template.green.pur-whi .keyword .prefix {
  color: #ab47bc
}

.template.green.ste-whi .page {
  background-color: #fff
}

.template.green.ste-whi .page:after {
  color: #517484
}

.template.green.ste-whi .headline .background-wrapper:after {
  background: #517484
}

.template.green.ste-whi .headline .text {
  background: #fff;
  color: #517484
}

.template.green.ste-whi .general-section .name {
  color: #517484
}

.template.green.ste-whi .general-section.no-avatar .avatar .initials .body .first-line {
  background: #fff
}

.template.green.ste-whi .general-section.no-avatar .avatar .initials .body .first,.template.green.ste-whi .general-section.no-avatar .avatar .initials .body .second {
  color: #fff
}

.template.green.ste-whi .hobby svg,.template.green.ste-whi .social-link svg {
  fill: #517484
}

.template.green.ste-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.green.ste-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.green.ste-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.green.ste-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.green.ste-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #517484
}

.template.green.ste-whi .skill-description-wrapper.text .skill-description {
  color: #517484
}

.template.green.ste-whi .csspie:first-of-type:after,.template.green.ste-whi .csspie:first-of-type:before {
  background-color: #517484
}

.template.green.ste-whi .csspie:nth-of-type(2):after,.template.green.ste-whi .csspie:nth-of-type(2):before {
  background-color: #000
}

.template.green.ste-whi .value-wrapper {
  color: #fff
}

.template.green.ste-whi .keyword .prefix {
  color: #517484
}

.template.green.oli-whi .page {
  background-color: #fff
}

.template.green.oli-whi .page:after {
  color: #808626
}

.template.green.oli-whi .headline .background-wrapper:after {
  background: #808626
}

.template.green.oli-whi .headline .text {
  background: #fff;
  color: #808626
}

.template.green.oli-whi .general-section .name {
  color: #808626
}

.template.green.oli-whi .general-section.no-avatar .avatar .initials .body .first-line {
  background: #fff
}

.template.green.oli-whi .general-section.no-avatar .avatar .initials .body .first,.template.green.oli-whi .general-section.no-avatar .avatar .initials .body .second {
  color: #fff
}

.template.green.oli-whi .hobby svg,.template.green.oli-whi .social-link svg {
  fill: #808626
}

.template.green.oli-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.green.oli-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.green.oli-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.green.oli-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.green.oli-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #808626
}

.template.green.oli-whi .skill-description-wrapper.text .skill-description {
  color: #808626
}

.template.green.oli-whi .csspie:first-of-type:after,.template.green.oli-whi .csspie:first-of-type:before {
  background-color: #808626
}

.template.green.oli-whi .csspie:nth-of-type(2):after,.template.green.oli-whi .csspie:nth-of-type(2):before {
  background-color: #000
}

.template.green.oli-whi .value-wrapper {
  color: #fff
}

.template.green.oli-whi .keyword .prefix {
  color: #808626
}

.template.green.red-red .page {
  background-color: #f9ddc0
}

.template.green.red-red .page:after {
  color: #f7410f
}

.template.green.red-red .headline .background-wrapper:after {
  background: #f7410f
}

.template.green.red-red .headline .text {
  background: #f9ddc0;
  color: #f7410f
}

.template.green.red-red .general-section .name {
  color: #f7410f
}

.template.green.red-red .general-section.no-avatar .avatar .initials .body .first-line {
  background: #f9ddc0
}

.template.green.red-red .general-section.no-avatar .avatar .initials .body .first,.template.green.red-red .general-section.no-avatar .avatar .initials .body .second {
  color: #f9ddc0
}

.template.green.red-red .hobby svg,.template.green.red-red .social-link svg {
  fill: #f7410f
}

.template.green.red-red .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.green.red-red .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.green.red-red .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.green.red-red .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.green.red-red .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #f7410f
}

.template.green.red-red .skill-description-wrapper.text .skill-description {
  color: #f7410f
}

.template.green.red-red .csspie:first-of-type:after,.template.green.red-red .csspie:first-of-type:before {
  background-color: #f7410f
}

.template.green.red-red .csspie:nth-of-type(2):after,.template.green.red-red .csspie:nth-of-type(2):before {
  background-color: #000
}

.template.green.red-red .value-wrapper {
  color: #f9ddc0
}

.template.green.red-red .keyword .prefix {
  color: #f7410f
}

.template.green.cya-cya .page {
  background-color: #e5f9f9
}

.template.green.cya-cya .page:after {
  color: #3dbfed
}

.template.green.cya-cya .headline .background-wrapper:after {
  background: #3dbfed
}

.template.green.cya-cya .headline .text {
  background: #e5f9f9;
  color: #3dbfed
}

.template.green.cya-cya .general-section .name {
  color: #3dbfed
}

.template.green.cya-cya .general-section.no-avatar .avatar .initials .body .first-line {
  background: #e5f9f9
}

.template.green.cya-cya .general-section.no-avatar .avatar .initials .body .first,.template.green.cya-cya .general-section.no-avatar .avatar .initials .body .second {
  color: #e5f9f9
}

.template.green.cya-cya .hobby svg,.template.green.cya-cya .social-link svg {
  fill: #3dbfed
}

.template.green.cya-cya .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.green.cya-cya .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.green.cya-cya .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.green.cya-cya .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.green.cya-cya .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #3dbfed
}

.template.green.cya-cya .skill-description-wrapper.text .skill-description {
  color: #3dbfed
}

.template.green.cya-cya .csspie:first-of-type:after,.template.green.cya-cya .csspie:first-of-type:before {
  background-color: #3dbfed
}

.template.green.cya-cya .csspie:nth-of-type(2):after,.template.green.cya-cya .csspie:nth-of-type(2):before {
  background-color: #000
}

.template.green.cya-cya .value-wrapper {
  color: #e5f9f9
}

.template.green.cya-cya .keyword .prefix {
  color: #3dbfed
}

.template.green.gre-whi .page {
  background-color: #fff
}

.template.green.gre-whi .page:after {
  color: #c1c1c1
}

.template.green.gre-whi .headline .background-wrapper:after {
  background: #c1c1c1
}

.template.green.gre-whi .headline .text {
  background: #fff;
  color: #c1c1c1
}

.template.green.gre-whi .general-section .name {
  color: #c1c1c1
}

.template.green.gre-whi .general-section.no-avatar .avatar .initials .body .first-line {
  background: #fff
}

.template.green.gre-whi .general-section.no-avatar .avatar .initials .body .first,.template.green.gre-whi .general-section.no-avatar .avatar .initials .body .second {
  color: #fff
}

.template.green.gre-whi .hobby svg,.template.green.gre-whi .social-link svg {
  fill: #c1c1c1
}

.template.green.gre-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.green.gre-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.green.gre-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.green.gre-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.green.gre-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #c1c1c1
}

.template.green.gre-whi .skill-description-wrapper.text .skill-description {
  color: #c1c1c1
}

.template.green.gre-whi .csspie:first-of-type:after,.template.green.gre-whi .csspie:first-of-type:before {
  background-color: #c1c1c1
}

.template.green.gre-whi .csspie:nth-of-type(2):after,.template.green.gre-whi .csspie:nth-of-type(2):before {
  background-color: #000
}

.template.green.gre-whi .value-wrapper {
  color: #fff
}

.template.green.gre-whi .keyword .prefix {
  color: #c1c1c1
}

.template.green.grn-grn .page {
  background-color: #c7ecc7
}

.template.green.grn-grn .page:after {
  color: #369188
}

.template.green.grn-grn .headline .background-wrapper:after {
  background: #369188
}

.template.green.grn-grn .headline .text {
  background: #c7ecc7;
  color: #369188
}

.template.green.grn-grn .general-section .name {
  color: #369188
}

.template.green.grn-grn .general-section.no-avatar .avatar .initials .body .first-line {
  background: #c7ecc7
}

.template.green.grn-grn .general-section.no-avatar .avatar .initials .body .first,.template.green.grn-grn .general-section.no-avatar .avatar .initials .body .second {
  color: #c7ecc7
}

.template.green.grn-grn .hobby svg,.template.green.grn-grn .social-link svg {
  fill: #369188
}

.template.green.grn-grn .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.green.grn-grn .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.green.grn-grn .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.green.grn-grn .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.green.grn-grn .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #369188
}

.template.green.grn-grn .skill-description-wrapper.text .skill-description {
  color: #369188
}

.template.green.grn-grn .csspie:first-of-type:after,.template.green.grn-grn .csspie:first-of-type:before {
  background-color: #369188
}

.template.green.grn-grn .csspie:nth-of-type(2):after,.template.green.grn-grn .csspie:nth-of-type(2):before {
  background-color: #000
}

.template.green.grn-grn .value-wrapper {
  color: #c7ecc7
}

.template.green.grn-grn .keyword .prefix {
  color: #369188
}

.template.green.yel-yel .page {
  background-color: #f9e8d2
}

.template.green.yel-yel .page:after {
  color: #f7b94b
}

.template.green.yel-yel .headline .background-wrapper:after {
  background: #f7b94b
}

.template.green.yel-yel .headline .text {
  background: #f9e8d2;
  color: #f7b94b
}

.template.green.yel-yel .general-section .name {
  color: #f7b94b
}

.template.green.yel-yel .general-section.no-avatar .avatar .initials .body .first-line {
  background: #f9e8d2
}

.template.green.yel-yel .general-section.no-avatar .avatar .initials .body .first,.template.green.yel-yel .general-section.no-avatar .avatar .initials .body .second {
  color: #f9e8d2
}

.template.green.yel-yel .hobby svg,.template.green.yel-yel .social-link svg {
  fill: #f7b94b
}

.template.green.yel-yel .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.green.yel-yel .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.green.yel-yel .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.green.yel-yel .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.green.yel-yel .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #f7b94b
}

.template.green.yel-yel .skill-description-wrapper.text .skill-description {
  color: #f7b94b
}

.template.green.yel-yel .csspie:first-of-type:after,.template.green.yel-yel .csspie:first-of-type:before {
  background-color: #f7b94b
}

.template.green.yel-yel .csspie:nth-of-type(2):after,.template.green.yel-yel .csspie:nth-of-type(2):before {
  background-color: #000
}

.template.green.yel-yel .value-wrapper {
  color: #f9e8d2
}

.template.green.yel-yel .keyword .prefix {
  color: #f7b94b
}

.template.hoth .page {
  padding-bottom: 52px;
  padding-top: 39px;
  position: relative
}

.template.hoth .page .ios-section-wrapper:last-of-type .section-right-col:before {
  height: clamp(1rem, calc(100% - 10px), 3.5rem);
}

.template.hoth ol,.template.hoth ul {
  margin-left: 16px
}

.template.hoth .top-ornament {
  background: #000;
  display: block;
  height: 16px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.template.hoth .headline {
  padding-left: 8px;
  padding-right: 8px;
  vertical-align: top;
  width: 152px
}

.template.hoth .headline .text {
  text-transform: uppercase
}

.template.hoth .section-right-col {
  padding-left: 32px;
  position: relative;
  width: 100%
}

.template.hoth .section-right-col:before {
  background: #facd48;
  content: "";
  height: clamp(1rem, calc(100% + 20px), 3.5rem);
  left: 0;
  position: absolute;
  top: 10px;
  width: 1px
}

.template.hoth .position,.template.hoth .publication-name,.template.hoth .skill-category-name {
  position: relative
}

.template.hoth .position:before,.template.hoth .publication-name:before,.template.hoth .skill-category-name:before {
  background: #facd48;
  border-radius: 50%;
  content: "";
  height: 5px;
  left: -34px;
  position: absolute;
  top: 5px;
  width: 5px
}

.template.hoth .kickresume-section-wrapper {
  vertical-align: top
}

.template.hoth .ios-section-wrapper,.template.hoth .profile-text-wrapper {
  position: relative;
  width: 100%
}

.template.hoth .ios-section-wrapper:before,.template.hoth .profile-text-wrapper:before {
  background-color: #c1c1c1;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  top: 7px;
  width: 100%
}

.template.hoth .ios-section-wrapper:after,.template.hoth .profile-text-wrapper:after {
  background: #facd48;
  border-radius: 50%;
  content: "";
  height: 10px;
  left: 163px;
  position: absolute;
  top: 2px;
  width: 10px
}

.template.hoth .profile-text-wrapper:before {
  left: 0;
  width: 100%
}

.template.hoth .general-section {
  padding: 13px 0 39px;
  position: relative;
  text-align: center;
  width: 100%
}

.template.hoth .general-section .general-info {
  display: flex;
  padding-top: clamp(1rem, calc(var(--templates-lh-base)*2), 3.5rem);
}

.template.hoth .general-section .general-info .info-wrapper {
  display: inline-flex;
  margin-right: 8px
}

.template.hoth .general-section .general-info .info-wrapper .key {
  margin-right: 4px
}

.template.hoth .general-section .profile-text-wrapper {
  padding: 10px;
  text-align: initial
}

.template.hoth .name {
  display: block;
  font-size: 34px;
  line-height: 40px;
  padding: 10px 30px;
  position: relative;
  text-align: center;
  z-index: 0
}

.template.hoth .name span {
  display: initial;
  position: relative
}

.template.hoth .name span:after,.template.hoth .name span:before {
  content: "";
  height: clamp(1rem, calc(100% + 4px), 3.5rem);
  position: absolute;
  top: 0;
  width: 30px
}

.template.hoth .name span:before {
  background-size: auto;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOC4xNiA1Mi43ODkiPjxwYXRoIGZpbGw9IiNjMWMxYzEiIGQ9Ik0xOC4xNiA1Mi43ODlIMFYwaDE4LjE2djFIMXY1MC43ODloMTcuMTZ6Ii8+PC9zdmc+) no-repeat 0;
  left: -40px
}

.template.hoth .name span:after {
  background-size: auto;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOC4xNTkgNTIuNzg5Ij48cGF0aCBmaWxsPSIjYzFjMWMxIiBkPSJNMTguMTU5IDUyLjc4OUgwdi0xaDE3LjE1OVYxSDBWMGgxOC4xNTl6Ii8+PC9zdmc+) no-repeat 100%;
  right: -40px
}

.template.hoth .rich-text-area ol,.template.hoth .rich-text-area ul {
  margin-left: 16px
}

.template.hoth .graphs.type-two .graph,.template.hoth .hobby,.template.hoth .skill,.template.hoth .social-link {
  width: 33.333%
}

.template.hoth .skill {
  padding-right: 16px
}

.template.hoth .graphs {
  padding: 0
}

.template.hoth .graphs.type-two .graph .graph-item .circle-gray {
  stroke-width: 2px;
  stroke: #000
}

.template.hoth .graphs.type-two .graph .graph-item .circle {
  stroke: #facd48
}

.template.hoth .skill-description-wrapper:not(.text) {
  align-items: center;
  display: flex
}

.template.hoth .skill-description-wrapper:not(.text) .skill-description {
  align-items: center;
  background: #000;
  display: flex;
  height: 1px;
  position: relative;
  width: 100%
}

.template.hoth .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.hoth .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.hoth .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.hoth .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.hoth .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #000;
  height: 3px;
  position: absolute;
  z-index: 0
}

.template.hoth .skill-description-wrapper:not(.text) .skill-description .progress-level-1:before,.template.hoth .skill-description-wrapper:not(.text) .skill-description .progress-level-2:before,.template.hoth .skill-description-wrapper:not(.text) .skill-description .progress-level-3:before,.template.hoth .skill-description-wrapper:not(.text) .skill-description .progress-level-4:before,.template.hoth .skill-description-wrapper:not(.text) .skill-description .progress-level-5:before {
  background: #fff;
  content: "";
  height: 10px;
  position: absolute;
  right: -2px;
  top: -3px;
  width: 12px;
  z-index: 1
}

.template.hoth .skill-description-wrapper:not(.text) .skill-description .progress-level-1:after,.template.hoth .skill-description-wrapper:not(.text) .skill-description .progress-level-2:after,.template.hoth .skill-description-wrapper:not(.text) .skill-description .progress-level-3:after,.template.hoth .skill-description-wrapper:not(.text) .skill-description .progress-level-4:after,.template.hoth .skill-description-wrapper:not(.text) .skill-description .progress-level-5:after {
  background: #facd48;
  border-radius: 50%;
  content: "";
  height: 8px;
  position: absolute;
  right: 0;
  top: -3px;
  width: 8px;
  z-index: 2
}

.template.hoth .keyword .text {
  position: relative
}

.template.hoth .keyword .text:after {
  background: #facd48;
  bottom: -2px;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%
}

.template.hoth.gre .ios-section-wrapper:after,.template.hoth.gre .position:before,.template.hoth.gre .profile-text-wrapper:after,.template.hoth.gre .publication-name:before,.template.hoth.gre .section-right-col:before,.template.hoth.gre .skill-category-name:before {
  background: #a7a9ac
}

.template.hoth.gre .graphs.type-two .graph .graph-item .circle {
  stroke: #a7a9ac
}

.template.hoth.gre .keyword .text:after,.template.hoth.gre .skill-description-wrapper:not(.text) .skill-description .progress-level-1:after,.template.hoth.gre .skill-description-wrapper:not(.text) .skill-description .progress-level-2:after,.template.hoth.gre .skill-description-wrapper:not(.text) .skill-description .progress-level-3:after,.template.hoth.gre .skill-description-wrapper:not(.text) .skill-description .progress-level-4:after,.template.hoth.gre .skill-description-wrapper:not(.text) .skill-description .progress-level-5:after {
  background: #a7a9ac
}

.template.hoth.blu .ios-section-wrapper:after,.template.hoth.blu .position:before,.template.hoth.blu .profile-text-wrapper:after,.template.hoth.blu .publication-name:before,.template.hoth.blu .section-right-col:before,.template.hoth.blu .skill-category-name:before {
  background: #0462f6
}

.template.hoth.blu .graphs.type-two .graph .graph-item .circle {
  stroke: #0462f6
}

.template.hoth.blu .keyword .text:after,.template.hoth.blu .skill-description-wrapper:not(.text) .skill-description .progress-level-1:after,.template.hoth.blu .skill-description-wrapper:not(.text) .skill-description .progress-level-2:after,.template.hoth.blu .skill-description-wrapper:not(.text) .skill-description .progress-level-3:after,.template.hoth.blu .skill-description-wrapper:not(.text) .skill-description .progress-level-4:after,.template.hoth.blu .skill-description-wrapper:not(.text) .skill-description .progress-level-5:after {
  background: #0462f6
}

.template.hoth.cnt-red .ios-section-wrapper:after,.template.hoth.cnt-red .position:before,.template.hoth.cnt-red .profile-text-wrapper:after,.template.hoth.cnt-red .publication-name:before,.template.hoth.cnt-red .section-right-col:before,.template.hoth.cnt-red .skill-category-name:before {
  background: #f7410f
}

.template.hoth.cnt-red .graphs.type-two .graph .graph-item .circle {
  stroke: #f7410f
}

.template.hoth.cnt-red .keyword .text:after,.template.hoth.cnt-red .skill-description-wrapper:not(.text) .skill-description .progress-level-1:after,.template.hoth.cnt-red .skill-description-wrapper:not(.text) .skill-description .progress-level-2:after,.template.hoth.cnt-red .skill-description-wrapper:not(.text) .skill-description .progress-level-3:after,.template.hoth.cnt-red .skill-description-wrapper:not(.text) .skill-description .progress-level-4:after,.template.hoth.cnt-red .skill-description-wrapper:not(.text) .skill-description .progress-level-5:after {
  background: #f7410f
}

.template.hoth.bro .ios-section-wrapper:after,.template.hoth.bro .position:before,.template.hoth.bro .profile-text-wrapper:after,.template.hoth.bro .publication-name:before,.template.hoth.bro .section-right-col:before,.template.hoth.bro .skill-category-name:before {
  background: #884f06
}

.template.hoth.bro .graphs.type-two .graph .graph-item .circle {
  stroke: #884f06
}

.template.hoth.bro .keyword .text:after,.template.hoth.bro .skill-description-wrapper:not(.text) .skill-description .progress-level-1:after,.template.hoth.bro .skill-description-wrapper:not(.text) .skill-description .progress-level-2:after,.template.hoth.bro .skill-description-wrapper:not(.text) .skill-description .progress-level-3:after,.template.hoth.bro .skill-description-wrapper:not(.text) .skill-description .progress-level-4:after,.template.hoth.bro .skill-description-wrapper:not(.text) .skill-description .progress-level-5:after {
  background: #884f06
}

.template.hoth.pur .ios-section-wrapper:after,.template.hoth.pur .position:before,.template.hoth.pur .profile-text-wrapper:after,.template.hoth.pur .publication-name:before,.template.hoth.pur .section-right-col:before,.template.hoth.pur .skill-category-name:before {
  background: #ab47bc
}

.template.hoth.pur .graphs.type-two .graph .graph-item .circle {
  stroke: #ab47bc
}

.template.hoth.pur .keyword .text:after,.template.hoth.pur .skill-description-wrapper:not(.text) .skill-description .progress-level-1:after,.template.hoth.pur .skill-description-wrapper:not(.text) .skill-description .progress-level-2:after,.template.hoth.pur .skill-description-wrapper:not(.text) .skill-description .progress-level-3:after,.template.hoth.pur .skill-description-wrapper:not(.text) .skill-description .progress-level-4:after,.template.hoth.pur .skill-description-wrapper:not(.text) .skill-description .progress-level-5:after {
  background: #ab47bc
}

.template.hoth.old-pin .ios-section-wrapper:after,.template.hoth.old-pin .position:before,.template.hoth.old-pin .profile-text-wrapper:after,.template.hoth.old-pin .publication-name:before,.template.hoth.old-pin .section-right-col:before,.template.hoth.old-pin .skill-category-name:before {
  background: #ef9a9a
}

.template.hoth.old-pin .graphs.type-two .graph .graph-item .circle {
  stroke: #ef9a9a
}

.template.hoth.old-pin .keyword .text:after,.template.hoth.old-pin .skill-description-wrapper:not(.text) .skill-description .progress-level-1:after,.template.hoth.old-pin .skill-description-wrapper:not(.text) .skill-description .progress-level-2:after,.template.hoth.old-pin .skill-description-wrapper:not(.text) .skill-description .progress-level-3:after,.template.hoth.old-pin .skill-description-wrapper:not(.text) .skill-description .progress-level-4:after,.template.hoth.old-pin .skill-description-wrapper:not(.text) .skill-description .progress-level-5:after {
  background: #ef9a9a
}

.template.hoth.grn .ios-section-wrapper:after,.template.hoth.grn .position:before,.template.hoth.grn .profile-text-wrapper:after,.template.hoth.grn .publication-name:before,.template.hoth.grn .section-right-col:before,.template.hoth.grn .skill-category-name:before {
  background: #369188
}

.template.hoth.grn .graphs.type-two .graph .graph-item .circle {
  stroke: #369188
}

.template.hoth.grn .keyword .text:after,.template.hoth.grn .skill-description-wrapper:not(.text) .skill-description .progress-level-1:after,.template.hoth.grn .skill-description-wrapper:not(.text) .skill-description .progress-level-2:after,.template.hoth.grn .skill-description-wrapper:not(.text) .skill-description .progress-level-3:after,.template.hoth.grn .skill-description-wrapper:not(.text) .skill-description .progress-level-4:after,.template.hoth.grn .skill-description-wrapper:not(.text) .skill-description .progress-level-5:after {
  background: #369188
}

.template.hoth.yel .ios-section-wrapper:after,.template.hoth.yel .position:before,.template.hoth.yel .profile-text-wrapper:after,.template.hoth.yel .publication-name:before,.template.hoth.yel .section-right-col:before,.template.hoth.yel .skill-category-name:before {
  background: #facd48
}

.template.hoth.yel .graphs.type-two .graph .graph-item .circle {
  stroke: #facd48
}

.template.hoth.yel .keyword .text:after,.template.hoth.yel .skill-description-wrapper:not(.text) .skill-description .progress-level-1:after,.template.hoth.yel .skill-description-wrapper:not(.text) .skill-description .progress-level-2:after,.template.hoth.yel .skill-description-wrapper:not(.text) .skill-description .progress-level-3:after,.template.hoth.yel .skill-description-wrapper:not(.text) .skill-description .progress-level-4:after,.template.hoth.yel .skill-description-wrapper:not(.text) .skill-description .progress-level-5:after {
  background: #facd48
}

.template.hoth.cya .ios-section-wrapper:after,.template.hoth.cya .position:before,.template.hoth.cya .profile-text-wrapper:after,.template.hoth.cya .publication-name:before,.template.hoth.cya .section-right-col:before,.template.hoth.cya .skill-category-name:before {
  background: #3dbfed
}

.template.hoth.cya .graphs.type-two .graph .graph-item .circle {
  stroke: #3dbfed
}

.template.hoth.cya .keyword .text:after,.template.hoth.cya .skill-description-wrapper:not(.text) .skill-description .progress-level-1:after,.template.hoth.cya .skill-description-wrapper:not(.text) .skill-description .progress-level-2:after,.template.hoth.cya .skill-description-wrapper:not(.text) .skill-description .progress-level-3:after,.template.hoth.cya .skill-description-wrapper:not(.text) .skill-description .progress-level-4:after,.template.hoth.cya .skill-description-wrapper:not(.text) .skill-description .progress-level-5:after {
  background: #3dbfed
}

.template.hoth.oli .ios-section-wrapper:after,.template.hoth.oli .position:before,.template.hoth.oli .profile-text-wrapper:after,.template.hoth.oli .publication-name:before,.template.hoth.oli .section-right-col:before,.template.hoth.oli .skill-category-name:before {
  background: #808626
}

.template.hoth.oli .graphs.type-two .graph .graph-item .circle {
  stroke: #808626
}

.template.hoth.oli .keyword .text:after,.template.hoth.oli .skill-description-wrapper:not(.text) .skill-description .progress-level-1:after,.template.hoth.oli .skill-description-wrapper:not(.text) .skill-description .progress-level-2:after,.template.hoth.oli .skill-description-wrapper:not(.text) .skill-description .progress-level-3:after,.template.hoth.oli .skill-description-wrapper:not(.text) .skill-description .progress-level-4:after,.template.hoth.oli .skill-description-wrapper:not(.text) .skill-description .progress-level-5:after {
  background: #808626
}

.template.hoth.pin .ios-section-wrapper:after,.template.hoth.pin .position:before,.template.hoth.pin .profile-text-wrapper:after,.template.hoth.pin .publication-name:before,.template.hoth.pin .section-right-col:before,.template.hoth.pin .skill-category-name:before {
  background: #ee699b
}

.template.hoth.pin .graphs.type-two .graph .graph-item .circle {
  stroke: #ee699b
}

.template.hoth.pin .keyword .text:after,.template.hoth.pin .skill-description-wrapper:not(.text) .skill-description .progress-level-1:after,.template.hoth.pin .skill-description-wrapper:not(.text) .skill-description .progress-level-2:after,.template.hoth.pin .skill-description-wrapper:not(.text) .skill-description .progress-level-3:after,.template.hoth.pin .skill-description-wrapper:not(.text) .skill-description .progress-level-4:after,.template.hoth.pin .skill-description-wrapper:not(.text) .skill-description .progress-level-5:after {
  background: #ee699b
}

.template.hoth.ste .ios-section-wrapper:after,.template.hoth.ste .position:before,.template.hoth.ste .profile-text-wrapper:after,.template.hoth.ste .publication-name:before,.template.hoth.ste .section-right-col:before,.template.hoth.ste .skill-category-name:before {
  background: #517484
}

.template.hoth.ste .graphs.type-two .graph .graph-item .circle {
  stroke: #517484
}

.template.hoth.ste .keyword .text:after,.template.hoth.ste .skill-description-wrapper:not(.text) .skill-description .progress-level-1:after,.template.hoth.ste .skill-description-wrapper:not(.text) .skill-description .progress-level-2:after,.template.hoth.ste .skill-description-wrapper:not(.text) .skill-description .progress-level-3:after,.template.hoth.ste .skill-description-wrapper:not(.text) .skill-description .progress-level-4:after,.template.hoth.ste .skill-description-wrapper:not(.text) .skill-description .progress-level-5:after {
  background: #517484
}

.template.iMessage.letter .general-section {
  padding-left: 75px;
  padding-right: 53px
}

.template.iMessage.letter .general-section.no-avatar:after {
  right: 53px
}

.template.iMessage.letter.page-wrapper.numbersShown .outer-page.multi-page .page:after {
  padding-right: 53px
}

.template.iMessage .page {
  position: relative
}

.template.iMessage .page .left-column-render,.template.iMessage .page .right-column-render {
  padding: 0
}

.template.iMessage.page-wrapper.numbersShown .outer-page.multi-page .page:after {
  bottom: 35px;
  padding-right: 46px;
  text-align: right
}

.template.iMessage .headline .background-wrapper {
  border-radius: 10px;
  position: relative;
  width: 100%;
  z-index: 1
}

.template.iMessage .headline .background-wrapper .icon {
  fill: #fff;
  padding-left: 5px
}

.template.iMessage .left-column-render .headline .background-wrapper {
  background-color: #0462f6;
  color: #fff
}

.template.iMessage .left-column-render .headline .background-wrapper:before {
  border-color: #0462f6 transparent transparent;
  border-style: solid;
  border-width: 13px 13px 0 0;
  bottom: -13px;
  content: "";
  height: 0;
  left: 15px;
  position: absolute;
  width: 0;
  z-index: -1
}

.template.iMessage .right-column-render .headline .background-wrapper {
  background-color: #a7a9ac;
  color: #fff
}

.template.iMessage .right-column-render .headline .background-wrapper:before {
  border-color: transparent #a7a9ac transparent transparent;
  border-style: solid;
  border-width: 0 13px 13px 0;
  bottom: -13px;
  content: "";
  height: 0;
  position: absolute;
  right: 15px;
  width: 0;
  z-index: -1
}

.template.iMessage .general-section {
  display: flex;
  padding: 0 46px 35px 60px;
  position: relative;
  width: 100%
}

.template.iMessage .general-section .imessage-bubble {
  fill: #0462f6;
  height: 46px;
  position: absolute;
  right: 199px;
  top: 45px;
  width: 62px
}

.template.iMessage .general-section.no-avatar .imessage-bubble {
  right: 46px
}

.template.iMessage .general-section .name {
  color: #000;
  font-size: 36px;
  line-height: 45px;
  max-width: 550px;
  padding-bottom: var(--templates-lh-base)
}

.template.iMessage .general-section .general-info {
  display: inline-block;
  width: 318px
}

.template.iMessage .general-section .general-info .key {
  margin-right: 8px
}

.template.iMessage .general-section .avatar-wrapper {
  display: flex;
  flex-grow: 1;
  justify-content: flex-end;
  position: relative;
  vertical-align: top;
  width: 150px
}

.template.iMessage .general-section .avatar-wrapper .frame {
  height: 150px;
  position: absolute;
  right: -5px;
  top: -10px;
  width: 150px;
  z-index: 2
}

.template.iMessage .general-section .avatar-wrapper .avatar,.template.iMessage .general-section .avatar-wrapper .avatar .thumbnail {
  height: 140px;
  width: 140px
}

.template.iMessage .general-section .avatar-wrapper .avatar .thumbnail img {
  height: 130px;
  width: 130px
}

.template.iMessage .graphs .graph-item .svg-foreground .circle {
  stroke: #0462f6
}

.template.iMessage .graphs.type-two .graph .graph-item .circle-gray {
  stroke-width: 2px;
  stroke: #a7a9ac
}

.template.iMessage .keyword .prefix {
  color: #0462f6
}

.template.iMessage .graphs.type-two .graph,.template.iMessage .hobbies.type-one .hobby,.template.iMessage .social-link.type-two {
  width: 33.33%
}

.template.iMessage .hobbies.type-one .hobby svg,.template.iMessage .social-link.type-two svg {
  fill: #0462f6
}

.template.iMessage .skill-description-wrapper.text .skill-description {
  color: #0462f6
}

.template.iMessage .skill-description-wrapper:not(.text) {
  align-items: center;
  display: flex
}

.template.iMessage .skill-description-wrapper:not(.text) .skill-description {
  align-items: center;
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
  display: flex;
  height: 1px;
  position: relative;
  width: 100%;
  z-index: 1
}

.template.iMessage .skill-description-wrapper:not(.text) .skill-description:after {
  background: #a7a9ac;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  top: clamp(1rem, calc(50% - 1px), 3.5rem);
  width: 100%;
  z-index: -1
}

.template.iMessage .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.iMessage .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.iMessage .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.iMessage .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.iMessage .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #0462f6;
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
  height: 3px;
  position: absolute
}

.template.iMessage .skill-description-wrapper:not(.text) .skill-description .progress-level-1:after,.template.iMessage .skill-description-wrapper:not(.text) .skill-description .progress-level-2:after,.template.iMessage .skill-description-wrapper:not(.text) .skill-description .progress-level-3:after,.template.iMessage .skill-description-wrapper:not(.text) .skill-description .progress-level-4:after,.template.iMessage .skill-description-wrapper:not(.text) .skill-description .progress-level-5:after {
  background: #000;
  border-radius: 50%;
  content: "";
  height: 10px;
  position: absolute;
  right: 0;
  top: -4px;
  width: 10px
}

.template.iMessage.blu .headline .background-wrapper .icon {
  fill: #fff
}

.template.iMessage.blu .left-column-render .headline .background-wrapper {
  background-color: #0462f6;
  color: #fff
}

.template.iMessage.blu .left-column-render .headline .background-wrapper:before {
  border-top-color: #0462f6
}

.template.iMessage.blu .right-column-render .headline .background-wrapper {
  color: #fff
}

.template.iMessage.blu .general-section .imessage-bubble {
  fill: #0462f6
}

.template.iMessage.blu .graphs .graph-item .svg-foreground .circle {
  stroke: #0462f6
}

.template.iMessage.blu .keyword .prefix {
  color: #0462f6
}

.template.iMessage.blu .hobbies.type-one .hobby svg,.template.iMessage.blu .social-link.type-two svg {
  fill: #0462f6
}

.template.iMessage.blu .skill-description-wrapper.text .skill-description {
  color: #0462f6
}

.template.iMessage.blu .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.iMessage.blu .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.iMessage.blu .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.iMessage.blu .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.iMessage.blu .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #0462f6
}

.template.iMessage.con-red .headline .background-wrapper .icon {
  fill: #fff
}

.template.iMessage.con-red .left-column-render .headline .background-wrapper {
  background-color: #f7410f;
  color: #fff
}

.template.iMessage.con-red .left-column-render .headline .background-wrapper:before {
  border-top-color: #f7410f
}

.template.iMessage.con-red .right-column-render .headline .background-wrapper {
  color: #fff
}

.template.iMessage.con-red .general-section .imessage-bubble {
  fill: #f7410f
}

.template.iMessage.con-red .graphs .graph-item .svg-foreground .circle {
  stroke: #f7410f
}

.template.iMessage.con-red .keyword .prefix {
  color: #f7410f
}

.template.iMessage.con-red .hobbies.type-one .hobby svg,.template.iMessage.con-red .social-link.type-two svg {
  fill: #f7410f
}

.template.iMessage.con-red .skill-description-wrapper.text .skill-description {
  color: #f7410f
}

.template.iMessage.con-red .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.iMessage.con-red .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.iMessage.con-red .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.iMessage.con-red .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.iMessage.con-red .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #f7410f
}

.template.iMessage.grn .headline .background-wrapper .icon {
  fill: #000
}

.template.iMessage.grn .left-column-render .headline .background-wrapper {
  background-color: #24e0a2;
  color: #000
}

.template.iMessage.grn .left-column-render .headline .background-wrapper:before {
  border-top-color: #24e0a2
}

.template.iMessage.grn .right-column-render .headline .background-wrapper {
  color: #000
}

.template.iMessage.grn .general-section .imessage-bubble {
  fill: #24e0a2
}

.template.iMessage.grn .graphs .graph-item .svg-foreground .circle {
  stroke: #24e0a2
}

.template.iMessage.grn .keyword .prefix {
  color: #24e0a2
}

.template.iMessage.grn .hobbies.type-one .hobby svg,.template.iMessage.grn .social-link.type-two svg {
  fill: #24e0a2
}

.template.iMessage.grn .skill-description-wrapper.text .skill-description {
  color: #24e0a2
}

.template.iMessage.grn .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.iMessage.grn .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.iMessage.grn .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.iMessage.grn .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.iMessage.grn .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #24e0a2
}

.template.iMessage.yel .headline .background-wrapper .icon {
  fill: #000
}

.template.iMessage.yel .left-column-render .headline .background-wrapper {
  background-color: #f7da92;
  color: #000
}

.template.iMessage.yel .left-column-render .headline .background-wrapper:before {
  border-top-color: #f7da92
}

.template.iMessage.yel .right-column-render .headline .background-wrapper {
  color: #000
}

.template.iMessage.yel .general-section .imessage-bubble {
  fill: #f7da92
}

.template.iMessage.yel .graphs .graph-item .svg-foreground .circle {
  stroke: #f7da92
}

.template.iMessage.yel .keyword .prefix {
  color: #f7da92
}

.template.iMessage.yel .hobbies.type-one .hobby svg,.template.iMessage.yel .social-link.type-two svg {
  fill: #f7da92
}

.template.iMessage.yel .skill-description-wrapper.text .skill-description {
  color: #f7da92
}

.template.iMessage.yel .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.iMessage.yel .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.iMessage.yel .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.iMessage.yel .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.iMessage.yel .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #f7da92
}

.template.iMessage.pur .headline .background-wrapper .icon {
  fill: #000
}

.template.iMessage.pur .left-column-render .headline .background-wrapper {
  background-color: #e1bee7;
  color: #000
}

.template.iMessage.pur .left-column-render .headline .background-wrapper:before {
  border-top-color: #e1bee7
}

.template.iMessage.pur .right-column-render .headline .background-wrapper {
  color: #000
}

.template.iMessage.pur .general-section .imessage-bubble {
  fill: #e1bee7
}

.template.iMessage.pur .graphs .graph-item .svg-foreground .circle {
  stroke: #e1bee7
}

.template.iMessage.pur .keyword .prefix {
  color: #e1bee7
}

.template.iMessage.pur .hobbies.type-one .hobby svg,.template.iMessage.pur .social-link.type-two svg {
  fill: #e1bee7
}

.template.iMessage.pur .skill-description-wrapper.text .skill-description {
  color: #e1bee7
}

.template.iMessage.pur .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.iMessage.pur .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.iMessage.pur .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.iMessage.pur .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.iMessage.pur .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #e1bee7
}

.template.iMessage.gre .headline .background-wrapper .icon {
  fill: #000
}

.template.iMessage.gre .left-column-render .headline .background-wrapper {
  background-color: #d8d8d8;
  color: #000
}

.template.iMessage.gre .left-column-render .headline .background-wrapper:before {
  border-top-color: #d8d8d8
}

.template.iMessage.gre .right-column-render .headline .background-wrapper {
  color: #000
}

.template.iMessage.gre .general-section .imessage-bubble {
  fill: #d8d8d8
}

.template.iMessage.gre .graphs .graph-item .svg-foreground .circle {
  stroke: #d8d8d8
}

.template.iMessage.gre .keyword .prefix {
  color: #d8d8d8
}

.template.iMessage.gre .hobbies.type-one .hobby svg,.template.iMessage.gre .social-link.type-two svg {
  fill: #d8d8d8
}

.template.iMessage.gre .skill-description-wrapper.text .skill-description {
  color: #d8d8d8
}

.template.iMessage.gre .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.iMessage.gre .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.iMessage.gre .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.iMessage.gre .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.iMessage.gre .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #d8d8d8
}

.template.ios.page-wrapper .outer-page.multi-page .page:after {
  padding-right: 54px;
  text-align: right;
  z-index: 1
}

.letter.template.ios.page-wrapper .outer-page.multi-page .page:after {
  padding-right: 65px
}

.template.ios.letter .ios-section-wrapper.background:before {
  left: -65px;
  width: 816px
}

.template.ios .page {
  padding-top: 32px
}

.template.ios .page:after {
  color: #527175
}

.template.ios .general-info-wrapper,.template.ios .kickresume-section-wrapper {
  align-items: center;
  display: flex;
  width: 100%
}

.template.ios ol,.template.ios ul {
  margin-left: 16px
}

.template.ios .name,.template.ios .profile-text {
  display: inline-block;
  width: 100%
}

.template.ios .ios-section-wrapper {
  position: relative;
  width: 100%;
  z-index: 1
}

.template.ios .ios-section-wrapper.background:before {
  background-color: #e6e6e6;
  content: "";
  height: 100%;
  left: -54px;
  position: absolute;
  top: 0;
  width: 794px
}

.template.ios .section-right-col {
  padding-left: 26px;
  width: 100%
}

.template.ios .text-area {
  max-width: 594px
}

.template.ios .headline {
  position: relative;
  width: 160px
}

.template.ios .headline .background-wrapper {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  width: 100%
}

.template.ios .headline .icon {
  background-color: #527175;
  border-radius: 5px;
  margin: 0
}

.template.ios .headline .icon svg {
  fill: #fff
}

.template.ios .headline .text {
  padding-top: 8px
}

.template.ios .general-section {
  display: flex;
  flex-wrap: wrap
}

.template.ios .general-section .name-description {
  display: inline-block;
  padding-bottom: var(--templates-lh-base);
  padding-left: 26px;
  padding-top: 20px;
  vertical-align: top;
  width: 526px
}

.template.ios .general-section .name-description.no-avatar {
  padding-left: 0;
  width: 100%
}

.template.ios .general-section .name-description.no-avatar .profile-text-wrapper {
  padding-bottom: var(--templates-lh-base);
  text-align: center
}

.template.ios .general-section .name-description .name {
  color: #527175;
  font-size: 30px;
  line-height: 40px;
  padding-bottom: clamp(1rem, calc(var(--templates-lh-base)*2), 3.5rem);
  text-align: center
}

.template.ios .general-section .avatar {
  display: inline-flex;
  justify-content: center;
  padding-bottom: var(--templates-lh-base);
  width: 160px
}

.template.ios .general-section .avatar .thumbnail img {
  border-radius: 15px
}

.template.ios .general-section .info-wrapper {
  display: inline-block;
  margin-right: 8px;
  position: relative
}

.template.ios .general-section .info-wrapper .key {
  margin-right: 4px
}

.template.ios .graphs.type-two .graph,.template.ios .hobby,.template.ios .skill,.template.ios .social-link {
  width: 33.333%
}

.template.ios .hobby svg,.template.ios .social-link svg {
  fill: #527175
}

.template.ios .skill {
  padding-right: 16px
}

.template.ios .graphs {
  padding: 0
}

.template.ios .graphs.type-two .graph .graph-item .circle-gray {
  stroke-width: 2px;
  stroke: #000
}

.template.ios .graphs.type-two .graph .graph-item .circle {
  stroke: #527175
}

.template.ios .skill-description,.template.ios .skill-name {
  text-align: center
}

.template.ios .skill-description-wrapper:not(.text) {
  align-items: center;
  display: flex
}

.template.ios .skill-description-wrapper:not(.text) .skill-description {
  align-items: center;
  background: #000;
  display: flex;
  height: 1px;
  position: relative;
  width: 100%
}

.template.ios .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.ios .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.ios .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.ios .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.ios .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #527175;
  height: 3px;
  position: absolute;
  z-index: 0
}

.template.ios .skill-description-wrapper:not(.text) .skill-description .progress-level-1:after,.template.ios .skill-description-wrapper:not(.text) .skill-description .progress-level-2:after,.template.ios .skill-description-wrapper:not(.text) .skill-description .progress-level-3:after,.template.ios .skill-description-wrapper:not(.text) .skill-description .progress-level-4:after,.template.ios .skill-description-wrapper:not(.text) .skill-description .progress-level-5:after {
  background: #000;
  border-radius: 50%;
  content: "";
  height: 8px;
  position: absolute;
  right: 0;
  top: -3px;
  width: 8px;
  z-index: 2
}

.template.ios .skill-description-wrapper.text {
  color: #000
}

.template.ios .keywords-section.type-one.center .keyword .keyword-text-wrapper {
  background: #527175;
  border-radius: 5px;
  color: #fff;
  padding: 5px 10px
}

.template.ios.dar-grn .page:after {
  color: #527175
}

.template.ios.dar-grn .headline .icon {
  background-color: #527175
}

.template.ios.dar-grn .general-section .name-description .name {
  color: #527175
}

.template.ios.dar-grn .hobby svg,.template.ios.dar-grn .social-link svg {
  fill: #527175
}

.template.ios.dar-grn .graphs.type-two .graph .graph-item .circle {
  stroke: #527175
}

.template.ios.dar-grn .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.ios.dar-grn .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.ios.dar-grn .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.ios.dar-grn .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.ios.dar-grn .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #527175
}

.template.ios.dar-grn .keywords-section.type-one.center .keyword .keyword-text-wrapper {
  background: #527175
}

.template.ios.grn .page:after {
  color: #607c60
}

.template.ios.grn .headline .icon {
  background-color: #607c60
}

.template.ios.grn .general-section .name-description .name {
  color: #607c60
}

.template.ios.grn .hobby svg,.template.ios.grn .social-link svg {
  fill: #607c60
}

.template.ios.grn .graphs.type-two .graph .graph-item .circle {
  stroke: #607c60
}

.template.ios.grn .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.ios.grn .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.ios.grn .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.ios.grn .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.ios.grn .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #607c60
}

.template.ios.grn .keywords-section.type-one.center .keyword .keyword-text-wrapper {
  background: #607c60
}

.template.ios.ste .page:after {
  color: #5a84af
}

.template.ios.ste .headline .icon {
  background-color: #5a84af
}

.template.ios.ste .general-section .name-description .name {
  color: #5a84af
}

.template.ios.ste .hobby svg,.template.ios.ste .social-link svg {
  fill: #5a84af
}

.template.ios.ste .graphs.type-two .graph .graph-item .circle {
  stroke: #5a84af
}

.template.ios.ste .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.ios.ste .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.ios.ste .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.ios.ste .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.ios.ste .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #5a84af
}

.template.ios.ste .keywords-section.type-one.center .keyword .keyword-text-wrapper {
  background: #5a84af
}

.template.ios.win .page:after {
  color: #ad5a5a
}

.template.ios.win .headline .icon {
  background-color: #ad5a5a
}

.template.ios.win .general-section .name-description .name {
  color: #ad5a5a
}

.template.ios.win .hobby svg,.template.ios.win .social-link svg {
  fill: #ad5a5a
}

.template.ios.win .graphs.type-two .graph .graph-item .circle {
  stroke: #ad5a5a
}

.template.ios.win .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.ios.win .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.ios.win .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.ios.win .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.ios.win .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #ad5a5a
}

.template.ios.win .keywords-section.type-one.center .keyword .keyword-text-wrapper {
  background: #ad5a5a
}

.template.ios.bro .page:after {
  color: #a89371
}

.template.ios.bro .headline .icon {
  background-color: #a89371
}

.template.ios.bro .general-section .name-description .name {
  color: #a89371
}

.template.ios.bro .hobby svg,.template.ios.bro .social-link svg {
  fill: #a89371
}

.template.ios.bro .graphs.type-two .graph .graph-item .circle {
  stroke: #a89371
}

.template.ios.bro .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.ios.bro .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.ios.bro .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.ios.bro .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.ios.bro .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #a89371
}

.template.ios.bro .keywords-section.type-one.center .keyword .keyword-text-wrapper {
  background: #a89371
}

.template.ios.bla .page:after {
  color: #000
}

.template.ios.bla .headline .icon {
  background-color: #000
}

.template.ios.bla .general-section .name-description .name {
  color: #000
}

.template.ios.bla .hobby svg,.template.ios.bla .social-link svg {
  fill: #000
}

.template.ios.bla .graphs.type-two .graph .graph-item .circle {
  stroke: #000
}

.template.ios.bla .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.ios.bla .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.ios.bla .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.ios.bla .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.ios.bla .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #000
}

.template.ios.bla .keywords-section.type-one.center .keyword .keyword-text-wrapper {
  background: #000
}

.template.ladder .preview-overlay path:first-of-type {
  fill: #fff
}

.template.ladder.letter .page:before {
  width: 208px
}

.template.ladder.page-wrapper .outer-page.multi-page .page:after {
  padding-right: 40px;
  text-align: right
}

.letter.template.ladder.page-wrapper .outer-page.multi-page .page:after {
  padding-right: 52px
}

.template.ladder .page {
  padding-top: 39px;
  position: relative
}

.template.ladder .page:before {
  background-color: #1a1a1a;
  content: " ";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 198px;
  z-index: 0
}

.template.ladder ol,.template.ladder ul {
  margin-left: 16px
}

.template.ladder .general-section,.template.ladder .kickresume-section-wrapper {
  display: flex;
  width: 100%
}

.template.ladder .profile {
  width: 100%
}

.template.ladder .contact-info,.template.ladder .experience-item,.template.ladder .graphs,.template.ladder .keywords,.template.ladder .rich-text-area,.template.ladder .skill-tuple {
  display: inline-block
}

.template.ladder .contact-info,.template.ladder .experience-item,.template.ladder .graphs,.template.ladder .hobbies,.template.ladder .keywords,.template.ladder .rich-text-area,.template.ladder .skill-tuple,.template.ladder .social-section-links {
  position: relative;
  vertical-align: top;
  width: 100%
}

.template.ladder .name,.template.ladder .profile-text {
  display: inline-block;
  width: 100%
}

.template.ladder .ios-section-wrapper {
  position: relative;
  width: 100%
}

.template.ladder .text-area {
  max-width: 594px
}

.template.ladder .section-right-col {
  position: relative;
  width: 75%
}

.template.ladder .section-right-col:before {
  background: #d8d8d8;
  content: "";
  height: 1px;
  left: 26px;
  position: absolute;
  top: -10px;
  width: 100%
}

.template.ladder .headline {
  align-items: flex-start;
  color: #ef9a9a;
  justify-content: flex-end;
  padding-right: 26px;
  position: relative;
  text-align: right;
  text-transform: uppercase;
  vertical-align: top;
  width: 136px;
  z-index: 1
}

.template.ladder .headline:before {
  background: grey;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  top: -10px;
  width: 136px
}

.template.ladder .general-section {
  padding-bottom: clamp(1rem, calc(var(--templates-lh-base)*2), 3.5rem);
  position: relative
}

.template.ladder .general-section .general-info {
  padding-left: 26px;
  vertical-align: top;
  width: 75%
}

.template.ladder .general-section .general-info .url {
  word-break: break-all
}

.template.ladder .general-section .general-info .name {
  color: #000;
  font-size: 35px;
  line-height: 40px;
  padding-bottom: var(--templates-lh-base);
  width: 100%
}

.template.ladder .general-section .general-info .key {
  margin-right: 8px
}

.template.ladder .general-section .avatar {
  padding-left: 4px;
  width: 164px;
  z-index: 1
}

.template.ladder .general-section .avatar .thumbnail {
  background: transparent
}

.template.ladder .general-section .avatar img {
  border-radius: 50%
}

.template.ladder .general-section.no-avatar .avatar .initials {
  background-color: #fff;
  border-radius: 50%;
  height: 120px;
  padding-top: 25px;
  position: relative;
  width: 120px
}

.template.ladder .general-section.no-avatar .avatar .initials .body {
  height: 70px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: 70px
}

.template.ladder .general-section.no-avatar .avatar .initials .body .first-line {
  border-top: 1px solid #fff;
  height: 0;
  left: -18px;
  position: absolute;
  top: 35px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 150%
}

.template.ladder .general-section.no-avatar .avatar .initials .body .second-line {
  border-bottom: 1px solid #fff;
  height: 0;
  left: -18px;
  position: absolute;
  top: 35px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  width: 150%
}

.template.ladder .general-section.no-avatar .avatar .initials .body .first,.template.ladder .general-section.no-avatar .avatar .initials .body .second {
  color: #fff;
  font-size: 35px;
  line-height: 45px;
  position: absolute;
  top: 12px
}

.template.ladder .general-section.no-avatar .avatar .initials .body .first {
  left: -15px
}

.template.ladder .general-section.no-avatar .avatar .initials .body .second {
  right: -15px
}

.template.ladder .general-section.no-avatar .avatar .initials .body .first-line {
  border-top-color: #ef9a9a
}

.template.ladder .general-section.no-avatar .avatar .initials .body .second-line {
  border-bottom-color: #ef9a9a
}

.template.ladder .general-section.no-avatar .avatar .initials .body .first,.template.ladder .general-section.no-avatar .avatar .initials .body .second {
  color: #000
}

.template.ladder .graph,.template.ladder .hobby,.template.ladder .skill,.template.ladder .social-link {
  display: inline-flex;
  width: 33.333%
}

.template.ladder .hobby svg,.template.ladder .social-link svg {
  fill: #ef9a9a
}

.template.ladder .skill-category-name {
  text-transform: uppercase
}

.template.ladder .skill-section.type-one .skill .skill-description:not(.text) div i {
  background: #d8d8d8;
  border: none;
  border-radius: 50%;
  height: 8px;
  width: 8px
}

.template.ladder .skill-section.type-one .skill .skill-description:not(.text) div i.active {
  background: #ef9a9a
}

.template.ladder .graphs {
  padding: 0
}

.template.ladder .csspie:first-of-type:after,.template.ladder .csspie:first-of-type:before {
  background-color: #ef9a9a
}

.template.ladder .csspie:nth-of-type(2):after,.template.ladder .csspie:nth-of-type(2):before {
  background-color: #d8d8d8
}

.template.ladder .value-wrapper,.template.ladder.bla .headline {
  color: #fff
}

.template.ladder.bla .general-section.no-avatar .avatar .initials .body .first-line {
  border-top-color: #1a1a1a
}

.template.ladder.bla .general-section.no-avatar .avatar .initials .body .second-line {
  border-bottom-color: #1a1a1a
}

.template.ladder.bla .general-section.no-avatar .avatar .initials .body .first,.template.ladder.bla .general-section.no-avatar .avatar .initials .body .second {
  color: #000
}

.template.ladder.bla .hobby svg,.template.ladder.bla .social-link svg {
  fill: #1a1a1a
}

.template.ladder.bla .skill-section.type-one .skill .skill-description:not(.text) div i {
  background: #d8d8d8
}

.template.ladder.bla .skill-section.type-one .skill .skill-description:not(.text) div i.active {
  background: #1a1a1a
}

.template.ladder.bla .csspie:first-of-type:after,.template.ladder.bla .csspie:first-of-type:before {
  background-color: #1a1a1a
}

.template.ladder.bla .csspie:nth-of-type(2):after,.template.ladder.bla .csspie:nth-of-type(2):before {
  background-color: #000
}

.template.ladder.bla .value-wrapper {
  color: #fff
}

.template.ladder.pin .headline {
  color: #ef9a9a
}

.template.ladder.pin .general-section.no-avatar .avatar .initials .body .first-line {
  border-top-color: #ef9a9a
}

.template.ladder.pin .general-section.no-avatar .avatar .initials .body .second-line {
  border-bottom-color: #ef9a9a
}

.template.ladder.pin .general-section.no-avatar .avatar .initials .body .first,.template.ladder.pin .general-section.no-avatar .avatar .initials .body .second {
  color: #000
}

.template.ladder.pin .hobby svg,.template.ladder.pin .social-link svg {
  fill: #ef9a9a
}

.template.ladder.pin .skill-section.type-one .skill .skill-description:not(.text) div i {
  background: #d8d8d8
}

.template.ladder.pin .skill-section.type-one .skill .skill-description:not(.text) div i.active {
  background: #ef9a9a
}

.template.ladder.pin .csspie:first-of-type:after,.template.ladder.pin .csspie:first-of-type:before {
  background-color: #ef9a9a
}

.template.ladder.pin .csspie:nth-of-type(2):after,.template.ladder.pin .csspie:nth-of-type(2):before {
  background-color: #d8d8d8
}

.template.ladder.pin .value-wrapper {
  color: #fff
}

.template.ladder.ora .headline {
  color: #fbb040
}

.template.ladder.ora .general-section.no-avatar .avatar .initials .body .first-line {
  border-top-color: #fbb040
}

.template.ladder.ora .general-section.no-avatar .avatar .initials .body .second-line {
  border-bottom-color: #fbb040
}

.template.ladder.ora .general-section.no-avatar .avatar .initials .body .first,.template.ladder.ora .general-section.no-avatar .avatar .initials .body .second {
  color: #000
}

.template.ladder.ora .hobby svg,.template.ladder.ora .social-link svg {
  fill: #fbb040
}

.template.ladder.ora .skill-section.type-one .skill .skill-description:not(.text) div i {
  background: #d8d8d8
}

.template.ladder.ora .skill-section.type-one .skill .skill-description:not(.text) div i.active {
  background: #fbb040
}

.template.ladder.ora .csspie:first-of-type:after,.template.ladder.ora .csspie:first-of-type:before {
  background-color: #fbb040
}

.template.ladder.ora .csspie:nth-of-type(2):after,.template.ladder.ora .csspie:nth-of-type(2):before {
  background-color: #d8d8d8
}

.template.ladder.ora .value-wrapper {
  color: #fff
}

.template.ladder.cya .headline {
  color: #3dbfed
}

.template.ladder.cya .general-section.no-avatar .avatar .initials .body .first-line {
  border-top-color: #3dbfed
}

.template.ladder.cya .general-section.no-avatar .avatar .initials .body .second-line {
  border-bottom-color: #3dbfed
}

.template.ladder.cya .general-section.no-avatar .avatar .initials .body .first,.template.ladder.cya .general-section.no-avatar .avatar .initials .body .second {
  color: #000
}

.template.ladder.cya .hobby svg,.template.ladder.cya .social-link svg {
  fill: #3dbfed
}

.template.ladder.cya .skill-section.type-one .skill .skill-description:not(.text) div i {
  background: #d8d8d8
}

.template.ladder.cya .skill-section.type-one .skill .skill-description:not(.text) div i.active {
  background: #3dbfed
}

.template.ladder.cya .csspie:first-of-type:after,.template.ladder.cya .csspie:first-of-type:before {
  background-color: #3dbfed
}

.template.ladder.cya .csspie:nth-of-type(2):after,.template.ladder.cya .csspie:nth-of-type(2):before {
  background-color: #d8d8d8
}

.template.ladder.cya .value-wrapper {
  color: #fff
}

.template.ladder.min .headline {
  color: #67dfc2
}

.template.ladder.min .general-section.no-avatar .avatar .initials .body .first-line {
  border-top-color: #67dfc2
}

.template.ladder.min .general-section.no-avatar .avatar .initials .body .second-line {
  border-bottom-color: #67dfc2
}

.template.ladder.min .general-section.no-avatar .avatar .initials .body .first,.template.ladder.min .general-section.no-avatar .avatar .initials .body .second {
  color: #000
}

.template.ladder.min .hobby svg,.template.ladder.min .social-link svg {
  fill: #67dfc2
}

.template.ladder.min .skill-section.type-one .skill .skill-description:not(.text) div i {
  background: #d8d8d8
}

.template.ladder.min .skill-section.type-one .skill .skill-description:not(.text) div i.active {
  background: #67dfc2
}

.template.ladder.min .csspie:first-of-type:after,.template.ladder.min .csspie:first-of-type:before {
  background-color: #67dfc2
}

.template.ladder.min .csspie:nth-of-type(2):after,.template.ladder.min .csspie:nth-of-type(2):before {
  background-color: #d8d8d8
}

.template.ladder.min .value-wrapper {
  color: #fff
}

.template.ladder.bri-red .headline {
  color: #ee4e34
}

.template.ladder.bri-red .general-section.no-avatar .avatar .initials .body .first-line {
  border-top-color: #ee4e34
}

.template.ladder.bri-red .general-section.no-avatar .avatar .initials .body .second-line {
  border-bottom-color: #ee4e34
}

.template.ladder.bri-red .general-section.no-avatar .avatar .initials .body .first,.template.ladder.bri-red .general-section.no-avatar .avatar .initials .body .second {
  color: #000
}

.template.ladder.bri-red .hobby svg,.template.ladder.bri-red .social-link svg {
  fill: #ee4e34
}

.template.ladder.bri-red .skill-section.type-one .skill .skill-description:not(.text) div i {
  background: #d8d8d8
}

.template.ladder.bri-red .skill-section.type-one .skill .skill-description:not(.text) div i.active {
  background: #ee4e34
}

.template.ladder.bri-red .csspie:first-of-type:after,.template.ladder.bri-red .csspie:first-of-type:before {
  background-color: #ee4e34
}

.template.ladder.bri-red .csspie:nth-of-type(2):after,.template.ladder.bri-red .csspie:nth-of-type(2):before {
  background-color: #d8d8d8
}

.template.ladder.bri-red .value-wrapper {
  color: #fff
}

.template.ladder.grn .headline {
  color: #c5e1a5
}

.template.ladder.grn .general-section.no-avatar .avatar .initials .body .first-line {
  border-top-color: #c5e1a5
}

.template.ladder.grn .general-section.no-avatar .avatar .initials .body .second-line {
  border-bottom-color: #c5e1a5
}

.template.ladder.grn .general-section.no-avatar .avatar .initials .body .first,.template.ladder.grn .general-section.no-avatar .avatar .initials .body .second {
  color: #000
}

.template.ladder.grn .hobby svg,.template.ladder.grn .social-link svg {
  fill: #c5e1a5
}

.template.ladder.grn .skill-section.type-one .skill .skill-description:not(.text) div i {
  background: #d8d8d8
}

.template.ladder.grn .skill-section.type-one .skill .skill-description:not(.text) div i.active {
  background: #c5e1a5
}

.template.ladder.grn .csspie:first-of-type:after,.template.ladder.grn .csspie:first-of-type:before {
  background-color: #c5e1a5
}

.template.ladder.grn .csspie:nth-of-type(2):after,.template.ladder.grn .csspie:nth-of-type(2):before {
  background-color: #d8d8d8
}

.template.ladder.grn .value-wrapper {
  color: #fff
}

.template.ladder.ste .headline {
  color: #517484
}

.template.ladder.ste .general-section.no-avatar .avatar .initials .body .first-line {
  border-top-color: #517484
}

.template.ladder.ste .general-section.no-avatar .avatar .initials .body .second-line {
  border-bottom-color: #517484
}

.template.ladder.ste .general-section.no-avatar .avatar .initials .body .first,.template.ladder.ste .general-section.no-avatar .avatar .initials .body .second {
  color: #000
}

.template.ladder.ste .hobby svg,.template.ladder.ste .social-link svg {
  fill: #517484
}

.template.ladder.ste .skill-section.type-one .skill .skill-description:not(.text) div i {
  background: #d8d8d8
}

.template.ladder.ste .skill-section.type-one .skill .skill-description:not(.text) div i.active {
  background: #517484
}

.template.ladder.ste .csspie:first-of-type:after,.template.ladder.ste .csspie:first-of-type:before {
  background-color: #517484
}

.template.ladder.ste .csspie:nth-of-type(2):after,.template.ladder.ste .csspie:nth-of-type(2):before {
  background-color: #d8d8d8
}

.template.ladder.ste .value-wrapper {
  color: #fff
}

.template.ladder.gol .headline {
  color: #c29d42
}

.template.ladder.gol .general-section.no-avatar .avatar .initials .body .first-line {
  border-top-color: #c29d42
}

.template.ladder.gol .general-section.no-avatar .avatar .initials .body .second-line {
  border-bottom-color: #c29d42
}

.template.ladder.gol .general-section.no-avatar .avatar .initials .body .first,.template.ladder.gol .general-section.no-avatar .avatar .initials .body .second {
  color: #000
}

.template.ladder.gol .hobby svg,.template.ladder.gol .social-link svg {
  fill: #c29d42
}

.template.ladder.gol .skill-section.type-one .skill .skill-description:not(.text) div i {
  background: #d8d8d8
}

.template.ladder.gol .skill-section.type-one .skill .skill-description:not(.text) div i.active {
  background: #c29d42
}

.template.ladder.gol .csspie:first-of-type:after,.template.ladder.gol .csspie:first-of-type:before {
  background-color: #c29d42
}

.template.ladder.gol .csspie:nth-of-type(2):after,.template.ladder.gol .csspie:nth-of-type(2):before {
  background-color: #d8d8d8
}

.template.ladder.gol .value-wrapper {
  color: #fff
}

.template.martinus.letter .general-section .profile-text-wrapper {
  padding-left: 45px;
  padding-right: 53px
}

.template.martinus.letter .general-section .avatar {
  margin-left: 75px
}

.template.martinus.letter .general-section .name {
  padding-right: 53px
}

.template.martinus .page {
  position: relative
}

.template.martinus .page .left-column-render,.template.martinus .page .right-column-render {
  padding-top: clamp(1rem, calc(var(--templates-lh-base)*2), 3.5rem);
}

.template.martinus .headline {
  color: #000;
  position: relative
}

.template.martinus .headline:after {
  border-bottom: 1px solid #facd48;
  bottom: 12px;
  content: " ";
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%
}

.template.martinus .headline .icon {
  background: #facd48;
  position: absolute;
  z-index: 1
}

.template.martinus .headline .text {
  margin-left: 30px
}

.template.martinus .page .top-ornament {
  background: #ee4e34;
  display: block;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.template.martinus .page.first-page .top-ornament {
  height: 62px
}

.template.martinus .page:not(.first-page) .top-ornament {
  height: 26px
}

.template.martinus .page:not(.first-page) .top-ornament:after {
  background: #facd48;
  content: "";
  height: 13px;
  left: 0;
  position: absolute;
  top: 26px;
  width: 100%
}

.template.martinus .general-section {
  padding: 0
}

.template.martinus .general-section .profile-text-wrapper {
  padding: clamp(1rem, calc(var(--templates-lh-base)*2), 3.5rem) 46px 0 30px;
}

.template.martinus .general-section .header {
  align-items: center;
  background-color: #ee4e34;
  display: flex;
  padding: 0 0 40px
}

.template.martinus .general-section .header-bottom {
  background-color: #facd48;
  height: 13px
}

.template.martinus .general-section .avatar,.template.martinus .general-section .name {
  display: inline-flex
}

.template.martinus .general-section .name {
  color: #000;
  flex-grow: 1;
  font-size: 34px;
  line-height: 40px;
  padding: 0 30px;
  vertical-align: top
}

.template.martinus .general-section .avatar {
  margin-left: 60px;
  z-index: 1
}

.template.martinus .general-section .avatar .thumbnail {
  background-color: initial;
  border: none;
  padding: 0
}

.template.martinus .general-section .avatar img {
  border-radius: 50%
}

.template.martinus .general-section.no-avatar .avatar {
  display: none
}

.template.martinus .general-section.no-avatar .name {
  display: block;
  padding: 30px;
  text-align: center;
  width: 100%
}

.template.martinus .general-info {
  padding-left: 30px
}

.template.martinus .general-info .info-wrapper {
  display: flex
}

.template.martinus .general-info .key,.template.martinus .general-info .value {
  display: inline-flex;
  vertical-align: top
}

.template.martinus .general-info .value {
  padding-left: 8px
}

.template.martinus .skill-category-name {
  text-transform: uppercase
}

.template.martinus .graph,.template.martinus .hobby,.template.martinus .social-link {
  width: 50%
}

.template.martinus .hobby .icon svg,.template.martinus .social-link .icon svg {
  fill: #ee4e34
}

.template.martinus .skill {
  width: 100%
}

.template.martinus .csspie:first-of-type:after,.template.martinus .csspie:first-of-type:before {
  background-color: #ee4e34
}

.template.martinus .csspie:nth-of-type(2):after,.template.martinus .csspie:nth-of-type(2):before {
  background-color: #facd48
}

.template.martinus .value-wrapper {
  color: #000
}

.template.martinus .skill-description-wrapper.text .skill-description {
  color: #ee4e34;
  text-transform: uppercase
}

.template.martinus .skill-description-wrapper:not(.text) .skill-description {
  background: #facd48;
  position: relative
}

.template.martinus .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.martinus .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.martinus .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.martinus .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.martinus .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background: #ee4e34;
  display: block;
  height: 11px
}

.template.martinus .keyword {
  color: #000
}

.template.martinus .keyword .keyword-text-wrapper {
  background: #facd48
}

.template.martinus.red-yel .headline:after {
  border-color: #facd48
}

.template.martinus.red-yel .headline .icon {
  background: #facd48
}

.template.martinus.red-yel .page .top-ornament {
  background: #ee4e34
}

.template.martinus.red-yel .page .top-ornament:after {
  background: #facd48
}

.template.martinus.red-yel .general-section .header {
  background-color: #ee4e34
}

.template.martinus.red-yel .general-section .header-bottom {
  background-color: #facd48
}

.template.martinus.red-yel .hobby .icon svg,.template.martinus.red-yel .social-link .icon svg {
  fill: #ee4e34
}

.template.martinus.red-yel .csspie:first-of-type:after,.template.martinus.red-yel .csspie:first-of-type:before {
  background-color: #ee4e34
}

.template.martinus.red-yel .csspie:nth-of-type(2):after,.template.martinus.red-yel .csspie:nth-of-type(2):before {
  background-color: #facd48
}

.template.martinus.red-yel .value-wrapper {
  color: #000
}

.template.martinus.red-yel .skill-description-wrapper:not(.text) .skill-description {
  background: #facd48
}

.template.martinus.red-yel .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.martinus.red-yel .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.martinus.red-yel .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.martinus.red-yel .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.martinus.red-yel .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background: #ee4e34
}

.template.martinus.red-yel .skill-description-wrapper.text .skill-description {
  color: #ee4e34
}

.template.martinus.red-yel .keyword .keyword-text-wrapper {
  background: #facd48
}

.template.martinus.gol-cya .headline:after {
  border-color: #a1f0d6
}

.template.martinus.gol-cya .headline .icon {
  background: #a1f0d6
}

.template.martinus.gol-cya .page .top-ornament {
  background: #f2e8c9
}

.template.martinus.gol-cya .page .top-ornament:after {
  background: #a1f0d6
}

.template.martinus.gol-cya .general-section .header {
  background-color: #f2e8c9
}

.template.martinus.gol-cya .general-section .header-bottom {
  background-color: #a1f0d6
}

.template.martinus.gol-cya .hobby .icon svg,.template.martinus.gol-cya .social-link .icon svg {
  fill: #f2e8c9
}

.template.martinus.gol-cya .csspie:first-of-type:after,.template.martinus.gol-cya .csspie:first-of-type:before {
  background-color: #f2e8c9
}

.template.martinus.gol-cya .csspie:nth-of-type(2):after,.template.martinus.gol-cya .csspie:nth-of-type(2):before {
  background-color: #a1f0d6
}

.template.martinus.gol-cya .value-wrapper {
  color: #000
}

.template.martinus.gol-cya .skill-description-wrapper:not(.text) .skill-description {
  background: #a1f0d6
}

.template.martinus.gol-cya .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.martinus.gol-cya .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.martinus.gol-cya .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.martinus.gol-cya .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.martinus.gol-cya .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background: #f2e8c9
}

.template.martinus.gol-cya .skill-description-wrapper.text .skill-description {
  color: #f2e8c9
}

.template.martinus.gol-cya .keyword .keyword-text-wrapper {
  background: #a1f0d6
}

.template.martinus.gol-cya .headline {
  color: #000
}

.template.martinus.gol-cya .headline .icon svg {
  fill: #fff
}

.template.martinus.gol-cya .general-section .name,.template.martinus.gol-cya .graph .value-wrapper {
  color: #000
}

.template.martinus.gol-cya .keyword {
  color: #fff
}

.template.martinus.ora-pur .headline:after {
  border-color: #2a1d38
}

.template.martinus.ora-pur .headline .icon {
  background: #2a1d38
}

.template.martinus.ora-pur .page .top-ornament {
  background: #fbb040
}

.template.martinus.ora-pur .page .top-ornament:after {
  background: #2a1d38
}

.template.martinus.ora-pur .general-section .header {
  background-color: #fbb040
}

.template.martinus.ora-pur .general-section .header-bottom {
  background-color: #2a1d38
}

.template.martinus.ora-pur .hobby .icon svg,.template.martinus.ora-pur .social-link .icon svg {
  fill: #fbb040
}

.template.martinus.ora-pur .csspie:first-of-type:after,.template.martinus.ora-pur .csspie:first-of-type:before {
  background-color: #fbb040
}

.template.martinus.ora-pur .csspie:nth-of-type(2):after,.template.martinus.ora-pur .csspie:nth-of-type(2):before {
  background-color: #2a1d38
}

.template.martinus.ora-pur .value-wrapper {
  color: #000
}

.template.martinus.ora-pur .skill-description-wrapper:not(.text) .skill-description {
  background: #2a1d38
}

.template.martinus.ora-pur .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.martinus.ora-pur .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.martinus.ora-pur .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.martinus.ora-pur .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.martinus.ora-pur .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background: #fbb040
}

.template.martinus.ora-pur .skill-description-wrapper.text .skill-description {
  color: #fbb040
}

.template.martinus.ora-pur .keyword .keyword-text-wrapper {
  background: #2a1d38
}

.template.martinus.ora-pur .headline {
  color: #fbb040
}

.template.martinus.ora-pur .headline .icon svg {
  fill: #fff
}

.template.martinus.ora-pur .general-section .name,.template.martinus.ora-pur .graph .value-wrapper,.template.martinus.ora-pur .keyword {
  color: #fff
}

.template.martinus.ste-red .headline:after {
  border-color: #ee4e34
}

.template.martinus.ste-red .headline .icon {
  background: #ee4e34
}

.template.martinus.ste-red .page .top-ornament {
  background: #9bbfcc
}

.template.martinus.ste-red .page .top-ornament:after {
  background: #ee4e34
}

.template.martinus.ste-red .general-section .header {
  background-color: #9bbfcc
}

.template.martinus.ste-red .general-section .header-bottom {
  background-color: #ee4e34
}

.template.martinus.ste-red .hobby .icon svg,.template.martinus.ste-red .social-link .icon svg {
  fill: #9bbfcc
}

.template.martinus.ste-red .csspie:first-of-type:after,.template.martinus.ste-red .csspie:first-of-type:before {
  background-color: #9bbfcc
}

.template.martinus.ste-red .csspie:nth-of-type(2):after,.template.martinus.ste-red .csspie:nth-of-type(2):before {
  background-color: #ee4e34
}

.template.martinus.ste-red .value-wrapper {
  color: #000
}

.template.martinus.ste-red .skill-description-wrapper:not(.text) .skill-description {
  background: #ee4e34
}

.template.martinus.ste-red .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.martinus.ste-red .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.martinus.ste-red .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.martinus.ste-red .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.martinus.ste-red .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background: #9bbfcc
}

.template.martinus.ste-red .skill-description-wrapper.text .skill-description {
  color: #9bbfcc
}

.template.martinus.ste-red .keyword .keyword-text-wrapper {
  background: #ee4e34
}

.template.martinus.ste-red .headline {
  color: #000
}

.template.martinus.ste-red .headline .icon svg {
  fill: #fff
}

.template.martinus.ste-red .general-section .name,.template.martinus.ste-red .graph .value-wrapper {
  color: #000
}

.template.martinus.ste-red .keyword {
  color: #fff
}

.template.martinus.grn-grn .headline:after {
  border-color: #def2c2
}

.template.martinus.grn-grn .headline .icon {
  background: #def2c2
}

.template.martinus.grn-grn .page .top-ornament {
  background: #c5e1a5
}

.template.martinus.grn-grn .page .top-ornament:after {
  background: #def2c2
}

.template.martinus.grn-grn .general-section .header {
  background-color: #c5e1a5
}

.template.martinus.grn-grn .general-section .header-bottom {
  background-color: #def2c2
}

.template.martinus.grn-grn .hobby .icon svg,.template.martinus.grn-grn .social-link .icon svg {
  fill: #c5e1a5
}

.template.martinus.grn-grn .csspie:first-of-type:after,.template.martinus.grn-grn .csspie:first-of-type:before {
  background-color: #c5e1a5
}

.template.martinus.grn-grn .csspie:nth-of-type(2):after,.template.martinus.grn-grn .csspie:nth-of-type(2):before {
  background-color: #def2c2
}

.template.martinus.grn-grn .value-wrapper {
  color: #000
}

.template.martinus.grn-grn .skill-description-wrapper:not(.text) .skill-description {
  background: #def2c2
}

.template.martinus.grn-grn .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.martinus.grn-grn .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.martinus.grn-grn .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.martinus.grn-grn .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.martinus.grn-grn .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background: #c5e1a5
}

.template.martinus.grn-grn .skill-description-wrapper.text .skill-description {
  color: #c5e1a5
}

.template.martinus.grn-grn .keyword .keyword-text-wrapper {
  background: #def2c2
}

.template.martinus.blu-pur .headline:after {
  border-color: #ab47bc
}

.template.martinus.blu-pur .headline .icon {
  background: #ab47bc
}

.template.martinus.blu-pur .page .top-ornament {
  background: #366af6
}

.template.martinus.blu-pur .page .top-ornament:after {
  background: #ab47bc
}

.template.martinus.blu-pur .general-section .header {
  background-color: #366af6
}

.template.martinus.blu-pur .general-section .header-bottom {
  background-color: #ab47bc
}

.template.martinus.blu-pur .hobby .icon svg,.template.martinus.blu-pur .social-link .icon svg {
  fill: #e1bee7
}

.template.martinus.blu-pur .csspie:first-of-type:after,.template.martinus.blu-pur .csspie:first-of-type:before {
  background-color: #e1bee7
}

.template.martinus.blu-pur .csspie:nth-of-type(2):after,.template.martinus.blu-pur .csspie:nth-of-type(2):before {
  background-color: #ab47bc
}

.template.martinus.blu-pur .value-wrapper {
  color: #000
}

.template.martinus.blu-pur .skill-description-wrapper.text .skill-description {
  color: #366af6
}

.template.martinus.blu-pur .skill-description-wrapper:not(.text) .skill-description {
  background: #ab47bc
}

.template.martinus.blu-pur .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.martinus.blu-pur .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.martinus.blu-pur .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.martinus.blu-pur .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.martinus.blu-pur .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background: #e1bee7
}

.template.martinus.blu-pur .skill-description-wrapper.text .skill-description {
  color: #e1bee7
}

.template.martinus.blu-pur .keyword .keyword-text-wrapper {
  background: #ab47bc
}

.template.martinus.blu-pur .headline {
  color: #366af6
}

.template.martinus.blu-pur .headline .icon svg {
  fill: #fff
}

.template.martinus.blu-pur .general-section .name,.template.martinus.blu-pur .graph .value-wrapper,.template.martinus.blu-pur .keyword {
  color: #fff
}

.template.martinus.grn-bro .headline:after {
  border-color: #6d4c41
}

.template.martinus.grn-bro .headline .icon {
  background: #6d4c41
}

.template.martinus.grn-bro .page .top-ornament {
  background: #808626
}

.template.martinus.grn-bro .page .top-ornament:after {
  background: #6d4c41
}

.template.martinus.grn-bro .general-section .header {
  background-color: #808626
}

.template.martinus.grn-bro .general-section .header-bottom {
  background-color: #6d4c41
}

.template.martinus.grn-bro .hobby .icon svg,.template.martinus.grn-bro .social-link .icon svg {
  fill: #b5a09a
}

.template.martinus.grn-bro .csspie:first-of-type:after,.template.martinus.grn-bro .csspie:first-of-type:before {
  background-color: #b5a09a
}

.template.martinus.grn-bro .csspie:nth-of-type(2):after,.template.martinus.grn-bro .csspie:nth-of-type(2):before {
  background-color: #6d4c41
}

.template.martinus.grn-bro .value-wrapper {
  color: #000
}

.template.martinus.grn-bro .skill-description-wrapper.text .skill-description {
  color: #808626
}

.template.martinus.grn-bro .skill-description-wrapper:not(.text) .skill-description {
  background: #6d4c41
}

.template.martinus.grn-bro .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.martinus.grn-bro .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.martinus.grn-bro .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.martinus.grn-bro .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.martinus.grn-bro .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background: #b5a09a
}

.template.martinus.grn-bro .skill-description-wrapper.text .skill-description {
  color: #b5a09a
}

.template.martinus.grn-bro .keyword .keyword-text-wrapper {
  background: #6d4c41
}

.template.martinus.grn-bro .headline {
  color: #808626
}

.template.martinus.grn-bro .headline .icon svg {
  fill: #fff
}

.template.martinus.grn-bro .general-section .name,.template.martinus.grn-bro .graph .value-wrapper,.template.martinus.grn-bro .keyword {
  color: #fff
}

.template.martinus.pin-blu .headline:after {
  border-color: #366af6
}

.template.martinus.pin-blu .headline .icon {
  background: #366af6
}

.template.martinus.pin-blu .page .top-ornament {
  background: #ef9a9a
}

.template.martinus.pin-blu .page .top-ornament:after {
  background: #366af6
}

.template.martinus.pin-blu .general-section .header {
  background-color: #ef9a9a
}

.template.martinus.pin-blu .general-section .header-bottom {
  background-color: #366af6
}

.template.martinus.pin-blu .hobby .icon svg,.template.martinus.pin-blu .social-link .icon svg {
  fill: #ef9a9a
}

.template.martinus.pin-blu .csspie:first-of-type:after,.template.martinus.pin-blu .csspie:first-of-type:before {
  background-color: #ef9a9a
}

.template.martinus.pin-blu .csspie:nth-of-type(2):after,.template.martinus.pin-blu .csspie:nth-of-type(2):before {
  background-color: #366af6
}

.template.martinus.pin-blu .value-wrapper {
  color: #000
}

.template.martinus.pin-blu .skill-description-wrapper:not(.text) .skill-description {
  background: #366af6
}

.template.martinus.pin-blu .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.martinus.pin-blu .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.martinus.pin-blu .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.martinus.pin-blu .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.martinus.pin-blu .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background: #ef9a9a
}

.template.martinus.pin-blu .skill-description-wrapper.text .skill-description {
  color: #ef9a9a
}

.template.martinus.pin-blu .keyword .keyword-text-wrapper {
  background: #366af6
}

.template.martinus.pin-blu .headline {
  color: #000
}

.template.martinus.pin-blu .headline .icon svg {
  fill: #fff
}

.template.martinus.pin-blu .general-section .name,.template.martinus.pin-blu .graph .value-wrapper {
  color: #000
}

.template.martinus.pin-blu .keyword {
  color: #fff
}

.template.martinus.gre-gre .headline:after {
  border-color: grey
}

.template.martinus.gre-gre .headline .icon {
  background: grey
}

.template.martinus.gre-gre .page .top-ornament {
  background: #000
}

.template.martinus.gre-gre .page .top-ornament:after {
  background: grey
}

.template.martinus.gre-gre .general-section .header {
  background-color: #000
}

.template.martinus.gre-gre .general-section .header-bottom {
  background-color: grey
}

.template.martinus.gre-gre .hobby .icon svg,.template.martinus.gre-gre .social-link .icon svg {
  fill: #000
}

.template.martinus.gre-gre .csspie:first-of-type:after,.template.martinus.gre-gre .csspie:first-of-type:before {
  background-color: #000
}

.template.martinus.gre-gre .csspie:nth-of-type(2):after,.template.martinus.gre-gre .csspie:nth-of-type(2):before {
  background-color: grey
}

.template.martinus.gre-gre .value-wrapper {
  color: #000
}

.template.martinus.gre-gre .skill-description-wrapper:not(.text) .skill-description {
  background: grey
}

.template.martinus.gre-gre .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.martinus.gre-gre .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.martinus.gre-gre .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.martinus.gre-gre .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.martinus.gre-gre .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background: #000
}

.template.martinus.gre-gre .skill-description-wrapper.text .skill-description {
  color: #000
}

.template.martinus.gre-gre .keyword .keyword-text-wrapper {
  background: grey
}

.template.martinus.gre-gre .headline {
  color: #000
}

.template.martinus.gre-gre .headline .icon svg {
  fill: #fff
}

.template.martinus.gre-gre .general-section .name,.template.martinus.gre-gre .graph .value-wrapper,.template.martinus.gre-gre .keyword {
  color: #fff
}

.template.martinus.yel-yel .headline:after {
  border-color: #ffecb3
}

.template.martinus.yel-yel .headline .icon {
  background: #ffecb3
}

.template.martinus.yel-yel .page .top-ornament {
  background: #f7da92
}

.template.martinus.yel-yel .page .top-ornament:after {
  background: #ffecb3
}

.template.martinus.yel-yel .general-section .header {
  background-color: #f7da92
}

.template.martinus.yel-yel .general-section .header-bottom {
  background-color: #ffecb3
}

.template.martinus.yel-yel .hobby .icon svg,.template.martinus.yel-yel .social-link .icon svg {
  fill: #f7da92
}

.template.martinus.yel-yel .csspie:first-of-type:after,.template.martinus.yel-yel .csspie:first-of-type:before {
  background-color: #f7da92
}

.template.martinus.yel-yel .csspie:nth-of-type(2):after,.template.martinus.yel-yel .csspie:nth-of-type(2):before {
  background-color: #ffecb3
}

.template.martinus.yel-yel .value-wrapper {
  color: #000
}

.template.martinus.yel-yel .skill-description-wrapper:not(.text) .skill-description {
  background: #ffecb3
}

.template.martinus.yel-yel .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.martinus.yel-yel .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.martinus.yel-yel .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.martinus.yel-yel .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.martinus.yel-yel .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background: #f7da92
}

.template.martinus.yel-yel .skill-description-wrapper.text .skill-description {
  color: #f7da92
}

.template.martinus.yel-yel .keyword .keyword-text-wrapper {
  background: #ffecb3
}

.template.martinus.cya-cya .headline:after {
  border-color: #8ae2f9
}

.template.martinus.cya-cya .headline .icon {
  background: #8ae2f9
}

.template.martinus.cya-cya .page .top-ornament {
  background: #3dbfed
}

.template.martinus.cya-cya .page .top-ornament:after {
  background: #8ae2f9
}

.template.martinus.cya-cya .general-section .header {
  background-color: #3dbfed
}

.template.martinus.cya-cya .general-section .header-bottom {
  background-color: #8ae2f9
}

.template.martinus.cya-cya .hobby .icon svg,.template.martinus.cya-cya .social-link .icon svg {
  fill: #3dbfed
}

.template.martinus.cya-cya .csspie:first-of-type:after,.template.martinus.cya-cya .csspie:first-of-type:before {
  background-color: #3dbfed
}

.template.martinus.cya-cya .csspie:nth-of-type(2):after,.template.martinus.cya-cya .csspie:nth-of-type(2):before {
  background-color: #8ae2f9
}

.template.martinus.cya-cya .value-wrapper {
  color: #000
}

.template.martinus.cya-cya .skill-description-wrapper:not(.text) .skill-description {
  background: #8ae2f9
}

.template.martinus.cya-cya .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.martinus.cya-cya .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.martinus.cya-cya .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.martinus.cya-cya .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.martinus.cya-cya .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background: #3dbfed
}

.template.martinus.cya-cya .skill-description-wrapper.text .skill-description {
  color: #3dbfed
}

.template.martinus.cya-cya .keyword .keyword-text-wrapper {
  background: #8ae2f9
}

.template.martinus.yel-pin .headline:after {
  border-color: #ef9a9a
}

.template.martinus.yel-pin .headline .icon {
  background: #ef9a9a
}

.template.martinus.yel-pin .page .top-ornament {
  background: #f9e8d2
}

.template.martinus.yel-pin .page .top-ornament:after {
  background: #ef9a9a
}

.template.martinus.yel-pin .general-section .header {
  background-color: #f9e8d2
}

.template.martinus.yel-pin .general-section .header-bottom {
  background-color: #ef9a9a
}

.template.martinus.yel-pin .hobby .icon svg,.template.martinus.yel-pin .social-link .icon svg {
  fill: #f9e8d2
}

.template.martinus.yel-pin .csspie:first-of-type:after,.template.martinus.yel-pin .csspie:first-of-type:before {
  background-color: #f9e8d2
}

.template.martinus.yel-pin .csspie:nth-of-type(2):after,.template.martinus.yel-pin .csspie:nth-of-type(2):before {
  background-color: #ef9a9a
}

.template.martinus.yel-pin .value-wrapper {
  color: #000
}

.template.martinus.yel-pin .skill-description-wrapper:not(.text) .skill-description {
  background: #ef9a9a
}

.template.martinus.yel-pin .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.martinus.yel-pin .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.martinus.yel-pin .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.martinus.yel-pin .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.martinus.yel-pin .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background: #f9e8d2
}

.template.martinus.yel-pin .skill-description-wrapper.text .skill-description {
  color: #f9e8d2
}

.template.martinus.yel-pin .keyword .keyword-text-wrapper {
  background: #ef9a9a
}

.template.martinus.win-pin .headline:after {
  border-color: #f9b7c3
}

.template.martinus.win-pin .headline .icon {
  background: #f9b7c3
}

.template.martinus.win-pin .page .top-ornament {
  background: #961e27
}

.template.martinus.win-pin .page .top-ornament:after {
  background: #f9b7c3
}

.template.martinus.win-pin .general-section .header {
  background-color: #961e27
}

.template.martinus.win-pin .general-section .header-bottom {
  background-color: #f9b7c3
}

.template.martinus.win-pin .hobby .icon svg,.template.martinus.win-pin .social-link .icon svg {
  fill: #961e27
}

.template.martinus.win-pin .csspie:first-of-type:after,.template.martinus.win-pin .csspie:first-of-type:before {
  background-color: #961e27
}

.template.martinus.win-pin .csspie:nth-of-type(2):after,.template.martinus.win-pin .csspie:nth-of-type(2):before {
  background-color: #f9b7c3
}

.template.martinus.win-pin .value-wrapper {
  color: #000
}

.template.martinus.win-pin .skill-description-wrapper:not(.text) .skill-description {
  background: #f9b7c3
}

.template.martinus.win-pin .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.martinus.win-pin .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.martinus.win-pin .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.martinus.win-pin .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.martinus.win-pin .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background: #961e27
}

.template.martinus.win-pin .skill-description-wrapper.text .skill-description {
  color: #961e27
}

.template.martinus.win-pin .keyword .keyword-text-wrapper {
  background: #f9b7c3
}

.template.martinus.win-pin .headline {
  color: #000
}

.template.martinus.win-pin .headline .icon svg {
  fill: #000
}

.template.martinus.win-pin .general-section .name,.template.martinus.win-pin .graph .value-wrapper {
  color: #fff
}

.template.martinus.win-pin .keyword {
  color: #000
}

.template.martinus.ste-ste .headline:after {
  border-color: #9bbfcc
}

.template.martinus.ste-ste .headline .icon {
  background: #9bbfcc
}

.template.martinus.ste-ste .page .top-ornament {
  background: #517484
}

.template.martinus.ste-ste .page .top-ornament:after {
  background: #9bbfcc
}

.template.martinus.ste-ste .general-section .header {
  background-color: #517484
}

.template.martinus.ste-ste .general-section .header-bottom {
  background-color: #9bbfcc
}

.template.martinus.ste-ste .hobby .icon svg,.template.martinus.ste-ste .social-link .icon svg {
  fill: #517484
}

.template.martinus.ste-ste .csspie:first-of-type:after,.template.martinus.ste-ste .csspie:first-of-type:before {
  background-color: #517484
}

.template.martinus.ste-ste .csspie:nth-of-type(2):after,.template.martinus.ste-ste .csspie:nth-of-type(2):before {
  background-color: #9bbfcc
}

.template.martinus.ste-ste .value-wrapper {
  color: #000
}

.template.martinus.ste-ste .skill-description-wrapper:not(.text) .skill-description {
  background: #9bbfcc
}

.template.martinus.ste-ste .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.martinus.ste-ste .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.martinus.ste-ste .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.martinus.ste-ste .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.martinus.ste-ste .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background: #517484
}

.template.martinus.ste-ste .skill-description-wrapper.text .skill-description {
  color: #517484
}

.template.martinus.ste-ste .keyword .keyword-text-wrapper {
  background: #9bbfcc
}

.template.martinus.ste-ste .headline {
  color: #000
}

.template.martinus.ste-ste .headline .icon svg {
  fill: #000
}

.template.martinus.ste-ste .general-section .name,.template.martinus.ste-ste .graph .value-wrapper {
  color: #fff
}

.template.martinus.ste-ste .keyword {
  color: #000
}

.template.martinus.ste-pin .headline:after {
  border-color: #f9b7c3
}

.template.martinus.ste-pin .headline .icon {
  background: #f9b7c3
}

.template.martinus.ste-pin .page .top-ornament {
  background: #9bbfcc
}

.template.martinus.ste-pin .page .top-ornament:after {
  background: #f9b7c3
}

.template.martinus.ste-pin .general-section .header {
  background-color: #9bbfcc
}

.template.martinus.ste-pin .general-section .header-bottom {
  background-color: #f9b7c3
}

.template.martinus.ste-pin .hobby .icon svg,.template.martinus.ste-pin .social-link .icon svg {
  fill: #9bbfcc
}

.template.martinus.ste-pin .csspie:first-of-type:after,.template.martinus.ste-pin .csspie:first-of-type:before {
  background-color: #9bbfcc
}

.template.martinus.ste-pin .csspie:nth-of-type(2):after,.template.martinus.ste-pin .csspie:nth-of-type(2):before {
  background-color: #f9b7c3
}

.template.martinus.ste-pin .value-wrapper {
  color: #000
}

.template.martinus.ste-pin .skill-description-wrapper:not(.text) .skill-description {
  background: #f9b7c3
}

.template.martinus.ste-pin .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.martinus.ste-pin .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.martinus.ste-pin .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.martinus.ste-pin .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.martinus.ste-pin .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background: #9bbfcc
}

.template.martinus.ste-pin .skill-description-wrapper.text .skill-description {
  color: #9bbfcc
}

.template.martinus.ste-pin .keyword .keyword-text-wrapper {
  background: #f9b7c3
}

.template.midday.letter .general-section,.template.midnight.letter .general-section {
  padding-left: 75px;
  padding-right: 53px
}

.template.midday.letter.page-wrapper.numbersShown .outer-page.multi-page .page:after,.template.midnight.letter.page-wrapper.numbersShown .outer-page.multi-page .page:after {
  padding-right: 53px
}

.template.midday.page-wrapper.numbersShown .outer-page.multi-page .page:after,.template.midnight.page-wrapper.numbersShown .outer-page.multi-page .page:after {
  padding-right: 46px;
  text-align: right
}

.template.midday .page .top-ornament,.template.midnight .page .top-ornament {
  background: #fff;
  display: block;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.template.midday .page.first-page .top-ornament,.template.midnight .page.first-page .top-ornament {
  height: 62px;
  z-index: 0
}

.template.midday .page:not(.first-page) .top-ornament,.template.midnight .page:not(.first-page) .top-ornament {
  height: 39px
}

.template.midday .page:not(.first-page) .top-ornament:after,.template.midnight .page:not(.first-page) .top-ornament:after {
  background: #ee4e34;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  top: 39px;
  width: 100%
}

.template.midday .kickresume-section-wrapper>*,.template.midnight .kickresume-section-wrapper>* {
  color: #d8d8d8
}

.template.midday .general-section,.template.midnight .general-section {
  background-color: #fff;
  color: #000;
  display: flex;
  padding: 0 46px 65px 60px;
  position: relative
}

.template.midday .general-section .name,.template.midnight .general-section .name {
  color: #000;
  font-size: 36px;
  line-height: 50px;
  padding-bottom: var(--templates-lh-base)
}

.template.midday .general-section .general-section-wrapper,.template.midnight .general-section .general-section-wrapper {
  flex-grow: 1;
  padding-right: 26px
}

.template.midday .general-section .general-section-wrapper .info-wrapper-icon,.template.midnight .general-section .general-section-wrapper .info-wrapper-icon {
  display: inline-flex;
  margin-right: 8px
}

.template.midday .general-section .general-section-wrapper .info-wrapper-icon .icon,.template.midnight .general-section .general-section-wrapper .info-wrapper-icon .icon {
  margin-right: 4px
}

.template.midday .general-section .general-info,.template.midnight .general-section .general-info {
  justify-content: flex-start;
  vertical-align: top
}

.template.midday .general-section .general-info .item-wrapper,.template.midnight .general-section .general-info .item-wrapper {
  display: inline-flex
}

.template.midday .general-section .avatar .thumbnail,.template.midnight .general-section .avatar .thumbnail {
  background: transparent;
  border: none;
  padding: 0
}

.template.midday .general-section .avatar .thumbnail img,.template.midnight .general-section .avatar .thumbnail img {
  border-radius: 100px
}

.template.midday .general-section.no-avatar .general-section-wrapper,.template.midnight .general-section.no-avatar .general-section-wrapper {
  padding-right: 0
}

.template.midday .general-section:after,.template.midnight .general-section:after {
  background-color: #1a1a1a;
  border-top: 2px solid #ee4e34;
  bottom: -2px;
  content: "";
  height: 28px;
  left: 0;
  position: absolute;
  width: 100%
}

.template.midday .headline,.template.midnight .headline {
  color: #ee4e34
}

.template.midday .skill,.template.midnight .skill {
  padding: 0;
  width: 100%
}

.template.midday .skill-category-name,.template.midnight .skill-category-name {
  color: #fff
}

.template.midday .skill-description-wrapper:not(.text),.template.midnight .skill-description-wrapper:not(.text) {
  align-items: center;
  display: flex
}

.template.midday .skill-description-wrapper:not(.text) .skill-description,.template.midnight .skill-description-wrapper:not(.text) .skill-description {
  align-items: center;
  background: #fff;
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
  display: flex;
  height: 2px;
  position: relative;
  width: 100%
}

.template.midday .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.midday .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.midday .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.midday .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.midday .skill-description-wrapper:not(.text) .skill-description .progress-level-5,.template.midnight .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.midnight .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.midnight .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.midnight .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.midnight .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #fff;
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
  height: 4px;
  position: absolute
}

.template.midday .skill-description-wrapper:not(.text) .skill-description .progress-level-1:after,.template.midday .skill-description-wrapper:not(.text) .skill-description .progress-level-2:after,.template.midday .skill-description-wrapper:not(.text) .skill-description .progress-level-3:after,.template.midday .skill-description-wrapper:not(.text) .skill-description .progress-level-4:after,.template.midday .skill-description-wrapper:not(.text) .skill-description .progress-level-5:after,.template.midnight .skill-description-wrapper:not(.text) .skill-description .progress-level-1:after,.template.midnight .skill-description-wrapper:not(.text) .skill-description .progress-level-2:after,.template.midnight .skill-description-wrapper:not(.text) .skill-description .progress-level-3:after,.template.midnight .skill-description-wrapper:not(.text) .skill-description .progress-level-4:after,.template.midnight .skill-description-wrapper:not(.text) .skill-description .progress-level-5:after {
  background: #ee4e34;
  border-radius: 50%;
  content: "";
  height: 10px;
  position: absolute;
  right: 0;
  top: -3px;
  width: 10px
}

.template.midday .graphs.type-two,.template.midnight .graphs.type-two {
  padding-left: 30px
}

.template.midday .graphs.type-two .graph .graph-item .circle,.template.midnight .graphs.type-two .graph .graph-item .circle {
  stroke: #fff
}

.template.midday .graphs.type-two .graph .graph-item .circle-gray,.template.midnight .graphs.type-two .graph .graph-item .circle-gray {
  stroke: #ee4e34;
  stroke-width: 4px;
  opacity: 1
}

.template.midday .graphs.type-two .graph .graph-item .value,.template.midnight .graphs.type-two .graph .graph-item .value {
  color: #ee4e34
}

.template.midday .graphs.type-two .graph .graph-item .value .circle-percentage:before,.template.midnight .graphs.type-two .graph .graph-item .value .circle-percentage:before {
  background-color: #fff
}

.template.midday .graphs.type-two .graph,.template.midday .hobby,.template.midday .social-link,.template.midnight .graphs.type-two .graph,.template.midnight .hobby,.template.midnight .social-link {
  width: 33.33%
}

.template.midday .hobby .icon svg,.template.midday .social-links-wrapper .icon svg,.template.midnight .hobby .icon svg,.template.midnight .social-links-wrapper .icon svg {
  fill: #fff
}

.template.midday .keyword,.template.midnight .keyword {
  color: #000
}

.template.midday .keyword .keyword-text-wrapper,.template.midnight .keyword .keyword-text-wrapper {
  background: #fff
}

.template.midday .experience-info *,.template.midnight .experience-info * {
  color: #fff
}

.template.midnight .preview-overlay {
  fill: #fff
}

.template.midnight .page {
  background-color: #1a1a1a
}

.template.midnight.page-wrapper .outer-page.multi-page .page:after {
  color: #fff
}

.template.midnight .date svg,.template.midnight .skill-category-name svg {
  fill: #fff
}

.template.midnight.bri-red .page:not(.first-page) .top-ornament:after {
  background: #ee4e34
}

.template.midnight.bri-red .general-section:after {
  border-top-color: #ee4e34
}

.template.midnight.bri-red .headline {
  color: #ee4e34
}

.template.midnight.bri-red .skill-description-wrapper:not(.text) .skill-description .progress-level-1:after,.template.midnight.bri-red .skill-description-wrapper:not(.text) .skill-description .progress-level-2:after,.template.midnight.bri-red .skill-description-wrapper:not(.text) .skill-description .progress-level-3:after,.template.midnight.bri-red .skill-description-wrapper:not(.text) .skill-description .progress-level-4:after,.template.midnight.bri-red .skill-description-wrapper:not(.text) .skill-description .progress-level-5:after {
  background: #ee4e34
}

.template.midnight.bri-red .graphs.type-two .graph .graph-item .circle-gray {
  stroke: #ee4e34
}

.template.midnight.bri-red .graphs.type-two .graph .graph-item .value {
  color: #ee4e34
}

.template.midnight.blu .page:not(.first-page) .top-ornament:after {
  background: #126fff
}

.template.midnight.blu .general-section:after {
  border-top-color: #126fff
}

.template.midnight.blu .headline {
  color: #126fff
}

.template.midnight.blu .skill-description-wrapper:not(.text) .skill-description .progress-level-1:after,.template.midnight.blu .skill-description-wrapper:not(.text) .skill-description .progress-level-2:after,.template.midnight.blu .skill-description-wrapper:not(.text) .skill-description .progress-level-3:after,.template.midnight.blu .skill-description-wrapper:not(.text) .skill-description .progress-level-4:after,.template.midnight.blu .skill-description-wrapper:not(.text) .skill-description .progress-level-5:after {
  background: #126fff
}

.template.midnight.blu .graphs.type-two .graph .graph-item .circle-gray {
  stroke: #126fff
}

.template.midnight.blu .graphs.type-two .graph .graph-item .value {
  color: #126fff
}

.template.midnight.neo .page:not(.first-page) .top-ornament:after {
  background: #84faec
}

.template.midnight.neo .general-section:after {
  border-top-color: #84faec
}

.template.midnight.neo .headline {
  color: #84faec
}

.template.midnight.neo .skill-description-wrapper:not(.text) .skill-description .progress-level-1:after,.template.midnight.neo .skill-description-wrapper:not(.text) .skill-description .progress-level-2:after,.template.midnight.neo .skill-description-wrapper:not(.text) .skill-description .progress-level-3:after,.template.midnight.neo .skill-description-wrapper:not(.text) .skill-description .progress-level-4:after,.template.midnight.neo .skill-description-wrapper:not(.text) .skill-description .progress-level-5:after {
  background: #84faec
}

.template.midnight.neo .graphs.type-two .graph .graph-item .circle-gray {
  stroke: #84faec
}

.template.midnight.neo .graphs.type-two .graph .graph-item .value {
  color: #84faec
}

.template.midnight.pin .page:not(.first-page) .top-ornament:after {
  background: #ee699b
}

.template.midnight.pin .general-section:after {
  border-top-color: #ee699b
}

.template.midnight.pin .headline {
  color: #ee699b
}

.template.midnight.pin .skill-description-wrapper:not(.text) .skill-description .progress-level-1:after,.template.midnight.pin .skill-description-wrapper:not(.text) .skill-description .progress-level-2:after,.template.midnight.pin .skill-description-wrapper:not(.text) .skill-description .progress-level-3:after,.template.midnight.pin .skill-description-wrapper:not(.text) .skill-description .progress-level-4:after,.template.midnight.pin .skill-description-wrapper:not(.text) .skill-description .progress-level-5:after {
  background: #ee699b
}

.template.midnight.pin .graphs.type-two .graph .graph-item .circle-gray {
  stroke: #ee699b
}

.template.midnight.pin .graphs.type-two .graph .graph-item .value {
  color: #ee699b
}

.template.midnight.ora .page:not(.first-page) .top-ornament:after {
  background: #fbb040
}

.template.midnight.ora .general-section:after {
  border-top-color: #fbb040
}

.template.midnight.ora .headline {
  color: #fbb040
}

.template.midnight.ora .skill-description-wrapper:not(.text) .skill-description .progress-level-1:after,.template.midnight.ora .skill-description-wrapper:not(.text) .skill-description .progress-level-2:after,.template.midnight.ora .skill-description-wrapper:not(.text) .skill-description .progress-level-3:after,.template.midnight.ora .skill-description-wrapper:not(.text) .skill-description .progress-level-4:after,.template.midnight.ora .skill-description-wrapper:not(.text) .skill-description .progress-level-5:after {
  background: #fbb040
}

.template.midnight.ora .graphs.type-two .graph .graph-item .circle-gray {
  stroke: #fbb040
}

.template.midnight.ora .graphs.type-two .graph .graph-item .value {
  color: #fbb040
}

.template.midnight.grn .page:not(.first-page) .top-ornament:after {
  background: #24e0a2
}

.template.midnight.grn .general-section:after {
  border-top-color: #24e0a2
}

.template.midnight.grn .headline {
  color: #24e0a2
}

.template.midnight.grn .skill-description-wrapper:not(.text) .skill-description .progress-level-1:after,.template.midnight.grn .skill-description-wrapper:not(.text) .skill-description .progress-level-2:after,.template.midnight.grn .skill-description-wrapper:not(.text) .skill-description .progress-level-3:after,.template.midnight.grn .skill-description-wrapper:not(.text) .skill-description .progress-level-4:after,.template.midnight.grn .skill-description-wrapper:not(.text) .skill-description .progress-level-5:after {
  background: #24e0a2
}

.template.midnight.grn .graphs.type-two .graph .graph-item .circle-gray {
  stroke: #24e0a2
}

.template.midnight.grn .graphs.type-two .graph .graph-item .value {
  color: #24e0a2
}

.template.midnight.gre .page:not(.first-page) .top-ornament:after {
  background: grey
}

.template.midnight.gre .general-section:after {
  border-top-color: grey
}

.template.midnight.gre .headline {
  color: grey
}

.template.midnight.gre .skill-description-wrapper:not(.text) .skill-description .progress-level-1:after,.template.midnight.gre .skill-description-wrapper:not(.text) .skill-description .progress-level-2:after,.template.midnight.gre .skill-description-wrapper:not(.text) .skill-description .progress-level-3:after,.template.midnight.gre .skill-description-wrapper:not(.text) .skill-description .progress-level-4:after,.template.midnight.gre .skill-description-wrapper:not(.text) .skill-description .progress-level-5:after {
  background: grey
}

.template.midnight.gre .graphs.type-two .graph .graph-item .circle-gray {
  stroke: grey
}

.template.midnight.gre .graphs.type-two .graph .graph-item .value {
  color: grey
}

.template.midnight.gol .page:not(.first-page) .top-ornament:after {
  background: #c29d42
}

.template.midnight.gol .general-section:after {
  border-top-color: #c29d42
}

.template.midnight.gol .headline {
  color: #c29d42
}

.template.midnight.gol .skill-description-wrapper:not(.text) .skill-description .progress-level-1:after,.template.midnight.gol .skill-description-wrapper:not(.text) .skill-description .progress-level-2:after,.template.midnight.gol .skill-description-wrapper:not(.text) .skill-description .progress-level-3:after,.template.midnight.gol .skill-description-wrapper:not(.text) .skill-description .progress-level-4:after,.template.midnight.gol .skill-description-wrapper:not(.text) .skill-description .progress-level-5:after {
  background: #c29d42
}

.template.midnight.gol .graphs.type-two .graph .graph-item .circle-gray {
  stroke: #c29d42
}

.template.midnight.gol .graphs.type-two .graph .graph-item .value {
  color: #c29d42
}

.template.midday .page {
  background-color: #fff
}

.template.midday .page .top-ornament {
  background: #1a1a1a
}

.template.midday .kickresume-section-wrapper>:not(.headline) {
  color: #3d3d3d
}

.template.midday .general-section {
  background-color: #1a1a1a;
  padding-bottom: clamp(1rem, calc(var(--templates-lh-base)*7), 3.5rem);
}

.template.midday .general-section * {
  color: #fff
}

.template.midday .general-section .icon svg {
  fill: #fff
}

.template.midday .general-section:after {
  background-color: #fff
}

.template.midday .graphs.type-two .graph .graph-item .circle {
  stroke: #000
}

.template.midday .skill-category-name {
  color: #000
}

.template.midday .skill-description-wrapper:not(.text) .skill-description,.template.midday .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.midday .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.midday .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.midday .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.midday .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #000
}

.template.midday .hobby .icon svg,.template.midday .social-links-wrapper .icon svg {
  fill: #000
}

.template.midday .keyword {
  color: #fff
}

.template.midday .keyword .keyword-text-wrapper {
  background: #000
}

.template.midday .experience-info * {
  color: #000
}

.template.midday.bri-red .page:not(.first-page) .top-ornament:after {
  background: #ee4e34
}

.template.midday.bri-red .general-section:after {
  border-top-color: #ee4e34
}

.template.midday.bri-red .headline {
  color: #ee4e34
}

.template.midday.bri-red .skill-description-wrapper:not(.text) .skill-description .progress-level-1:after,.template.midday.bri-red .skill-description-wrapper:not(.text) .skill-description .progress-level-2:after,.template.midday.bri-red .skill-description-wrapper:not(.text) .skill-description .progress-level-3:after,.template.midday.bri-red .skill-description-wrapper:not(.text) .skill-description .progress-level-4:after,.template.midday.bri-red .skill-description-wrapper:not(.text) .skill-description .progress-level-5:after {
  background: #ee4e34
}

.template.midday.bri-red .graphs.type-two .graph .graph-item .circle-gray {
  stroke: #ee4e34
}

.template.midday.bri-red .graphs.type-two .graph .graph-item .value {
  color: #ee4e34
}

.template.midday.blu .page:not(.first-page) .top-ornament:after {
  background: #366af6
}

.template.midday.blu .general-section:after {
  border-top-color: #366af6
}

.template.midday.blu .headline {
  color: #366af6
}

.template.midday.blu .skill-description-wrapper:not(.text) .skill-description .progress-level-1:after,.template.midday.blu .skill-description-wrapper:not(.text) .skill-description .progress-level-2:after,.template.midday.blu .skill-description-wrapper:not(.text) .skill-description .progress-level-3:after,.template.midday.blu .skill-description-wrapper:not(.text) .skill-description .progress-level-4:after,.template.midday.blu .skill-description-wrapper:not(.text) .skill-description .progress-level-5:after {
  background: #366af6
}

.template.midday.blu .graphs.type-two .graph .graph-item .circle-gray {
  stroke: #366af6
}

.template.midday.blu .graphs.type-two .graph .graph-item .value {
  color: #366af6
}

.template.midday.grn .page:not(.first-page) .top-ornament:after {
  background: #808626
}

.template.midday.grn .general-section:after {
  border-top-color: #808626
}

.template.midday.grn .headline {
  color: #808626
}

.template.midday.grn .skill-description-wrapper:not(.text) .skill-description .progress-level-1:after,.template.midday.grn .skill-description-wrapper:not(.text) .skill-description .progress-level-2:after,.template.midday.grn .skill-description-wrapper:not(.text) .skill-description .progress-level-3:after,.template.midday.grn .skill-description-wrapper:not(.text) .skill-description .progress-level-4:after,.template.midday.grn .skill-description-wrapper:not(.text) .skill-description .progress-level-5:after {
  background: #808626
}

.template.midday.grn .graphs.type-two .graph .graph-item .circle-gray {
  stroke: #808626
}

.template.midday.grn .graphs.type-two .graph .graph-item .value {
  color: #808626
}

.template.midday.pin .page:not(.first-page) .top-ornament:after {
  background: #ee699b
}

.template.midday.pin .general-section:after {
  border-top-color: #ee699b
}

.template.midday.pin .headline {
  color: #ee699b
}

.template.midday.pin .skill-description-wrapper:not(.text) .skill-description .progress-level-1:after,.template.midday.pin .skill-description-wrapper:not(.text) .skill-description .progress-level-2:after,.template.midday.pin .skill-description-wrapper:not(.text) .skill-description .progress-level-3:after,.template.midday.pin .skill-description-wrapper:not(.text) .skill-description .progress-level-4:after,.template.midday.pin .skill-description-wrapper:not(.text) .skill-description .progress-level-5:after {
  background: #ee699b
}

.template.midday.pin .graphs.type-two .graph .graph-item .circle-gray {
  stroke: #ee699b
}

.template.midday.pin .graphs.type-two .graph .graph-item .value {
  color: #ee699b
}

.template.midday.pur .page:not(.first-page) .top-ornament:after {
  background: #ab47bc
}

.template.midday.pur .general-section:after {
  border-top-color: #ab47bc
}

.template.midday.pur .headline {
  color: #ab47bc
}

.template.midday.pur .skill-description-wrapper:not(.text) .skill-description .progress-level-1:after,.template.midday.pur .skill-description-wrapper:not(.text) .skill-description .progress-level-2:after,.template.midday.pur .skill-description-wrapper:not(.text) .skill-description .progress-level-3:after,.template.midday.pur .skill-description-wrapper:not(.text) .skill-description .progress-level-4:after,.template.midday.pur .skill-description-wrapper:not(.text) .skill-description .progress-level-5:after {
  background: #ab47bc
}

.template.midday.pur .graphs.type-two .graph .graph-item .circle-gray {
  stroke: #ab47bc
}

.template.midday.pur .graphs.type-two .graph .graph-item .value {
  color: #ab47bc
}

.template.midday.ste .page:not(.first-page) .top-ornament:after {
  background: #517484
}

.template.midday.ste .general-section:after {
  border-top-color: #517484
}

.template.midday.ste .headline {
  color: #517484
}

.template.midday.ste .skill-description-wrapper:not(.text) .skill-description .progress-level-1:after,.template.midday.ste .skill-description-wrapper:not(.text) .skill-description .progress-level-2:after,.template.midday.ste .skill-description-wrapper:not(.text) .skill-description .progress-level-3:after,.template.midday.ste .skill-description-wrapper:not(.text) .skill-description .progress-level-4:after,.template.midday.ste .skill-description-wrapper:not(.text) .skill-description .progress-level-5:after {
  background: #517484
}

.template.midday.ste .graphs.type-two .graph .graph-item .circle-gray {
  stroke: #517484
}

.template.midday.ste .graphs.type-two .graph .graph-item .value {
  color: #517484
}

.template.midday.ora .page:not(.first-page) .top-ornament:after {
  background: #fbb040
}

.template.midday.ora .general-section:after {
  border-top-color: #fbb040
}

.template.midday.ora .headline {
  color: #fbb040
}

.template.midday.ora .skill-description-wrapper:not(.text) .skill-description .progress-level-1:after,.template.midday.ora .skill-description-wrapper:not(.text) .skill-description .progress-level-2:after,.template.midday.ora .skill-description-wrapper:not(.text) .skill-description .progress-level-3:after,.template.midday.ora .skill-description-wrapper:not(.text) .skill-description .progress-level-4:after,.template.midday.ora .skill-description-wrapper:not(.text) .skill-description .progress-level-5:after {
  background: #fbb040
}

.template.midday.ora .graphs.type-two .graph .graph-item .circle-gray {
  stroke: #fbb040
}

.template.midday.ora .graphs.type-two .graph .graph-item .value {
  color: #fbb040
}

.template.midday.gre .page:not(.first-page) .top-ornament:after {
  background: grey
}

.template.midday.gre .general-section:after {
  border-top-color: grey
}

.template.midday.gre .headline {
  color: grey
}

.template.midday.gre .skill-description-wrapper:not(.text) .skill-description .progress-level-1:after,.template.midday.gre .skill-description-wrapper:not(.text) .skill-description .progress-level-2:after,.template.midday.gre .skill-description-wrapper:not(.text) .skill-description .progress-level-3:after,.template.midday.gre .skill-description-wrapper:not(.text) .skill-description .progress-level-4:after,.template.midday.gre .skill-description-wrapper:not(.text) .skill-description .progress-level-5:after {
  background: grey
}

.template.midday.gre .graphs.type-two .graph .graph-item .circle-gray {
  stroke: grey
}

.template.midday.gre .graphs.type-two .graph .graph-item .value {
  color: grey
}

.template.midday.gol .page:not(.first-page) .top-ornament:after {
  background: #c29d42
}

.template.midday.gol .general-section:after {
  border-top-color: #c29d42
}

.template.midday.gol .headline {
  color: #c29d42
}

.template.midday.gol .skill-description-wrapper:not(.text) .skill-description .progress-level-1:after,.template.midday.gol .skill-description-wrapper:not(.text) .skill-description .progress-level-2:after,.template.midday.gol .skill-description-wrapper:not(.text) .skill-description .progress-level-3:after,.template.midday.gol .skill-description-wrapper:not(.text) .skill-description .progress-level-4:after,.template.midday.gol .skill-description-wrapper:not(.text) .skill-description .progress-level-5:after {
  background: #c29d42
}

.template.midday.gol .graphs.type-two .graph .graph-item .circle-gray {
  stroke: #c29d42
}

.template.midday.gol .graphs.type-two .graph .graph-item .value {
  color: #c29d42
}

.template.minimalistic.letter .general-section {
  padding-left: 75px;
  padding-right: 53px
}

.template.minimalistic.page-wrapper .outer-page.multi-page .page:after {
  bottom: 25px
}

.template.minimalistic .page {
  background-color: #fff;
  position: relative
}

.template.minimalistic .bottom-ornament {
  background: #0462f6;
  bottom: 47px;
  display: block;
  height: 1px;
  left: 60px;
  position: absolute;
  width: clamp(1rem, calc(100% - 106px), 3.5rem);
}

.template.minimalistic .general-section {
  display: flex;
  flex-direction: column;
  padding: 0 46px 39px 60px;
  position: relative
}

.template.minimalistic .general-section .avatar {
  display: flex;
  justify-content: center;
  width: 100%
}

.template.minimalistic .general-section .avatar .thumbnail,.template.minimalistic .general-section .avatar img {
  border: none;
  border-radius: 50%;
  padding: 0
}

.template.minimalistic .general-section .name {
  color: #000;
  font-size: 34px;
  line-height: 50px;
  padding: 16px 0 30px;
  position: relative;
  text-align: center
}

.template.minimalistic .general-section .name span {
  font-size: inherit;
  line-height: inherit
}

.template.minimalistic .general-section .name:after {
  background: #0462f6;
  bottom: 15px;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%
}

.template.minimalistic .general-section .general-section-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center
}

.template.minimalistic .general-section .general-section-wrapper .info-wrapper-icon {
  display: inline-flex;
  margin-right: 8px
}

.template.minimalistic .general-section .general-section-wrapper .info-wrapper-icon .icon {
  margin-right: 4px
}

.template.minimalistic .headline {
  color: #000;
  position: relative
}

.template.minimalistic .headline:after {
  background: #0462f6;
  bottom: 11px;
  content: "";
  height: 1px;
  left: 30px;
  position: absolute;
  width: clamp(1rem, calc(100% - 30px), 3.5rem);
}

.template.minimalistic .graphs.type-two {
  padding-left: 30px
}

.template.minimalistic .graphs.type-two .graph .graph-item .circle {
  stroke: #000;
  stroke-width: 12px
}

.template.minimalistic .graphs.type-two .graph .graph-item .circle-gray {
  stroke: #000;
  stroke-width: 2px;
  opacity: 1
}

.template.minimalistic .keywords-section .keyword .keyword-text-wrapper {
  padding: 0;
  position: relative
}

.template.minimalistic .keywords-section .keyword .keyword-text-wrapper:after {
  background: #000;
  bottom: -1px;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%
}

.template.minimalistic .graph,.template.minimalistic .hobby,.template.minimalistic .social-link {
  text-align: center;
  width: 33.33%
}

.template.minimalistic .skill {
  padding: 0;
  width: 100%
}

.template.minimalistic .skill-description-wrapper:not(.text) {
  align-items: center;
  display: flex
}

.template.minimalistic .skill-description-wrapper:not(.text) .skill-description {
  align-items: center;
  background: #000;
  display: flex;
  height: 1px;
  position: relative;
  width: 100%
}

.template.minimalistic .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.minimalistic .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.minimalistic .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.minimalistic .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.minimalistic .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #000;
  height: 8px;
  position: absolute
}

.template.minimalistic.bla-whi .page {
  background-color: #fff
}

.template.minimalistic.bla-whi .bottom-ornament,.template.minimalistic.bla-whi .general-section .name:after,.template.minimalistic.bla-whi .headline:after {
  background: #000
}

.template.minimalistic.blu-whi .page {
  background-color: #fff
}

.template.minimalistic.blu-whi .bottom-ornament,.template.minimalistic.blu-whi .general-section .name:after,.template.minimalistic.blu-whi .headline:after {
  background: #0462f6
}

.template.minimalistic.red-whi .page {
  background-color: #fff
}

.template.minimalistic.red-whi .bottom-ornament,.template.minimalistic.red-whi .general-section .name:after,.template.minimalistic.red-whi .headline:after {
  background: #f7410f
}

.template.minimalistic.bla-red .page {
  background-color: #f9ddc0
}

.template.minimalistic.bla-red .bottom-ornament,.template.minimalistic.bla-red .general-section .name:after,.template.minimalistic.bla-red .headline:after {
  background: #000
}

.template.nature.letter .general-section {
  padding-left: 75px;
  padding-right: 53px
}

.template.nature.letter.page-wrapper.numbersShown .outer-page.multi-page .page:after {
  padding-right: 53px
}

.template.nature .page {
  padding-top: 45px;
  position: relative
}

.template.nature.page-wrapper.numbersShown .outer-page.multi-page .page:after {
  padding-right: 46px;
  text-align: right
}

.template.nature .headline {
  display: flex
}

.template.nature .headline .text {
  position: relative
}

.template.nature .headline .text:before {
  background: #000;
  content: "";
  height: clamp(1rem, calc(100% + 2px), 3.5rem);
  left: -5px;
  position: absolute;
  top: 0;
  width: 2px
}

.template.nature .headline .text:after {
  background: #000;
  bottom: -3px;
  content: "";
  height: 2px;
  left: -30px;
  position: absolute;
  width: 341px
}

.template.nature .general-section {
  display: flex;
  flex-wrap: wrap;
  min-height: 229px;
  padding: 0 46px 26px 60px;
  position: relative;
  width: 100%;
  z-index: 1
}

.template.nature .general-section:before {
  background: url(https://d1civoyjepycei.cloudfront.net/static/assets/bundle/media/nature_bcg_1.71c9084d.jpg) no-repeat;
  background-size: cover;
  content: "";
  height: clamp(1rem, calc(100% + 45px), 3.5rem);
  left: 0;
  position: absolute;
  top: -45px;
  width: 100%;
  z-index: -1
}

.template.nature .general-section .name {
  color: #fff;
  font-size: 34px;
  line-height: 40px;
  max-width: 550px;
  padding-bottom: var(--templates-lh-base);
  width: 100%
}

.template.nature .general-section .general-info {
  display: inline-block;
  width: 318px
}

.template.nature .general-section .general-info .key {
  margin-right: 8px
}

.template.nature .general-section .general-info .key,.template.nature .general-section .general-info .value {
  color: #fff
}

.template.nature .general-section .avatar {
  display: flex;
  flex-grow: 1;
  justify-content: flex-end;
  position: relative;
  vertical-align: top;
  width: 150px
}

.template.nature .general-section .avatar .thumbnail {
  background: transparent;
  top: -64px
}

.template.nature .general-section .avatar .thumbnail img {
  border-radius: 50%
}

.template.nature .skill {
  width: 100%
}

.template.nature .skill-description-wrapper:not(.text) {
  align-items: center;
  display: flex
}

.template.nature .skill-description-wrapper:not(.text) .skill-description {
  align-items: center;
  display: flex;
  height: 1px;
  position: relative;
  width: 100%;
  z-index: 1
}

.template.nature .skill-description-wrapper:not(.text) .skill-description:after {
  background: #c1c1c1;
  content: "";
  height: 8px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: -1
}

.template.nature .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.nature .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.nature .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.nature .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.nature .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #000;
  height: 8px;
  position: absolute
}

.template.nature .skill-description-wrapper:not(.text) .skill-description .progress-level-1:after,.template.nature .skill-description-wrapper:not(.text) .skill-description .progress-level-2:after,.template.nature .skill-description-wrapper:not(.text) .skill-description .progress-level-3:after,.template.nature .skill-description-wrapper:not(.text) .skill-description .progress-level-4:after,.template.nature .skill-description-wrapper:not(.text) .skill-description .progress-level-5:after {
  background: #000;
  content: "";
  height: 12px;
  position: absolute;
  right: 0;
  top: -4px;
  width: 2px
}

.template.nature .graph,.template.nature .hobby,.template.nature .social-link {
  width: 50%
}

.template.nature .csspie:first-of-type:after,.template.nature .csspie:first-of-type:before {
  background-color: #000
}

.template.nature .csspie:nth-of-type(2):after,.template.nature .csspie:nth-of-type(2):before {
  background-color: #c1c1c1
}

.template.nature .value-wrapper {
  color: #fff
}

.template.nature .keyword-text-wrapper {
  background: #c1c1c1
}

.template.nature.mtn .general-section:before {
  background-image: url(https://d1civoyjepycei.cloudfront.net/static/assets/bundle/media/nature_bcg_1.71c9084d.jpg)
}

.template.nature.lef .general-section:before {
  background-image: url(https://d1civoyjepycei.cloudfront.net/static/assets/bundle/media/nature_bcg_2.f7b6b131.jpg)
}

.template.nature.smm .general-section:before {
  background-image: url(https://d1civoyjepycei.cloudfront.net/static/assets/bundle/media/nature_bcg_3.b8af4d97.jpg)
}

.template.nature.fll .general-section:before {
  background-image: url(https://d1civoyjepycei.cloudfront.net/static/assets/bundle/media/nature_bcg_4.cc83b606.jpg)
}

.template.nature.wnt .general-section:before {
  background-image: url(https://d1civoyjepycei.cloudfront.net/static/assets/bundle/media/nature_bcg_5.ff906017.jpg)
}

.template.newsweek.letter .general-section {
  padding-left: 75px;
  padding-right: 53px
}

.template.newsweek .page {
  background-color: #fff
}

.template.newsweek .page.first-page>.column {
  padding-top: 30px
}

.template.newsweek .general-section,.template.newsweek .kickresume-section-wrapper {
  width: 100%
}

.template.newsweek .headline {
  color: #000;
  position: relative
}

.template.newsweek .headline .icon {
  background-color: #0462f6;
  bottom: 11px;
  height: 25px;
  margin-right: 5px;
  top: unset;
  width: 25px
}

.template.newsweek .headline .icon svg {
  display: none
}

.template.newsweek .headline .icon:before {
  background-color: #fff;
  content: "";
  display: block;
  height: 13px;
  position: absolute;
  width: 1px
}

.template.newsweek .headline .icon:after {
  background-color: #fff;
  content: "";
  display: block;
  height: 1px;
  width: 13px
}

.template.newsweek .headline:after {
  border-bottom: 1px solid #0462f6;
  bottom: 11px;
  content: " ";
  left: 24px;
  position: absolute;
  width: clamp(1rem, calc(100% - 24px), 3.5rem);
}

.template.newsweek .general-section {
  display: flex;
  padding: 0 46px 13px 60px;
  position: relative
}

.template.newsweek .general-section .avatar {
  display: inline-block;
  position: relative
}

.template.newsweek .general-section .avatar .thumbnail {
  border: none;
  border-radius: 0;
  padding: 0
}

.template.newsweek .general-section .avatar:after {
  background: #0462f6;
  content: "";
  height: 16px;
  left: 0;
  position: absolute;
  top: 120px;
  width: 120px
}

.template.newsweek .general-section .name {
  flex-grow: 1;
  font-size: 40px;
  padding-right: 20px;
  vertical-align: top
}

.template.newsweek .general-section .name span {
  background: #0462f6;
  color: #fff;
  line-height: 45px;
  margin-bottom: 10px;
  padding: 10px
}

.template.newsweek .general-section.no-avatar .avatar {
  display: none
}

.template.newsweek .general-section.no-avatar .name {
  width: 100%
}

.template.newsweek .general-info {
  padding-left: 30px
}

.template.newsweek .hobby .icon {
  color: #0462f6
}

.template.newsweek .graphs.type-two .graph .graph-item .circle-percentage:before,.template.newsweek .graphs.type-two .graph .graph-item .value {
  border-color: #0462f6;
  color: #0462f6
}

.template.newsweek .graphs.type-two .graph .graph-item .circle-gray {
  stroke-width: 2px
}

.template.newsweek .graphs.type-two .graph .graph-item #circle {
  stroke: #0462f6
}

.template.newsweek .skill {
  padding: 0;
  width: 100%
}

.template.newsweek .skill-description-wrapper:not(.text) {
  align-items: center;
  display: flex
}

.template.newsweek .skill-description-wrapper:not(.text) .skill-description {
  background: transparent;
  border: 1px solid #0462f6;
  display: flex;
  height: 11px;
  width: 100%
}

.template.newsweek .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.newsweek .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.newsweek .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.newsweek .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.newsweek .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #0462f6;
  height: 9px
}

.template.newsweek .skill-description-wrapper.text .skill-description {
  color: #000
}

.template.newsweek .hobby,.template.newsweek .social-link {
  width: 33.33%
}

.template.newsweek .hobby .icon svg,.template.newsweek .social-link .icon svg {
  fill: #0462f6
}

.template.newsweek .keyword {
  color: #fff
}

.template.newsweek .keyword .keyword-text-wrapper {
  background: #0462f6
}

.template.newsweek.blu-whi .page {
  background-color: #fff
}

.template.newsweek.blu-whi .headline .icon {
  background-color: #0462f6
}

.template.newsweek.blu-whi .headline .icon:after,.template.newsweek.blu-whi .headline .icon:before {
  background-color: #fff
}

.template.newsweek.blu-whi .headline:after {
  border-bottom-color: #0462f6
}

.template.newsweek.blu-whi .general-section .avatar:after {
  background: #0462f6
}

.template.newsweek.blu-whi .general-section .name span {
  background: #0462f6;
  color: #fff
}

.template.newsweek.blu-whi .hobby .icon {
  color: #0462f6
}

.template.newsweek.blu-whi .graphs.type-two .graph .graph-item .circle-percentage:before,.template.newsweek.blu-whi .graphs.type-two .graph .graph-item .value {
  border-color: #0462f6;
  color: #0462f6
}

.template.newsweek.blu-whi .graphs.type-two .graph .graph-item #circle {
  stroke: #0462f6
}

.template.newsweek.blu-whi .skill-description-wrapper:not(.text) .skill-description {
  border-color: #0462f6
}

.template.newsweek.blu-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.newsweek.blu-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.newsweek.blu-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.newsweek.blu-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.newsweek.blu-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #0462f6
}

.template.newsweek.blu-whi .hobby .icon svg,.template.newsweek.blu-whi .social-link .icon svg {
  fill: #0462f6
}

.template.newsweek.blu-whi .keyword {
  color: #fff
}

.template.newsweek.blu-whi .keyword .keyword-text-wrapper {
  background: #0462f6
}

.template.newsweek.red-whi .page {
  background-color: #fff
}

.template.newsweek.red-whi .headline .icon {
  background-color: #f7410f
}

.template.newsweek.red-whi .headline .icon:after,.template.newsweek.red-whi .headline .icon:before {
  background-color: #fff
}

.template.newsweek.red-whi .headline:after {
  border-bottom-color: #f7410f
}

.template.newsweek.red-whi .general-section .avatar:after {
  background: #f7410f
}

.template.newsweek.red-whi .general-section .name span {
  background: #f7410f;
  color: #fff
}

.template.newsweek.red-whi .hobby .icon {
  color: #f7410f
}

.template.newsweek.red-whi .graphs.type-two .graph .graph-item .circle-percentage:before,.template.newsweek.red-whi .graphs.type-two .graph .graph-item .value {
  border-color: #f7410f;
  color: #f7410f
}

.template.newsweek.red-whi .graphs.type-two .graph .graph-item #circle {
  stroke: #f7410f
}

.template.newsweek.red-whi .skill-description-wrapper:not(.text) .skill-description {
  border-color: #f7410f
}

.template.newsweek.red-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.newsweek.red-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.newsweek.red-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.newsweek.red-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.newsweek.red-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #f7410f
}

.template.newsweek.red-whi .hobby .icon svg,.template.newsweek.red-whi .social-link .icon svg {
  fill: #f7410f
}

.template.newsweek.red-whi .keyword {
  color: #fff
}

.template.newsweek.red-whi .keyword .keyword-text-wrapper {
  background: #f7410f
}

.template.newsweek.grn-whi .page {
  background-color: #fff
}

.template.newsweek.grn-whi .headline .icon {
  background-color: #24e0a2
}

.template.newsweek.grn-whi .headline .icon:after,.template.newsweek.grn-whi .headline .icon:before {
  background-color: #fff
}

.template.newsweek.grn-whi .headline:after {
  border-bottom-color: #24e0a2
}

.template.newsweek.grn-whi .general-section .avatar:after {
  background: #24e0a2
}

.template.newsweek.grn-whi .general-section .name span {
  background: #24e0a2;
  color: #fff
}

.template.newsweek.grn-whi .hobby .icon {
  color: #24e0a2
}

.template.newsweek.grn-whi .graphs.type-two .graph .graph-item .circle-percentage:before,.template.newsweek.grn-whi .graphs.type-two .graph .graph-item .value {
  border-color: #24e0a2;
  color: #24e0a2
}

.template.newsweek.grn-whi .graphs.type-two .graph .graph-item #circle {
  stroke: #24e0a2
}

.template.newsweek.grn-whi .skill-description-wrapper:not(.text) .skill-description {
  border-color: #24e0a2
}

.template.newsweek.grn-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.newsweek.grn-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.newsweek.grn-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.newsweek.grn-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.newsweek.grn-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #24e0a2
}

.template.newsweek.grn-whi .hobby .icon svg,.template.newsweek.grn-whi .social-link .icon svg {
  fill: #24e0a2
}

.template.newsweek.grn-whi .keyword {
  color: #fff
}

.template.newsweek.grn-whi .keyword .keyword-text-wrapper {
  background: #24e0a2
}

.template.newsweek.yel-whi .page {
  background-color: #fff
}

.template.newsweek.yel-whi .headline .icon {
  background-color: #f7b94b
}

.template.newsweek.yel-whi .headline .icon:after,.template.newsweek.yel-whi .headline .icon:before {
  background-color: #000
}

.template.newsweek.yel-whi .headline:after {
  border-bottom-color: #f7b94b
}

.template.newsweek.yel-whi .general-section .avatar:after {
  background: #f7b94b
}

.template.newsweek.yel-whi .general-section .name span {
  background: #f7b94b;
  color: #000
}

.template.newsweek.yel-whi .hobby .icon {
  color: #f7b94b
}

.template.newsweek.yel-whi .graphs.type-two .graph .graph-item .circle-percentage:before,.template.newsweek.yel-whi .graphs.type-two .graph .graph-item .value {
  border-color: #f7b94b;
  color: #f7b94b
}

.template.newsweek.yel-whi .graphs.type-two .graph .graph-item #circle {
  stroke: #f7b94b
}

.template.newsweek.yel-whi .skill-description-wrapper:not(.text) .skill-description {
  border-color: #f7b94b
}

.template.newsweek.yel-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.newsweek.yel-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.newsweek.yel-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.newsweek.yel-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.newsweek.yel-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #f7b94b
}

.template.newsweek.yel-whi .hobby .icon svg,.template.newsweek.yel-whi .social-link .icon svg {
  fill: #f7b94b
}

.template.newsweek.yel-whi .keyword {
  color: #000
}

.template.newsweek.yel-whi .keyword .keyword-text-wrapper {
  background: #f7b94b
}

.template.newsweek.pin-whi .page {
  background-color: #fff
}

.template.newsweek.pin-whi .headline .icon {
  background-color: #ef9a9a
}

.template.newsweek.pin-whi .headline .icon:after,.template.newsweek.pin-whi .headline .icon:before {
  background-color: #000
}

.template.newsweek.pin-whi .headline:after {
  border-bottom-color: #ef9a9a
}

.template.newsweek.pin-whi .general-section .avatar:after {
  background: #ef9a9a
}

.template.newsweek.pin-whi .general-section .name span {
  background: #ef9a9a;
  color: #000
}

.template.newsweek.pin-whi .hobby .icon {
  color: #ef9a9a
}

.template.newsweek.pin-whi .graphs.type-two .graph .graph-item .circle-percentage:before,.template.newsweek.pin-whi .graphs.type-two .graph .graph-item .value {
  border-color: #ef9a9a;
  color: #ef9a9a
}

.template.newsweek.pin-whi .graphs.type-two .graph .graph-item #circle {
  stroke: #ef9a9a
}

.template.newsweek.pin-whi .skill-description-wrapper:not(.text) .skill-description {
  border-color: #ef9a9a
}

.template.newsweek.pin-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.newsweek.pin-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.newsweek.pin-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.newsweek.pin-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.newsweek.pin-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #ef9a9a
}

.template.newsweek.pin-whi .hobby .icon svg,.template.newsweek.pin-whi .social-link .icon svg {
  fill: #ef9a9a
}

.template.newsweek.pin-whi .keyword {
  color: #000
}

.template.newsweek.pin-whi .keyword .keyword-text-wrapper {
  background: #ef9a9a
}

.template.newsweek.cya-whi .page {
  background-color: #fff
}

.template.newsweek.cya-whi .headline .icon {
  background-color: #3dbfed
}

.template.newsweek.cya-whi .headline .icon:after,.template.newsweek.cya-whi .headline .icon:before {
  background-color: #000
}

.template.newsweek.cya-whi .headline:after {
  border-bottom-color: #3dbfed
}

.template.newsweek.cya-whi .general-section .avatar:after {
  background: #3dbfed
}

.template.newsweek.cya-whi .general-section .name span {
  background: #3dbfed;
  color: #000
}

.template.newsweek.cya-whi .hobby .icon {
  color: #3dbfed
}

.template.newsweek.cya-whi .graphs.type-two .graph .graph-item .circle-percentage:before,.template.newsweek.cya-whi .graphs.type-two .graph .graph-item .value {
  border-color: #3dbfed;
  color: #3dbfed
}

.template.newsweek.cya-whi .graphs.type-two .graph .graph-item #circle {
  stroke: #3dbfed
}

.template.newsweek.cya-whi .skill-description-wrapper:not(.text) .skill-description {
  border-color: #3dbfed
}

.template.newsweek.cya-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.newsweek.cya-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.newsweek.cya-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.newsweek.cya-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.newsweek.cya-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #3dbfed
}

.template.newsweek.cya-whi .hobby .icon svg,.template.newsweek.cya-whi .social-link .icon svg {
  fill: #3dbfed
}

.template.newsweek.cya-whi .keyword {
  color: #000
}

.template.newsweek.cya-whi .keyword .keyword-text-wrapper {
  background: #3dbfed
}

.template.newsweek.win-whi .page {
  background-color: #fff
}

.template.newsweek.win-whi .headline .icon {
  background-color: #961e27
}

.template.newsweek.win-whi .headline .icon:after,.template.newsweek.win-whi .headline .icon:before {
  background-color: #fff
}

.template.newsweek.win-whi .headline:after {
  border-bottom-color: #961e27
}

.template.newsweek.win-whi .general-section .avatar:after {
  background: #961e27
}

.template.newsweek.win-whi .general-section .name span {
  background: #961e27;
  color: #fff
}

.template.newsweek.win-whi .hobby .icon {
  color: #961e27
}

.template.newsweek.win-whi .graphs.type-two .graph .graph-item .circle-percentage:before,.template.newsweek.win-whi .graphs.type-two .graph .graph-item .value {
  border-color: #961e27;
  color: #961e27
}

.template.newsweek.win-whi .graphs.type-two .graph .graph-item #circle {
  stroke: #961e27
}

.template.newsweek.win-whi .skill-description-wrapper:not(.text) .skill-description {
  border-color: #961e27
}

.template.newsweek.win-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.newsweek.win-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.newsweek.win-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.newsweek.win-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.newsweek.win-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #961e27
}

.template.newsweek.win-whi .hobby .icon svg,.template.newsweek.win-whi .social-link .icon svg {
  fill: #961e27
}

.template.newsweek.win-whi .keyword {
  color: #fff
}

.template.newsweek.win-whi .keyword .keyword-text-wrapper {
  background: #961e27
}

.template.newsweek.bro-whi .page {
  background-color: #fff
}

.template.newsweek.bro-whi .headline .icon {
  background-color: #884f06
}

.template.newsweek.bro-whi .headline .icon:after,.template.newsweek.bro-whi .headline .icon:before {
  background-color: #fff
}

.template.newsweek.bro-whi .headline:after {
  border-bottom-color: #884f06
}

.template.newsweek.bro-whi .general-section .avatar:after {
  background: #884f06
}

.template.newsweek.bro-whi .general-section .name span {
  background: #884f06;
  color: #fff
}

.template.newsweek.bro-whi .hobby .icon {
  color: #884f06
}

.template.newsweek.bro-whi .graphs.type-two .graph .graph-item .circle-percentage:before,.template.newsweek.bro-whi .graphs.type-two .graph .graph-item .value {
  border-color: #884f06;
  color: #884f06
}

.template.newsweek.bro-whi .graphs.type-two .graph .graph-item #circle {
  stroke: #884f06
}

.template.newsweek.bro-whi .skill-description-wrapper:not(.text) .skill-description {
  border-color: #884f06
}

.template.newsweek.bro-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.newsweek.bro-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.newsweek.bro-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.newsweek.bro-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.newsweek.bro-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #884f06
}

.template.newsweek.bro-whi .hobby .icon svg,.template.newsweek.bro-whi .social-link .icon svg {
  fill: #884f06
}

.template.newsweek.bro-whi .keyword {
  color: #fff
}

.template.newsweek.bro-whi .keyword .keyword-text-wrapper {
  background: #884f06
}

.template.newsweek.ste-whi .page {
  background-color: #fff
}

.template.newsweek.ste-whi .headline .icon {
  background-color: #517484
}

.template.newsweek.ste-whi .headline .icon:after,.template.newsweek.ste-whi .headline .icon:before {
  background-color: #fff
}

.template.newsweek.ste-whi .headline:after {
  border-bottom-color: #517484
}

.template.newsweek.ste-whi .general-section .avatar:after {
  background: #517484
}

.template.newsweek.ste-whi .general-section .name span {
  background: #517484;
  color: #fff
}

.template.newsweek.ste-whi .hobby .icon {
  color: #517484
}

.template.newsweek.ste-whi .graphs.type-two .graph .graph-item .circle-percentage:before,.template.newsweek.ste-whi .graphs.type-two .graph .graph-item .value {
  border-color: #517484;
  color: #517484
}

.template.newsweek.ste-whi .graphs.type-two .graph .graph-item #circle {
  stroke: #517484
}

.template.newsweek.ste-whi .skill-description-wrapper:not(.text) .skill-description {
  border-color: #517484
}

.template.newsweek.ste-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.newsweek.ste-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.newsweek.ste-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.newsweek.ste-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.newsweek.ste-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #517484
}

.template.newsweek.ste-whi .hobby .icon svg,.template.newsweek.ste-whi .social-link .icon svg {
  fill: #517484
}

.template.newsweek.ste-whi .keyword {
  color: #fff
}

.template.newsweek.ste-whi .keyword .keyword-text-wrapper {
  background: #517484
}

.template.newsweek.oli-whi .page {
  background-color: #fff
}

.template.newsweek.oli-whi .headline .icon {
  background-color: #808626
}

.template.newsweek.oli-whi .headline .icon:after,.template.newsweek.oli-whi .headline .icon:before {
  background-color: #fff
}

.template.newsweek.oli-whi .headline:after {
  border-bottom-color: #808626
}

.template.newsweek.oli-whi .general-section .avatar:after {
  background: #808626
}

.template.newsweek.oli-whi .general-section .name span {
  background: #808626;
  color: #fff
}

.template.newsweek.oli-whi .hobby .icon {
  color: #808626
}

.template.newsweek.oli-whi .graphs.type-two .graph .graph-item .circle-percentage:before,.template.newsweek.oli-whi .graphs.type-two .graph .graph-item .value {
  border-color: #808626;
  color: #808626
}

.template.newsweek.oli-whi .graphs.type-two .graph .graph-item #circle {
  stroke: #808626
}

.template.newsweek.oli-whi .skill-description-wrapper:not(.text) .skill-description {
  border-color: #808626
}

.template.newsweek.oli-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.newsweek.oli-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.newsweek.oli-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.newsweek.oli-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.newsweek.oli-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #808626
}

.template.newsweek.oli-whi .hobby .icon svg,.template.newsweek.oli-whi .social-link .icon svg {
  fill: #808626
}

.template.newsweek.oli-whi .keyword {
  color: #fff
}

.template.newsweek.oli-whi .keyword .keyword-text-wrapper {
  background: #808626
}

.template.newsweek.red-red .page {
  background-color: #f9ddc0
}

.template.newsweek.red-red .headline .icon {
  background-color: #f7410f
}

.template.newsweek.red-red .headline .icon:after,.template.newsweek.red-red .headline .icon:before {
  background-color: #f9ddc0
}

.template.newsweek.red-red .headline:after {
  border-bottom-color: #f7410f
}

.template.newsweek.red-red .general-section .avatar:after {
  background: #f7410f
}

.template.newsweek.red-red .general-section .name span {
  background: #f7410f;
  color: #f9ddc0
}

.template.newsweek.red-red .hobby .icon {
  color: #f7410f
}

.template.newsweek.red-red .graphs.type-two .graph .graph-item .circle-percentage:before,.template.newsweek.red-red .graphs.type-two .graph .graph-item .value {
  border-color: #f7410f;
  color: #f7410f
}

.template.newsweek.red-red .graphs.type-two .graph .graph-item #circle {
  stroke: #f7410f
}

.template.newsweek.red-red .skill-description-wrapper:not(.text) .skill-description {
  border-color: #f7410f
}

.template.newsweek.red-red .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.newsweek.red-red .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.newsweek.red-red .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.newsweek.red-red .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.newsweek.red-red .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #f7410f
}

.template.newsweek.red-red .hobby .icon svg,.template.newsweek.red-red .social-link .icon svg {
  fill: #f7410f
}

.template.newsweek.red-red .keyword {
  color: #f9ddc0
}

.template.newsweek.red-red .keyword .keyword-text-wrapper {
  background: #f7410f
}

.template.newsweek.blu-cya .page {
  background-color: #e5f9f9
}

.template.newsweek.blu-cya .headline .icon {
  background-color: #517484
}

.template.newsweek.blu-cya .headline .icon:after,.template.newsweek.blu-cya .headline .icon:before {
  background-color: #e5f9f9
}

.template.newsweek.blu-cya .headline:after {
  border-bottom-color: #517484
}

.template.newsweek.blu-cya .general-section .avatar:after {
  background: #517484
}

.template.newsweek.blu-cya .general-section .name span {
  background: #517484;
  color: #e5f9f9
}

.template.newsweek.blu-cya .hobby .icon {
  color: #517484
}

.template.newsweek.blu-cya .graphs.type-two .graph .graph-item .circle-percentage:before,.template.newsweek.blu-cya .graphs.type-two .graph .graph-item .value {
  border-color: #517484;
  color: #517484
}

.template.newsweek.blu-cya .graphs.type-two .graph .graph-item #circle {
  stroke: #517484
}

.template.newsweek.blu-cya .skill-description-wrapper:not(.text) .skill-description {
  border-color: #517484
}

.template.newsweek.blu-cya .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.newsweek.blu-cya .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.newsweek.blu-cya .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.newsweek.blu-cya .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.newsweek.blu-cya .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #517484
}

.template.newsweek.blu-cya .hobby .icon svg,.template.newsweek.blu-cya .social-link .icon svg {
  fill: #517484
}

.template.newsweek.blu-cya .keyword {
  color: #e5f9f9
}

.template.newsweek.blu-cya .keyword .keyword-text-wrapper {
  background: #517484
}

.template.newsweek.grn-grn .page {
  background-color: #c7ecc7
}

.template.newsweek.grn-grn .headline .icon {
  background-color: #369188
}

.template.newsweek.grn-grn .headline .icon:after,.template.newsweek.grn-grn .headline .icon:before {
  background-color: #c7ecc7
}

.template.newsweek.grn-grn .headline:after {
  border-bottom-color: #369188
}

.template.newsweek.grn-grn .general-section .avatar:after {
  background: #369188
}

.template.newsweek.grn-grn .general-section .name span {
  background: #369188;
  color: #c7ecc7
}

.template.newsweek.grn-grn .hobby .icon {
  color: #369188
}

.template.newsweek.grn-grn .graphs.type-two .graph .graph-item .circle-percentage:before,.template.newsweek.grn-grn .graphs.type-two .graph .graph-item .value {
  border-color: #369188;
  color: #369188
}

.template.newsweek.grn-grn .graphs.type-two .graph .graph-item #circle {
  stroke: #369188
}

.template.newsweek.grn-grn .skill-description-wrapper:not(.text) .skill-description {
  border-color: #369188
}

.template.newsweek.grn-grn .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.newsweek.grn-grn .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.newsweek.grn-grn .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.newsweek.grn-grn .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.newsweek.grn-grn .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #369188
}

.template.newsweek.grn-grn .hobby .icon svg,.template.newsweek.grn-grn .social-link .icon svg {
  fill: #369188
}

.template.newsweek.grn-grn .keyword {
  color: #c7ecc7
}

.template.newsweek.grn-grn .keyword .keyword-text-wrapper {
  background: #369188
}

.template.newsweek.grn-yel .page {
  background-color: #f9e8d2
}

.template.newsweek.grn-yel .headline .icon {
  background-color: #369188
}

.template.newsweek.grn-yel .headline .icon:after,.template.newsweek.grn-yel .headline .icon:before {
  background-color: #f9e8d2
}

.template.newsweek.grn-yel .headline:after {
  border-bottom-color: #369188
}

.template.newsweek.grn-yel .general-section .avatar:after {
  background: #369188
}

.template.newsweek.grn-yel .general-section .name span {
  background: #369188;
  color: #f9e8d2
}

.template.newsweek.grn-yel .hobby .icon {
  color: #369188
}

.template.newsweek.grn-yel .graphs.type-two .graph .graph-item .circle-percentage:before,.template.newsweek.grn-yel .graphs.type-two .graph .graph-item .value {
  border-color: #369188;
  color: #369188
}

.template.newsweek.grn-yel .graphs.type-two .graph .graph-item #circle {
  stroke: #369188
}

.template.newsweek.grn-yel .skill-description-wrapper:not(.text) .skill-description {
  border-color: #369188
}

.template.newsweek.grn-yel .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.newsweek.grn-yel .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.newsweek.grn-yel .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.newsweek.grn-yel .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.newsweek.grn-yel .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #369188
}

.template.newsweek.grn-yel .hobby .icon svg,.template.newsweek.grn-yel .social-link .icon svg {
  fill: #369188
}

.template.newsweek.grn-yel .keyword {
  color: #f9e8d2
}

.template.newsweek.grn-yel .keyword .keyword-text-wrapper {
  background: #369188
}

.template.newsweek.gre-whi .page {
  background-color: #fff
}

.template.newsweek.gre-whi .headline .icon {
  background-color: #c1c1c1
}

.template.newsweek.gre-whi .headline .icon:after,.template.newsweek.gre-whi .headline .icon:before {
  background-color: #000
}

.template.newsweek.gre-whi .headline:after {
  border-bottom-color: #c1c1c1
}

.template.newsweek.gre-whi .general-section .avatar:after {
  background: #c1c1c1
}

.template.newsweek.gre-whi .general-section .name span {
  background: #c1c1c1;
  color: #000
}

.template.newsweek.gre-whi .hobby .icon {
  color: #c1c1c1
}

.template.newsweek.gre-whi .graphs.type-two .graph .graph-item .circle-percentage:before,.template.newsweek.gre-whi .graphs.type-two .graph .graph-item .value {
  border-color: #c1c1c1;
  color: #c1c1c1
}

.template.newsweek.gre-whi .graphs.type-two .graph .graph-item #circle {
  stroke: #c1c1c1
}

.template.newsweek.gre-whi .skill-description-wrapper:not(.text) .skill-description {
  border-color: #c1c1c1
}

.template.newsweek.gre-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.newsweek.gre-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.newsweek.gre-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.newsweek.gre-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.newsweek.gre-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #c1c1c1
}

.template.newsweek.gre-whi .hobby .icon svg,.template.newsweek.gre-whi .social-link .icon svg {
  fill: #c1c1c1
}

.template.newsweek.gre-whi .keyword {
  color: #000
}

.template.newsweek.gre-whi .keyword .keyword-text-wrapper {
  background: #c1c1c1
}

.template.newsweek.bla-whi .page {
  background-color: #fff
}

.template.newsweek.bla-whi .headline .icon {
  background-color: #000
}

.template.newsweek.bla-whi .headline .icon:after,.template.newsweek.bla-whi .headline .icon:before {
  background-color: #fff
}

.template.newsweek.bla-whi .headline:after {
  border-bottom-color: #000
}

.template.newsweek.bla-whi .general-section .avatar:after {
  background: #000
}

.template.newsweek.bla-whi .general-section .name span {
  background: #000;
  color: #fff
}

.template.newsweek.bla-whi .hobby .icon {
  color: #000
}

.template.newsweek.bla-whi .graphs.type-two .graph .graph-item .circle-percentage:before,.template.newsweek.bla-whi .graphs.type-two .graph .graph-item .value {
  border-color: #000;
  color: #000
}

.template.newsweek.bla-whi .graphs.type-two .graph .graph-item #circle {
  stroke: #000
}

.template.newsweek.bla-whi .skill-description-wrapper:not(.text) .skill-description {
  border-color: #000
}

.template.newsweek.bla-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.newsweek.bla-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.newsweek.bla-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.newsweek.bla-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.newsweek.bla-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #000
}

.template.newsweek.bla-whi .hobby .icon svg,.template.newsweek.bla-whi .social-link .icon svg {
  fill: #000
}

.template.newsweek.bla-whi .keyword {
  color: #fff
}

.template.newsweek.bla-whi .keyword .keyword-text-wrapper {
  background: #000
}

.template.pipeline .page {
  padding-bottom: 52px;
  padding-top: 39px;
  position: relative
}

.template.pipeline .page.first-page .top-ornament {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3OTQgMTQ0LjUiPjxwYXRoIGQ9Im03OTQgOS43LTU5LjMgNzIuMUw3MDEuMSAwSDcwMGwzMy45IDgyLjUtOTkuNSAzMi4xTDY3OC40IDBoLTEuMWwtNDMuNyAxMTMuOUw1OTQuMiAwaC0xLjFsMzkuNyAxMTQuOEw0NDIuMyA5NiA1NTMuNSAwSDU1Mkw0NDEuMyA5NS41bC0xNS02Mi42TDUxMy41IDBoLTIuOGwtODMuOSAzMS42TDQ0MC4xIDBINDM5bC0xMy40IDMxLjdMMzkwLjMgMGgtMS41bDM2LjMgMzIuNS01MS43IDUwLjZMMzYyLjEgMGgtMWwxMS4zIDgzLjgtMTA1LjIgMjUuNEwzMzkuNCAwaC0xLjJsLTcyIDEwOC45TDIyOCAyNC42IDI4OC43IDBIMjg2bC01Ny42IDIzLjRMMjQwLjcgMGgtMS4xbC0xMi40IDIzLjdMMTg3LjMgMGgtMkwyMjYgMjQuMiA3MS40IDYxLjYgMTIyLjEgMGgtMS4zTDcwLjIgNjEuNCA1MS41IDBoLTFsMTkgNjIuMUwwIDg2Ljh2MS4xbDY5LjUtMjQuNy0yIDgwLjRIMTguNEwwIDEyMC44djEuNmwxNy4xIDIxLjFIMHYxaDc5NHYtMWgtMjMuMWwtMzUuNC02MC4yIDU4LjUgMnYtMWwtNTguNC0yIDU4LjQtNzFWOS43em0tNjAuMyA3My45LTIzLjYgNTkuOWgtNjRsLTExLjktMjcuOCA5OS41LTMyLjF6bS0xMDAuMyAzMi41IDExLjcgMjcuNGgtNTUuOGw0NC4xLTI3LjR6bS0xLjMtLjQtNDQuOCAyNy44aC0xMTdMNDQyIDk3bDE5MC4xIDE4Ljd6bS0xNjMgMjcuOGgtNjEuMkw0NDEgOTcuM2wyOC4xIDQ2LjJ6bS00My42LTExMCAxNC45IDYyLjJMMzc0IDgzLjhsNTEuNS01MC4zem0xNC40IDYzLjIuMi4xLTMzLjUgNDYuN0gzODVsLTExLjUtNTguNyA2Ni40IDExLjl6bS02Ny4zLTExLjkgMTEuNSA1OC43aC00NS42TDI2OC4xIDExMGwxMDQuNS0yNS4yem0tMzYuNSA1OC43aC01MS44bC0xNy4zLTMzIDY5LjEgMzN6bS03MC4zLTMzIDE3LjQgMzNoLTI3LjNsOS44LTMzaC4xem0tMTI1LjkgMTAuOCAxMjQuNy0xMC43LTkuOCAzMi45SDE0NWwtNS4xLTIyLjJ6bTQuMSAyMi4yaC0yNGwxOS0yMS42IDUgMjEuNnptODMuMi0xMTguMiAzNy45IDgzLjctLjIuNi0xMjQuNCAxMC43IDg2LjctOTV6bS0xLjMtLjEtODYuNiA5NC45LTY4LjItNTcuNCAxNTQuOC0zNy41ek03MC41IDYzLjVsNjguMSA1Ny40LTE5LjkgMjIuNkg2OC41bDItODB6bTY5OS4zIDgwaC01OC42bDIzLjUtNTkuNiAzNS4xIDU5LjZ6Ii8+PC9zdmc+) no-repeat;
  background-size: cover;
  display: block;
  height: 150px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.template.pipeline .ios-section-wrapper,.template.pipeline .kickresume-section-wrapper {
  display: flex;
  vertical-align: top;
  width: 100%
}

.template.pipeline .ios-section-wrapper tbody,.template.pipeline .kickresume-section-wrapper tbody {
  width: 100%
}

.template.pipeline .section-right-col {
  padding-left: 26px;
  position: relative;
  width: 100%
}

.template.pipeline .section-right-col:before {
  background: #000;
  content: "";
  height: 1px;
  left: 26px;
  position: absolute;
  top: -10px;
  width: clamp(1rem, calc(100% - 26px), 3.5rem);
}

.template.pipeline .headline {
  color: #961e27;
  position: relative;
  vertical-align: top;
  width: 162px
}

.template.pipeline .headline:before {
  background: #000;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  top: -10px;
  width: 90%
}

.template.pipeline .general-section {
  padding-bottom: 30px;
  position: relative;
  z-index: 1
}

.template.pipeline .general-section .general-info-wrapper {
  background: #961e27;
  color: #fff;
  min-height: 135px
}

.template.pipeline .general-section .general-info-wrapper svg {
  fill: #fff
}

.template.pipeline .general-section .general-info-wrapper .name {
  color: inherit;
  font-size: 35px;
  line-height: 40px;
  padding-bottom: var(--templates-lh-base);
  padding-top: clamp(1rem, calc(var(--templates-lh-base)*2), 3.5rem);
  text-align: center
}

.template.pipeline .general-section .general-info-wrapper .general-info {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0 16px 26px
}

.template.pipeline .general-section .general-info-wrapper .general-info .info-wrapper-icon {
  display: inline-flex;
  margin-right: 8px
}

.template.pipeline .general-section .general-info-wrapper .general-info .info-wrapper-icon .value {
  color: #fff
}

.template.pipeline .profile {
  width: 100%
}

.template.pipeline .graph,.template.pipeline .hobby,.template.pipeline .skill,.template.pipeline .social-link {
  display: inline-flex;
  width: 33.333%
}

.template.pipeline .graphs.type-two .graph .graph-item .circle,.template.pipeline .graphs.type-two .graph .graph-item .circle-gray {
  stroke: #000
}

.template.pipeline .skill {
  padding-right: 16px
}

.template.pipeline .skill-description-wrapper:not(.text) {
  align-items: center;
  display: flex
}

.template.pipeline .skill-description-wrapper:not(.text) .skill-description {
  background: #000;
  display: flex;
  height: 1px;
  min-height: 1px;
  position: relative;
  width: 100%
}

.template.pipeline .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.pipeline .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.pipeline .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.pipeline .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.pipeline .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #000;
  height: 16px;
  position: absolute;
  top: -7px
}

.template.pipeline.bla .headline {
  color: #000
}

.template.pipeline.bla .general-section .general-info-wrapper {
  background: #000;
  color: #fff
}

.template.pipeline.bla .general-section .general-info-wrapper svg {
  fill: #fff
}

.template.pipeline.bla .general-section .general-info-wrapper .general-info .info-wrapper-icon .value {
  color: #fff
}

.template.pipeline.pin .headline {
  color: #ef9a9a
}

.template.pipeline.pin .general-section .general-info-wrapper {
  background: #ef9a9a;
  color: #000
}

.template.pipeline.pin .general-section .general-info-wrapper svg {
  fill: #000
}

.template.pipeline.pin .general-section .general-info-wrapper .general-info .info-wrapper-icon .value {
  color: #000
}

.template.pipeline.ora .headline {
  color: #fbb040
}

.template.pipeline.ora .general-section .general-info-wrapper {
  background: #fbb040;
  color: #000
}

.template.pipeline.ora .general-section .general-info-wrapper svg {
  fill: #000
}

.template.pipeline.ora .general-section .general-info-wrapper .general-info .info-wrapper-icon .value {
  color: #000
}

.template.pipeline.cya .headline {
  color: #3dbfed
}

.template.pipeline.cya .general-section .general-info-wrapper {
  background: #3dbfed;
  color: #000
}

.template.pipeline.cya .general-section .general-info-wrapper svg {
  fill: #000
}

.template.pipeline.cya .general-section .general-info-wrapper .general-info .info-wrapper-icon .value {
  color: #000
}

.template.pipeline.grn .headline {
  color: #67dfc2
}

.template.pipeline.grn .general-section .general-info-wrapper {
  background: #67dfc2;
  color: #000
}

.template.pipeline.grn .general-section .general-info-wrapper svg {
  fill: #000
}

.template.pipeline.grn .general-section .general-info-wrapper .general-info .info-wrapper-icon .value {
  color: #000
}

.template.pipeline.win .headline {
  color: #961e27
}

.template.pipeline.win .general-section .general-info-wrapper {
  background: #961e27;
  color: #fff
}

.template.pipeline.win .general-section .general-info-wrapper svg {
  fill: #fff
}

.template.pipeline.win .general-section .general-info-wrapper .general-info .info-wrapper-icon .value {
  color: #fff
}

.template.pipeline.bro .headline {
  color: #884f06
}

.template.pipeline.bro .general-section .general-info-wrapper {
  background: #884f06;
  color: #fff
}

.template.pipeline.bro .general-section .general-info-wrapper svg {
  fill: #fff
}

.template.pipeline.bro .general-section .general-info-wrapper .general-info .info-wrapper-icon .value {
  color: #fff
}

.template.pipeline.bri-red .headline {
  color: #ee4e34
}

.template.pipeline.bri-red .general-section .general-info-wrapper {
  background: #ee4e34;
  color: #000
}

.template.pipeline.bri-red .general-section .general-info-wrapper svg {
  fill: #000
}

.template.pipeline.bri-red .general-section .general-info-wrapper .general-info .info-wrapper-icon .value {
  color: #000
}

.template.pipeline.gre .headline {
  color: #a7a9ac
}

.template.pipeline.gre .general-section .general-info-wrapper {
  background: #a7a9ac;
  color: #000
}

.template.pipeline.gre .general-section .general-info-wrapper svg {
  fill: #000
}

.template.pipeline.gre .general-section .general-info-wrapper .general-info .info-wrapper-icon .value {
  color: #000
}

.template.puddle.letter .general-section .name {
  padding-left: 45px
}

.template.puddle.letter .general-section .info-wrapper-icon,.template.puddle.letter .puddle-footer-section {
  padding-right: 53px
}

.template.puddle.letter.page-wrapper.numbersShown .outer-page.multi-page .page:after {
  padding-left: 75px
}

.template.puddle.page-wrapper.numbersShown .outer-page.multi-page .page:after {
  bottom: 35px;
  padding-left: 60px;
  text-align: left
}

.template.puddle .page {
  background-color: #fff;
  padding-bottom: 55px;
  position: relative
}

.template.puddle .page .bottom-ornament,.template.puddle .page .top-ornament {
  display: block
}

.template.puddle .page .bottom-ornament svg,.template.puddle .page .top-ornament svg {
  fill: #0462f6;
  display: none;
  position: absolute;
  right: 0
}

.template.puddle .page .top-ornament svg {
  top: 0
}

.template.puddle .page .bottom-ornament svg {
  bottom: 0
}

.template.puddle .page.first-page .first-page-ornament {
  display: block
}

.template.puddle .page.first-page .top-ornament svg {
  height: 250px
}

.template.puddle .page.first-page .bottom-ornament svg {
  height: 140px
}

.template.puddle .page:not(.first-page) .bottom-ornament svg:not(.first-page-ornament),.template.puddle .page:not(.first-page) .top-ornament svg:not(.first-page-ornament) {
  display: block;
  height: 51px
}

.template.puddle .page:not(.first-page) .bottom-ornament svg {
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg)
}

.template.puddle .headline {
  color: #0462f6;
  text-transform: uppercase
}

.template.puddle .puddle-footer-section {
  align-items: flex-end;
  bottom: 0;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 100px;
  padding: 20px 46px 39px 0;
  position: absolute;
  text-align: right;
  width: 100%;
  z-index: 1
}

.template.puddle .puddle-footer-section .info-wrapper-icon {
  justify-content: flex-end;
  width: 400px
}

.template.puddle .puddle-footer-section .info-wrapper-icon .value {
  word-break: break-word
}

.template.puddle .puddle-footer-section svg {
  fill: #fff
}

.template.puddle .general-section {
  padding-bottom: clamp(1rem, calc(var(--templates-lh-base)*2), 3.5rem);
  position: relative
}

.template.puddle .general-section .general-section-wrapper {
  align-items: center;
  display: flex;
  justify-content: space-between;
  min-height: 150px
}

.template.puddle .general-section .info-wrapper-icon {
  color: #fff;
  display: flex;
  justify-content: flex-end;
  padding-right: 46px;
  text-align: right;
  width: 100%
}

.template.puddle .general-section .info-wrapper-icon svg {
  fill: #fff
}

.template.puddle .general-section .general-info,.template.puddle .general-section .name {
  width: clamp(1rem, calc(50% - 60px), 3.5rem);
}

.template.puddle .general-section .name {
  color: #000;
  font-size: 36px;
  line-height: 45px;
  padding: 0 10px 0 30px
}

.template.puddle .general-section .avatar {
  z-index: 1
}

.template.puddle .general-section .avatar .thumbnail,.template.puddle .general-section .avatar img {
  border: none;
  border-radius: 50%;
  padding: 0
}

.template.puddle .general-section .general-info {
  z-index: 1
}

.template.puddle .general-section .general-info .value {
  color: #fff;
  text-align: right
}

.template.puddle .general-section.no-avatar .general-info {
  width: 50%
}

.template.puddle .general-section.no-avatar .avatar {
  display: none
}

.template.puddle .hobby svg,.template.puddle .social-link svg {
  fill: #0462f6
}

.template.puddle .graph,.template.puddle .hobby,.template.puddle .skill,.template.puddle .social-link {
  width: 33.33%
}

.template.puddle .graphs.type-two {
  padding-left: 30px
}

.template.puddle .graphs.type-two .graph .graph-item .circle {
  stroke: #0462f6
}

.template.puddle .graphs.type-two .graph .graph-item .circle-gray {
  stroke: #000;
  stroke-width: 2px
}

.template.puddle .skill {
  padding: 0;
  width: 100%
}

.template.puddle .skill-description-wrapper:not(.text) {
  align-items: center;
  display: flex
}

.template.puddle .skill-description-wrapper:not(.text) .skill-description {
  background: #000;
  display: flex;
  height: 1px;
  position: relative;
  width: 100%
}

.template.puddle .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.puddle .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.puddle .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.puddle .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.puddle .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #0462f6;
  height: 8px;
  position: absolute;
  top: -3px
}

.template.puddle .skill-description-wrapper.text .skill-description {
  color: #0462f6
}

.template.puddle.bla-whi .page {
  background-color: #fff
}

.template.puddle.bla-whi .page .bottom-ornament svg,.template.puddle.bla-whi .page .top-ornament svg {
  fill: #000
}

.template.puddle.bla-whi .headline {
  color: #000
}

.template.puddle.bla-whi .puddle-footer-section {
  color: #fff
}

.template.puddle.bla-whi .puddle-footer-section svg {
  fill: #fff
}

.template.puddle.bla-whi .general-section .info-wrapper-icon {
  color: #fff
}

.template.puddle.bla-whi .general-section .info-wrapper-icon svg {
  fill: #fff
}

.template.puddle.bla-whi .general-section .general-info .value {
  color: #fff
}

.template.puddle.bla-whi .hobby svg,.template.puddle.bla-whi .social-link svg {
  fill: #000
}

.template.puddle.bla-whi .graphs.type-two .graph .graph-item .circle {
  stroke: #000
}

.template.puddle.bla-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.puddle.bla-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.puddle.bla-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.puddle.bla-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.puddle.bla-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #000
}

.template.puddle.bla-whi .skill-description-wrapper.text .skill-description {
  color: #000
}

.template.puddle.blu-whi .page {
  background-color: #fff
}

.template.puddle.blu-whi .page .bottom-ornament svg,.template.puddle.blu-whi .page .top-ornament svg {
  fill: #0462f6
}

.template.puddle.blu-whi .headline {
  color: #0462f6
}

.template.puddle.blu-whi .puddle-footer-section {
  color: #fff
}

.template.puddle.blu-whi .puddle-footer-section svg {
  fill: #fff
}

.template.puddle.blu-whi .general-section .info-wrapper-icon {
  color: #fff
}

.template.puddle.blu-whi .general-section .info-wrapper-icon svg {
  fill: #fff
}

.template.puddle.blu-whi .general-section .general-info .value {
  color: #fff
}

.template.puddle.blu-whi .hobby svg,.template.puddle.blu-whi .social-link svg {
  fill: #0462f6
}

.template.puddle.blu-whi .graphs.type-two .graph .graph-item .circle {
  stroke: #0462f6
}

.template.puddle.blu-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.puddle.blu-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.puddle.blu-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.puddle.blu-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.puddle.blu-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #0462f6
}

.template.puddle.blu-whi .skill-description-wrapper.text .skill-description {
  color: #0462f6
}

.template.puddle.red-whi .page {
  background-color: #fff
}

.template.puddle.red-whi .page .bottom-ornament svg,.template.puddle.red-whi .page .top-ornament svg {
  fill: #f7410f
}

.template.puddle.red-whi .headline {
  color: #f7410f
}

.template.puddle.red-whi .puddle-footer-section {
  color: #fff
}

.template.puddle.red-whi .puddle-footer-section svg {
  fill: #fff
}

.template.puddle.red-whi .general-section .info-wrapper-icon {
  color: #fff
}

.template.puddle.red-whi .general-section .info-wrapper-icon svg {
  fill: #fff
}

.template.puddle.red-whi .general-section .general-info .value {
  color: #fff
}

.template.puddle.red-whi .hobby svg,.template.puddle.red-whi .social-link svg {
  fill: #f7410f
}

.template.puddle.red-whi .graphs.type-two .graph .graph-item .circle {
  stroke: #f7410f
}

.template.puddle.red-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.puddle.red-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.puddle.red-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.puddle.red-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.puddle.red-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #f7410f
}

.template.puddle.red-whi .skill-description-wrapper.text .skill-description {
  color: #f7410f
}

.template.puddle.pur-whi .page {
  background-color: #fff
}

.template.puddle.pur-whi .page .bottom-ornament svg,.template.puddle.pur-whi .page .top-ornament svg {
  fill: #ab47bc
}

.template.puddle.pur-whi .headline {
  color: #ab47bc
}

.template.puddle.pur-whi .puddle-footer-section {
  color: #fff
}

.template.puddle.pur-whi .puddle-footer-section svg {
  fill: #fff
}

.template.puddle.pur-whi .general-section .info-wrapper-icon {
  color: #fff
}

.template.puddle.pur-whi .general-section .info-wrapper-icon svg {
  fill: #fff
}

.template.puddle.pur-whi .general-section .general-info .value {
  color: #fff
}

.template.puddle.pur-whi .hobby svg,.template.puddle.pur-whi .social-link svg {
  fill: #ab47bc
}

.template.puddle.pur-whi .graphs.type-two .graph .graph-item .circle {
  stroke: #ab47bc
}

.template.puddle.pur-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.puddle.pur-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.puddle.pur-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.puddle.pur-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.puddle.pur-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #ab47bc
}

.template.puddle.pur-whi .skill-description-wrapper.text .skill-description {
  color: #ab47bc
}

.template.puddle.yel-whi .page {
  background-color: #fff
}

.template.puddle.yel-whi .page .bottom-ornament svg,.template.puddle.yel-whi .page .top-ornament svg {
  fill: #facd48
}

.template.puddle.yel-whi .headline {
  color: #facd48
}

.template.puddle.yel-whi .puddle-footer-section {
  color: #000
}

.template.puddle.yel-whi .puddle-footer-section svg {
  fill: #000
}

.template.puddle.yel-whi .general-section .info-wrapper-icon {
  color: #000
}

.template.puddle.yel-whi .general-section .info-wrapper-icon svg {
  fill: #000
}

.template.puddle.yel-whi .general-section .general-info .value {
  color: #000
}

.template.puddle.yel-whi .hobby svg,.template.puddle.yel-whi .social-link svg {
  fill: #facd48
}

.template.puddle.yel-whi .graphs.type-two .graph .graph-item .circle {
  stroke: #facd48
}

.template.puddle.yel-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.puddle.yel-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.puddle.yel-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.puddle.yel-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.puddle.yel-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #facd48
}

.template.puddle.yel-whi .skill-description-wrapper.text .skill-description {
  color: #facd48
}

.template.puddle.cya-whi .page {
  background-color: #fff
}

.template.puddle.cya-whi .page .bottom-ornament svg,.template.puddle.cya-whi .page .top-ornament svg {
  fill: #3dbfed
}

.template.puddle.cya-whi .headline {
  color: #3dbfed
}

.template.puddle.cya-whi .puddle-footer-section {
  color: #000
}

.template.puddle.cya-whi .puddle-footer-section svg {
  fill: #000
}

.template.puddle.cya-whi .general-section .info-wrapper-icon {
  color: #000
}

.template.puddle.cya-whi .general-section .info-wrapper-icon svg {
  fill: #000
}

.template.puddle.cya-whi .general-section .general-info .value {
  color: #000
}

.template.puddle.cya-whi .hobby svg,.template.puddle.cya-whi .social-link svg {
  fill: #3dbfed
}

.template.puddle.cya-whi .graphs.type-two .graph .graph-item .circle {
  stroke: #3dbfed
}

.template.puddle.cya-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.puddle.cya-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.puddle.cya-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.puddle.cya-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.puddle.cya-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #3dbfed
}

.template.puddle.cya-whi .skill-description-wrapper.text .skill-description {
  color: #3dbfed
}

.template.puddle.grn-whi .page {
  background-color: #fff
}

.template.puddle.grn-whi .page .bottom-ornament svg,.template.puddle.grn-whi .page .top-ornament svg {
  fill: #369188
}

.template.puddle.grn-whi .headline {
  color: #369188
}

.template.puddle.grn-whi .puddle-footer-section {
  color: #fff
}

.template.puddle.grn-whi .puddle-footer-section svg {
  fill: #fff
}

.template.puddle.grn-whi .general-section .info-wrapper-icon {
  color: #fff
}

.template.puddle.grn-whi .general-section .info-wrapper-icon svg {
  fill: #fff
}

.template.puddle.grn-whi .general-section .general-info .value {
  color: #fff
}

.template.puddle.grn-whi .hobby svg,.template.puddle.grn-whi .social-link svg {
  fill: #369188
}

.template.puddle.grn-whi .graphs.type-two .graph .graph-item .circle {
  stroke: #369188
}

.template.puddle.grn-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.puddle.grn-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.puddle.grn-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.puddle.grn-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.puddle.grn-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #369188
}

.template.puddle.grn-whi .skill-description-wrapper.text .skill-description {
  color: #369188
}

.template.puddle.pin-whi .page {
  background-color: #fff
}

.template.puddle.pin-whi .page .bottom-ornament svg,.template.puddle.pin-whi .page .top-ornament svg {
  fill: #ef9a9a
}

.template.puddle.pin-whi .headline {
  color: #ef9a9a
}

.template.puddle.pin-whi .puddle-footer-section {
  color: #000
}

.template.puddle.pin-whi .puddle-footer-section svg {
  fill: #000
}

.template.puddle.pin-whi .general-section .info-wrapper-icon {
  color: #000
}

.template.puddle.pin-whi .general-section .info-wrapper-icon svg {
  fill: #000
}

.template.puddle.pin-whi .general-section .general-info .value {
  color: #000
}

.template.puddle.pin-whi .hobby svg,.template.puddle.pin-whi .social-link svg {
  fill: #ef9a9a
}

.template.puddle.pin-whi .graphs.type-two .graph .graph-item .circle {
  stroke: #ef9a9a
}

.template.puddle.pin-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.puddle.pin-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.puddle.pin-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.puddle.pin-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.puddle.pin-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #ef9a9a
}

.template.puddle.pin-whi .skill-description-wrapper.text .skill-description {
  color: #ef9a9a
}

.template.puddle.yel-gre .page {
  background-color: #1a1a1a
}

.template.puddle.yel-gre .page .bottom-ornament svg,.template.puddle.yel-gre .page .top-ornament svg {
  fill: #facd48
}

.template.puddle.yel-gre .headline {
  color: #facd48
}

.template.puddle.yel-gre .puddle-footer-section {
  color: #000
}

.template.puddle.yel-gre .puddle-footer-section svg {
  fill: #000
}

.template.puddle.yel-gre .general-section .info-wrapper-icon {
  color: #000
}

.template.puddle.yel-gre .general-section .info-wrapper-icon svg {
  fill: #000
}

.template.puddle.yel-gre .general-section .general-info .value {
  color: #000
}

.template.puddle.yel-gre .hobby svg,.template.puddle.yel-gre .social-link svg {
  fill: #facd48
}

.template.puddle.yel-gre .graphs.type-two .graph .graph-item .circle {
  stroke: #facd48
}

.template.puddle.yel-gre .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.puddle.yel-gre .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.puddle.yel-gre .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.puddle.yel-gre .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.puddle.yel-gre .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #facd48
}

.template.puddle.yel-gre .skill-description-wrapper.text .skill-description {
  color: #facd48
}

.template.puddle.yel-gre .general-section .name,.template.puddle.yel-gre .kickresume-section-wrapper>:not(.headline),.template.puddle.yel-gre.page-wrapper.numbersShown .outer-page.multi-page .page:after {
  color: #d8d8d8
}

.template.puddle.yel-gre .headline .icon svg {
  fill: #d8d8d8
}

.template.puddle.yel-gre .graphs.type-two .graph .graph-item .value {
  color: #d8d8d8
}

.template.puddle.yel-gre .graphs.type-two .graph .graph-item .value .circle-percentage:before {
  border-top-color: #d8d8d8
}

.template.puddle.yel-gre .graphs.type-two .graph .graph-item .circle-gray {
  stroke: #d8d8d8
}

.template.puddle.yel-gre .experience-item .company-name,.template.puddle.yel-gre .experience-item .date,.template.puddle.yel-gre .experience-item .position,.template.puddle.yel-gre .experience-item .publication-name,.template.puddle.yel-gre .experience-item .publisher,.template.puddle.yel-gre .experience-item .url a {
  fill: #d8d8d8;
  color: #d8d8d8
}

.template.puddle.yel-gre .keyword,.template.puddle.yel-gre .skill-category-name {
  color: #d8d8d8
}

.template.puddle.yel-gre .keyword.with-icon svg,.template.puddle.yel-gre .skill-category-name.with-icon svg {
  fill: #d8d8d8
}

.template.puddle.yel-gre .skill-description-wrapper:not(.text) .skill-description {
  background: #d8d8d8
}

.template.puddle.yel-gre .preview-overlay {
  fill: #fff
}

.template.puddle.grn-gre .page {
  background-color: #1a1a1a
}

.template.puddle.grn-gre .page .bottom-ornament svg,.template.puddle.grn-gre .page .top-ornament svg {
  fill: #24e0a2
}

.template.puddle.grn-gre .headline {
  color: #24e0a2
}

.template.puddle.grn-gre .puddle-footer-section {
  color: #000
}

.template.puddle.grn-gre .puddle-footer-section svg {
  fill: #000
}

.template.puddle.grn-gre .general-section .info-wrapper-icon {
  color: #000
}

.template.puddle.grn-gre .general-section .info-wrapper-icon svg {
  fill: #000
}

.template.puddle.grn-gre .general-section .general-info .value {
  color: #000
}

.template.puddle.grn-gre .hobby svg,.template.puddle.grn-gre .social-link svg {
  fill: #24e0a2
}

.template.puddle.grn-gre .graphs.type-two .graph .graph-item .circle {
  stroke: #24e0a2
}

.template.puddle.grn-gre .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.puddle.grn-gre .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.puddle.grn-gre .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.puddle.grn-gre .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.puddle.grn-gre .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #24e0a2
}

.template.puddle.grn-gre .skill-description-wrapper.text .skill-description {
  color: #24e0a2
}

.template.puddle.grn-gre .general-section .name,.template.puddle.grn-gre .kickresume-section-wrapper>:not(.headline),.template.puddle.grn-gre.page-wrapper.numbersShown .outer-page.multi-page .page:after {
  color: #d8d8d8
}

.template.puddle.grn-gre .headline .icon svg {
  fill: #d8d8d8
}

.template.puddle.grn-gre .graphs.type-two .graph .graph-item .value {
  color: #d8d8d8
}

.template.puddle.grn-gre .graphs.type-two .graph .graph-item .value .circle-percentage:before {
  border-top-color: #d8d8d8
}

.template.puddle.grn-gre .graphs.type-two .graph .graph-item .circle-gray {
  stroke: #d8d8d8
}

.template.puddle.grn-gre .experience-item .company-name,.template.puddle.grn-gre .experience-item .date,.template.puddle.grn-gre .experience-item .position,.template.puddle.grn-gre .experience-item .publication-name,.template.puddle.grn-gre .experience-item .publisher,.template.puddle.grn-gre .experience-item .url a {
  fill: #d8d8d8;
  color: #d8d8d8
}

.template.puddle.grn-gre .keyword,.template.puddle.grn-gre .skill-category-name {
  color: #d8d8d8
}

.template.puddle.grn-gre .keyword.with-icon svg,.template.puddle.grn-gre .skill-category-name.with-icon svg {
  fill: #d8d8d8
}

.template.puddle.grn-gre .skill-description-wrapper:not(.text) .skill-description {
  background: #d8d8d8
}

.template.puddle.grn-gre .preview-overlay {
  fill: #fff
}

.template.rectangular .page {
  padding-top: 26px;
  position: relative
}

.template.rectangular .page .left-column-render,.template.rectangular .page .right-column-render {
  padding-top: clamp(1rem, calc(var(--templates-lh-base)*2), 3.5rem);
}

.template.rectangular .page:not(.first-page) .top-ornament {
  background: #8ae2f9;
  display: block;
  height: 26px;
  left: 30px;
  position: absolute;
  top: 16px;
  width: clamp(1rem, calc(100% - 76px), 3.5rem);
  z-index: 0
}

.template.rectangular .page:not(.first-page) .top-ornament:before {
  background: #000;
  content: "";
  height: 1px;
  left: 20px;
  position: absolute;
  top: 13px;
  width: clamp(1rem, calc(100% - 40px), 3.5rem);
}

.template.rectangular .general-section {
  padding: 0 20px;
  position: relative;
  width: 100%
}

.template.rectangular .general-section .general-background {
  background: #8ae2f9;
  padding: 26px 29px
}

.template.rectangular .general-section .general-background .general-wrapper {
  align-items: stretch;
  border: 1px solid #000;
  display: flex
}

.template.rectangular .general-section .general-background .general-wrapper .shape-wrapper {
  align-items: flex-end;
  border-right: 1px solid #000;
  display: inline-flex;
  height: auto;
  min-width: 34px
}

.template.rectangular .general-section .general-background .general-wrapper .shape-wrapper .shape-body {
  border-top: 1px solid #000;
  height: clamp(1rem, calc(100% - 20px), 3.5rem);
  position: relative;
  width: 100%
}

.template.rectangular .general-section .general-background .general-wrapper .shape-wrapper .shape-body:before {
  background-color: #000;
  content: "";
  height: 100%;
  left: 16px;
  position: absolute;
  top: 0;
  width: 1px
}

.template.rectangular .general-section .general-background .general-wrapper .shape-wrapper:last-child {
  -webkit-transform: scale(-1);
  transform: scale(-1)
}

.template.rectangular .general-section .general-background .general-wrapper .name {
  align-items: center;
  color: #000;
  display: inline-flex;
  flex-grow: 1;
  font-size: 32px;
  justify-content: center;
  line-height: 34px;
  padding: 25px 40px;
  position: relative;
  text-align: center
}

.template.rectangular .general-section .general-background .avatar {
  border-left: 1px solid #000;
  margin-right: 1px;
  padding-bottom: 20px
}

.template.rectangular .general-section .general-background .avatar .thumbnail {
  border: none;
  padding: 0;
  position: relative
}

.template.rectangular .general-section .general-background .avatar .thumbnail:after {
  background: #000;
  bottom: -1px;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%
}

.template.rectangular .general-section .general-info {
  padding: 16px 46px 0 30px;
  vertical-align: top
}

.template.rectangular .general-section .general-info .separator {
  margin-left: 8px;
  margin-right: 8px
}

.template.rectangular .headline {
  color: #000
}

.template.rectangular .graph-value {
  background: #8ae2f9
}

.template.rectangular .graph .graph-value {
  color: #fff
}

.template.rectangular .graph .graph-value .graph-progress-bar {
  background: #000
}

.template.rectangular .skill {
  padding: 0;
  width: 100%
}

.template.rectangular .skill-description-wrapper:not(.text) {
  align-items: center;
  display: flex
}

.template.rectangular .skill-description-wrapper:not(.text) .skill-description {
  background: #8ae2f9;
  display: flex;
  height: 11px;
  width: 100%
}

.template.rectangular .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.rectangular .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.rectangular .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.rectangular .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.rectangular .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #000;
  height: 11px
}

.template.rectangular .hobby,.template.rectangular .social-link {
  width: 50%
}

.template.rectangular .hobby .icon svg,.template.rectangular .social-link .icon svg {
  fill: #8ae2f9
}

.template.rectangular .keyword {
  color: #000
}

.template.rectangular .keyword .keyword-text-wrapper {
  background: #8ae2f9
}

.template.rectangular.gre .general-section .general-background,.template.rectangular.gre .page:not(.first-page) .top-ornament {
  background: #d1d3d4
}

.template.rectangular.gre .general-section .general-background .general-wrapper .name {
  color: #000
}

.template.rectangular.gre .graph-value,.template.rectangular.gre .skill-description-wrapper:not(.text) .skill-description {
  background: #d1d3d4
}

.template.rectangular.gre .hobby .icon svg,.template.rectangular.gre .social-link .icon svg {
  fill: #d1d3d4
}

.template.rectangular.gre .keyword {
  color: #000
}

.template.rectangular.gre .keyword .keyword-text-wrapper {
  background: #d1d3d4
}

.template.rectangular.cya .general-section .general-background,.template.rectangular.cya .page:not(.first-page) .top-ornament {
  background: #8ae2f9
}

.template.rectangular.cya .general-section .general-background .general-wrapper .name {
  color: #000
}

.template.rectangular.cya .graph-value,.template.rectangular.cya .skill-description-wrapper:not(.text) .skill-description {
  background: #8ae2f9
}

.template.rectangular.cya .hobby .icon svg,.template.rectangular.cya .social-link .icon svg {
  fill: #8ae2f9
}

.template.rectangular.cya .keyword {
  color: #000
}

.template.rectangular.cya .keyword .keyword-text-wrapper {
  background: #8ae2f9
}

.template.rectangular.grn .general-section .general-background,.template.rectangular.grn .page:not(.first-page) .top-ornament {
  background: #def2c2
}

.template.rectangular.grn .general-section .general-background .general-wrapper .name {
  color: #000
}

.template.rectangular.grn .graph-value,.template.rectangular.grn .skill-description-wrapper:not(.text) .skill-description {
  background: #def2c2
}

.template.rectangular.grn .hobby .icon svg,.template.rectangular.grn .social-link .icon svg {
  fill: #def2c2
}

.template.rectangular.grn .keyword {
  color: #000
}

.template.rectangular.grn .keyword .keyword-text-wrapper {
  background: #def2c2
}

.template.rectangular.bri-red .general-section .general-background,.template.rectangular.bri-red .page:not(.first-page) .top-ornament {
  background: #ee4e34
}

.template.rectangular.bri-red .general-section .general-background .general-wrapper .name {
  color: #000
}

.template.rectangular.bri-red .graph-value,.template.rectangular.bri-red .skill-description-wrapper:not(.text) .skill-description {
  background: #ee4e34
}

.template.rectangular.bri-red .hobby .icon svg,.template.rectangular.bri-red .social-link .icon svg {
  fill: #ee4e34
}

.template.rectangular.bri-red .keyword {
  color: #000
}

.template.rectangular.bri-red .keyword .keyword-text-wrapper {
  background: #ee4e34
}

.template.rectangular.cam .general-section .general-background,.template.rectangular.cam .page:not(.first-page) .top-ornament {
  background: #f7da92
}

.template.rectangular.cam .general-section .general-background .general-wrapper .name {
  color: #000
}

.template.rectangular.cam .graph-value,.template.rectangular.cam .skill-description-wrapper:not(.text) .skill-description {
  background: #f7da92
}

.template.rectangular.cam .hobby .icon svg,.template.rectangular.cam .social-link .icon svg {
  fill: #f7da92
}

.template.rectangular.cam .keyword {
  color: #000
}

.template.rectangular.cam .keyword .keyword-text-wrapper {
  background: #f7da92
}

.template.rectangular.pin .general-section .general-background,.template.rectangular.pin .page:not(.first-page) .top-ornament {
  background: #ef9a9a
}

.template.rectangular.pin .general-section .general-background .general-wrapper .name {
  color: #000
}

.template.rectangular.pin .graph-value,.template.rectangular.pin .skill-description-wrapper:not(.text) .skill-description {
  background: #ef9a9a
}

.template.rectangular.pin .hobby .icon svg,.template.rectangular.pin .social-link .icon svg {
  fill: #ef9a9a
}

.template.rectangular.pin .keyword {
  color: #000
}

.template.rectangular.pin .keyword .keyword-text-wrapper {
  background: #ef9a9a
}

.template.rectangular.yel .general-section .general-background,.template.rectangular.yel .page:not(.first-page) .top-ornament {
  background: #facd48
}

.template.rectangular.yel .general-section .general-background .general-wrapper .name {
  color: #000
}

.template.rectangular.yel .graph-value,.template.rectangular.yel .skill-description-wrapper:not(.text) .skill-description {
  background: #facd48
}

.template.rectangular.yel .hobby .icon svg,.template.rectangular.yel .social-link .icon svg {
  fill: #facd48
}

.template.rectangular.yel .keyword {
  color: #000
}

.template.rectangular.yel .keyword .keyword-text-wrapper {
  background: #facd48
}

.template.rectangular.win .general-section .general-background,.template.rectangular.win .page:not(.first-page) .top-ornament {
  background: #961e27
}

.template.rectangular.win .general-section .general-background .general-wrapper .name {
  color: #fff
}

.template.rectangular.win .graph-value,.template.rectangular.win .skill-description-wrapper:not(.text) .skill-description {
  background: #961e27
}

.template.rectangular.win .hobby .icon svg,.template.rectangular.win .social-link .icon svg {
  fill: #961e27
}

.template.rectangular.win .keyword {
  color: #fff
}

.template.rectangular.win .keyword .keyword-text-wrapper {
  background: #961e27
}

.template.rectangular.ste .general-section .general-background,.template.rectangular.ste .page:not(.first-page) .top-ornament {
  background: #517484
}

.template.rectangular.ste .general-section .general-background .general-wrapper .name {
  color: #fff
}

.template.rectangular.ste .graph-value,.template.rectangular.ste .skill-description-wrapper:not(.text) .skill-description {
  background: #517484
}

.template.rectangular.ste .hobby .icon svg,.template.rectangular.ste .social-link .icon svg {
  fill: #517484
}

.template.rectangular.ste .keyword {
  color: #fff
}

.template.rectangular.ste .keyword .keyword-text-wrapper {
  background: #517484
}

.template.rectangular.oli .general-section .general-background,.template.rectangular.oli .page:not(.first-page) .top-ornament {
  background: #808626
}

.template.rectangular.oli .general-section .general-background .general-wrapper .name {
  color: #fff
}

.template.rectangular.oli .graph-value,.template.rectangular.oli .skill-description-wrapper:not(.text) .skill-description {
  background: #808626
}

.template.rectangular.oli .hobby .icon svg,.template.rectangular.oli .social-link .icon svg {
  fill: #808626
}

.template.rectangular.oli .keyword {
  color: #fff
}

.template.rectangular.oli .keyword .keyword-text-wrapper {
  background: #808626
}

.template.rectangular.bro .general-section .general-background,.template.rectangular.bro .page:not(.first-page) .top-ornament {
  background: #b5a09a
}

.template.rectangular.bro .general-section .general-background .general-wrapper .name {
  color: #000
}

.template.rectangular.bro .graph-value,.template.rectangular.bro .skill-description-wrapper:not(.text) .skill-description {
  background: #b5a09a
}

.template.rectangular.bro .hobby .icon svg,.template.rectangular.bro .social-link .icon svg {
  fill: #b5a09a
}

.template.rectangular.bro .keyword {
  color: #000
}

.template.rectangular.bro .keyword .keyword-text-wrapper {
  background: #b5a09a
}

.template.rectangular.pur .general-section .general-background,.template.rectangular.pur .page:not(.first-page) .top-ornament {
  background: #e1bee7
}

.template.rectangular.pur .general-section .general-background .general-wrapper .name {
  color: #000
}

.template.rectangular.pur .graph-value,.template.rectangular.pur .skill-description-wrapper:not(.text) .skill-description {
  background: #e1bee7
}

.template.rectangular.pur .hobby .icon svg,.template.rectangular.pur .social-link .icon svg {
  fill: #e1bee7
}

.template.rectangular.pur .keyword {
  color: #000
}

.template.rectangular.pur .keyword .keyword-text-wrapper {
  background: #e1bee7
}

.template.rhubarb .preview-overlay path:not(:last-of-type):not(:nth-last-of-type(2)) {
  fill: #fff
}

.template.rhubarb.letter .page>.left-col,.template.rhubarb.letter .page>.left-column-render,.template.rhubarb.letter .page>.right-col,.template.rhubarb.letter .page>.right-column-render {
  padding-left: 51px;
  padding-right: 51px
}

.template.rhubarb.page-wrapper .outer-page.multi-page .page:after {
  color: #000;
  padding-right: 40px;
  text-align: right
}

.letter.template.rhubarb.page-wrapper .outer-page.multi-page .page:after {
  padding-right: 51px
}

.template.rhubarb .left-column-render,.template.rhubarb .right-column-render {
  display: inline-block;
  vertical-align: top
}

.template.rhubarb .page>.left-col,.template.rhubarb .page>.left-column-render,.template.rhubarb .page>.right-col,.template.rhubarb .page>.right-column-render {
  height: 100%;
  padding: 39px 40px 30px
}

.template.rhubarb .page>.left-col,.template.rhubarb .page>.left-column-render {
  background-color: #1a1a1a;
  width: 60%
}

.template.rhubarb .page>.left-col .headline span,.template.rhubarb .page>.left-column-render .headline span {
  color: #ee4e34
}

.template.rhubarb .page>.left-col .kickresume-section-wrapper>:not(.headline),.template.rhubarb .page>.left-column-render .kickresume-section-wrapper>:not(.headline) {
  color: #d8d8d8
}

.template.rhubarb .page>.left-col .experience-item,.template.rhubarb .page>.left-column-render .experience-item {
  fill: #fff
}

.template.rhubarb .page>.left-col .experience-item .company-name,.template.rhubarb .page>.left-col .experience-item .date,.template.rhubarb .page>.left-col .experience-item .position,.template.rhubarb .page>.left-col .experience-item .publication-name,.template.rhubarb .page>.left-col .experience-item .publisher,.template.rhubarb .page>.left-col .experience-item .url a,.template.rhubarb .page>.left-col .keyword,.template.rhubarb .page>.left-col .skill-category-name,.template.rhubarb .page>.left-column-render .experience-item .company-name,.template.rhubarb .page>.left-column-render .experience-item .date,.template.rhubarb .page>.left-column-render .experience-item .position,.template.rhubarb .page>.left-column-render .experience-item .publication-name,.template.rhubarb .page>.left-column-render .experience-item .publisher,.template.rhubarb .page>.left-column-render .experience-item .url a,.template.rhubarb .page>.left-column-render .keyword,.template.rhubarb .page>.left-column-render .skill-category-name {
  color: #fff
}

.template.rhubarb .page>.left-col ol,.template.rhubarb .page>.left-col ul,.template.rhubarb .page>.left-column-render ol,.template.rhubarb .page>.left-column-render ul {
  margin-left: 16px
}

.template.rhubarb .page>.right-col,.template.rhubarb .page>.right-column-render {
  background-color: #ee4e34;
  width: 40%
}

.template.rhubarb .page>.right-col *,.template.rhubarb .page>.right-column-render * {
  fill: #fff;
  color: #fff
}

.template.rhubarb .page>.right-col .headline *,.template.rhubarb .page>.right-col .skill-category-name,.template.rhubarb .page>.right-col .skill-description-wrapper.text .skill-description,.template.rhubarb .page>.right-col .value-wrapper *,.template.rhubarb .page>.right-column-render .headline *,.template.rhubarb .page>.right-column-render .skill-category-name,.template.rhubarb .page>.right-column-render .skill-description-wrapper.text .skill-description,.template.rhubarb .page>.right-column-render .value-wrapper * {
  color: #000
}

.template.rhubarb .general-section .name {
  line-height: clamp(1rem, calc(var(--templates-lh-base)*3), 3.5rem);
  padding-bottom: clamp(1rem, calc(var(--templates-lh-base)*1), 3.5rem);
}

.template.rhubarb .general-section .name span {
  color: #000;
  font-size: inherit;
  line-height: inherit
}

.template.rhubarb .general-section .avatar {
  display: flex;
  justify-content: center;
  width: 100%
}

.template.rhubarb .general-section .avatar .thumbnail {
  background-color: initial;
  border: none
}

.template.rhubarb .general-section .avatar .thumbnail img {
  border-radius: 50%
}

.template.rhubarb .profile-section .general-info {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  vertical-align: top
}

.template.rhubarb .csspie:first-of-type:after,.template.rhubarb .csspie:first-of-type:before {
  background-color: #fff
}

.template.rhubarb .csspie:nth-of-type(2):after,.template.rhubarb .csspie:nth-of-type(2):before {
  background-color: initial
}

.template.rhubarb .value-wrapper {
  color: #000
}

.template.rhubarb .keyword-text-wrapper {
  background-color: #fff;
  color: #1a1a1a
}

.template.rhubarb .hobby,.template.rhubarb .social-link {
  width: 33.33%
}

.template.rhubarb .graphs.type-one {
  padding: 0
}

.template.rhubarb .skill {
  width: 100%
}

.template.rhubarb .skill-description-wrapper:not(.text) {
  align-items: center;
  display: flex
}

.template.rhubarb .skill-description-wrapper:not(.text) .skill-description {
  align-items: center;
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
  display: flex;
  height: 1px;
  position: relative;
  width: 100%;
  z-index: 1
}

.template.rhubarb .skill-description-wrapper:not(.text) .skill-description:after {
  background: #000;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  top: clamp(1rem, calc(50% - 1px), 3.5rem);
  width: 100%;
  z-index: -1
}

.template.rhubarb .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.rhubarb .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.rhubarb .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.rhubarb .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.rhubarb .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #fff;
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
  height: 3px;
  position: absolute
}

.template.rhubarb .skill-description-wrapper:not(.text) .skill-description .progress-level-1:after,.template.rhubarb .skill-description-wrapper:not(.text) .skill-description .progress-level-2:after,.template.rhubarb .skill-description-wrapper:not(.text) .skill-description .progress-level-3:after,.template.rhubarb .skill-description-wrapper:not(.text) .skill-description .progress-level-4:after,.template.rhubarb .skill-description-wrapper:not(.text) .skill-description .progress-level-5:after {
  background: #000;
  border-radius: 50%;
  content: "";
  height: 10px;
  position: absolute;
  right: 0;
  top: -4px;
  width: 10px
}

.template.rhubarb.bri-red .page>.left-col,.template.rhubarb.bri-red .page>.left-column-render .headline span {
  color: #ee4e34
}

.template.rhubarb.bri-red .page>.right-col,.template.rhubarb.bri-red .page>.right-column-render {
  background-color: #ee4e34
}

.template.rhubarb.blu .page>.left-col,.template.rhubarb.blu .page>.left-column-render .headline span {
  color: #126fff
}

.template.rhubarb.blu .page>.right-col,.template.rhubarb.blu .page>.right-column-render {
  background-color: #126fff
}

.template.rhubarb.ora .page>.left-col,.template.rhubarb.ora .page>.left-column-render .headline span {
  color: #fbb040
}

.template.rhubarb.ora .page>.right-col,.template.rhubarb.ora .page>.right-column-render {
  background-color: #fbb040
}

.template.rhubarb.grn .page>.left-col,.template.rhubarb.grn .page>.left-column-render .headline span {
  color: #369188
}

.template.rhubarb.grn .page>.right-col,.template.rhubarb.grn .page>.right-column-render {
  background-color: #369188
}

.template.rhubarb.pur .page>.left-col,.template.rhubarb.pur .page>.left-column-render .headline span {
  color: #ab47bc
}

.template.rhubarb.pur .page>.right-col,.template.rhubarb.pur .page>.right-column-render {
  background-color: #ab47bc
}

.template.rhubarb.ste .page>.left-col,.template.rhubarb.ste .page>.left-column-render .headline span {
  color: #517484
}

.template.rhubarb.ste .page>.right-col,.template.rhubarb.ste .page>.right-column-render {
  background-color: #517484
}

.template.rhubarb.cya .page>.left-col,.template.rhubarb.cya .page>.left-column-render .headline span {
  color: #3dbfed
}

.template.rhubarb.cya .page>.right-col,.template.rhubarb.cya .page>.right-column-render {
  background-color: #3dbfed
}

.template.rhubarb.bro .page>.left-col,.template.rhubarb.bro .page>.left-column-render .headline span {
  color: #a89371
}

.template.rhubarb.bro .page>.right-col,.template.rhubarb.bro .page>.right-column-render {
  background-color: #a89371
}

.template.rhubarb.gre .page>.left-col,.template.rhubarb.gre .page>.left-column-render .headline span {
  color: #a7a9ac
}

.template.rhubarb.gre .page>.right-col,.template.rhubarb.gre .page>.right-column-render {
  background-color: #a7a9ac
}

.template.rhubarb.gol .page>.left-col,.template.rhubarb.gol .page>.left-column-render .headline span {
  color: #c29d42
}

.template.rhubarb.gol .page>.right-col,.template.rhubarb.gol .page>.right-column-render {
  background-color: #c29d42
}

.template.rhubarb.pin .page>.left-col,.template.rhubarb.pin .page>.left-column-render .headline span {
  color: #ef9a9a
}

.template.rhubarb.pin .page>.right-col,.template.rhubarb.pin .page>.right-column-render {
  background-color: #ef9a9a
}

.template.rhubarb.win .page>.left-col,.template.rhubarb.win .page>.left-column-render .headline span {
  color: #ad5a5a
}

.template.rhubarb.win .page>.right-col,.template.rhubarb.win .page>.right-column-render {
  background-color: #ad5a5a
}

.template.red .page {
  padding-bottom: 26px;
  padding-top: 39px
}

.template.red.page-wrapper .outer-page.multi-page .page:after {
  padding-right: 54px;
  text-align: right;
  z-index: 1
}

.letter.template.red.page-wrapper .outer-page.multi-page .page:after {
  padding-right: 65px
}

.template.red .general-section,.template.red .kickresume-section-wrapper {
  width: 100%
}

.template.red ol,.template.red ul {
  margin-left: 16px
}

.template.red .date {
  text-align: left
}

.template.red .headline {
  position: relative
}

.template.red .headline .background-wrapper {
  align-items: center;
  background: #fff;
  display: flex;
  z-index: 1
}

.template.red .headline .background-wrapper .icon {
  background: #ee4e34;
  border-radius: 50%;
  color: #fff;
  margin-right: 8px
}

.template.red .headline .background-wrapper .icon svg {
  fill: #fff
}

.template.red .headline .background-wrapper .text {
  padding-right: 16px
}

.template.red .headline:after {
  background: #000;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  top: 30%;
  width: 100%;
  z-index: 0
}

.template.red .general-section {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: clamp(1rem, calc(var(--templates-lh-base)*2), 3.5rem);
}

.template.red .general-section .name {
  font-size: 30px;
  line-height: 40px;
  padding-bottom: clamp(1rem, calc(var(--templates-lh-base)*2), 3.5rem);
}

.template.red .general-section .name span {
  font-size: inherit;
  line-height: inherit
}

.template.red .general-section .general-info {
  padding-bottom: var(--templates-lh-base);
  padding-left: 16px;
  padding-top: 10px;
  vertical-align: top;
  width: 526px
}

.template.red .general-section .general-info .info-wrapper {
  display: inline-block;
  margin-left: 24px;
  margin-right: 0;
  position: relative
}

.template.red .general-section .general-info .info-wrapper .key {
  margin-right: 4px
}

.template.red .general-section .general-info .info-wrapper:before {
  background: #ee4e34;
  border-radius: 50%;
  content: "";
  height: 8px;
  left: -16px;
  position: absolute;
  top: 3px;
  width: 8px
}

.template.red .general-section .general-info.no-avatar {
  padding-left: 0;
  width: 100%
}

.template.red .general-section .general-info.no-avatar .name {
  text-align: center
}

.template.red .general-section .avatar {
  width: 160px
}

.template.red .general-section .avatar img {
  border-radius: 15px
}

.template.red .graphs.type-two .graph,.template.red .hobby,.template.red .skill,.template.red .social-link {
  width: 25%
}

.template.red .hobby .icon svg,.template.red .social-link .icon svg {
  fill: #ee4e34
}

.template.red .skill {
  padding-right: 16px
}

.template.red .graphs {
  padding: 0
}

.template.red .graphs.type-two .graph .graph-item .circle-gray {
  stroke: #000
}

.template.red .graphs.type-two .graph .graph-item .circle {
  stroke: #ee4e34
}

.template.red .keywords-section.type-one.center .keyword .keyword-text-wrapper {
  background: #ee4e34;
  border-radius: 5px;
  color: #fff;
  padding: 5px 10px
}

.template.red .skill-description,.template.red .skill-name {
  text-align: center
}

.template.red .skill-description {
  text-transform: uppercase
}

.template.red .skill-description-wrapper:not(.text) {
  align-items: center;
  display: flex
}

.template.red .skill-description-wrapper:not(.text) .skill-description {
  align-items: center;
  background: #000;
  display: flex;
  height: 1px;
  position: relative;
  width: 100%
}

.template.red .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.red .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.red .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.red .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.red .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #ee4e34;
  height: 3px;
  position: absolute;
  z-index: 0
}

.template.red .skill-description-wrapper:not(.text) .skill-description .progress-level-1:before,.template.red .skill-description-wrapper:not(.text) .skill-description .progress-level-2:before,.template.red .skill-description-wrapper:not(.text) .skill-description .progress-level-3:before,.template.red .skill-description-wrapper:not(.text) .skill-description .progress-level-4:before,.template.red .skill-description-wrapper:not(.text) .skill-description .progress-level-5:before {
  background: #fff;
  content: "";
  height: 10px;
  position: absolute;
  right: -2px;
  top: -3px;
  width: 12px;
  z-index: 1
}

.template.red .skill-description-wrapper:not(.text) .skill-description .progress-level-1:after,.template.red .skill-description-wrapper:not(.text) .skill-description .progress-level-2:after,.template.red .skill-description-wrapper:not(.text) .skill-description .progress-level-3:after,.template.red .skill-description-wrapper:not(.text) .skill-description .progress-level-4:after,.template.red .skill-description-wrapper:not(.text) .skill-description .progress-level-5:after {
  background: #000;
  border-radius: 50%;
  content: "";
  height: 8px;
  position: absolute;
  right: 0;
  top: -3px;
  width: 8px;
  z-index: 2
}

.template.red .skill-description-wrapper.text {
  color: #ee4e34
}

.template.red.bri-red .general-section .general-info .info-wrapper:before,.template.red.bri-red .headline .background-wrapper .icon {
  background: #ee4e34
}

.template.red.bri-red .hobby .icon svg,.template.red.bri-red .social-link .icon svg {
  fill: #ee4e34
}

.template.red.bri-red .graphs.type-two .graph .graph-item .circle {
  stroke: #ee4e34
}

.template.red.bri-red .graphs.type-two .graph .graph-item .circle-gray {
  stroke-width: 2px
}

.template.red.bri-red .keywords-section.type-one.center .keyword .keyword-text-wrapper {
  background: #ee4e34
}

.template.red.bri-red .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.red.bri-red .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.red.bri-red .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.red.bri-red .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.red.bri-red .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #ee4e34
}

.template.red.bri-red .skill-description-wrapper.text {
  color: #ee4e34
}

.template.red.blu .general-section .general-info .info-wrapper:before,.template.red.blu .headline .background-wrapper .icon {
  background: #0462f6
}

.template.red.blu .hobby .icon svg,.template.red.blu .social-link .icon svg {
  fill: #0462f6
}

.template.red.blu .graphs.type-two .graph .graph-item .circle {
  stroke: #0462f6
}

.template.red.blu .graphs.type-two .graph .graph-item .circle-gray {
  stroke-width: 2px
}

.template.red.blu .keywords-section.type-one.center .keyword .keyword-text-wrapper {
  background: #0462f6
}

.template.red.blu .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.red.blu .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.red.blu .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.red.blu .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.red.blu .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #0462f6
}

.template.red.blu .skill-description-wrapper.text {
  color: #0462f6
}

.template.red.grn .general-section .general-info .info-wrapper:before,.template.red.grn .headline .background-wrapper .icon {
  background: #24e0a2
}

.template.red.grn .hobby .icon svg,.template.red.grn .social-link .icon svg {
  fill: #24e0a2
}

.template.red.grn .graphs.type-two .graph .graph-item .circle {
  stroke: #24e0a2
}

.template.red.grn .graphs.type-two .graph .graph-item .circle-gray {
  stroke-width: 2px
}

.template.red.grn .keywords-section.type-one.center .keyword .keyword-text-wrapper {
  background: #24e0a2
}

.template.red.grn .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.red.grn .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.red.grn .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.red.grn .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.red.grn .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #24e0a2
}

.template.red.grn .skill-description-wrapper.text {
  color: #24e0a2
}

.template.red.yel .general-section .general-info .info-wrapper:before,.template.red.yel .headline .background-wrapper .icon {
  background: #f7b94b
}

.template.red.yel .hobby .icon svg,.template.red.yel .social-link .icon svg {
  fill: #f7b94b
}

.template.red.yel .graphs.type-two .graph .graph-item .circle {
  stroke: #f7b94b
}

.template.red.yel .graphs.type-two .graph .graph-item .circle-gray {
  stroke-width: 2px
}

.template.red.yel .keywords-section.type-one.center .keyword .keyword-text-wrapper {
  background: #f7b94b
}

.template.red.yel .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.red.yel .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.red.yel .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.red.yel .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.red.yel .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #f7b94b
}

.template.red.yel .skill-description-wrapper.text {
  color: #f7b94b
}

.template.red.old-pin .general-section .general-info .info-wrapper:before,.template.red.old-pin .headline .background-wrapper .icon {
  background: #ef9a9a
}

.template.red.old-pin .hobby .icon svg,.template.red.old-pin .social-link .icon svg {
  fill: #ef9a9a
}

.template.red.old-pin .graphs.type-two .graph .graph-item .circle {
  stroke: #ef9a9a
}

.template.red.old-pin .graphs.type-two .graph .graph-item .circle-gray {
  stroke-width: 2px
}

.template.red.old-pin .keywords-section.type-one.center .keyword .keyword-text-wrapper {
  background: #ef9a9a
}

.template.red.old-pin .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.red.old-pin .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.red.old-pin .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.red.old-pin .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.red.old-pin .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #ef9a9a
}

.template.red.old-pin .skill-description-wrapper.text {
  color: #ef9a9a
}

.template.red.cya .general-section .general-info .info-wrapper:before,.template.red.cya .headline .background-wrapper .icon {
  background: #3dbfed
}

.template.red.cya .hobby .icon svg,.template.red.cya .social-link .icon svg {
  fill: #3dbfed
}

.template.red.cya .graphs.type-two .graph .graph-item .circle {
  stroke: #3dbfed
}

.template.red.cya .graphs.type-two .graph .graph-item .circle-gray {
  stroke-width: 2px
}

.template.red.cya .keywords-section.type-one.center .keyword .keyword-text-wrapper {
  background: #3dbfed
}

.template.red.cya .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.red.cya .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.red.cya .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.red.cya .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.red.cya .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #3dbfed
}

.template.red.cya .skill-description-wrapper.text {
  color: #3dbfed
}

.template.red.ste .general-section .general-info .info-wrapper:before,.template.red.ste .headline .background-wrapper .icon {
  background: #9bbfcc
}

.template.red.ste .hobby .icon svg,.template.red.ste .social-link .icon svg {
  fill: #9bbfcc
}

.template.red.ste .graphs.type-two .graph .graph-item .circle {
  stroke: #9bbfcc
}

.template.red.ste .graphs.type-two .graph .graph-item .circle-gray {
  stroke-width: 2px
}

.template.red.ste .keywords-section.type-one.center .keyword .keyword-text-wrapper {
  background: #9bbfcc
}

.template.red.ste .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.red.ste .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.red.ste .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.red.ste .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.red.ste .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #9bbfcc
}

.template.red.ste .skill-description-wrapper.text {
  color: #9bbfcc
}

.template.red.bro .general-section .general-info .info-wrapper:before,.template.red.bro .headline .background-wrapper .icon {
  background: #b5a09a
}

.template.red.bro .hobby .icon svg,.template.red.bro .social-link .icon svg {
  fill: #b5a09a
}

.template.red.bro .graphs.type-two .graph .graph-item .circle {
  stroke: #b5a09a
}

.template.red.bro .graphs.type-two .graph .graph-item .circle-gray {
  stroke-width: 2px
}

.template.red.bro .keywords-section.type-one.center .keyword .keyword-text-wrapper {
  background: #b5a09a
}

.template.red.bro .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.red.bro .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.red.bro .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.red.bro .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.red.bro .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #b5a09a
}

.template.red.bro .skill-description-wrapper.text {
  color: #b5a09a
}

.template.red.pin .general-section .general-info .info-wrapper:before,.template.red.pin .headline .background-wrapper .icon {
  background: #ee699b
}

.template.red.pin .hobby .icon svg,.template.red.pin .social-link .icon svg {
  fill: #ee699b
}

.template.red.pin .graphs.type-two .graph .graph-item .circle {
  stroke: #ee699b
}

.template.red.pin .graphs.type-two .graph .graph-item .circle-gray {
  stroke-width: 2px
}

.template.red.pin .keywords-section.type-one.center .keyword .keyword-text-wrapper {
  background: #ee699b
}

.template.red.pin .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.red.pin .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.red.pin .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.red.pin .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.red.pin .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #ee699b
}

.template.red.pin .skill-description-wrapper.text {
  color: #ee699b
}

.template.red.gre .general-section .general-info .info-wrapper:before,.template.red.gre .headline .background-wrapper .icon {
  background: #c1c1c1
}

.template.red.gre .hobby .icon svg,.template.red.gre .social-link .icon svg {
  fill: #c1c1c1
}

.template.red.gre .graphs.type-two .graph .graph-item .circle {
  stroke: #c1c1c1
}

.template.red.gre .graphs.type-two .graph .graph-item .circle-gray {
  stroke-width: 2px
}

.template.red.gre .keywords-section.type-one.center .keyword .keyword-text-wrapper {
  background: #c1c1c1
}

.template.red.gre .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.red.gre .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.red.gre .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.red.gre .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.red.gre .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #c1c1c1
}

.template.red.gre .skill-description-wrapper.text {
  color: #c1c1c1
}

.template.red.pur .general-section .general-info .info-wrapper:before,.template.red.pur .headline .background-wrapper .icon {
  background: #ab47bc
}

.template.red.pur .hobby .icon svg,.template.red.pur .social-link .icon svg {
  fill: #ab47bc
}

.template.red.pur .graphs.type-two .graph .graph-item .circle {
  stroke: #ab47bc
}

.template.red.pur .graphs.type-two .graph .graph-item .circle-gray {
  stroke-width: 2px
}

.template.red.pur .keywords-section.type-one.center .keyword .keyword-text-wrapper {
  background: #ab47bc
}

.template.red.pur .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.red.pur .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.red.pur .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.red.pur .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.red.pur .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #ab47bc
}

.template.red.pur .skill-description-wrapper.text {
  color: #ab47bc
}

.template.red.oli .general-section .general-info .info-wrapper:before,.template.red.oli .headline .background-wrapper .icon {
  background: #808626
}

.template.red.oli .hobby .icon svg,.template.red.oli .social-link .icon svg {
  fill: #808626
}

.template.red.oli .graphs.type-two .graph .graph-item .circle {
  stroke: #808626
}

.template.red.oli .graphs.type-two .graph .graph-item .circle-gray {
  stroke-width: 2px
}

.template.red.oli .keywords-section.type-one.center .keyword .keyword-text-wrapper {
  background: #808626
}

.template.red.oli .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.red.oli .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.red.oli .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.red.oli .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.red.oli .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #808626
}

.template.red.oli .skill-description-wrapper.text {
  color: #808626
}

.template.red.bla .general-section .general-info .info-wrapper:before,.template.red.bla .headline .background-wrapper .icon {
  background: #000
}

.template.red.bla .hobby .icon svg,.template.red.bla .social-link .icon svg {
  fill: #000
}

.template.red.bla .graphs.type-two .graph .graph-item .circle {
  stroke: #000
}

.template.red.bla .graphs.type-two .graph .graph-item .circle-gray {
  stroke-width: 2px
}

.template.red.bla .keywords-section.type-one.center .keyword .keyword-text-wrapper {
  background: #000
}

.template.red.bla .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.red.bla .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.red.bla .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.red.bla .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.red.bla .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #000
}

.template.red.bla .skill-description-wrapper.text {
  color: #000
}

.template.reed .page {
  padding-bottom: 39px;
  padding-top: 39px
}

.template.reed .page:after {
  color: #961e27
}

.template.reed .headline {
  color: #000;
  position: relative
}

.template.reed .headline .background-wrapper {
  background: #fff;
  padding-right: 8px;
  z-index: 1
}

.template.reed .headline:after {
  background: #c1c1c1;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  top: clamp(1rem, calc(25% - 1px), 3.5rem);
  width: 100%;
  z-index: 0
}

.template.reed .general-section {
  padding-bottom: clamp(1rem, calc(var(--templates-lh-base)*2), 3.5rem);
  position: relative
}

.template.reed .general-section .name {
  font-size: 35px;
  line-height: 40px;
  text-align: center
}

.template.reed .general-section .name .first-name {
  color: #000;
  padding-right: 5px
}

.template.reed .general-section .name .last-name {
  color: #961e27;
  padding-left: 5px
}

.template.reed .general-section .general-info-block {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: clamp(1rem, calc(var(--templates-lh-base)*2), 3.5rem);
}

.template.reed .general-section .general-info-block .info-wrapper {
  display: inline-flex;
  margin-right: 16px
}

.template.reed .general-section .general-info-block .info-wrapper .key {
  color: #961e27;
  padding-right: 8px
}

.template.reed .date {
  color: #961e27
}

.template.reed .date svg {
  fill: #961e27
}

.template.reed .skill-section.type-one .skill .skill-description:not(.text) div i {
  background: #c1c1c1;
  border: none;
  border-radius: 50%;
  height: 8px;
  width: 8px
}

.template.reed .skill-section.type-one .skill .skill-description:not(.text) div i.active {
  background: #961e27
}

.template.reed .graph,.template.reed .hobby,.template.reed .skill,.template.reed .social-link {
  display: inline-flex;
  padding-right: 16px;
  width: 25%
}

.template.reed .hobby svg,.template.reed .social-link svg {
  fill: #961e27
}

.template.reed .social-link {
  word-break: break-word
}

.template.reed .keywords-section.type-one.center .keyword .keyword-text-wrapper {
  padding: 0
}

.template.reed .keywords-section.type-one.center .keyword .prefix {
  color: #961e27
}

.template.reed .graphs.type-two .graph .graph-item .circle {
  stroke: #961e27
}

.template.reed .graphs.type-two .graph .graph-item .circle-gray {
  stroke-width: 3px
}

.template.reed.nvy .date,.template.reed.nvy .general-section .general-info-block .info-wrapper .key,.template.reed.nvy .general-section .name .last-name,.template.reed.nvy .page:after {
  color: #1e3892
}

.template.reed.nvy .date svg {
  fill: #1e3892
}

.template.reed.nvy .skill-section.type-one .skill .skill-description:not(.text) div i.active {
  background: #1e3892
}

.template.reed.nvy .hobby svg,.template.reed.nvy .social-link svg {
  fill: #1e3892
}

.template.reed.nvy .keywords-section.type-one.center .keyword .prefix {
  color: #1e3892
}

.template.reed.nvy .graphs.type-two .graph .graph-item .circle {
  stroke: #1e3892
}

.template.reed.win .date,.template.reed.win .general-section .general-info-block .info-wrapper .key,.template.reed.win .general-section .name .last-name,.template.reed.win .page:after {
  color: #961e27
}

.template.reed.win .date svg {
  fill: #961e27
}

.template.reed.win .skill-section.type-one .skill .skill-description:not(.text) div i.active {
  background: #961e27
}

.template.reed.win .hobby svg,.template.reed.win .social-link svg {
  fill: #961e27
}

.template.reed.win .keywords-section.type-one.center .keyword .prefix {
  color: #961e27
}

.template.reed.win .graphs.type-two .graph .graph-item .circle {
  stroke: #961e27
}

.template.reed.grn .date,.template.reed.grn .general-section .general-info-block .info-wrapper .key,.template.reed.grn .general-section .name .last-name,.template.reed.grn .page:after {
  color: #369188
}

.template.reed.grn .date svg {
  fill: #369188
}

.template.reed.grn .skill-section.type-one .skill .skill-description:not(.text) div i.active {
  background: #369188
}

.template.reed.grn .hobby svg,.template.reed.grn .social-link svg {
  fill: #369188
}

.template.reed.grn .keywords-section.type-one.center .keyword .prefix {
  color: #369188
}

.template.reed.grn .graphs.type-two .graph .graph-item .circle {
  stroke: #369188
}

.template.reed.bro .date,.template.reed.bro .general-section .general-info-block .info-wrapper .key,.template.reed.bro .general-section .name .last-name,.template.reed.bro .page:after {
  color: #6d4c41
}

.template.reed.bro .date svg {
  fill: #6d4c41
}

.template.reed.bro .skill-section.type-one .skill .skill-description:not(.text) div i.active {
  background: #6d4c41
}

.template.reed.bro .hobby svg,.template.reed.bro .social-link svg {
  fill: #6d4c41
}

.template.reed.bro .keywords-section.type-one.center .keyword .prefix {
  color: #6d4c41
}

.template.reed.bro .graphs.type-two .graph .graph-item .circle {
  stroke: #6d4c41
}

.template.reed.pur .date,.template.reed.pur .general-section .general-info-block .info-wrapper .key,.template.reed.pur .general-section .name .last-name,.template.reed.pur .page:after {
  color: #ab47bc
}

.template.reed.pur .date svg {
  fill: #ab47bc
}

.template.reed.pur .skill-section.type-one .skill .skill-description:not(.text) div i.active {
  background: #ab47bc
}

.template.reed.pur .hobby svg,.template.reed.pur .social-link svg {
  fill: #ab47bc
}

.template.reed.pur .keywords-section.type-one.center .keyword .prefix {
  color: #ab47bc
}

.template.reed.pur .graphs.type-two .graph .graph-item .circle {
  stroke: #ab47bc
}

.template.reed.ste .date,.template.reed.ste .general-section .general-info-block .info-wrapper .key,.template.reed.ste .general-section .name .last-name,.template.reed.ste .page:after {
  color: #517484
}

.template.reed.ste .date svg {
  fill: #517484
}

.template.reed.ste .skill-section.type-one .skill .skill-description:not(.text) div i.active {
  background: #517484
}

.template.reed.ste .hobby svg,.template.reed.ste .social-link svg {
  fill: #517484
}

.template.reed.ste .keywords-section.type-one.center .keyword .prefix {
  color: #517484
}

.template.reed.ste .graphs.type-two .graph .graph-item .circle {
  stroke: #517484
}

.template.reed.blu .date,.template.reed.blu .general-section .general-info-block .info-wrapper .key,.template.reed.blu .general-section .name .last-name,.template.reed.blu .page:after {
  color: #366af6
}

.template.reed.blu .date svg {
  fill: #366af6
}

.template.reed.blu .skill-section.type-one .skill .skill-description:not(.text) div i.active {
  background: #366af6
}

.template.reed.blu .hobby svg,.template.reed.blu .social-link svg {
  fill: #366af6
}

.template.reed.blu .keywords-section.type-one.center .keyword .prefix {
  color: #366af6
}

.template.reed.blu .graphs.type-two .graph .graph-item .circle {
  stroke: #366af6
}

.template.reed.oli .date,.template.reed.oli .general-section .general-info-block .info-wrapper .key,.template.reed.oli .general-section .name .last-name,.template.reed.oli .page:after {
  color: #808626
}

.template.reed.oli .date svg {
  fill: #808626
}

.template.reed.oli .skill-section.type-one .skill .skill-description:not(.text) div i.active {
  background: #808626
}

.template.reed.oli .hobby svg,.template.reed.oli .social-link svg {
  fill: #808626
}

.template.reed.oli .keywords-section.type-one.center .keyword .prefix {
  color: #808626
}

.template.reed.oli .graphs.type-two .graph .graph-item .circle {
  stroke: #808626
}

.template.reed.gre .date,.template.reed.gre .general-section .general-info-block .info-wrapper .key,.template.reed.gre .general-section .name .last-name,.template.reed.gre .page:after {
  color: grey
}

.template.reed.gre .date svg {
  fill: grey
}

.template.reed.gre .skill-section.type-one .skill .skill-description:not(.text) div i.active {
  background: grey
}

.template.reed.gre .hobby svg,.template.reed.gre .social-link svg {
  fill: grey
}

.template.reed.gre .keywords-section.type-one.center .keyword .prefix {
  color: grey
}

.template.reed.gre .graphs.type-two .graph .graph-item .circle {
  stroke: grey
}

.template.ribbon .page {
  padding-bottom: 26px;
  padding-top: 39px
}

.template.ribbon ol,.template.ribbon ul {
  margin-left: 16px
}

.template.ribbon .general-section,.template.ribbon .kickresume-section-wrapper {
  width: 100%
}

.template.ribbon .experience-item {
  position: relative
}

.template.ribbon .experience-item:before {
  background: #446466;
  content: "";
  height: 100%;
  left: 160px;
  position: absolute;
  top: 0;
  width: 1px
}

.template.ribbon .date {
  text-align: left
}

.template.ribbon .headline {
  color: #527175;
  position: relative;
  z-index: 0
}

.template.ribbon .headline .background-wrapper {
  padding-left: 148px;
  position: relative;
  text-align: left;
  width: 100%;
  z-index: 1
}

.template.ribbon .headline .background-wrapper .icon,.template.ribbon .headline .background-wrapper .text {
  position: relative
}

.template.ribbon .headline .background-wrapper .icon {
  fill: #fff;
  border-radius: 50%
}

.template.ribbon .headline .background-wrapper .icon:before {
  background: #527175;
  border-radius: 50%;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1
}

.template.ribbon .headline .background-wrapper .icon:after,.template.ribbon .headline .background-wrapper .text:after {
  background: #fff;
  content: "";
  height: 100%;
  left: -16px;
  position: absolute;
  top: 0;
  width: clamp(1rem, calc(100% + 32px), 3.5rem);
  z-index: -2
}

.template.ribbon .headline:after {
  background: #527175;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  top: 35%;
  width: 100%;
  z-index: -3
}

.template.ribbon .general-section {
  padding-bottom: clamp(1rem, calc(var(--templates-lh-base)*2), 3.5rem);
  position: relative
}

.template.ribbon .general-section .avatar {
  left: 60px;
  position: absolute;
  top: -20px
}

.template.ribbon .general-section .avatar .thumbnail {
  background: transparent
}

.template.ribbon .general-section .avatar .thumbnail img {
  border-radius: 50%
}

.template.ribbon .general-section .name {
  color: #fff;
  font-size: 32px;
  line-height: 40px;
  max-height: 80px;
  overflow: hidden;
  padding-left: 200px;
  width: 100%
}

.template.ribbon .general-section .name.no-avatar {
  padding-left: 0;
  text-align: center
}

.template.ribbon .general-section .general-info {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: clamp(1rem, calc(var(--templates-lh-base)*2), 3.5rem);
  vertical-align: top;
  width: 100%
}

.template.ribbon .general-section .general-info .info-wrapper-icon {
  display: inline-flex;
  margin-right: 8px
}

.template.ribbon .general-section .rib {
  display: block;
  height: 95px;
  position: relative
}

.template.ribbon .general-section .rib .wat {
  align-items: center;
  background: #527175;
  display: flex;
  height: 80px;
  left: 50%;
  margin-left: -45%;
  position: relative;
  top: 0;
  width: 90%;
  z-index: 2
}

.template.ribbon .general-section .rib .bk {
  background: #446466;
  height: 80px;
  position: absolute;
  top: 10px;
  width: 8%
}

.template.ribbon .general-section .rib .bk.l {
  left: 15px
}

.template.ribbon .general-section .rib .bk.l>div {
  left: -29px
}

.template.ribbon .general-section .rib .bk.r {
  right: 15px
}

.template.ribbon .general-section .rib .bk.r>div {
  right: -29px
}

.template.ribbon .general-section .rib .skew {
  background: #253a3a;
  height: 74px;
  position: absolute;
  top: 11px;
  width: 5%;
  z-index: 1
}

.template.ribbon .general-section .rib .skew.l {
  left: 5.1%;
  -webkit-transform: skew(0deg,15deg);
  transform: skew(0deg,15deg)
}

.template.ribbon .general-section .rib .skew.r {
  right: 5.1%;
  -webkit-transform: skew(0deg,-15deg);
  transform: skew(0deg,-15deg)
}

.template.ribbon .general-section .rib .bk .arrow {
  height: 25px!important;
  position: absolute;
  width: 0;
  z-index: 0
}

.template.ribbon .general-section .rib .bk .arrow.top {
  border-bottom: 55px solid transparent;
  border-top: 0 solid transparent;
  top: 0
}

.template.ribbon .general-section .rib .bk .arrow.bottom {
  border-bottom: 0 solid transparent;
  border-top: 54px solid transparent;
  top: 26px
}

.template.ribbon .general-section .rib .bk.l .bottom,.template.ribbon .general-section .rib .bk.l .top {
  border-right: 30px solid #446466
}

.template.ribbon .general-section .rib .bk.r .bottom,.template.ribbon .general-section .rib .bk.r .top {
  border-left: 30px solid #446466
}

.template.ribbon .hobby,.template.ribbon .skill,.template.ribbon .social-link {
  width: 25%
}

.template.ribbon .skill {
  text-align: center
}

.template.ribbon .skill-section.type-one .skill .skill-description-wrapper:not(.text) div i {
  border: 1px solid #527175;
  border-radius: 50%;
  height: 10px;
  width: 10px
}

.template.ribbon .skill-section.type-one .skill .skill-description-wrapper:not(.text) div i.active {
  background: #527175
}

.template.ribbon .skill-section.type-one .skill .skill-description-wrapper.text {
  color: #527175
}

.template.ribbon .graphs {
  padding: 0
}

.template.ribbon .graphs .graph {
  width: 25%
}

.template.ribbon .graphs.type-two .graph .graph-item .circle,.template.ribbon .graphs.type-two .graph .graph-item .circle-gray {
  stroke: #527175
}

.template.ribbon .keyword-text-wrapper {
  background: #527175;
  color: #fff
}

.template.ribbon .hobby .icon svg,.template.ribbon .social-link .icon svg {
  fill: #527175
}

.template.ribbon.dar-grn .experience-item:before {
  background: #527175
}

.template.ribbon.dar-grn .headline {
  color: #527175
}

.template.ribbon.dar-grn .headline .background-wrapper .icon:before,.template.ribbon.dar-grn .headline:after {
  background: #527175
}

.template.ribbon.dar-grn .skill-section.type-one .skill .skill-description-wrapper:not(.text) div i {
  border-color: #527175
}

.template.ribbon.dar-grn .skill-section.type-one .skill .skill-description-wrapper:not(.text) div i.active {
  background: #527175
}

.template.ribbon.dar-grn .skill-section.type-one .skill .skill-description-wrapper.text {
  color: #527175
}

.template.ribbon.dar-grn .graphs.type-two .graph .graph-item .circle,.template.ribbon.dar-grn .graphs.type-two .graph .graph-item .circle-gray {
  stroke: #527175
}

.template.ribbon.dar-grn .keyword-text-wrapper {
  background: #527175
}

.template.ribbon.dar-grn .hobby .icon svg,.template.ribbon.dar-grn .social-link .icon svg {
  fill: #527175
}

.template.ribbon.dar-grn .general-section .rib .wat {
  background: #527175
}

.template.ribbon.dar-grn .general-section .rib .bk {
  background: #446466
}

.template.ribbon.dar-grn .general-section .rib .bk.l .bottom,.template.ribbon.dar-grn .general-section .rib .bk.l .top {
  border-right-color: #446466
}

.template.ribbon.dar-grn .general-section .rib .bk.r .bottom,.template.ribbon.dar-grn .general-section .rib .bk.r .top {
  border-left-color: #446466
}

.template.ribbon.dar-grn .general-section .rib .skew {
  background: #253a3a
}

.template.ribbon.grn .experience-item:before {
  background: #607c60
}

.template.ribbon.grn .headline {
  color: #607c60
}

.template.ribbon.grn .headline .background-wrapper .icon:before,.template.ribbon.grn .headline:after {
  background: #607c60
}

.template.ribbon.grn .skill-section.type-one .skill .skill-description-wrapper:not(.text) div i {
  border-color: #607c60
}

.template.ribbon.grn .skill-section.type-one .skill .skill-description-wrapper:not(.text) div i.active {
  background: #607c60
}

.template.ribbon.grn .skill-section.type-one .skill .skill-description-wrapper.text {
  color: #607c60
}

.template.ribbon.grn .graphs.type-two .graph .graph-item .circle,.template.ribbon.grn .graphs.type-two .graph .graph-item .circle-gray {
  stroke: #607c60
}

.template.ribbon.grn .keyword-text-wrapper {
  background: #607c60
}

.template.ribbon.grn .hobby .icon svg,.template.ribbon.grn .social-link .icon svg {
  fill: #607c60
}

.template.ribbon.grn .general-section .rib .wat {
  background: #607c60
}

.template.ribbon.grn .general-section .rib .bk {
  background: #516851
}

.template.ribbon.grn .general-section .rib .bk.l .bottom,.template.ribbon.grn .general-section .rib .bk.l .top {
  border-right-color: #516851
}

.template.ribbon.grn .general-section .rib .bk.r .bottom,.template.ribbon.grn .general-section .rib .bk.r .top {
  border-left-color: #516851
}

.template.ribbon.grn .general-section .rib .skew {
  background: #344234
}

.template.ribbon.ste .experience-item:before {
  background: #5a84af
}

.template.ribbon.ste .headline {
  color: #5a84af
}

.template.ribbon.ste .headline .background-wrapper .icon:before,.template.ribbon.ste .headline:after {
  background: #5a84af
}

.template.ribbon.ste .skill-section.type-one .skill .skill-description-wrapper:not(.text) div i {
  border-color: #5a84af
}

.template.ribbon.ste .skill-section.type-one .skill .skill-description-wrapper:not(.text) div i.active {
  background: #5a84af
}

.template.ribbon.ste .skill-section.type-one .skill .skill-description-wrapper.text {
  color: #5a84af
}

.template.ribbon.ste .graphs.type-two .graph .graph-item .circle,.template.ribbon.ste .graphs.type-two .graph .graph-item .circle-gray {
  stroke: #5a84af
}

.template.ribbon.ste .keyword-text-wrapper {
  background: #5a84af
}

.template.ribbon.ste .hobby .icon svg,.template.ribbon.ste .social-link .icon svg {
  fill: #5a84af
}

.template.ribbon.ste .general-section .rib .wat {
  background: #5a84af
}

.template.ribbon.ste .general-section .rib .bk {
  background: #547fa3
}

.template.ribbon.ste .general-section .rib .bk.l .bottom,.template.ribbon.ste .general-section .rib .bk.l .top {
  border-right-color: #547fa3
}

.template.ribbon.ste .general-section .rib .bk.r .bottom,.template.ribbon.ste .general-section .rib .bk.r .top {
  border-left-color: #547fa3
}

.template.ribbon.ste .general-section .rib .skew {
  background: #2e5168
}

.template.ribbon.win .experience-item:before {
  background: #ad5a5a
}

.template.ribbon.win .headline {
  color: #ad5a5a
}

.template.ribbon.win .headline .background-wrapper .icon:before,.template.ribbon.win .headline:after {
  background: #ad5a5a
}

.template.ribbon.win .skill-section.type-one .skill .skill-description-wrapper:not(.text) div i {
  border-color: #ad5a5a
}

.template.ribbon.win .skill-section.type-one .skill .skill-description-wrapper:not(.text) div i.active {
  background: #ad5a5a
}

.template.ribbon.win .skill-section.type-one .skill .skill-description-wrapper.text {
  color: #ad5a5a
}

.template.ribbon.win .graphs.type-two .graph .graph-item .circle,.template.ribbon.win .graphs.type-two .graph .graph-item .circle-gray {
  stroke: #ad5a5a
}

.template.ribbon.win .keyword-text-wrapper {
  background: #ad5a5a
}

.template.ribbon.win .hobby .icon svg,.template.ribbon.win .social-link .icon svg {
  fill: #ad5a5a
}

.template.ribbon.win .general-section .rib .wat {
  background: #ad5a5a
}

.template.ribbon.win .general-section .rib .bk {
  background: #9b5050
}

.template.ribbon.win .general-section .rib .bk.l .bottom,.template.ribbon.win .general-section .rib .bk.l .top {
  border-right-color: #9b5050
}

.template.ribbon.win .general-section .rib .bk.r .bottom,.template.ribbon.win .general-section .rib .bk.r .top {
  border-left-color: #9b5050
}

.template.ribbon.win .general-section .rib .skew {
  background: #633
}

.template.ribbon.bro .experience-item:before {
  background: #a89371
}

.template.ribbon.bro .headline {
  color: #a89371
}

.template.ribbon.bro .headline .background-wrapper .icon:before,.template.ribbon.bro .headline:after {
  background: #a89371
}

.template.ribbon.bro .skill-section.type-one .skill .skill-description-wrapper:not(.text) div i {
  border-color: #a89371
}

.template.ribbon.bro .skill-section.type-one .skill .skill-description-wrapper:not(.text) div i.active {
  background: #a89371
}

.template.ribbon.bro .skill-section.type-one .skill .skill-description-wrapper.text {
  color: #a89371
}

.template.ribbon.bro .graphs.type-two .graph .graph-item .circle,.template.ribbon.bro .graphs.type-two .graph .graph-item .circle-gray {
  stroke: #a89371
}

.template.ribbon.bro .keyword-text-wrapper {
  background: #a89371
}

.template.ribbon.bro .hobby .icon svg,.template.ribbon.bro .social-link .icon svg {
  fill: #a89371
}

.template.ribbon.bro .general-section .rib .wat {
  background: #a89371
}

.template.ribbon.bro .general-section .rib .bk {
  background: #9b876a
}

.template.ribbon.bro .general-section .rib .bk.l .bottom,.template.ribbon.bro .general-section .rib .bk.l .top {
  border-right-color: #9b876a
}

.template.ribbon.bro .general-section .rib .bk.r .bottom,.template.ribbon.bro .general-section .rib .bk.r .top {
  border-left-color: #9b876a
}

.template.ribbon.bro .general-section .rib .skew {
  background: #6b5b47
}

.template.ribbon.gre .experience-item:before {
  background: #c1c1c1
}

.template.ribbon.gre .headline {
  color: #c1c1c1
}

.template.ribbon.gre .headline .background-wrapper .icon:before,.template.ribbon.gre .headline:after {
  background: #c1c1c1
}

.template.ribbon.gre .skill-section.type-one .skill .skill-description-wrapper:not(.text) div i {
  border-color: #c1c1c1
}

.template.ribbon.gre .skill-section.type-one .skill .skill-description-wrapper:not(.text) div i.active {
  background: #c1c1c1
}

.template.ribbon.gre .skill-section.type-one .skill .skill-description-wrapper.text {
  color: #c1c1c1
}

.template.ribbon.gre .graphs.type-two .graph .graph-item .circle,.template.ribbon.gre .graphs.type-two .graph .graph-item .circle-gray {
  stroke: #c1c1c1
}

.template.ribbon.gre .keyword-text-wrapper {
  background: #c1c1c1
}

.template.ribbon.gre .hobby .icon svg,.template.ribbon.gre .social-link .icon svg {
  fill: #c1c1c1
}

.template.ribbon.gre .general-section .rib .wat {
  background: #d8d8d8
}

.template.ribbon.gre .general-section .rib .bk {
  background: #c1c1c1
}

.template.ribbon.gre .general-section .rib .bk.l .bottom,.template.ribbon.gre .general-section .rib .bk.l .top {
  border-right-color: #c1c1c1
}

.template.ribbon.gre .general-section .rib .bk.r .bottom,.template.ribbon.gre .general-section .rib .bk.r .top {
  border-left-color: #c1c1c1
}

.template.ribbon.gre .general-section .rib .skew {
  background: #58595b
}

.template.square .page {
  background-color: #fff;
  padding-bottom: 36px;
  padding-top: 39px
}

.template.square .kickresume-section-wrapper {
  box-sizing: border-box
}

.template.square .headline {
  text-transform: uppercase
}

.template.square .headline .background-wrapper {
  position: relative;
  z-index: 1
}

.template.square .headline .background-wrapper:before {
  background-color: #3dbfed;
  content: " ";
  height: 35px;
  left: -8px;
  position: absolute;
  top: -8px;
  width: 50px;
  z-index: -1
}

.template.square .general-section {
  padding-bottom: clamp(1rem, calc(var(--templates-lh-base)*2), 3.5rem);
}

.template.square .general-section .name {
  font-size: 34px;
  line-height: 40px;
  padding-bottom: var(--templates-lh-base);
  position: relative;
  text-align: center
}

.template.square .general-section .name:after {
  border-bottom: 3px solid #3dbfed;
  bottom: 7px;
  content: " ";
  left: clamp(1rem, calc(50% - 50px), 3.5rem);
  position: absolute;
  width: 100px
}

.template.square .general-section .general-info {
  padding-top: var(--templates-lh-base)
}

.template.square .general-section .general-info .separator {
  background-color: #3dbfed;
  display: inline-block;
  height: 8px;
  margin-left: 8px;
  margin-right: 8px;
  width: 10px
}

.template.square .date {
  text-align: left
}

.template.square .keyword {
  border-radius: 0
}

.template.square .keyword .text {
  position: relative
}

.template.square .keyword .text:after {
  background: #3dbfed;
  bottom: -2px;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  width: 100%
}

.template.square .graphs.type-two .graph,.template.square .hobby,.template.square .social-link {
  width: 25%
}

.template.square .graph .graph-item .circle {
  stroke: #3dbfed;
  stroke-width: 10px
}

.template.square .graph .graph-item .circle-gray {
  stroke: #000;
  stroke-width: 2px
}

.template.square .skills {
  display: flex;
  flex-direction: column
}

.template.square .skills .skills-row {
  display: flex;
  justify-content: space-between
}

.template.square .skill {
  display: inline-block;
  padding-right: 8px;
  width: 320px
}

.template.square .skill-description-wrapper.text {
  align-items: center;
  padding-left: 16px;
  position: relative
}

.template.square .skill-description-wrapper.text:before {
  background: #3dbfed;
  content: "";
  height: 8px;
  left: 0;
  position: absolute;
  width: 10px
}

.template.square .skill-description-wrapper:not(.text) {
  align-items: center;
  display: flex
}

.template.square .skill-description-wrapper:not(.text) .skill-description {
  background: #000;
  display: flex;
  height: 1px;
  min-height: 1px;
  position: relative;
  width: 100%
}

.template.square .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.square .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.square .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.square .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.square .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #3dbfed;
  height: 16px;
  position: absolute;
  top: -7px
}

.template.square.cya-whi .page {
  background-color: #fff
}

.template.square.cya-whi .headline .background-wrapper:before {
  background-color: #3dbfed
}

.template.square.cya-whi .name:after {
  border-color: #3dbfed
}

.template.square.cya-whi .general-section .general-info .separator {
  background-color: #3dbfed
}

.template.square.cya-whi .keyword .text:after {
  background: #3dbfed
}

.template.square.cya-whi .graph .graph-item .circle {
  stroke: #3dbfed
}

.template.square.cya-whi .skill-description-wrapper.text:before {
  background: #3dbfed
}

.template.square.cya-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.square.cya-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.square.cya-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.square.cya-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.square.cya-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #3dbfed
}

.template.square.red-whi .page {
  background-color: #fff
}

.template.square.red-whi .headline .background-wrapper:before {
  background-color: #f7410f
}

.template.square.red-whi .name:after {
  border-color: #f7410f
}

.template.square.red-whi .general-section .general-info .separator {
  background-color: #f7410f
}

.template.square.red-whi .keyword .text:after {
  background: #f7410f
}

.template.square.red-whi .graph .graph-item .circle {
  stroke: #f7410f
}

.template.square.red-whi .skill-description-wrapper.text:before {
  background: #f7410f
}

.template.square.red-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.square.red-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.square.red-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.square.red-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.square.red-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #f7410f
}

.template.square.min-whi .page {
  background-color: #fff
}

.template.square.min-whi .headline .background-wrapper:before {
  background-color: #67dfc2
}

.template.square.min-whi .name:after {
  border-color: #67dfc2
}

.template.square.min-whi .general-section .general-info .separator {
  background-color: #67dfc2
}

.template.square.min-whi .keyword .text:after {
  background: #67dfc2
}

.template.square.min-whi .graph .graph-item .circle {
  stroke: #67dfc2
}

.template.square.min-whi .skill-description-wrapper.text:before {
  background: #67dfc2
}

.template.square.min-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.square.min-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.square.min-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.square.min-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.square.min-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #67dfc2
}

.template.square.yel-whi .page {
  background-color: #fff
}

.template.square.yel-whi .headline .background-wrapper:before {
  background-color: #f7b94b
}

.template.square.yel-whi .name:after {
  border-color: #f7b94b
}

.template.square.yel-whi .general-section .general-info .separator {
  background-color: #f7b94b
}

.template.square.yel-whi .keyword .text:after {
  background: #f7b94b
}

.template.square.yel-whi .graph .graph-item .circle {
  stroke: #f7b94b
}

.template.square.yel-whi .skill-description-wrapper.text:before {
  background: #f7b94b
}

.template.square.yel-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.square.yel-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.square.yel-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.square.yel-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.square.yel-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #f7b94b
}

.template.square.pin-whi .page {
  background-color: #fff
}

.template.square.pin-whi .headline .background-wrapper:before {
  background-color: #ef9a9a
}

.template.square.pin-whi .name:after {
  border-color: #ef9a9a
}

.template.square.pin-whi .general-section .general-info .separator {
  background-color: #ef9a9a
}

.template.square.pin-whi .keyword .text:after {
  background: #ef9a9a
}

.template.square.pin-whi .graph .graph-item .circle {
  stroke: #ef9a9a
}

.template.square.pin-whi .skill-description-wrapper.text:before {
  background: #ef9a9a
}

.template.square.pin-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.square.pin-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.square.pin-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.square.pin-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.square.pin-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #ef9a9a
}

.template.square.cam-whi .page {
  background-color: #fff
}

.template.square.cam-whi .headline .background-wrapper:before {
  background-color: #f7da92
}

.template.square.cam-whi .name:after {
  border-color: #f7da92
}

.template.square.cam-whi .general-section .general-info .separator {
  background-color: #f7da92
}

.template.square.cam-whi .keyword .text:after {
  background: #f7da92
}

.template.square.cam-whi .graph .graph-item .circle {
  stroke: #f7da92
}

.template.square.cam-whi .skill-description-wrapper.text:before {
  background: #f7da92
}

.template.square.cam-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.square.cam-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.square.cam-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.square.cam-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.square.cam-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #f7da92
}

.template.square.grn-whi .page {
  background-color: #fff
}

.template.square.grn-whi .headline .background-wrapper:before {
  background-color: #def2c2
}

.template.square.grn-whi .name:after {
  border-color: #def2c2
}

.template.square.grn-whi .general-section .general-info .separator {
  background-color: #def2c2
}

.template.square.grn-whi .keyword .text:after {
  background: #def2c2
}

.template.square.grn-whi .graph .graph-item .circle {
  stroke: #def2c2
}

.template.square.grn-whi .skill-description-wrapper.text:before {
  background: #def2c2
}

.template.square.grn-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.square.grn-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.square.grn-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.square.grn-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.square.grn-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #def2c2
}

.template.square.pur-whi .page {
  background-color: #fff
}

.template.square.pur-whi .headline .background-wrapper:before {
  background-color: #e1bee7
}

.template.square.pur-whi .name:after {
  border-color: #e1bee7
}

.template.square.pur-whi .general-section .general-info .separator {
  background-color: #e1bee7
}

.template.square.pur-whi .keyword .text:after {
  background: #e1bee7
}

.template.square.pur-whi .graph .graph-item .circle {
  stroke: #e1bee7
}

.template.square.pur-whi .skill-description-wrapper.text:before {
  background: #e1bee7
}

.template.square.pur-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.square.pur-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.square.pur-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.square.pur-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.square.pur-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #e1bee7
}

.template.square.ste-whi .page {
  background-color: #fff
}

.template.square.ste-whi .headline .background-wrapper:before {
  background-color: #9bbfcc
}

.template.square.ste-whi .name:after {
  border-color: #9bbfcc
}

.template.square.ste-whi .general-section .general-info .separator {
  background-color: #9bbfcc
}

.template.square.ste-whi .keyword .text:after {
  background: #9bbfcc
}

.template.square.ste-whi .graph .graph-item .circle {
  stroke: #9bbfcc
}

.template.square.ste-whi .skill-description-wrapper.text:before {
  background: #9bbfcc
}

.template.square.ste-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.square.ste-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.square.ste-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.square.ste-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.square.ste-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #9bbfcc
}

.template.square.oli-whi .page {
  background-color: #fff
}

.template.square.oli-whi .headline .background-wrapper:before {
  background-color: #808626
}

.template.square.oli-whi .name:after {
  border-color: #808626
}

.template.square.oli-whi .general-section .general-info .separator {
  background-color: #808626
}

.template.square.oli-whi .keyword .text:after {
  background: #808626
}

.template.square.oli-whi .graph .graph-item .circle {
  stroke: #808626
}

.template.square.oli-whi .skill-description-wrapper.text:before {
  background: #808626
}

.template.square.oli-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.square.oli-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.square.oli-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.square.oli-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.square.oli-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #808626
}

.template.square.red-red .page {
  background-color: #f9ddc0
}

.template.square.red-red .headline .background-wrapper:before {
  background-color: #f7410f
}

.template.square.red-red .name:after {
  border-color: #f7410f
}

.template.square.red-red .general-section .general-info .separator {
  background-color: #f7410f
}

.template.square.red-red .keyword .text:after {
  background: #f7410f
}

.template.square.red-red .graph .graph-item .circle {
  stroke: #f7410f
}

.template.square.red-red .skill-description-wrapper.text:before {
  background: #f7410f
}

.template.square.red-red .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.square.red-red .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.square.red-red .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.square.red-red .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.square.red-red .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #f7410f
}

.template.square.cya-cya .page {
  background-color: #e5f9f9
}

.template.square.cya-cya .headline .background-wrapper:before {
  background-color: #3dbfed
}

.template.square.cya-cya .name:after {
  border-color: #3dbfed
}

.template.square.cya-cya .general-section .general-info .separator {
  background-color: #3dbfed
}

.template.square.cya-cya .keyword .text:after {
  background: #3dbfed
}

.template.square.cya-cya .graph .graph-item .circle {
  stroke: #3dbfed
}

.template.square.cya-cya .skill-description-wrapper.text:before {
  background: #3dbfed
}

.template.square.cya-cya .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.square.cya-cya .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.square.cya-cya .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.square.cya-cya .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.square.cya-cya .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #3dbfed
}

.template.square.gre-whi .page {
  background-color: #fff
}

.template.square.gre-whi .headline .background-wrapper:before {
  background-color: #d8d8d8
}

.template.square.gre-whi .name:after {
  border-color: #d8d8d8
}

.template.square.gre-whi .general-section .general-info .separator {
  background-color: #d8d8d8
}

.template.square.gre-whi .keyword .text:after {
  background: #d8d8d8
}

.template.square.gre-whi .graph .graph-item .circle {
  stroke: #d8d8d8
}

.template.square.gre-whi .skill-description-wrapper.text:before {
  background: #d8d8d8
}

.template.square.gre-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.square.gre-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.square.gre-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.square.gre-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.square.gre-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #d8d8d8
}

.template.square.yel-yel .page {
  background-color: #f9e8d2
}

.template.square.yel-yel .headline .background-wrapper:before {
  background-color: #f7b94b
}

.template.square.yel-yel .name:after {
  border-color: #f7b94b
}

.template.square.yel-yel .general-section .general-info .separator {
  background-color: #f7b94b
}

.template.square.yel-yel .keyword .text:after {
  background: #f7b94b
}

.template.square.yel-yel .graph .graph-item .circle {
  stroke: #f7b94b
}

.template.square.yel-yel .skill-description-wrapper.text:before {
  background: #f7b94b
}

.template.square.yel-yel .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.square.yel-yel .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.square.yel-yel .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.square.yel-yel .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.square.yel-yel .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #f7b94b
}

.template.standard .page {
  background-color: #fff;
  padding-top: 39px
}

.template.standard ol,.template.standard ul {
  margin-left: 16px
}

.template.standard .ios-section-wrapper {
  position: relative;
  width: 100%;
  z-index: 1
}

.template.standard .ios-section-wrapper:before {
  border: 1px solid #000;
  content: "";
  height: clamp(1rem, calc(100% - 10px), 3.5rem);
  left: -8px;
  position: absolute;
  top: 6px;
  width: 702px;
  z-index: 0
}

.template.standard .kickresume-section-wrapper {
  vertical-align: top;
  width: 100%
}

.template.standard .headline {
  position: relative;
  width: 160px
}

.template.standard .headline .background-wrapper {
  align-items: center;
  display: flex
}

.template.standard .headline .icon {
  fill: #fff;
  background-color: #0462f6;
  border-radius: 50%
}

.template.standard .section-right-col {
  width: 100%
}

.template.standard .general-section {
  display: flex;
  flex-wrap: wrap
}

.template.standard .general-section.no-avatar .avatar {
  display: none
}

.template.standard .general-section .name-description {
  display: inline-block;
  padding-bottom: var(--templates-lh-base);
  padding-left: 16px;
  vertical-align: top;
  width: 526px
}

.template.standard .general-section .name-description .name {
  font-size: 35px;
  line-height: 40px;
  padding-bottom: clamp(1rem, calc(var(--templates-lh-base)*2), 3.5rem);
}

.template.standard .general-section .name-description .name span {
  font-size: inherit;
  line-height: inherit
}

.template.standard .general-section .name-description.no-avatar {
  padding-left: 0;
  text-align: center;
  width: 100%
}

.template.standard .general-section .general-info {
  display: block;
  width: 100%
}

.template.standard .general-section .avatar {
  width: 160px
}

.template.standard .general-section .ios-section-wrapper .headline-wrapper {
  vertical-align: top
}

.template.standard .general-section .ios-section-wrapper .info-wrapper {
  display: inline-block;
  margin-right: 24px;
  position: relative
}

.template.standard .general-section .ios-section-wrapper .info-wrapper .key {
  margin-right: 4px
}

.template.standard .general-section .ios-section-wrapper .info-wrapper:not(:last-child):after {
  background: #0462f6;
  border-radius: 50%;
  content: "";
  height: 8px;
  position: absolute;
  right: -16px;
  top: clamp(1rem, calc(50% - 4px), 3.5rem);
  width: 8px
}

.template.standard .csspie:first-of-type:after,.template.standard .csspie:first-of-type:before {
  background-color: #000
}

.template.standard .csspie:nth-of-type(2):after,.template.standard .csspie:nth-of-type(2):before {
  background-color: #c1c1c1
}

.template.standard .value-wrapper {
  color: #fff
}

.template.standard .graph,.template.standard .hobby,.template.standard .skill,.template.standard .social-link {
  display: inline-flex;
  width: 33.333%
}

.template.standard .graphs {
  padding: 0
}

.template.standard .skill {
  padding-right: 16px
}

.template.standard .skill-description-wrapper.text {
  align-items: center
}

.template.standard .skill-description-wrapper:not(.text) {
  align-items: center;
  display: flex
}

.template.standard .skill-description-wrapper:not(.text) .skill-description {
  background: #000;
  display: flex;
  height: 1px;
  min-height: 1px;
  position: relative;
  width: 100%
}

.template.standard .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.standard .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.standard .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.standard .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.standard .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #000;
  height: 16px;
  position: absolute;
  top: -7px
}

.template.standard.blu-whi .page {
  background-color: #fff
}

.template.standard.blu-whi .headline .icon {
  fill: #fff;
  background-color: #0462f6
}

.template.standard.blu-whi .general-section .ios-section-wrapper .info-wrapper:not(:last-child):after {
  background: #0462f6
}

.template.standard.blu-whi .csspie:first-of-type:after,.template.standard.blu-whi .csspie:first-of-type:before {
  background-color: #000
}

.template.standard.blu-whi .csspie:nth-of-type(2):after,.template.standard.blu-whi .csspie:nth-of-type(2):before {
  background-color: #c1c1c1
}

.template.standard.blu-whi .value-wrapper {
  color: #fff
}

.template.standard.red-whi .page {
  background-color: #fff
}

.template.standard.red-whi .headline .icon {
  fill: #fff;
  background-color: #f7410f
}

.template.standard.red-whi .general-section .ios-section-wrapper .info-wrapper:not(:last-child):after {
  background: #f7410f
}

.template.standard.red-whi .csspie:first-of-type:after,.template.standard.red-whi .csspie:first-of-type:before {
  background-color: #000
}

.template.standard.red-whi .csspie:nth-of-type(2):after,.template.standard.red-whi .csspie:nth-of-type(2):before {
  background-color: #c1c1c1
}

.template.standard.red-whi .value-wrapper {
  color: #fff
}

.template.standard.grn-whi .page {
  background-color: #fff
}

.template.standard.grn-whi .headline .icon {
  fill: #fff;
  background-color: #369188
}

.template.standard.grn-whi .general-section .ios-section-wrapper .info-wrapper:not(:last-child):after {
  background: #369188
}

.template.standard.grn-whi .csspie:first-of-type:after,.template.standard.grn-whi .csspie:first-of-type:before {
  background-color: #000
}

.template.standard.grn-whi .csspie:nth-of-type(2):after,.template.standard.grn-whi .csspie:nth-of-type(2):before {
  background-color: #c1c1c1
}

.template.standard.grn-whi .value-wrapper {
  color: #fff
}

.template.standard.yel-whi .page {
  background-color: #fff
}

.template.standard.yel-whi .headline .icon {
  fill: #fff;
  background-color: #f7b94b
}

.template.standard.yel-whi .general-section .ios-section-wrapper .info-wrapper:not(:last-child):after {
  background: #f7b94b
}

.template.standard.yel-whi .csspie:first-of-type:after,.template.standard.yel-whi .csspie:first-of-type:before {
  background-color: #000
}

.template.standard.yel-whi .csspie:nth-of-type(2):after,.template.standard.yel-whi .csspie:nth-of-type(2):before {
  background-color: #c1c1c1
}

.template.standard.yel-whi .value-wrapper {
  color: #fff
}

.template.standard.old-pin-whi .page {
  background-color: #fff
}

.template.standard.old-pin-whi .headline .icon {
  fill: #fff;
  background-color: #ef9a9a
}

.template.standard.old-pin-whi .general-section .ios-section-wrapper .info-wrapper:not(:last-child):after {
  background: #ef9a9a
}

.template.standard.old-pin-whi .csspie:first-of-type:after,.template.standard.old-pin-whi .csspie:first-of-type:before {
  background-color: #000
}

.template.standard.old-pin-whi .csspie:nth-of-type(2):after,.template.standard.old-pin-whi .csspie:nth-of-type(2):before {
  background-color: #c1c1c1
}

.template.standard.old-pin-whi .value-wrapper {
  color: #fff
}

.template.standard.cya-whi .page {
  background-color: #fff
}

.template.standard.cya-whi .headline .icon {
  fill: #fff;
  background-color: #3dbfed
}

.template.standard.cya-whi .general-section .ios-section-wrapper .info-wrapper:not(:last-child):after {
  background: #3dbfed
}

.template.standard.cya-whi .csspie:first-of-type:after,.template.standard.cya-whi .csspie:first-of-type:before {
  background-color: #000
}

.template.standard.cya-whi .csspie:nth-of-type(2):after,.template.standard.cya-whi .csspie:nth-of-type(2):before {
  background-color: #c1c1c1
}

.template.standard.cya-whi .value-wrapper {
  color: #fff
}

.template.standard.win-whi .page {
  background-color: #fff
}

.template.standard.win-whi .headline .icon {
  fill: #fff;
  background-color: #961e27
}

.template.standard.win-whi .general-section .ios-section-wrapper .info-wrapper:not(:last-child):after {
  background: #961e27
}

.template.standard.win-whi .csspie:first-of-type:after,.template.standard.win-whi .csspie:first-of-type:before {
  background-color: #000
}

.template.standard.win-whi .csspie:nth-of-type(2):after,.template.standard.win-whi .csspie:nth-of-type(2):before {
  background-color: #c1c1c1
}

.template.standard.win-whi .value-wrapper {
  color: #fff
}

.template.standard.bro-whi .page {
  background-color: #fff
}

.template.standard.bro-whi .headline .icon {
  fill: #fff;
  background-color: #884f06
}

.template.standard.bro-whi .general-section .ios-section-wrapper .info-wrapper:not(:last-child):after {
  background: #884f06
}

.template.standard.bro-whi .csspie:first-of-type:after,.template.standard.bro-whi .csspie:first-of-type:before {
  background-color: #000
}

.template.standard.bro-whi .csspie:nth-of-type(2):after,.template.standard.bro-whi .csspie:nth-of-type(2):before {
  background-color: #c1c1c1
}

.template.standard.bro-whi .value-wrapper {
  color: #fff
}

.template.standard.ste-whi .page {
  background-color: #fff
}

.template.standard.ste-whi .headline .icon {
  fill: #fff;
  background-color: #517484
}

.template.standard.ste-whi .general-section .ios-section-wrapper .info-wrapper:not(:last-child):after {
  background: #517484
}

.template.standard.ste-whi .csspie:first-of-type:after,.template.standard.ste-whi .csspie:first-of-type:before {
  background-color: #000
}

.template.standard.ste-whi .csspie:nth-of-type(2):after,.template.standard.ste-whi .csspie:nth-of-type(2):before {
  background-color: #c1c1c1
}

.template.standard.ste-whi .value-wrapper {
  color: #fff
}

.template.standard.blu-pin .page {
  background-color: #fce6e6
}

.template.standard.blu-pin .headline .icon {
  fill: #fce6e6;
  background-color: #366af6
}

.template.standard.blu-pin .general-section .ios-section-wrapper .info-wrapper:not(:last-child):after {
  background: #366af6
}

.template.standard.blu-pin .csspie:first-of-type:after,.template.standard.blu-pin .csspie:first-of-type:before {
  background-color: #000
}

.template.standard.blu-pin .csspie:nth-of-type(2):after,.template.standard.blu-pin .csspie:nth-of-type(2):before {
  background-color: #c1c1c1
}

.template.standard.blu-pin .value-wrapper {
  color: #fce6e6
}

.template.standard.grn-red .page {
  background-color: #f9ddc0
}

.template.standard.grn-red .headline .icon {
  fill: #f9ddc0;
  background-color: #369188
}

.template.standard.grn-red .general-section .ios-section-wrapper .info-wrapper:not(:last-child):after {
  background: #369188
}

.template.standard.grn-red .csspie:first-of-type:after,.template.standard.grn-red .csspie:first-of-type:before {
  background-color: #000
}

.template.standard.grn-red .csspie:nth-of-type(2):after,.template.standard.grn-red .csspie:nth-of-type(2):before {
  background-color: #c1c1c1
}

.template.standard.grn-red .value-wrapper {
  color: #f9ddc0
}

.template.standard.red-cya .page {
  background-color: #e5f9f9
}

.template.standard.red-cya .headline .icon {
  fill: #e5f9f9;
  background-color: #f7410f
}

.template.standard.red-cya .general-section .ios-section-wrapper .info-wrapper:not(:last-child):after {
  background: #f7410f
}

.template.standard.red-cya .csspie:first-of-type:after,.template.standard.red-cya .csspie:first-of-type:before {
  background-color: #000
}

.template.standard.red-cya .csspie:nth-of-type(2):after,.template.standard.red-cya .csspie:nth-of-type(2):before {
  background-color: #c1c1c1
}

.template.standard.red-cya .value-wrapper {
  color: #e5f9f9
}

.template.standard.gre-whi .page {
  background-color: #fff
}

.template.standard.gre-whi .headline .icon {
  fill: #fff;
  background-color: #a7a9ac
}

.template.standard.gre-whi .general-section .ios-section-wrapper .info-wrapper:not(:last-child):after {
  background: #a7a9ac
}

.template.standard.gre-whi .csspie:first-of-type:after,.template.standard.gre-whi .csspie:first-of-type:before {
  background-color: #000
}

.template.standard.gre-whi .csspie:nth-of-type(2):after,.template.standard.gre-whi .csspie:nth-of-type(2):before {
  background-color: #c1c1c1
}

.template.standard.gre-whi .value-wrapper {
  color: #fff
}

.template.standard.pin-whi .page {
  background-color: #fff
}

.template.standard.pin-whi .headline .icon {
  fill: #fff;
  background-color: #ee699b
}

.template.standard.pin-whi .general-section .ios-section-wrapper .info-wrapper:not(:last-child):after {
  background: #ee699b
}

.template.standard.pin-whi .csspie:first-of-type:after,.template.standard.pin-whi .csspie:first-of-type:before {
  background-color: #000
}

.template.standard.pin-whi .csspie:nth-of-type(2):after,.template.standard.pin-whi .csspie:nth-of-type(2):before {
  background-color: #c1c1c1
}

.template.standard.pin-whi .value-wrapper {
  color: #fff
}

.template.standard.lim-whi .page {
  background-color: #fff
}

.template.standard.lim-whi .headline .icon {
  fill: #fff;
  background-color: #c5e1a5
}

.template.standard.lim-whi .general-section .ios-section-wrapper .info-wrapper:not(:last-child):after {
  background: #c5e1a5
}

.template.standard.lim-whi .csspie:first-of-type:after,.template.standard.lim-whi .csspie:first-of-type:before {
  background-color: #000
}

.template.standard.lim-whi .csspie:nth-of-type(2):after,.template.standard.lim-whi .csspie:nth-of-type(2):before {
  background-color: #c1c1c1
}

.template.standard.lim-whi .value-wrapper {
  color: #fff
}

.template.stanford .page {
  padding-bottom: 26px;
  padding-top: 26px
}

.template.stanford .general-section,.template.stanford .kickresume-section-wrapper {
  width: 100%
}

.template.stanford ol,.template.stanford ul {
  margin-left: 16px
}

.template.stanford .kickresume-section-wrapper {
  position: relative;
  z-index: 2
}

.template.stanford .kickresume-section-wrapper:before {
  background: #c1c1c1;
  content: "";
  height: 100%;
  left: 173px;
  position: absolute;
  top: 20px;
  width: 1px;
  z-index: -1
}

.template.stanford .general-section {
  display: flex;
  flex-direction: column;
  padding: 13px 0 39px;
  position: relative
}

.template.stanford .general-section .name {
  font-size: 40px;
  line-height: 60px;
  padding-bottom: var(--templates-lh-base);
  padding-left: 20px;
  text-align: center;
  width: 100%
}

.template.stanford .general-section .name span {
  font-size: inherit;
  line-height: inherit
}

.template.stanford .general-section .general-info {
  position: relative;
  vertical-align: top
}

.template.stanford .general-section .general-info:after {
  background: #0462f6;
  bottom: -16px;
  content: "";
  height: 2px;
  left: clamp(1rem, calc(50% - 24px), 3.5rem);
  position: absolute;
  width: 48px
}

.template.stanford .general-info {
  display: block;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding-left: 20px;
  text-align: center;
  width: 100%
}

.template.stanford .general-info .info-wrapper {
  display: inline-flex;
  margin-right: 16px;
  position: relative
}

.template.stanford .general-info .info-wrapper .key {
  padding-right: 8px
}

.template.stanford .general-info .info-wrapper:before {
  background: #0462f6;
  border-radius: 50%;
  content: "";
  height: 6px;
  left: -11px;
  position: absolute;
  top: clamp(1rem, calc(50% - 3px), 3.5rem);
  width: 6px
}

.template.stanford .headline {
  color: #0462f6
}

.template.stanford .headline .icon {
  fill: #fff;
  background: #000;
  border-radius: 50%
}

.template.stanford .experience-info .position,.template.stanford .publication-name {
  position: relative
}

.template.stanford .experience-info .position:before,.template.stanford .publication-name:before {
  background: #000;
  border-radius: 50%;
  content: "";
  height: 8px;
  left: -28px;
  position: absolute;
  top: 5px;
  width: 8px
}

.template.stanford .graphs.type-four .graph .graph-value .graph-progress-bar:before {
  background-color: #c1c1c1
}

.template.stanford .graphs.type-four .graph .graph-value .graph-progress-bar .graph-progress {
  background: #0462f6
}

.template.stanford .graph-score {
  position: relative
}

.template.stanford .graph-score:after {
  background: #000;
  border-radius: 50%;
  content: "";
  height: 8px;
  position: absolute;
  right: -28px;
  top: 5px;
  width: 8px
}

.template.stanford .rich-text-area ol,.template.stanford .rich-text-area ul {
  margin-left: 16px
}

.template.stanford .experience-item .left-column-wrapper .date>span {
  display: block
}

.template.stanford .hobby,.template.stanford .social-link {
  display: inline-flex;
  width: 33.333%
}

.template.stanford .hobby .icon svg,.template.stanford .social-link .icon svg {
  fill: #0462f6
}

.template.stanford .skill-wrapper {
  display: flex;
  width: 100%
}

.template.stanford .skill-wrapper .skill-category-name {
  max-width: 150px;
  min-width: 150px;
  padding-top: 0;
  position: relative;
  text-align: right;
  word-break: break-word
}

.template.stanford .skill-wrapper .skill-category-name:after {
  background: #000;
  border-radius: 50%;
  content: "";
  height: 8px;
  position: absolute;
  right: -28px;
  top: 5px;
  width: 8px
}

.template.stanford .skill-wrapper .left-column-render {
  max-width: 150px;
  min-width: 150px
}

.template.stanford .skill-wrapper .right-column-render {
  padding-left: 48px;
  width: 100%
}

.template.stanford .skill-wrapper .skills .skill {
  width: 33.3333%
}

.template.stanford .skill-section.type-one .skill .skill-description:not(.text) div i {
  background: #c1c1c1;
  border: none;
  height: 6px;
  vertical-align: middle;
  width: 28px
}

.template.stanford .skill-section.type-one .skill .skill-description:not(.text) div i.active {
  background: #0462f6
}

.template.stanford .keywords-section.type-one.center .keyword .keyword-text-wrapper {
  padding: 0;
  position: relative
}

.template.stanford .keywords-section.type-one.center .keyword .keyword-text-wrapper:after {
  background: #000;
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%
}

.template.stanford.blu .general-info .info-wrapper:before,.template.stanford.blu .general-section .general-info:after {
  background: #0462f6
}

.template.stanford.blu .headline {
  color: #0462f6
}

.template.stanford.blu .graphs.type-four .graph .graph-value .graph-progress-bar .graph-progress {
  background: #0462f6
}

.template.stanford.blu .hobby .icon svg,.template.stanford.blu .social-link .icon svg {
  fill: #0462f6
}

.template.stanford.blu .skill-section.type-one .skill .skill-description:not(.text) div i.active {
  background: #0462f6
}

.template.stanford.win .general-info .info-wrapper:before,.template.stanford.win .general-section .general-info:after {
  background: #961e27
}

.template.stanford.win .headline {
  color: #961e27
}

.template.stanford.win .graphs.type-four .graph .graph-value .graph-progress-bar .graph-progress {
  background: #961e27
}

.template.stanford.win .hobby .icon svg,.template.stanford.win .social-link .icon svg {
  fill: #961e27
}

.template.stanford.win .skill-section.type-one .skill .skill-description:not(.text) div i.active {
  background: #961e27
}

.template.stanford.grn .general-info .info-wrapper:before,.template.stanford.grn .general-section .general-info:after {
  background: #369188
}

.template.stanford.grn .headline {
  color: #369188
}

.template.stanford.grn .graphs.type-four .graph .graph-value .graph-progress-bar .graph-progress {
  background: #369188
}

.template.stanford.grn .hobby .icon svg,.template.stanford.grn .social-link .icon svg {
  fill: #369188
}

.template.stanford.grn .skill-section.type-one .skill .skill-description:not(.text) div i.active {
  background: #369188
}

.template.stanford.bro .general-info .info-wrapper:before,.template.stanford.bro .general-section .general-info:after {
  background: #884f06
}

.template.stanford.bro .headline {
  color: #884f06
}

.template.stanford.bro .graphs.type-four .graph .graph-value .graph-progress-bar .graph-progress {
  background: #884f06
}

.template.stanford.bro .hobby .icon svg,.template.stanford.bro .social-link .icon svg {
  fill: #884f06
}

.template.stanford.bro .skill-section.type-one .skill .skill-description:not(.text) div i.active {
  background: #884f06
}

.template.stanford.pur .general-info .info-wrapper:before,.template.stanford.pur .general-section .general-info:after {
  background: #ab47bc
}

.template.stanford.pur .headline {
  color: #ab47bc
}

.template.stanford.pur .graphs.type-four .graph .graph-value .graph-progress-bar .graph-progress {
  background: #ab47bc
}

.template.stanford.pur .hobby .icon svg,.template.stanford.pur .social-link .icon svg {
  fill: #ab47bc
}

.template.stanford.pur .skill-section.type-one .skill .skill-description:not(.text) div i.active {
  background: #ab47bc
}

.template.stanford.ste .general-info .info-wrapper:before,.template.stanford.ste .general-section .general-info:after {
  background: #517484
}

.template.stanford.ste .headline {
  color: #517484
}

.template.stanford.ste .graphs.type-four .graph .graph-value .graph-progress-bar .graph-progress {
  background: #517484
}

.template.stanford.ste .hobby .icon svg,.template.stanford.ste .social-link .icon svg {
  fill: #517484
}

.template.stanford.ste .skill-section.type-one .skill .skill-description:not(.text) div i.active {
  background: #517484
}

.template.stanford.bri-red .general-info .info-wrapper:before,.template.stanford.bri-red .general-section .general-info:after {
  background: #ee4e34
}

.template.stanford.bri-red .headline {
  color: #ee4e34
}

.template.stanford.bri-red .graphs.type-four .graph .graph-value .graph-progress-bar .graph-progress {
  background: #ee4e34
}

.template.stanford.bri-red .hobby .icon svg,.template.stanford.bri-red .social-link .icon svg {
  fill: #ee4e34
}

.template.stanford.bri-red .skill-section.type-one .skill .skill-description:not(.text) div i.active {
  background: #ee4e34
}

.template.stanford.gol .general-info .info-wrapper:before,.template.stanford.gol .general-section .general-info:after {
  background: #c29d42
}

.template.stanford.gol .headline {
  color: #c29d42
}

.template.stanford.gol .graphs.type-four .graph .graph-value .graph-progress-bar .graph-progress {
  background: #c29d42
}

.template.stanford.gol .hobby .icon svg,.template.stanford.gol .social-link .icon svg {
  fill: #c29d42
}

.template.stanford.gol .skill-section.type-one .skill .skill-description:not(.text) div i.active {
  background: #c29d42
}

.template.stanford.gre .general-info .info-wrapper:before,.template.stanford.gre .general-section .general-info:after {
  background: grey
}

.template.stanford.gre .headline {
  color: grey
}

.template.stanford.gre .graphs.type-four .graph .graph-value .graph-progress-bar .graph-progress {
  background: grey
}

.template.stanford.gre .hobby .icon svg,.template.stanford.gre .social-link .icon svg {
  fill: grey
}

.template.stanford.gre .skill-section.type-one .skill .skill-description:not(.text) div i.active {
  background: grey
}

.template.sunny.letter .general-section .general-info {
  padding-left: 75px;
  padding-right: 53px
}

.template.sunny .page .top-ornament {
  background: #58595b;
  display: block;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.template.sunny .page.first-page .top-ornament {
  height: 62px;
  z-index: 0
}

.template.sunny .page:not(.first-page) .top-ornament {
  height: 26px
}

.template.sunny .bottom-ornament {
  background: #000;
  bottom: 47px;
  display: block;
  height: 1px;
  left: 60px;
  position: absolute;
  width: clamp(1rem, calc(100% - 106px), 3.5rem);
}

.template.sunny .page {
  box-sizing: border-box;
  position: relative
}

.template.sunny .page:before {
  background: #000;
  content: "";
  height: clamp(1rem, calc(100% - 135px), 3.5rem);
  left: 391px;
  position: absolute;
  top: 70px;
  width: 1px
}

.template.sunny .general-section {
  background: #58595b;
  padding: 0;
  position: relative;
  text-align: center;
  z-index: 1
}

.template.sunny .general-section.no-avatar {
  padding-top: 65px
}

.template.sunny .general-section.no-avatar .avatar {
  display: none
}

.template.sunny .general-section .avatar {
  border: none;
  height: 120px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  padding-top: 20px;
  position: relative;
  width: 120px
}

.template.sunny .general-section .avatar .thumbnail {
  align-items: center;
  background: #58595b;
  border: none;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  overflow: hidden;
  position: relative;
  z-index: 0
}

.template.sunny .general-section .avatar .thumbnail img {
  border-radius: 50%;
  height: 100px;
  object-fit: cover;
  width: 100px
}

.template.sunny .general-section .avatar .thumbnail svg.dotted.round {
  stroke: #facd48;
  stroke-width: 4px;
  stroke-dasharray: 1 12;
  stroke-dashoffset: 8;
  stroke-linecap: round;
  fill: none;
  display: block;
  height: 120px;
  left: 3px;
  position: absolute;
  top: 1px;
  width: 115px
}

.template.sunny .general-section .name {
  background: #facd48;
  border-radius: 10px;
  color: #000;
  display: inline-block;
  font-size: 30px;
  line-height: 50px;
  padding: 5px 30px;
  position: relative;
  text-align: center;
  z-index: 1
}

.template.sunny .general-section .general-info {
  background: #fff;
  margin-top: -20px;
  padding: 40px 60px 60px;
  position: relative;
  vertical-align: top
}

.template.sunny .general-section .general-info:before {
  background: #fff;
  bottom: -2px;
  content: "";
  height: 4px;
  left: 0;
  position: absolute;
  width: 100%
}

.template.sunny .general-section .general-info:after {
  background: #000;
  bottom: 30px;
  content: "";
  height: 1px;
  left: 60px;
  position: absolute;
  width: clamp(1rem, calc(100% - 104px), 3.5rem);
}

.template.sunny .general-section .general-info .separator {
  color: #facd48;
  margin: 0 8px
}

.template.sunny .headline .icon {
  background-color: #facd48;
  border-radius: 50%;
  z-index: 1
}

.template.sunny .skill {
  padding: 0;
  width: 100%
}

.template.sunny .skill-description-wrapper:not(.text) {
  align-items: center;
  display: flex
}

.template.sunny .skill-description-wrapper:not(.text) .skill-description {
  background: #58595b;
  display: flex;
  height: 8px;
  position: relative;
  width: 100%
}

.template.sunny .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.sunny .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.sunny .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.sunny .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.sunny .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #facd48;
  height: 8px;
  position: absolute
}

.template.sunny .graphs.type-two .graph .graph-item .circle-gray {
  stroke-width: 10px;
  stroke: #58595b;
  opacity: 1
}

.template.sunny .graphs.type-two .graph .graph-item .circle {
  stroke: #facd48
}

.template.sunny .keyword {
  color: #000
}

.template.sunny .keyword .keyword-text-wrapper {
  background: #facd48;
  border-radius: 5px
}

.template.sunny .graph,.template.sunny .hobby,.template.sunny .social-link {
  width: 33.33%
}

.template.sunny .hobby .icon svg,.template.sunny .social-link .icon svg {
  fill: #facd48
}

.template.sunny.yel-gre .general-section,.template.sunny.yel-gre .general-section .avatar .thumbnail,.template.sunny.yel-gre .page .top-ornament {
  background: #58595b
}

.template.sunny.yel-gre .general-section .avatar .thumbnail svg.dotted.round {
  stroke: #facd48
}

.template.sunny.yel-gre .general-section .name {
  background: #facd48
}

.template.sunny.yel-gre .general-section .general-info .separator {
  color: #facd48
}

.template.sunny.yel-gre .headline .icon {
  background-color: #facd48
}

.template.sunny.yel-gre .skill-description-wrapper:not(.text) .skill-description {
  background: #58595b
}

.template.sunny.yel-gre .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.sunny.yel-gre .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.sunny.yel-gre .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.sunny.yel-gre .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.sunny.yel-gre .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #facd48
}

.template.sunny.yel-gre .graphs.type-two .graph .graph-item .circle-gray {
  stroke: #58595b
}

.template.sunny.yel-gre .graphs.type-two .graph .graph-item .circle {
  stroke: #facd48
}

.template.sunny.yel-gre .keyword .keyword-text-wrapper {
  background: #facd48
}

.template.sunny.yel-gre .hobby .icon svg,.template.sunny.yel-gre .social-link .icon svg {
  fill: #facd48
}

.template.sunny.gre-red .general-section,.template.sunny.gre-red .general-section .avatar .thumbnail,.template.sunny.gre-red .page .top-ornament {
  background: #58595b
}

.template.sunny.gre-red .general-section .avatar .thumbnail svg.dotted.round {
  stroke: #ee8a80
}

.template.sunny.gre-red .general-section .name {
  background: #ee8a80
}

.template.sunny.gre-red .general-section .general-info .separator {
  color: #ee8a80
}

.template.sunny.gre-red .headline .icon {
  background-color: #ee8a80
}

.template.sunny.gre-red .skill-description-wrapper:not(.text) .skill-description {
  background: #58595b
}

.template.sunny.gre-red .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.sunny.gre-red .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.sunny.gre-red .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.sunny.gre-red .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.sunny.gre-red .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #ee8a80
}

.template.sunny.gre-red .graphs.type-two .graph .graph-item .circle-gray {
  stroke: #58595b
}

.template.sunny.gre-red .graphs.type-two .graph .graph-item .circle {
  stroke: #ee8a80
}

.template.sunny.gre-red .keyword .keyword-text-wrapper {
  background: #ee8a80
}

.template.sunny.gre-red .hobby .icon svg,.template.sunny.gre-red .social-link .icon svg {
  fill: #ee8a80
}

.template.sunny.blu-gre .general-section,.template.sunny.blu-gre .general-section .avatar .thumbnail,.template.sunny.blu-gre .page .top-ornament {
  background: #58595b
}

.template.sunny.blu-gre .general-section .avatar .thumbnail svg.dotted.round {
  stroke: #3dbfed
}

.template.sunny.blu-gre .general-section .name {
  background: #3dbfed
}

.template.sunny.blu-gre .general-section .general-info .separator {
  color: #3dbfed
}

.template.sunny.blu-gre .headline .icon {
  background-color: #3dbfed
}

.template.sunny.blu-gre .skill-description-wrapper:not(.text) .skill-description {
  background: #58595b
}

.template.sunny.blu-gre .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.sunny.blu-gre .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.sunny.blu-gre .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.sunny.blu-gre .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.sunny.blu-gre .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #3dbfed
}

.template.sunny.blu-gre .graphs.type-two .graph .graph-item .circle-gray {
  stroke: #58595b
}

.template.sunny.blu-gre .graphs.type-two .graph .graph-item .circle {
  stroke: #3dbfed
}

.template.sunny.blu-gre .keyword .keyword-text-wrapper {
  background: #3dbfed
}

.template.sunny.blu-gre .hobby .icon svg,.template.sunny.blu-gre .social-link .icon svg {
  fill: #3dbfed
}

.template.sunny.min-gre .general-section,.template.sunny.min-gre .general-section .avatar .thumbnail,.template.sunny.min-gre .page .top-ornament {
  background: #58595b
}

.template.sunny.min-gre .general-section .avatar .thumbnail svg.dotted.round {
  stroke: #67dfc2
}

.template.sunny.min-gre .general-section .name {
  background: #67dfc2
}

.template.sunny.min-gre .general-section .general-info .separator {
  color: #67dfc2
}

.template.sunny.min-gre .headline .icon {
  background-color: #67dfc2
}

.template.sunny.min-gre .skill-description-wrapper:not(.text) .skill-description {
  background: #58595b
}

.template.sunny.min-gre .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.sunny.min-gre .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.sunny.min-gre .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.sunny.min-gre .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.sunny.min-gre .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #67dfc2
}

.template.sunny.min-gre .graphs.type-two .graph .graph-item .circle-gray {
  stroke: #58595b
}

.template.sunny.min-gre .graphs.type-two .graph .graph-item .circle {
  stroke: #67dfc2
}

.template.sunny.min-gre .keyword .keyword-text-wrapper {
  background: #67dfc2
}

.template.sunny.min-gre .hobby .icon svg,.template.sunny.min-gre .social-link .icon svg {
  fill: #67dfc2
}

.template.sunny.pin-blu .general-section,.template.sunny.pin-blu .general-section .avatar .thumbnail,.template.sunny.pin-blu .page .top-ornament {
  background: #366af6
}

.template.sunny.pin-blu .general-section .avatar .thumbnail svg.dotted.round {
  stroke: #ef9a9a
}

.template.sunny.pin-blu .general-section .name {
  background: #ef9a9a
}

.template.sunny.pin-blu .general-section .general-info .separator {
  color: #ef9a9a
}

.template.sunny.pin-blu .headline .icon {
  background-color: #ef9a9a
}

.template.sunny.pin-blu .skill-description-wrapper:not(.text) .skill-description {
  background: #366af6
}

.template.sunny.pin-blu .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.sunny.pin-blu .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.sunny.pin-blu .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.sunny.pin-blu .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.sunny.pin-blu .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #ef9a9a
}

.template.sunny.pin-blu .graphs.type-two .graph .graph-item .circle-gray {
  stroke: #366af6
}

.template.sunny.pin-blu .graphs.type-two .graph .graph-item .circle {
  stroke: #ef9a9a
}

.template.sunny.pin-blu .keyword .keyword-text-wrapper {
  background: #ef9a9a
}

.template.sunny.pin-blu .hobby .icon svg,.template.sunny.pin-blu .social-link .icon svg {
  fill: #ef9a9a
}

.template.sunny.blu-yel .general-section,.template.sunny.blu-yel .general-section .avatar .thumbnail,.template.sunny.blu-yel .page .top-ornament {
  background: #f2e8c9
}

.template.sunny.blu-yel .general-section .avatar .thumbnail svg.dotted.round {
  stroke: #a1f0d6
}

.template.sunny.blu-yel .general-section .name {
  background: #a1f0d6
}

.template.sunny.blu-yel .general-section .general-info .separator {
  color: #a1f0d6
}

.template.sunny.blu-yel .headline .icon {
  background-color: #a1f0d6
}

.template.sunny.blu-yel .skill-description-wrapper:not(.text) .skill-description {
  background: #f2e8c9
}

.template.sunny.blu-yel .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.sunny.blu-yel .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.sunny.blu-yel .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.sunny.blu-yel .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.sunny.blu-yel .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #a1f0d6
}

.template.sunny.blu-yel .graphs.type-two .graph .graph-item .circle-gray {
  stroke: #f2e8c9
}

.template.sunny.blu-yel .graphs.type-two .graph .graph-item .circle {
  stroke: #a1f0d6
}

.template.sunny.blu-yel .keyword .keyword-text-wrapper {
  background: #a1f0d6
}

.template.sunny.blu-yel .hobby .icon svg,.template.sunny.blu-yel .social-link .icon svg {
  fill: #a1f0d6
}

.template.sunny.pin-yel .general-section,.template.sunny.pin-yel .general-section .avatar .thumbnail,.template.sunny.pin-yel .page .top-ornament {
  background: #f9e8d2
}

.template.sunny.pin-yel .general-section .avatar .thumbnail svg.dotted.round {
  stroke: #ef9a9a
}

.template.sunny.pin-yel .general-section .name {
  background: #ef9a9a
}

.template.sunny.pin-yel .general-section .general-info .separator {
  color: #ef9a9a
}

.template.sunny.pin-yel .headline .icon {
  background-color: #ef9a9a
}

.template.sunny.pin-yel .skill-description-wrapper:not(.text) .skill-description {
  background: #f9e8d2
}

.template.sunny.pin-yel .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.sunny.pin-yel .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.sunny.pin-yel .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.sunny.pin-yel .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.sunny.pin-yel .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #ef9a9a
}

.template.sunny.pin-yel .graphs.type-two .graph .graph-item .circle-gray {
  stroke: #f9e8d2
}

.template.sunny.pin-yel .graphs.type-two .graph .graph-item .circle {
  stroke: #ef9a9a
}

.template.sunny.pin-yel .keyword .keyword-text-wrapper {
  background: #ef9a9a
}

.template.sunny.pin-yel .hobby .icon svg,.template.sunny.pin-yel .social-link .icon svg {
  fill: #ef9a9a
}

.template.sunny.bro-grn .general-section,.template.sunny.bro-grn .general-section .avatar .thumbnail,.template.sunny.bro-grn .page .top-ornament {
  background: #808626
}

.template.sunny.bro-grn .general-section .avatar .thumbnail svg.dotted.round {
  stroke: #b5a09a
}

.template.sunny.bro-grn .general-section .name {
  background: #b5a09a
}

.template.sunny.bro-grn .general-section .general-info .separator {
  color: #b5a09a
}

.template.sunny.bro-grn .headline .icon {
  background-color: #b5a09a
}

.template.sunny.bro-grn .skill-description-wrapper:not(.text) .skill-description {
  background: #808626
}

.template.sunny.bro-grn .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.sunny.bro-grn .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.sunny.bro-grn .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.sunny.bro-grn .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.sunny.bro-grn .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #b5a09a
}

.template.sunny.bro-grn .graphs.type-two .graph .graph-item .circle-gray {
  stroke: #808626
}

.template.sunny.bro-grn .graphs.type-two .graph .graph-item .circle {
  stroke: #b5a09a
}

.template.sunny.bro-grn .keyword .keyword-text-wrapper {
  background: #b5a09a
}

.template.sunny.bro-grn .hobby .icon svg,.template.sunny.bro-grn .social-link .icon svg {
  fill: #b5a09a
}

.template.sunny.blu-blu .general-section,.template.sunny.blu-blu .general-section .avatar .thumbnail,.template.sunny.blu-blu .page .top-ornament {
  background: #517484
}

.template.sunny.blu-blu .general-section .avatar .thumbnail svg.dotted.round {
  stroke: #9bbfcc
}

.template.sunny.blu-blu .general-section .name {
  background: #9bbfcc
}

.template.sunny.blu-blu .general-section .general-info .separator {
  color: #9bbfcc
}

.template.sunny.blu-blu .headline .icon {
  background-color: #9bbfcc
}

.template.sunny.blu-blu .skill-description-wrapper:not(.text) .skill-description {
  background: #517484
}

.template.sunny.blu-blu .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.sunny.blu-blu .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.sunny.blu-blu .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.sunny.blu-blu .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.sunny.blu-blu .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #9bbfcc
}

.template.sunny.blu-blu .graphs.type-two .graph .graph-item .circle-gray {
  stroke: #517484
}

.template.sunny.blu-blu .graphs.type-two .graph .graph-item .circle {
  stroke: #9bbfcc
}

.template.sunny.blu-blu .keyword .keyword-text-wrapper {
  background: #9bbfcc
}

.template.sunny.blu-blu .hobby .icon svg,.template.sunny.blu-blu .social-link .icon svg {
  fill: #9bbfcc
}

.template.sunny.gre-gre .general-section,.template.sunny.gre-gre .general-section .avatar .thumbnail,.template.sunny.gre-gre .page .top-ornament {
  background: #58595b
}

.template.sunny.gre-gre .general-section .avatar .thumbnail svg.dotted.round {
  stroke: #d8d8d8
}

.template.sunny.gre-gre .general-section .name {
  background: #d8d8d8
}

.template.sunny.gre-gre .general-section .general-info .separator {
  color: #d8d8d8
}

.template.sunny.gre-gre .headline .icon {
  background-color: #d8d8d8
}

.template.sunny.gre-gre .skill-description-wrapper:not(.text) .skill-description {
  background: #58595b
}

.template.sunny.gre-gre .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.sunny.gre-gre .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.sunny.gre-gre .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.sunny.gre-gre .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.sunny.gre-gre .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #d8d8d8
}

.template.sunny.gre-gre .graphs.type-two .graph .graph-item .circle-gray {
  stroke: #58595b
}

.template.sunny.gre-gre .graphs.type-two .graph .graph-item .circle {
  stroke: #d8d8d8
}

.template.sunny.gre-gre .keyword .keyword-text-wrapper {
  background: #d8d8d8
}

.template.sunny.gre-gre .hobby .icon svg,.template.sunny.gre-gre .social-link .icon svg {
  fill: #d8d8d8
}

.template.sunny.gol-bla .general-section,.template.sunny.gol-bla .general-section .avatar .thumbnail,.template.sunny.gol-bla .page .top-ornament {
  background: #000
}

.template.sunny.gol-bla .general-section .avatar .thumbnail svg.dotted.round {
  stroke: #c29d42
}

.template.sunny.gol-bla .general-section .name {
  background: #c29d42
}

.template.sunny.gol-bla .general-section .general-info .separator {
  color: #c29d42
}

.template.sunny.gol-bla .headline .icon {
  background-color: #c29d42
}

.template.sunny.gol-bla .skill-description-wrapper:not(.text) .skill-description {
  background: #000
}

.template.sunny.gol-bla .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.sunny.gol-bla .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.sunny.gol-bla .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.sunny.gol-bla .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.sunny.gol-bla .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #c29d42
}

.template.sunny.gol-bla .graphs.type-two .graph .graph-item .circle-gray {
  stroke: #000
}

.template.sunny.gol-bla .graphs.type-two .graph .graph-item .circle {
  stroke: #c29d42
}

.template.sunny.gol-bla .keyword .keyword-text-wrapper {
  background: #c29d42
}

.template.sunny.gol-bla .hobby .icon svg,.template.sunny.gol-bla .social-link .icon svg {
  fill: #c29d42
}

.template.sunny.red-ste .general-section,.template.sunny.red-ste .general-section .avatar .thumbnail,.template.sunny.red-ste .page .top-ornament {
  background: #9bbfcc
}

.template.sunny.red-ste .general-section .avatar .thumbnail svg.dotted.round {
  stroke: #f9ddc0
}

.template.sunny.red-ste .general-section .name {
  background: #f9ddc0
}

.template.sunny.red-ste .general-section .general-info .separator {
  color: #f9ddc0
}

.template.sunny.red-ste .headline .icon {
  background-color: #f9ddc0
}

.template.sunny.red-ste .skill-description-wrapper:not(.text) .skill-description {
  background: #9bbfcc
}

.template.sunny.red-ste .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.sunny.red-ste .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.sunny.red-ste .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.sunny.red-ste .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.sunny.red-ste .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #f9ddc0
}

.template.sunny.red-ste .graphs.type-two .graph .graph-item .circle-gray {
  stroke: #9bbfcc
}

.template.sunny.red-ste .graphs.type-two .graph .graph-item .circle {
  stroke: #f9ddc0
}

.template.sunny.red-ste .keyword .keyword-text-wrapper {
  background: #f9ddc0
}

.template.sunny.red-ste .hobby .icon svg,.template.sunny.red-ste .social-link .icon svg {
  fill: #f9ddc0
}

.template.sunny.red-grn .general-section,.template.sunny.red-grn .general-section .avatar .thumbnail,.template.sunny.red-grn .page .top-ornament {
  background: #369188
}

.template.sunny.red-grn .general-section .avatar .thumbnail svg.dotted.round {
  stroke: #f9ddc0
}

.template.sunny.red-grn .general-section .name {
  background: #f9ddc0
}

.template.sunny.red-grn .general-section .general-info .separator {
  color: #f9ddc0
}

.template.sunny.red-grn .headline .icon {
  background-color: #f9ddc0
}

.template.sunny.red-grn .skill-description-wrapper:not(.text) .skill-description {
  background: #369188
}

.template.sunny.red-grn .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.sunny.red-grn .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.sunny.red-grn .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.sunny.red-grn .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.sunny.red-grn .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #f9ddc0
}

.template.sunny.red-grn .graphs.type-two .graph .graph-item .circle-gray {
  stroke: #369188
}

.template.sunny.red-grn .graphs.type-two .graph .graph-item .circle {
  stroke: #f9ddc0
}

.template.sunny.red-grn .keyword .keyword-text-wrapper {
  background: #f9ddc0
}

.template.sunny.red-grn .hobby .icon svg,.template.sunny.red-grn .social-link .icon svg {
  fill: #f9ddc0
}

.template.vegan .page {
  padding-bottom: 26px;
  padding-top: 26px
}

.template.vegan ol,.template.vegan ul {
  margin-left: 16px
}

.template.vegan .kickresume-section-wrapper {
  position: relative;
  z-index: 2
}

.template.vegan .kickresume-section-wrapper:before {
  background: #c1c1c1;
  content: "";
  height: 100%;
  left: 173px;
  position: absolute;
  top: 20px;
  width: 1px;
  z-index: -1
}

.template.vegan .general-section {
  position: relative
}

.template.vegan .general-section .headline {
  text-align: left
}

.template.vegan .general-section .avatar {
  display: inline-flex;
  justify-content: center;
  min-width: 168px;
  padding-top: 16px
}

.template.vegan .general-section .avatar img {
  border-radius: 50%
}

.template.vegan .general-section .name {
  color: #808626;
  font-size: 35px;
  line-height: 40px
}

.template.vegan .general-section.no-avatar .avatar .initials {
  background-color: #808626;
  border-radius: 50%;
  height: 120px;
  padding-top: 25px;
  position: relative;
  width: 120px
}

.template.vegan .general-section.no-avatar .avatar .initials .body {
  height: 70px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: 70px
}

.template.vegan .general-section.no-avatar .avatar .initials .body .first-line {
  background: #fff;
  height: 1px;
  position: absolute;
  top: 35px;
  width: 100%
}

.template.vegan .general-section.no-avatar .avatar .initials .body .first,.template.vegan .general-section.no-avatar .avatar .initials .body .second {
  color: #fff;
  font-size: 30px;
  left: 0;
  line-height: 35px;
  position: absolute;
  text-align: center;
  width: 100%
}

.template.vegan .general-section.no-avatar .avatar .initials .body .first {
  top: -5px
}

.template.vegan .general-section.no-avatar .avatar .initials .body .second {
  top: 40px
}

.template.vegan .general-section .general-info-section {
  display: flex;
  padding-bottom: clamp(1rem, calc(var(--templates-lh-base)*2), 3.5rem);
  width: 100%
}

.template.vegan .general-section .general-info-section .general-info-wrapper {
  flex-grow: 1;
  padding-left: 26px;
  padding-top: 26px
}

.template.vegan .general-section .general-info-section .general-info-wrapper .general-info-block {
  display: flex;
  flex-wrap: wrap;
  padding-top: clamp(1rem, calc(var(--templates-lh-base)*2), 3.5rem);
}

.template.vegan .general-section .general-info-section .general-info-wrapper .general-info-block .info-wrapper {
  display: inline-flex;
  margin-right: 16px
}

.template.vegan .general-section .general-info-section .general-info-wrapper .general-info-block .info-wrapper .key {
  padding-right: 8px
}

.template.vegan .headline {
  color: #808626
}

.template.vegan .headline .icon {
  fill: #fff;
  background: #000;
  border-radius: 50%
}

.template.vegan .experience-info .position,.template.vegan .publication-name {
  position: relative
}

.template.vegan .experience-info .position:before,.template.vegan .publication-name:before {
  background: #000;
  border-radius: 50%;
  content: "";
  height: 8px;
  left: -28px;
  position: absolute;
  top: 5px;
  width: 8px
}

.template.vegan .graphs.type-four .graph .graph-value .graph-progress-bar .graph-progress {
  background: #808626
}

.template.vegan .graphs.type-four .graph .graph-value .graph-progress-bar:before {
  background: #c1c1c1
}

.template.vegan .graph-score {
  position: relative
}

.template.vegan .graph-score:after {
  background: #000;
  border-radius: 50%;
  content: "";
  height: 8px;
  position: absolute;
  right: -28px;
  top: 5px;
  width: 8px
}

.template.vegan .rich-text-area ol,.template.vegan .rich-text-area ul {
  margin-left: 16px
}

.template.vegan .hobby,.template.vegan .social-link {
  display: inline-flex;
  width: 33.333%
}

.template.vegan .hobby svg,.template.vegan .social-link svg {
  fill: #808626
}

.template.vegan .skill-wrapper {
  display: flex;
  width: 100%
}

.template.vegan .skill-wrapper .skill-category-name {
  max-width: 150px;
  min-width: 150px;
  padding-top: 0;
  position: relative;
  text-align: right;
  word-break: break-word
}

.template.vegan .skill-wrapper .skill-category-name:after {
  background: #000;
  border-radius: 50%;
  content: "";
  height: 8px;
  position: absolute;
  right: -28px;
  top: 5px;
  width: 8px
}

.template.vegan .skill-wrapper .left-column-render {
  max-width: 150px;
  min-width: 150px
}

.template.vegan .skill-wrapper .right-column-render {
  padding-left: 48px;
  width: 100%
}

.template.vegan .skill-wrapper .skills .skill {
  width: 33.3333%
}

.template.vegan .skill-section.type-one .skill .skill-description:not(.text) div i {
  background: #c1c1c1;
  border: none;
  height: 6px;
  vertical-align: middle;
  width: 28px
}

.template.vegan .skill-section.type-one .skill .skill-description:not(.text) div i.active {
  background: #808626
}

.template.vegan .keywords-section.type-one.center .keyword .keyword-text-wrapper {
  padding: 0;
  position: relative
}

.template.vegan .keywords-section.type-one.center .keyword .keyword-text-wrapper:after {
  background: #000;
  bottom: -2px;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%
}

.template.vegan.oli-whi .page {
  background-color: #fff
}

.template.vegan.oli-whi .kickresume-section-wrapper:before {
  background: #c1c1c1
}

.template.vegan.oli-whi .general-section .name {
  color: #808626
}

.template.vegan.oli-whi .general-section.no-avatar .avatar .initials {
  background-color: #808626
}

.template.vegan.oli-whi .general-section.no-avatar .avatar .initials .body .first-line {
  background: #fff
}

.template.vegan.oli-whi .general-section.no-avatar .avatar .initials .body .first,.template.vegan.oli-whi .general-section.no-avatar .avatar .initials .body .second {
  color: #fff
}

.template.vegan.oli-whi .headline {
  color: #808626
}

.template.vegan.oli-whi .headline .icon {
  fill: #fff
}

.template.vegan.oli-whi .graphs.type-four .graph .graph-value .graph-progress-bar .graph-progress {
  background: #808626
}

.template.vegan.oli-whi .graphs.type-four .graph .graph-value .graph-progress-bar:before {
  background: #c1c1c1
}

.template.vegan.oli-whi .hobby svg,.template.vegan.oli-whi .social-link svg {
  fill: #808626
}

.template.vegan.oli-whi .skill-section.type-one .skill .skill-description:not(.text) div i {
  background: #c1c1c1
}

.template.vegan.oli-whi .skill-section.type-one .skill .skill-description:not(.text) div i.active {
  background: #808626
}

.template.vegan.yel-whi .page {
  background-color: #fff
}

.template.vegan.yel-whi .kickresume-section-wrapper:before {
  background: #c1c1c1
}

.template.vegan.yel-whi .general-section .name {
  color: #f7b94b
}

.template.vegan.yel-whi .general-section.no-avatar .avatar .initials {
  background-color: #f7b94b
}

.template.vegan.yel-whi .general-section.no-avatar .avatar .initials .body .first-line {
  background: #fff
}

.template.vegan.yel-whi .general-section.no-avatar .avatar .initials .body .first,.template.vegan.yel-whi .general-section.no-avatar .avatar .initials .body .second {
  color: #fff
}

.template.vegan.yel-whi .headline {
  color: #f7b94b
}

.template.vegan.yel-whi .headline .icon {
  fill: #fff
}

.template.vegan.yel-whi .graphs.type-four .graph .graph-value .graph-progress-bar .graph-progress {
  background: #f7b94b
}

.template.vegan.yel-whi .graphs.type-four .graph .graph-value .graph-progress-bar:before {
  background: #c1c1c1
}

.template.vegan.yel-whi .hobby svg,.template.vegan.yel-whi .social-link svg {
  fill: #f7b94b
}

.template.vegan.yel-whi .skill-section.type-one .skill .skill-description:not(.text) div i {
  background: #c1c1c1
}

.template.vegan.yel-whi .skill-section.type-one .skill .skill-description:not(.text) div i.active {
  background: #f7b94b
}

.template.vegan.grn-whi .page {
  background-color: #fff
}

.template.vegan.grn-whi .kickresume-section-wrapper:before {
  background: #c1c1c1
}

.template.vegan.grn-whi .general-section .name {
  color: #369188
}

.template.vegan.grn-whi .general-section.no-avatar .avatar .initials {
  background-color: #369188
}

.template.vegan.grn-whi .general-section.no-avatar .avatar .initials .body .first-line {
  background: #fff
}

.template.vegan.grn-whi .general-section.no-avatar .avatar .initials .body .first,.template.vegan.grn-whi .general-section.no-avatar .avatar .initials .body .second {
  color: #fff
}

.template.vegan.grn-whi .headline {
  color: #369188
}

.template.vegan.grn-whi .headline .icon {
  fill: #fff
}

.template.vegan.grn-whi .graphs.type-four .graph .graph-value .graph-progress-bar .graph-progress {
  background: #369188
}

.template.vegan.grn-whi .graphs.type-four .graph .graph-value .graph-progress-bar:before {
  background: #c1c1c1
}

.template.vegan.grn-whi .hobby svg,.template.vegan.grn-whi .social-link svg {
  fill: #369188
}

.template.vegan.grn-whi .skill-section.type-one .skill .skill-description:not(.text) div i {
  background: #c1c1c1
}

.template.vegan.grn-whi .skill-section.type-one .skill .skill-description:not(.text) div i.active {
  background: #369188
}

.template.vegan.dar-grn-whi .page {
  background-color: #fff
}

.template.vegan.dar-grn-whi .kickresume-section-wrapper:before {
  background: #c1c1c1
}

.template.vegan.dar-grn-whi .general-section .name {
  color: #516851
}

.template.vegan.dar-grn-whi .general-section.no-avatar .avatar .initials {
  background-color: #516851
}

.template.vegan.dar-grn-whi .general-section.no-avatar .avatar .initials .body .first-line {
  background: #fff
}

.template.vegan.dar-grn-whi .general-section.no-avatar .avatar .initials .body .first,.template.vegan.dar-grn-whi .general-section.no-avatar .avatar .initials .body .second {
  color: #fff
}

.template.vegan.dar-grn-whi .headline {
  color: #516851
}

.template.vegan.dar-grn-whi .headline .icon {
  fill: #fff
}

.template.vegan.dar-grn-whi .graphs.type-four .graph .graph-value .graph-progress-bar .graph-progress {
  background: #516851
}

.template.vegan.dar-grn-whi .graphs.type-four .graph .graph-value .graph-progress-bar:before {
  background: #c1c1c1
}

.template.vegan.dar-grn-whi .hobby svg,.template.vegan.dar-grn-whi .social-link svg {
  fill: #516851
}

.template.vegan.dar-grn-whi .skill-section.type-one .skill .skill-description:not(.text) div i {
  background: #c1c1c1
}

.template.vegan.dar-grn-whi .skill-section.type-one .skill .skill-description:not(.text) div i.active {
  background: #516851
}

.template.vegan.bro-whi .page {
  background-color: #fff
}

.template.vegan.bro-whi .kickresume-section-wrapper:before {
  background: #c1c1c1
}

.template.vegan.bro-whi .general-section .name {
  color: #884f06
}

.template.vegan.bro-whi .general-section.no-avatar .avatar .initials {
  background-color: #884f06
}

.template.vegan.bro-whi .general-section.no-avatar .avatar .initials .body .first-line {
  background: #fff
}

.template.vegan.bro-whi .general-section.no-avatar .avatar .initials .body .first,.template.vegan.bro-whi .general-section.no-avatar .avatar .initials .body .second {
  color: #fff
}

.template.vegan.bro-whi .headline {
  color: #884f06
}

.template.vegan.bro-whi .headline .icon {
  fill: #fff
}

.template.vegan.bro-whi .graphs.type-four .graph .graph-value .graph-progress-bar .graph-progress {
  background: #884f06
}

.template.vegan.bro-whi .graphs.type-four .graph .graph-value .graph-progress-bar:before {
  background: #c1c1c1
}

.template.vegan.bro-whi .hobby svg,.template.vegan.bro-whi .social-link svg {
  fill: #884f06
}

.template.vegan.bro-whi .skill-section.type-one .skill .skill-description:not(.text) div i {
  background: #c1c1c1
}

.template.vegan.bro-whi .skill-section.type-one .skill .skill-description:not(.text) div i.active {
  background: #884f06
}

.template.vegan.grn-grn .page {
  background-color: #c7ecc7
}

.template.vegan.grn-grn .kickresume-section-wrapper:before {
  background: #000
}

.template.vegan.grn-grn .general-section .name {
  color: #369188
}

.template.vegan.grn-grn .general-section.no-avatar .avatar .initials {
  background-color: #369188
}

.template.vegan.grn-grn .general-section.no-avatar .avatar .initials .body .first-line {
  background: #c7ecc7
}

.template.vegan.grn-grn .general-section.no-avatar .avatar .initials .body .first,.template.vegan.grn-grn .general-section.no-avatar .avatar .initials .body .second {
  color: #c7ecc7
}

.template.vegan.grn-grn .headline {
  color: #369188
}

.template.vegan.grn-grn .headline .icon {
  fill: #c7ecc7
}

.template.vegan.grn-grn .graphs.type-four .graph .graph-value .graph-progress-bar .graph-progress {
  background: #369188
}

.template.vegan.grn-grn .graphs.type-four .graph .graph-value .graph-progress-bar:before {
  background: #000
}

.template.vegan.grn-grn .hobby svg,.template.vegan.grn-grn .social-link svg {
  fill: #369188
}

.template.vegan.grn-grn .skill-section.type-one .skill .skill-description:not(.text) div i {
  background: #000
}

.template.vegan.grn-grn .skill-section.type-one .skill .skill-description:not(.text) div i.active {
  background: #369188
}

.template.vegan.grn-yel .page {
  background-color: #f9e8d2
}

.template.vegan.grn-yel .kickresume-section-wrapper:before {
  background: #000
}

.template.vegan.grn-yel .general-section .name {
  color: #369188
}

.template.vegan.grn-yel .general-section.no-avatar .avatar .initials {
  background-color: #369188
}

.template.vegan.grn-yel .general-section.no-avatar .avatar .initials .body .first-line {
  background: #f9e8d2
}

.template.vegan.grn-yel .general-section.no-avatar .avatar .initials .body .first,.template.vegan.grn-yel .general-section.no-avatar .avatar .initials .body .second {
  color: #f9e8d2
}

.template.vegan.grn-yel .headline {
  color: #369188
}

.template.vegan.grn-yel .headline .icon {
  fill: #f9e8d2
}

.template.vegan.grn-yel .graphs.type-four .graph .graph-value .graph-progress-bar .graph-progress {
  background: #369188
}

.template.vegan.grn-yel .graphs.type-four .graph .graph-value .graph-progress-bar:before {
  background: #000
}

.template.vegan.grn-yel .hobby svg,.template.vegan.grn-yel .social-link svg {
  fill: #369188
}

.template.vegan.grn-yel .skill-section.type-one .skill .skill-description:not(.text) div i {
  background: #000
}

.template.vegan.grn-yel .skill-section.type-one .skill .skill-description:not(.text) div i.active {
  background: #369188
}

.template.vegan.bla-whi .page {
  background-color: #fff
}

.template.vegan.bla-whi .kickresume-section-wrapper:before {
  background: #c1c1c1
}

.template.vegan.bla-whi .general-section .name {
  color: #000
}

.template.vegan.bla-whi .general-section.no-avatar .avatar .initials {
  background-color: #000
}

.template.vegan.bla-whi .general-section.no-avatar .avatar .initials .body .first-line {
  background: #fff
}

.template.vegan.bla-whi .general-section.no-avatar .avatar .initials .body .first,.template.vegan.bla-whi .general-section.no-avatar .avatar .initials .body .second {
  color: #fff
}

.template.vegan.bla-whi .headline {
  color: #000
}

.template.vegan.bla-whi .headline .icon {
  fill: #fff
}

.template.vegan.bla-whi .graphs.type-four .graph .graph-value .graph-progress-bar .graph-progress {
  background: #000
}

.template.vegan.bla-whi .graphs.type-four .graph .graph-value .graph-progress-bar:before {
  background: #c1c1c1
}

.template.vegan.bla-whi .hobby svg,.template.vegan.bla-whi .social-link svg {
  fill: #000
}

.template.vegan.bla-whi .skill-section.type-one .skill .skill-description:not(.text) div i {
  background: #c1c1c1
}

.template.vegan.bla-whi .skill-section.type-one .skill .skill-description:not(.text) div i.active {
  background: #000
}

.template.visibility.letter .general-section {
  padding-left: 75px;
  padding-right: 53px
}

.template.visibility.letter.page-wrapper.numbersShown .outer-page.multi-page .page:after {
  padding-right: 53px
}

.template.visibility .page {
  background-color: #fff
}

.template.visibility .page:after {
  color: #0462f6
}

.template.visibility.page-wrapper.numbersShown .outer-page.multi-page .page:after {
  padding-right: 46px;
  text-align: right
}

.template.visibility .general-section,.template.visibility .kickresume-section-wrapper {
  width: 100%
}

.template.visibility .headline {
  color: #0462f6
}

.template.visibility .headline .icon svg {
  fill: #0462f6
}

.template.visibility .general-section {
  display: flex;
  padding: 0 46px 26px 60px;
  position: relative
}

.template.visibility .general-section .name-container {
  display: inline-block;
  padding-right: 36px;
  vertical-align: top
}

.template.visibility .general-section .name-container .border {
  border: 2px solid #0462f6;
  display: inline-block;
  padding: 15px 25px;
  width: 311px
}

.template.visibility .general-section .name-container .border .name {
  font-size: 42px;
  line-height: 50px
}

.template.visibility .general-section .general-info {
  display: inline-block;
  padding-left: 30px;
  width: 341px
}

.template.visibility .general-section .general-info .key {
  margin-right: 8px
}

.template.visibility .experience-section .experience-item .experience-info .company-name,.template.visibility .experience-section .experience-item .experience-info .publisher {
  color: #0462f6
}

.template.visibility .hobbies .hobby,.template.visibility .social-link.type-two {
  width: 33.333%
}

.template.visibility .social-links-wrapper {
  padding-left: 30px
}

.template.visibility .keyword {
  box-sizing: border-box
}

.template.visibility .keyword .keyword-text-wrapper {
  border: 1px solid #0462f6
}

.template.visibility .hobby .icon svg,.template.visibility .social-links-wrapper .icon svg {
  fill: #0462f6
}

.template.visibility .graphs.type-two {
  padding-left: 30px
}

.template.visibility .graphs.type-two .graph .graph-item .circle {
  stroke: #0462f6
}

.template.visibility .graphs.type-two .graph .graph-item .circle-gray {
  stroke: #000;
  stroke-width: 9px
}

.template.visibility .skill {
  padding: 0;
  width: 100%
}

.template.visibility .skill-description-wrapper:not(.text) {
  align-items: center;
  display: flex
}

.template.visibility .skill-description-wrapper:not(.text) .skill-description {
  background: #000;
  display: flex;
  height: 8px;
  position: relative;
  width: 100%
}

.template.visibility .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.visibility .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.visibility .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.visibility .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.visibility .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #0462f6;
  height: 8px;
  position: absolute
}

.template.visibility.blu-whi .page {
  background-color: #fff
}

.template.visibility.blu-whi .headline,.template.visibility.blu-whi .page:after {
  color: #0462f6
}

.template.visibility.blu-whi .headline .icon svg {
  fill: #0462f6
}

.template.visibility.blu-whi .general-section .name-container .border {
  border-color: #0462f6
}

.template.visibility.blu-whi .experience-section .experience-item .experience-info .company-name,.template.visibility.blu-whi .experience-section .experience-item .experience-info .publisher {
  color: #0462f6
}

.template.visibility.blu-whi .keyword .keyword-text-wrapper {
  border-color: #0462f6
}

.template.visibility.blu-whi .hobby .icon svg,.template.visibility.blu-whi .social-links-wrapper .icon svg {
  fill: #0462f6
}

.template.visibility.blu-whi .graphs.type-two .graph .graph-item .circle {
  stroke: #0462f6
}

.template.visibility.blu-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.visibility.blu-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.visibility.blu-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.visibility.blu-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.visibility.blu-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #0462f6
}

.template.visibility.red-whi .page {
  background-color: #fff
}

.template.visibility.red-whi .headline,.template.visibility.red-whi .page:after {
  color: #f7410f
}

.template.visibility.red-whi .headline .icon svg {
  fill: #f7410f
}

.template.visibility.red-whi .general-section .name-container .border {
  border-color: #f7410f
}

.template.visibility.red-whi .experience-section .experience-item .experience-info .company-name,.template.visibility.red-whi .experience-section .experience-item .experience-info .publisher {
  color: #f7410f
}

.template.visibility.red-whi .keyword .keyword-text-wrapper {
  border-color: #f7410f
}

.template.visibility.red-whi .hobby .icon svg,.template.visibility.red-whi .social-links-wrapper .icon svg {
  fill: #f7410f
}

.template.visibility.red-whi .graphs.type-two .graph .graph-item .circle {
  stroke: #f7410f
}

.template.visibility.red-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.visibility.red-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.visibility.red-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.visibility.red-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.visibility.red-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #f7410f
}

.template.visibility.grn-whi .page {
  background-color: #fff
}

.template.visibility.grn-whi .headline,.template.visibility.grn-whi .page:after {
  color: #369188
}

.template.visibility.grn-whi .headline .icon svg {
  fill: #369188
}

.template.visibility.grn-whi .general-section .name-container .border {
  border-color: #369188
}

.template.visibility.grn-whi .experience-section .experience-item .experience-info .company-name,.template.visibility.grn-whi .experience-section .experience-item .experience-info .publisher {
  color: #369188
}

.template.visibility.grn-whi .keyword .keyword-text-wrapper {
  border-color: #369188
}

.template.visibility.grn-whi .hobby .icon svg,.template.visibility.grn-whi .social-links-wrapper .icon svg {
  fill: #369188
}

.template.visibility.grn-whi .graphs.type-two .graph .graph-item .circle {
  stroke: #369188
}

.template.visibility.grn-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.visibility.grn-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.visibility.grn-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.visibility.grn-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.visibility.grn-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #369188
}

.template.visibility.yel-whi .page {
  background-color: #fff
}

.template.visibility.yel-whi .headline,.template.visibility.yel-whi .page:after {
  color: #f7b94b
}

.template.visibility.yel-whi .headline .icon svg {
  fill: #f7b94b
}

.template.visibility.yel-whi .general-section .name-container .border {
  border-color: #f7b94b
}

.template.visibility.yel-whi .experience-section .experience-item .experience-info .company-name,.template.visibility.yel-whi .experience-section .experience-item .experience-info .publisher {
  color: #f7b94b
}

.template.visibility.yel-whi .keyword .keyword-text-wrapper {
  border-color: #f7b94b
}

.template.visibility.yel-whi .hobby .icon svg,.template.visibility.yel-whi .social-links-wrapper .icon svg {
  fill: #f7b94b
}

.template.visibility.yel-whi .graphs.type-two .graph .graph-item .circle {
  stroke: #f7b94b
}

.template.visibility.yel-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.visibility.yel-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.visibility.yel-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.visibility.yel-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.visibility.yel-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #f7b94b
}

.template.visibility.pin-whi .page {
  background-color: #fff
}

.template.visibility.pin-whi .headline,.template.visibility.pin-whi .page:after {
  color: #ef9a9a
}

.template.visibility.pin-whi .headline .icon svg {
  fill: #ef9a9a
}

.template.visibility.pin-whi .general-section .name-container .border {
  border-color: #ef9a9a
}

.template.visibility.pin-whi .experience-section .experience-item .experience-info .company-name,.template.visibility.pin-whi .experience-section .experience-item .experience-info .publisher {
  color: #ef9a9a
}

.template.visibility.pin-whi .keyword .keyword-text-wrapper {
  border-color: #ef9a9a
}

.template.visibility.pin-whi .hobby .icon svg,.template.visibility.pin-whi .social-links-wrapper .icon svg {
  fill: #ef9a9a
}

.template.visibility.pin-whi .graphs.type-two .graph .graph-item .circle {
  stroke: #ef9a9a
}

.template.visibility.pin-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.visibility.pin-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.visibility.pin-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.visibility.pin-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.visibility.pin-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #ef9a9a
}

.template.visibility.cya-whi .page {
  background-color: #fff
}

.template.visibility.cya-whi .headline,.template.visibility.cya-whi .page:after {
  color: #3dbfed
}

.template.visibility.cya-whi .headline .icon svg {
  fill: #3dbfed
}

.template.visibility.cya-whi .general-section .name-container .border {
  border-color: #3dbfed
}

.template.visibility.cya-whi .experience-section .experience-item .experience-info .company-name,.template.visibility.cya-whi .experience-section .experience-item .experience-info .publisher {
  color: #3dbfed
}

.template.visibility.cya-whi .keyword .keyword-text-wrapper {
  border-color: #3dbfed
}

.template.visibility.cya-whi .hobby .icon svg,.template.visibility.cya-whi .social-links-wrapper .icon svg {
  fill: #3dbfed
}

.template.visibility.cya-whi .graphs.type-two .graph .graph-item .circle {
  stroke: #3dbfed
}

.template.visibility.cya-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.visibility.cya-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.visibility.cya-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.visibility.cya-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.visibility.cya-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #3dbfed
}

.template.visibility.win-whi .page {
  background-color: #fff
}

.template.visibility.win-whi .headline,.template.visibility.win-whi .page:after {
  color: #961e27
}

.template.visibility.win-whi .headline .icon svg {
  fill: #961e27
}

.template.visibility.win-whi .general-section .name-container .border {
  border-color: #961e27
}

.template.visibility.win-whi .experience-section .experience-item .experience-info .company-name,.template.visibility.win-whi .experience-section .experience-item .experience-info .publisher {
  color: #961e27
}

.template.visibility.win-whi .keyword .keyword-text-wrapper {
  border-color: #961e27
}

.template.visibility.win-whi .hobby .icon svg,.template.visibility.win-whi .social-links-wrapper .icon svg {
  fill: #961e27
}

.template.visibility.win-whi .graphs.type-two .graph .graph-item .circle {
  stroke: #961e27
}

.template.visibility.win-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.visibility.win-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.visibility.win-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.visibility.win-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.visibility.win-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #961e27
}

.template.visibility.bro-whi .page {
  background-color: #fff
}

.template.visibility.bro-whi .headline,.template.visibility.bro-whi .page:after {
  color: #6d4c41
}

.template.visibility.bro-whi .headline .icon svg {
  fill: #6d4c41
}

.template.visibility.bro-whi .general-section .name-container .border {
  border-color: #6d4c41
}

.template.visibility.bro-whi .experience-section .experience-item .experience-info .company-name,.template.visibility.bro-whi .experience-section .experience-item .experience-info .publisher {
  color: #6d4c41
}

.template.visibility.bro-whi .keyword .keyword-text-wrapper {
  border-color: #6d4c41
}

.template.visibility.bro-whi .hobby .icon svg,.template.visibility.bro-whi .social-links-wrapper .icon svg {
  fill: #6d4c41
}

.template.visibility.bro-whi .graphs.type-two .graph .graph-item .circle {
  stroke: #6d4c41
}

.template.visibility.bro-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.visibility.bro-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.visibility.bro-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.visibility.bro-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.visibility.bro-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #6d4c41
}

.template.visibility.ste-whi .page {
  background-color: #fff
}

.template.visibility.ste-whi .headline,.template.visibility.ste-whi .page:after {
  color: #517484
}

.template.visibility.ste-whi .headline .icon svg {
  fill: #517484
}

.template.visibility.ste-whi .general-section .name-container .border {
  border-color: #517484
}

.template.visibility.ste-whi .experience-section .experience-item .experience-info .company-name,.template.visibility.ste-whi .experience-section .experience-item .experience-info .publisher {
  color: #517484
}

.template.visibility.ste-whi .keyword .keyword-text-wrapper {
  border-color: #517484
}

.template.visibility.ste-whi .hobby .icon svg,.template.visibility.ste-whi .social-links-wrapper .icon svg {
  fill: #517484
}

.template.visibility.ste-whi .graphs.type-two .graph .graph-item .circle {
  stroke: #517484
}

.template.visibility.ste-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.visibility.ste-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.visibility.ste-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.visibility.ste-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.visibility.ste-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #517484
}

.template.visibility.blu-pin .page {
  background-color: #fce6e6
}

.template.visibility.blu-pin .headline,.template.visibility.blu-pin .page:after {
  color: #366af6
}

.template.visibility.blu-pin .headline .icon svg {
  fill: #366af6
}

.template.visibility.blu-pin .general-section .name-container .border {
  border-color: #366af6
}

.template.visibility.blu-pin .experience-section .experience-item .experience-info .company-name,.template.visibility.blu-pin .experience-section .experience-item .experience-info .publisher {
  color: #366af6
}

.template.visibility.blu-pin .keyword .keyword-text-wrapper {
  border-color: #366af6
}

.template.visibility.blu-pin .hobby .icon svg,.template.visibility.blu-pin .social-links-wrapper .icon svg {
  fill: #366af6
}

.template.visibility.blu-pin .graphs.type-two .graph .graph-item .circle {
  stroke: #366af6
}

.template.visibility.blu-pin .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.visibility.blu-pin .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.visibility.blu-pin .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.visibility.blu-pin .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.visibility.blu-pin .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #366af6
}

.template.visibility.grn-red .page {
  background-color: #f9ddc0
}

.template.visibility.grn-red .headline,.template.visibility.grn-red .page:after {
  color: #369188
}

.template.visibility.grn-red .headline .icon svg {
  fill: #369188
}

.template.visibility.grn-red .general-section .name-container .border {
  border-color: #369188
}

.template.visibility.grn-red .experience-section .experience-item .experience-info .company-name,.template.visibility.grn-red .experience-section .experience-item .experience-info .publisher {
  color: #369188
}

.template.visibility.grn-red .keyword .keyword-text-wrapper {
  border-color: #369188
}

.template.visibility.grn-red .hobby .icon svg,.template.visibility.grn-red .social-links-wrapper .icon svg {
  fill: #369188
}

.template.visibility.grn-red .graphs.type-two .graph .graph-item .circle {
  stroke: #369188
}

.template.visibility.grn-red .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.visibility.grn-red .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.visibility.grn-red .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.visibility.grn-red .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.visibility.grn-red .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #369188
}

.template.visibility.red-cya .page {
  background-color: #e5f9f9
}

.template.visibility.red-cya .headline,.template.visibility.red-cya .page:after {
  color: #f7410f
}

.template.visibility.red-cya .headline .icon svg {
  fill: #f7410f
}

.template.visibility.red-cya .general-section .name-container .border {
  border-color: #f7410f
}

.template.visibility.red-cya .experience-section .experience-item .experience-info .company-name,.template.visibility.red-cya .experience-section .experience-item .experience-info .publisher {
  color: #f7410f
}

.template.visibility.red-cya .keyword .keyword-text-wrapper {
  border-color: #f7410f
}

.template.visibility.red-cya .hobby .icon svg,.template.visibility.red-cya .social-links-wrapper .icon svg {
  fill: #f7410f
}

.template.visibility.red-cya .graphs.type-two .graph .graph-item .circle {
  stroke: #f7410f
}

.template.visibility.red-cya .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.visibility.red-cya .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.visibility.red-cya .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.visibility.red-cya .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.visibility.red-cya .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #f7410f
}

.template.visibility.gre-whi .page {
  background-color: #fff
}

.template.visibility.gre-whi .headline,.template.visibility.gre-whi .page:after {
  color: #a7a9ac
}

.template.visibility.gre-whi .headline .icon svg {
  fill: #a7a9ac
}

.template.visibility.gre-whi .general-section .name-container .border {
  border-color: #a7a9ac
}

.template.visibility.gre-whi .experience-section .experience-item .experience-info .company-name,.template.visibility.gre-whi .experience-section .experience-item .experience-info .publisher {
  color: #a7a9ac
}

.template.visibility.gre-whi .keyword .keyword-text-wrapper {
  border-color: #a7a9ac
}

.template.visibility.gre-whi .hobby .icon svg,.template.visibility.gre-whi .social-links-wrapper .icon svg {
  fill: #a7a9ac
}

.template.visibility.gre-whi .graphs.type-two .graph .graph-item .circle {
  stroke: #a7a9ac
}

.template.visibility.gre-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.visibility.gre-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.visibility.gre-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.visibility.gre-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.visibility.gre-whi .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #a7a9ac
}

.template.white .page {
  background-color: #fff
}

.template.white.letter .general-section {
  padding-left: 75px;
  padding-right: 53px
}

.template.white .general-section {
  display: flex;
  padding: 0 46px 50px 60px;
  position: relative
}

.template.white .general-section .name {
  color: #000;
  font-size: 40px;
  line-height: 60px;
  padding-bottom: var(--templates-lh-base)
}

.template.white .general-section .general-section-wrapper {
  flex-grow: 1;
  padding-right: 26px;
  padding-top: 5px
}

.template.white .general-section .general-section-wrapper .info-wrapper-icon {
  display: inline-flex;
  margin-right: 8px
}

.template.white .general-section .general-section-wrapper .info-wrapper-icon .icon {
  margin-right: 4px
}

.template.white .general-section .general-info {
  justify-content: flex-start;
  vertical-align: top
}

.template.white .general-section .general-info .item-wrapper {
  display: inline-flex
}

.template.white .general-section .avatar .thumbnail {
  border: none;
  padding: 0
}

.template.white .general-section .avatar .thumbnail img {
  border-radius: 100px
}

.template.white .general-section.no-avatar .general-section-wrapper {
  padding-right: 0
}

.template.white .date,.template.white .skill-category-name {
  color: grey
}

.template.white .graph,.template.white .hobby,.template.white .social-link {
  width: 50%
}

.template.white .skill {
  padding: 0;
  width: 100%
}

.template.white .experience-item .url a {
  font-style: italic
}

.template.white .skill-description-wrapper:not(.text) {
  align-items: center;
  display: flex
}

.template.white .skill-description-wrapper:not(.text) .skill-description {
  background: grey;
  display: flex;
  height: 8px;
  position: relative;
  width: 100%
}

.template.white .skill-description-wrapper:not(.text) .skill-description .progress-level-1,.template.white .skill-description-wrapper:not(.text) .skill-description .progress-level-2,.template.white .skill-description-wrapper:not(.text) .skill-description .progress-level-3,.template.white .skill-description-wrapper:not(.text) .skill-description .progress-level-4,.template.white .skill-description-wrapper:not(.text) .skill-description .progress-level-5 {
  background-color: #000;
  height: 8px;
  position: absolute
}

.template.white .csspie:first-of-type:after,.template.white .csspie:first-of-type:before {
  background-color: grey
}

.template.white .csspie:nth-of-type(2):after,.template.white .csspie:nth-of-type(2):before {
  background-color: #fff
}

.template.white .value-wrapper {
  color: #000
}

.template.white .keyword {
  color: #fff
}

.template.white .keyword .keyword-text-wrapper {
  background: grey
}

.template.white.gre-whi .page {
  background-color: #fff
}

.template.white.gre-whi .date,.template.white.gre-whi .skill-category-name {
  color: grey
}

.template.white.gre-whi .skill-description-wrapper:not(.text) .skill-description {
  background: grey
}

.template.white.gre-whi .csspie:first-of-type:after,.template.white.gre-whi .csspie:first-of-type:before {
  background-color: grey
}

.template.white.gre-whi .csspie:nth-of-type(2):after,.template.white.gre-whi .csspie:nth-of-type(2):before {
  background-color: #fff
}

.template.white.gre-whi .value-wrapper {
  color: #000
}

.template.white.gre-whi .keyword .keyword-text-wrapper {
  background: grey
}

.template.white.gre-sno .page {
  background-color: #eae5e1
}

.template.white.gre-sno .date,.template.white.gre-sno .skill-category-name {
  color: #58595b
}

.template.white.gre-sno .skill-description-wrapper:not(.text) .skill-description {
  background: #58595b
}

.template.white.gre-sno .csspie:first-of-type:after,.template.white.gre-sno .csspie:first-of-type:before {
  background-color: #58595b
}

.template.white.gre-sno .csspie:nth-of-type(2):after,.template.white.gre-sno .csspie:nth-of-type(2):before {
  background-color: #eae5e1
}

.template.white.gre-sno .value-wrapper {
  color: #000
}

.template.white.gre-sno .keyword .keyword-text-wrapper {
  background: #58595b
}

.web-page.web-bubbles a,.web-page.web-bubbles b,.web-page.web-bubbles del,.web-page.web-bubbles div,.web-page.web-bubbles em,.web-page.web-bubbles ins,.web-page.web-bubbles li,.web-page.web-bubbles mark,.web-page.web-bubbles ol,.web-page.web-bubbles p,.web-page.web-bubbles s,.web-page.web-bubbles small,.web-page.web-bubbles strong,.web-page.web-bubbles sub,.web-page.web-bubbles sup,.web-page.web-bubbles u,.web-page.web-bubbles ul {
  font-size: 18px;
  line-height: 28px
}

.web-page.web-bubbles .topbar .btn-tooltip {
  font-size: 12px;
  line-height: 22px
}

.web-page.web-bubbles .menu .name,.web-page.web-bubbles .section-title {
  font-size: 36px;
  line-height: 46px
}

.web-page.web-bubbles .category-name,.web-page.web-bubbles .general-section .key {
  font-size: 16px;
  line-height: 26px
}

.web-page.web-bubbles .degree,.web-page.web-bubbles .keyword,.web-page.web-bubbles .menu .section-list-item,.web-page.web-bubbles .position,.web-page.web-bubbles .publication-name {
  font-size: 26px;
  line-height: 36px
}

.web-page.web-bubbles .company,.web-page.web-bubbles .publisher {
  font-size: 22px;
  line-height: 32px
}

@media (min-width: 768px) {
  .web-page.web-bubbles .menu .name,.web-page.web-bubbles .section-title {
      font-size:46px;
      line-height: 56px
  }

  .web-page.web-bubbles .degree,.web-page.web-bubbles .keyword,.web-page.web-bubbles .menu .section-list-item,.web-page.web-bubbles .position,.web-page.web-bubbles .publication-name {
      font-size: 30px;
      line-height: 40px
  }

  .web-page.web-bubbles .company,.web-page.web-bubbles .publisher {
      font-size: 24px;
      line-height: 34px
  }
}

@media (min-width: 1200px) {
  .web-page.web-bubbles .menu .name,.web-page.web-bubbles .section-title {
      font-size:56px;
      line-height: 66px
  }

  .web-page.web-bubbles .degree,.web-page.web-bubbles .keyword,.web-page.web-bubbles .menu .section-list-item,.web-page.web-bubbles .position,.web-page.web-bubbles .publication-name {
      font-size: 34px;
      line-height: 44px
  }

  .web-page.web-bubbles .company,.web-page.web-bubbles .publisher {
      font-size: 26px;
      line-height: 36px
  }
}

.web-page.web-bubbles .web-content a:focus {
  outline-color: #fc7f9c
}

.web-page.web-bubbles .web-content .section-wrapper:nth-of-type(2n) {
  background: #733d95;
  color: #faf7f7
}

.web-page.web-bubbles .web-content .section-wrapper:nth-of-type(2n).hobby-section .entries-wrapper svg,.web-page.web-bubbles .web-content .section-wrapper:nth-of-type(2n).social-section .entries-wrapper svg {
  fill: #faf7f7
}

.web-page.web-bubbles .web-content .section-wrapper:nth-of-type(2n).graph-section .section-content svg circle {
  stroke: #faf7f7
}

.web-page.web-bubbles .web-content .section-wrapper:nth-of-type(2n).general-section .value {
  color: #faf7f7
}

.web-page.web-bubbles .web-content .section-wrapper:nth-of-type(2n).keyword-section .keyword {
  background-color: hsla(0,23%,97%,.1)
}

.web-page.web-bubbles .web-content .section-wrapper:nth-of-type(2n).keyword-section .keyword .keyword-name {
  color: #faf7f7
}

.web-page.web-bubbles .web-content .section-wrapper:nth-of-type(2n).experience-section .entry-icon:after,.web-page.web-bubbles .web-content .section-wrapper:nth-of-type(2n).experience-section .entry-icon:before,.web-page.web-bubbles .web-content .section-wrapper:nth-of-type(2n).publication-section .entry-icon:after,.web-page.web-bubbles .web-content .section-wrapper:nth-of-type(2n).publication-section .entry-icon:before,.web-page.web-bubbles .web-content .section-wrapper:nth-of-type(2n).skill-section .skill-level:after,.web-page.web-bubbles .web-content .section-wrapper:nth-of-type(2n).skill-section .skill-level:before {
  background: #faf7f7
}

.web-page.web-bubbles .web-content .section-wrapper:nth-of-type(odd) {
  background: #faf7f7;
  color: #733d95
}

.web-page.web-bubbles .web-content .section-wrapper:nth-of-type(odd).hobby-section .entries-wrapper svg,.web-page.web-bubbles .web-content .section-wrapper:nth-of-type(odd).social-section .entries-wrapper svg {
  fill: #733d95
}

.web-page.web-bubbles .web-content .section-wrapper:nth-of-type(odd).graph-section .section-content svg circle {
  stroke: #733d95
}

.web-page.web-bubbles .web-content .section-wrapper:nth-of-type(odd).general-section .value {
  color: #733d95
}

.web-page.web-bubbles .web-content .section-wrapper:nth-of-type(odd).keyword-section .keyword {
  background-color: rgba(115,61,149,.1)
}

.web-page.web-bubbles .web-content .section-wrapper:nth-of-type(odd).keyword-section .keyword .keyword-name {
  color: #733d95
}

.web-page.web-bubbles .web-content .section-wrapper:nth-of-type(odd).experience-section .entry-icon:after,.web-page.web-bubbles .web-content .section-wrapper:nth-of-type(odd).experience-section .entry-icon:before,.web-page.web-bubbles .web-content .section-wrapper:nth-of-type(odd).publication-section .entry-icon:after,.web-page.web-bubbles .web-content .section-wrapper:nth-of-type(odd).publication-section .entry-icon:before,.web-page.web-bubbles .web-content .section-wrapper:nth-of-type(odd).skill-section .skill-level:after,.web-page.web-bubbles .web-content .section-wrapper:nth-of-type(odd).skill-section .skill-level:before {
  background: #733d95
}

.web-page.web-bubbles .web-content .section-wrapper .section-icon {
  fill: #fc7f9c
}

.web-page.web-bubbles .web-content .section-wrapper.general-section .section-content .general-info-wrapper {
  border-bottom-color: #fc7f9c
}

.web-page.web-bubbles .web-content .section-wrapper.general-section .section-content .general-info-wrapper .general-avatar .line {
  background: #fc7f9c
}

.web-page.web-bubbles .web-content .section-wrapper.general-section .section-content .general-info-wrapper .general-avatar.no-avatar .avatar .initials {
  background-color: #733d95
}

.web-page.web-bubbles .web-content .section-wrapper.general-section .section-content .general-info-wrapper .general-avatar.no-avatar .avatar .initials .first,.web-page.web-bubbles .web-content .section-wrapper.general-section .section-content .general-info-wrapper .general-avatar.no-avatar .avatar .initials .second {
  color: #faf7f7
}

.web-page.web-bubbles .web-content .section-wrapper.general-section .section-content .general-info-wrapper .general-avatar.no-avatar .avatar .initials .line {
  background: #faf7f7
}

.web-page.web-bubbles .web-content .section-wrapper .section-title:after {
  background: #fc7f9c
}

.web-page.web-bubbles .web-content .section-wrapper .section-content {
  border-top-color: #fc7f9c
}

.web-page.web-bubbles .web-content .section-wrapper.experience-section .address,.web-page.web-bubbles .web-content .section-wrapper.experience-section .company,.web-page.web-bubbles .web-content .section-wrapper.experience-section .date,.web-page.web-bubbles .web-content .section-wrapper.general-section .general-info .key,.web-page.web-bubbles .web-content .section-wrapper.publication-section .date,.web-page.web-bubbles .web-content .section-wrapper.publication-section .publisher,.web-page.web-bubbles .web-content .section-wrapper.skill-section .category-name,.web-page.web-bubbles .web-content .section-wrapper.skill-section .skill-description {
  color: #fc7f9c
}

.web-page.web-bubbles .web-content .topbar:not(.closed) {
  background: #faf7f7
}

.web-page.web-bubbles .web-content .topbar .btn svg {
  fill: #733d95
}

.web-page.web-bubbles .web-content .topbar.closed svg {
  fill: #fc7f9c
}

.web-page.web-bubbles .web-content .menu {
  background: #faf7f7
}

.web-page.web-bubbles .web-content .menu .menu-content .menu-header {
  border-bottom-color: #fc7f9c
}

.web-page.web-bubbles .web-content .menu .menu-content .menu-header .name {
  color: #733d95
}

.web-page.web-bubbles .web-content .menu .menu-content .menu-header .name:after {
  background: #fc7f9c
}

.web-page.web-bubbles .web-content .menu .menu-content .section-list .section-list-item {
  color: #733d95
}

.web-page.web-bubbles .web-content .menu .menu-content .section-list .section-list-item.active {
  color: #fc7f9c
}

.web-page.web-bubbles .web-content .menu .menu-content .section-list .section-list-item:focus {
  background: rgba(115,61,149,.1)
}

.web-page.web-bubbles .web-content .next-section-btn svg {
  fill: #fc7f9c
}

.web-page.web-bubbles .web-content .next-section-btn svg :first-child {
  fill: transparent
}

.web-page.web-bubbles .web-content .next-section-btn:focus svg :first-child,.web-page.web-bubbles .web-content .next-section-btn:hover svg :first-child {
  fill: #fc7f9c
}

@media (min-width: 768px) {
  .web-page.web-bubbles .web-content .topbar:not(.closed) {
      background:transparent
  }
}

.web-page.web-bubbles .web-content .bubbles-background .background-two {
  fill: #faf7f7
}

.web-page.web-bubbles .web-content .bubbles-background .background-one {
  fill: #733d95
}

.web-page.web-bubbles .web-content .bubbles-background .color-one {
  fill: #955f3d
}

.web-page.web-bubbles .web-content .bubbles-background .color-two {
  fill: #ff9345
}

.web-page.web-bubbles .web-content {
  position: relative
}

.web-page.web-bubbles .web-content .bubbles-background {
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%
}

.web-page.web-bubbles .web-content .bubbles-background .background-one,.web-page.web-bubbles .web-content .bubbles-background .background-two {
  opacity: .05
}

.web-page.web-bubbles .web-content .topbar {
  align-items: center;
  display: flex;
  height: 83px;
  left: 0;
  padding: 23px 24px 0;
  pointer-events: none;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 3
}

.web-page.web-bubbles .web-content .topbar.closed .btn:not(.menu-btn):not(.download-btn) {
  display: none
}

.web-page.web-bubbles .web-content .topbar .btn,.web-page.web-bubbles .web-content .topbar .share-popover {
  pointer-events: auto
}

.web-page.web-bubbles .web-content .topbar .btn {
  background: transparent;
  display: flex
}

.web-page.web-bubbles .web-content .topbar .btn:not(:last-of-type) {
  margin-right: 20px
}

.web-page.web-bubbles .web-content .topbar .btn .btn-tooltip {
  background: #313131;
  border-radius: 5px;
  color: #fff
}

.web-page.web-bubbles .web-content .topbar .contact-btn svg,.web-page.web-bubbles .web-content .topbar .download-btn svg {
  width: 30px
}

.web-page.web-bubbles .web-content .topbar .share-btn svg {
  width: 24px
}

.web-page.web-bubbles .web-content .topbar .menu-btn {
  margin-left: auto
}

.web-page.web-bubbles .web-content .topbar .menu-btn svg {
  width: 28px
}

.web-page.web-bubbles .web-content .topbar .share-popover {
  background-color: #313131;
  border-radius: 5px;
  padding: 10px 20px
}

.web-page.web-bubbles .web-content .menu {
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  transition: top .3s ease-in-out;
  width: 100%;
  z-index: 2
}

.web-page.web-bubbles .web-content .menu.closed {
  -webkit-animation: hideMenu .3s step-end;
  animation: hideMenu .3s step-end;
  top: -100vh;
  z-index: -1
}

@-webkit-keyframes hideMenu {
  0% {
      z-index: 2
  }

  to {
      z-index: -1
  }
}

.web-page.web-bubbles .web-content .menu .menu-content {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-y: auto;
  padding: 0 24px
}

.web-page.web-bubbles .web-content .menu .menu-content .menu-header {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  margin-top: 100px
}

.web-page.web-bubbles .web-content .menu .menu-content .menu-header .name {
  align-items: center;
  display: flex;
  flex-direction: column;
  text-align: center
}

.web-page.web-bubbles .web-content .menu .menu-content .menu-header .name:after {
  content: "";
  height: 7px;
  margin-top: 70px;
  width: 146px
}

.web-page.web-bubbles .web-content .menu .menu-content .section-list {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-top: 70px
}

.web-page.web-bubbles .web-content .menu .menu-content .section-list .section-list-item {
  cursor: pointer;
  margin-bottom: 9px;
  padding: 8px 30px;
  text-align: center
}

.web-page.web-bubbles .web-content .menu .menu-content .section-list .section-list-item:hover {
  opacity: .75;
  text-decoration: none
}

.web-page.web-bubbles .web-content .menu .menu-content .section-list .section-list-item:focus {
  border-radius: 30px;
  outline: none
}

.web-page.web-bubbles .web-content .section-wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  padding: 23px 24px 40px
}

.web-page.web-bubbles .web-content .section-wrapper.experience-section .entry-wrapper,.web-page.web-bubbles .web-content .section-wrapper.publication-section .entry-wrapper {
  display: flex;
  word-break: break-word
}

.web-page.web-bubbles .web-content .section-wrapper.experience-section .entry-wrapper:not(:last-of-type),.web-page.web-bubbles .web-content .section-wrapper.publication-section .entry-wrapper:not(:last-of-type) {
  margin-bottom: 10px
}

.web-page.web-bubbles .web-content .section-wrapper.experience-section .entry-wrapper .entry-icon,.web-page.web-bubbles .web-content .section-wrapper.publication-section .entry-wrapper .entry-icon {
  align-items: center;
  display: flex;
  flex-direction: column;
  min-width: 40px;
  padding-right: 20px
}

.web-page.web-bubbles .web-content .section-wrapper.experience-section .entry-wrapper .entry-icon:before,.web-page.web-bubbles .web-content .section-wrapper.publication-section .entry-wrapper .entry-icon:before {
  border-radius: 50%;
  content: "";
  height: 16px;
  margin: 6px 0 12px;
  min-height: 16px;
  width: 16px
}

.web-page.web-bubbles .web-content .section-wrapper.experience-section .entry-wrapper .entry-icon:after,.web-page.web-bubbles .web-content .section-wrapper.publication-section .entry-wrapper .entry-icon:after {
  content: "";
  height: 100%;
  width: 1px
}

.web-page.web-bubbles .web-content .section-wrapper.experience-section .entry-wrapper .entry-content,.web-page.web-bubbles .web-content .section-wrapper.publication-section .entry-wrapper .entry-content {
  padding-bottom: 20px
}

.web-page.web-bubbles .web-content .section-wrapper.experience-section .entry-wrapper .entry-content .header-item:not(:empty),.web-page.web-bubbles .web-content .section-wrapper.publication-section .entry-wrapper .entry-content .header-item:not(:empty) {
  margin-bottom: 10px
}

.web-page.web-bubbles .web-content .section-wrapper.experience-section .entry-wrapper .entry-content .experience-description ol,.web-page.web-bubbles .web-content .section-wrapper.publication-section .entry-wrapper .entry-content .experience-description ol {
  list-style-type: disc
}

@media (min-width: 768px) {
  .web-page.web-bubbles .web-content .section-wrapper.experience-section .entry-wrapper .entry-icon,.web-page.web-bubbles .web-content .section-wrapper.publication-section .entry-wrapper .entry-icon {
      margin-left:-40px
  }
}

@media (min-width: 1200px) {
  .web-page.web-bubbles .web-content .section-wrapper.experience-section,.web-page.web-bubbles .web-content .section-wrapper.publication-section {
      display:flex;
      flex-direction: column
  }

  .web-page.web-bubbles .web-content .section-wrapper.experience-section .entry-wrapper,.web-page.web-bubbles .web-content .section-wrapper.publication-section .entry-wrapper {
      width: clamp(1rem, calc(50% - 30px), 3.5rem);
  }

  .web-page.web-bubbles .web-content .section-wrapper.experience-section .entry-wrapper:nth-of-type(2n),.web-page.web-bubbles .web-content .section-wrapper.publication-section .entry-wrapper:nth-of-type(2n) {
      margin-left: auto
  }

  .web-page.web-bubbles .web-content .section-wrapper.experience-section .entry-wrapper:nth-of-type(2n) .entry-icon,.web-page.web-bubbles .web-content .section-wrapper.publication-section .entry-wrapper:nth-of-type(2n) .entry-icon {
      margin: 0 0 0 -40px;
      padding: 0 20px 0 0
  }

  .web-page.web-bubbles .web-content .section-wrapper.experience-section .entry-wrapper:nth-of-type(odd),.web-page.web-bubbles .web-content .section-wrapper.publication-section .entry-wrapper:nth-of-type(odd) {
      flex-direction: row-reverse
  }

  .web-page.web-bubbles .web-content .section-wrapper.experience-section .entry-wrapper:nth-of-type(odd) .entry-icon,.web-page.web-bubbles .web-content .section-wrapper.publication-section .entry-wrapper:nth-of-type(odd) .entry-icon {
      margin: 0 -40px 0 0;
      padding: 0 0 0 20px
  }

  .web-page.web-bubbles .web-content .section-wrapper.experience-section .entry-wrapper:nth-of-type(odd) .entry-content,.web-page.web-bubbles .web-content .section-wrapper.publication-section .entry-wrapper:nth-of-type(odd) .entry-content {
      text-align: right
  }

  .web-page.web-bubbles .web-content .section-wrapper.experience-section .entry-wrapper:nth-of-type(odd) .entry-content .experience-description ol,.web-page.web-bubbles .web-content .section-wrapper.experience-section .entry-wrapper:nth-of-type(odd) .entry-content .experience-description ul,.web-page.web-bubbles .web-content .section-wrapper.publication-section .entry-wrapper:nth-of-type(odd) .entry-content .experience-description ol,.web-page.web-bubbles .web-content .section-wrapper.publication-section .entry-wrapper:nth-of-type(odd) .entry-content .experience-description ul {
      direction: rtl
  }
}

.web-page.web-bubbles .web-content .section-wrapper.general-section .general-info-wrapper .general-avatar {
  display: none
}

.web-page.web-bubbles .web-content .section-wrapper.general-section .general-info-wrapper .general-avatar.no-avatar .avatar .initials {
  align-items: center;
  background-color: #000;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  height: 90px;
  justify-content: center;
  padding: 0 20px;
  width: 90px
}

.web-page.web-bubbles .web-content .section-wrapper.general-section .general-info-wrapper .general-avatar.no-avatar .avatar .initials .first,.web-page.web-bubbles .web-content .section-wrapper.general-section .general-info-wrapper .general-avatar.no-avatar .avatar .initials .second {
  color: #fff;
  font-size: 28px;
  line-height: 28px;
  padding: 3px 0
}

.web-page.web-bubbles .web-content .section-wrapper.general-section .general-info-wrapper .general-avatar.no-avatar .avatar .initials .line {
  background: #fff;
  height: 2px;
  width: 100%
}

@media (min-width: 1200px) {
  .web-page.web-bubbles .web-content .section-wrapper.general-section .general-info-wrapper .general-avatar.no-avatar .avatar .initials {
      height:120px;
      padding: 0 30px;
      width: 120px
  }

  .web-page.web-bubbles .web-content .section-wrapper.general-section .general-info-wrapper .general-avatar.no-avatar .avatar .initials .first,.web-page.web-bubbles .web-content .section-wrapper.general-section .general-info-wrapper .general-avatar.no-avatar .avatar .initials .second {
      font-size: 36px;
      line-height: 36px
  }
}

.web-page.web-bubbles .web-content .section-wrapper.general-section .general-info-wrapper .general-info {
  grid-row-gap: 20px;
  display: grid;
  grid-template-columns: 1fr
}

.web-page.web-bubbles .web-content .section-wrapper.general-section .general-info-wrapper .general-info .info-wrapper {
  display: flex;
  flex-direction: column
}

.web-page.web-bubbles .web-content .section-wrapper.general-section .general-info-wrapper:not(.empty-description) {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  margin-bottom: 50px;
  padding-bottom: 50px
}

.web-page.web-bubbles .web-content .section-wrapper.general-section .general-description {
  text-align: center
}

@media (min-width: 768px) {
  .web-page.web-bubbles .web-content .section-wrapper.general-section .general-info-wrapper .general-info {
      grid-column-gap:16px;
      grid-template-columns: 1fr 1fr
  }
}

@media (min-width: 1200px) {
  .web-page.web-bubbles .web-content .section-wrapper.general-section .general-info-wrapper {
      display:grid;
      grid-template-columns: 1fr 3fr 1fr
  }

  .web-page.web-bubbles .web-content .section-wrapper.general-section .general-info-wrapper .general-avatar {
      display: flex
  }

  .web-page.web-bubbles .web-content .section-wrapper.general-section .general-info-wrapper .general-avatar .avatar {
      width: 136px
  }

  .web-page.web-bubbles .web-content .section-wrapper.general-section .general-info-wrapper .general-avatar .avatar .thumbnail,.web-page.web-bubbles .web-content .section-wrapper.general-section .general-info-wrapper .general-avatar .avatar .thumbnail img,.web-page.web-bubbles .web-content .section-wrapper.general-section .general-info-wrapper .general-avatar.no-avatar .avatar .initials {
      height: 136px;
      width: 136px
  }

  .web-page.web-bubbles .web-content .section-wrapper.general-section .general-info-wrapper .general-avatar .line {
      height: 100%;
      margin: 0 auto;
      width: 1px
  }

  .web-page.web-bubbles .web-content .section-wrapper.general-section .general-info-wrapper .general-avatar .avatar .thumbnail img {
      border-radius: 50%
  }

  .web-page.web-bubbles .web-content .section-wrapper.general-section .general-info-wrapper .general-avatar.no-avatar .avatar .initials {
      padding: 0 28px
  }

  .web-page.web-bubbles .web-content .section-wrapper.general-section .general-info-wrapper .general-avatar.no-avatar .avatar .initials .first,.web-page.web-bubbles .web-content .section-wrapper.general-section .general-info-wrapper .general-avatar.no-avatar .avatar .initials .second {
      font-size: 34px;
      line-height: 34px
  }
}

.web-page.web-bubbles .web-content .section-wrapper.graph-section .section-content .entries-wrapper {
  grid-row-gap: 50px;
  display: grid;
  grid-template-columns: 1fr
}

.web-page.web-bubbles .web-content .section-wrapper.graph-section .section-content .entries-wrapper .graph-entry .graph-name {
  margin-top: 10px
}

.web-page.web-bubbles .web-content .section-wrapper.graph-section .section-content .entries-wrapper .graph-entry .graph-value-wrapper .value,.web-page.web-bubbles .web-content .section-wrapper.graph-section .section-content .entries-wrapper .graph-entry .graph-value-wrapper svg {
  height: 146px;
  width: 146px
}

.web-page.web-bubbles .web-content .section-wrapper.graph-section .section-content .entries-wrapper .graph-entry .graph-value-wrapper svg circle {
  stroke-width: 15px
}

.web-page.web-bubbles .web-content .section-wrapper.graph-section .section-content .entries-wrapper .graph-entry .graph-value-wrapper svg.full-circle circle {
  opacity: .5
}

@media (min-width: 360px) {
  .web-page.web-bubbles .web-content .section-wrapper.graph-section .section-content .entries-wrapper {
      grid-template-columns:1fr 1fr
  }

  .web-page.web-bubbles .web-content .section-wrapper.graph-section .section-content .entries-wrapper .graph-entry .graph-name {
      margin-left: 5px;
      margin-right: 5px
  }
}

@media (min-width: 768px) {
  .web-page.web-bubbles .web-content .section-wrapper.graph-section .section-content .entries-wrapper {
      grid-template-columns:1fr 1fr 1fr
  }
}

@media (min-width: 1200px) {
  .web-page.web-bubbles .web-content .section-wrapper.graph-section .section-content .entries-wrapper {
      grid-template-columns:1fr 1fr 1fr 1fr
  }
}

.web-page.web-bubbles .web-content .section-wrapper.hobby-section .section-content .entries-wrapper,.web-page.web-bubbles .web-content .section-wrapper.social-section .section-content .entries-wrapper {
  margin-bottom: -50px
}

.web-page.web-bubbles .web-content .section-wrapper.hobby-section .section-content .entries-wrapper .hobby,.web-page.web-bubbles .web-content .section-wrapper.hobby-section .section-content .entries-wrapper .social,.web-page.web-bubbles .web-content .section-wrapper.social-section .section-content .entries-wrapper .hobby,.web-page.web-bubbles .web-content .section-wrapper.social-section .section-content .entries-wrapper .social {
  flex-basis: 100%;
  margin-bottom: 50px
}

.web-page.web-bubbles .web-content .section-wrapper.hobby-section .section-content .entries-wrapper .hobby .icon,.web-page.web-bubbles .web-content .section-wrapper.hobby-section .section-content .entries-wrapper .social .icon,.web-page.web-bubbles .web-content .section-wrapper.social-section .section-content .entries-wrapper .hobby .icon,.web-page.web-bubbles .web-content .section-wrapper.social-section .section-content .entries-wrapper .social .icon {
  height: 40px;
  margin-bottom: 20px;
  min-height: 40px;
  width: 40px
}

@media (min-width: 360px) {
  .web-page.web-bubbles .web-content .section-wrapper.hobby-section .section-content .entries-wrapper .hobby,.web-page.web-bubbles .web-content .section-wrapper.hobby-section .section-content .entries-wrapper .social,.web-page.web-bubbles .web-content .section-wrapper.social-section .section-content .entries-wrapper .hobby,.web-page.web-bubbles .web-content .section-wrapper.social-section .section-content .entries-wrapper .social {
      flex-basis:50%
  }

  .web-page.web-bubbles .web-content .section-wrapper.hobby-section .section-content .entries-wrapper .hobby .hobby-name,.web-page.web-bubbles .web-content .section-wrapper.hobby-section .section-content .entries-wrapper .hobby .social-description,.web-page.web-bubbles .web-content .section-wrapper.hobby-section .section-content .entries-wrapper .social .hobby-name,.web-page.web-bubbles .web-content .section-wrapper.hobby-section .section-content .entries-wrapper .social .social-description,.web-page.web-bubbles .web-content .section-wrapper.social-section .section-content .entries-wrapper .hobby .hobby-name,.web-page.web-bubbles .web-content .section-wrapper.social-section .section-content .entries-wrapper .hobby .social-description,.web-page.web-bubbles .web-content .section-wrapper.social-section .section-content .entries-wrapper .social .hobby-name,.web-page.web-bubbles .web-content .section-wrapper.social-section .section-content .entries-wrapper .social .social-description {
      margin-left: 8px;
      margin-right: 8px
  }
}

@media (min-width: 768px) {
  .web-page.web-bubbles .web-content .section-wrapper.hobby-section .section-content .entries-wrapper .hobby,.web-page.web-bubbles .web-content .section-wrapper.hobby-section .section-content .entries-wrapper .social,.web-page.web-bubbles .web-content .section-wrapper.social-section .section-content .entries-wrapper .hobby,.web-page.web-bubbles .web-content .section-wrapper.social-section .section-content .entries-wrapper .social {
      flex-basis:33.33%
  }
}

@media (min-width: 1200px) {
  .web-page.web-bubbles .web-content .section-wrapper.hobby-section .section-content .entries-wrapper .hobby,.web-page.web-bubbles .web-content .section-wrapper.hobby-section .section-content .entries-wrapper .social,.web-page.web-bubbles .web-content .section-wrapper.social-section .section-content .entries-wrapper .hobby,.web-page.web-bubbles .web-content .section-wrapper.social-section .section-content .entries-wrapper .social {
      flex-basis:25%
  }
}

.web-page.web-bubbles .web-content .section-wrapper.keyword-section .section-content .keyword-list {
  justify-content: center;
  margin: 0 -15px -30px
}

.web-page.web-bubbles .web-content .section-wrapper.keyword-section .section-content .keyword-list .keyword {
  border-radius: 30px;
  margin: 0 15px 30px;
  padding: 8px 30px
}

.web-page.web-bubbles .web-content .section-wrapper.skill-section .skill-category:not(:last-of-type) {
  margin-bottom: 40px
}

.web-page.web-bubbles .web-content .section-wrapper.skill-section .skill-category .skill-wrapper {
  grid-row-gap: 10px;
  display: grid;
  grid-template-columns: 1fr
}

.web-page.web-bubbles .web-content .section-wrapper.skill-section .skill-category .skill-wrapper:not(:last-of-type) {
  margin-bottom: 20px
}

.web-page.web-bubbles .web-content .section-wrapper.skill-section .skill-category .skill-wrapper .skill-level:after,.web-page.web-bubbles .web-content .section-wrapper.skill-section .skill-category .skill-wrapper .skill-level:before {
  height: 15px
}

.web-page.web-bubbles .web-content .section-wrapper.skill-section .skill-category .skill-wrapper .skill-level:before {
  opacity: .5
}

@media (min-width: 360px) {
  .web-page.web-bubbles .web-content .section-wrapper.skill-section .skill-category .skill-wrapper {
      grid-column-gap:16px;
      grid-row-gap: 0;
      grid-template-columns: 1fr 1fr
  }
}

@media (min-width: 768px) {
  .web-page.web-bubbles .web-content .section-wrapper.skill-section .skill-category .skill-wrapper {
      grid-template-columns:1fr 2fr
  }
}

@media (min-width: 1200px) {
  .web-page.web-bubbles .web-content .section-wrapper.skill-section .skill-category .skill-wrapper {
      grid-template-columns:3fr 5fr
  }
}

.web-page.web-bubbles .web-content .section-wrapper .section-content,.web-page.web-bubbles .web-content .section-wrapper .section-icon,.web-page.web-bubbles .web-content .section-wrapper .section-title {
  z-index: 1
}

.web-page.web-bubbles .web-content .section-wrapper .section-icon {
  height: 60px;
  margin: 0 auto;
  width: 30px
}

.web-page.web-bubbles .web-content .section-wrapper .section-title {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-top: 30px;
  text-align: center
}

.web-page.web-bubbles .web-content .section-wrapper .section-title:after {
  content: "";
  height: 7px;
  margin-top: 70px;
  width: 146px
}

.web-page.web-bubbles .web-content .section-wrapper .section-content {
  border-top-style: solid;
  border-top-width: 1px;
  flex-grow: 1;
  padding: 70px 0 40px
}

.web-page.web-bubbles .web-content .section-wrapper.graph-section .section-content,.web-page.web-bubbles .web-content .section-wrapper.hobby-section .section-content,.web-page.web-bubbles .web-content .section-wrapper.social-section .section-content {
  padding-top: 80px
}

.web-page.web-bubbles .web-content .footer {
  padding-left: 24px;
  padding-right: 24px;
  position: relative
}

.web-page.web-bubbles .web-content .next-section-btn {
  background-color: initial;
  bottom: 40px;
  cursor: pointer;
  height: 40px;
  padding: 0;
  position: fixed;
  right: 24px;
  width: 40px;
  z-index: 1
}

.web-page.web-bubbles .web-content .next-section-btn.up svg {
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1)
}

@media (min-width: 768px) {
  .web-page.web-bubbles .web-content .menu .menu-content .menu-header,.web-page.web-bubbles .web-content .section-wrapper .section-title {
      padding-left:12.5%;
      padding-right: 12.5%
  }

  .web-page.web-bubbles .web-content .menu .menu-content .menu-header .name:after,.web-page.web-bubbles .web-content .section-wrapper .section-title .name:after {
      width: 200px
  }

  .web-page.web-bubbles .web-content .menu .section-list,.web-page.web-bubbles .web-content .section-wrapper .section-content {
      padding-left: 12.5%;
      padding-right: 12.5%
  }

  .web-page.web-bubbles .web-content .section-wrapper.general-section .section-content {
      padding-left: 0;
      padding-right: 0
  }

  .web-page.web-bubbles .web-content .section-wrapper.general-section .section-content .general-description,.web-page.web-bubbles .web-content .section-wrapper.general-section .section-content .general-info-wrapper {
      padding-left: 12.5%;
      padding-right: 12.5%
  }

  .web-page.web-bubbles .web-content .footer .footer-row {
      margin-left: 12.5%;
      margin-right: 12.5%
  }
}

@media (min-width: 1200px) {
  .web-page.web-bubbles .web-content .topbar.closed .btn:not(.menu-btn):not(.download-btn) {
      display:flex
  }

  .web-page.web-bubbles .web-content .footer,.web-page.web-bubbles .web-content .menu .menu-content,.web-page.web-bubbles .web-content .section-wrapper {
      padding-left: clamp(1rem, calc(20px + 8.33333%), 3.5rem);
      padding-right: clamp(1rem, calc(20px + 8.33333%), 3.5rem);
  }

  .web-page.web-bubbles .web-content .menu .menu-content .menu-header {
      padding-left: 10%;
      padding-right: 10%
  }

  .web-page.web-bubbles .web-content .menu .menu-content .menu-header .name:after {
      width: 212px
  }

  .web-page.web-bubbles .web-content .menu .menu-content .section-list {
      padding-left: 10%;
      padding-right: 10%
  }

  .web-page.web-bubbles .web-content .section-wrapper .section-title:after {
      width: 212px
  }

  .web-page.web-bubbles .web-content .section-wrapper .section-content,.web-page.web-bubbles .web-content .section-wrapper .section-title {
      padding-left: 10%;
      padding-right: 10%
  }

  .web-page.web-bubbles .web-content .section-wrapper.general-section .section-content .general-info-wrapper {
      padding-left: 0;
      padding-right: 0
  }

  .web-page.web-bubbles .web-content .section-wrapper.general-section .section-content .general-description {
      padding-left: 20%;
      padding-right: 20%
  }

  .web-page.web-bubbles .web-content .footer .footer-row {
      margin-left: 10%;
      margin-right: 10%
  }
}

@media (min-width: 1440px) {
  .web-page.web-bubbles .web-content .topbar {
      padding-left:140px;
      padding-right: 140px
  }

  .web-page.web-bubbles .web-content .footer,.web-page.web-bubbles .web-content .menu .menu-content,.web-page.web-bubbles .web-content .section-wrapper {
      padding-left: clamp(1rem, calc(116.66667px + 8.33333%), 3.5rem);
      padding-right: clamp(1rem, calc(116.66667px + 8.33333%), 3.5rem);
  }

  .web-page.web-bubbles .web-content .next-section-btn {
      right: 140px
  }
}

@media (min-width: 1920px) {
  .web-page.web-bubbles .web-content .topbar {
      padding-left:clamp(1rem, calc(50% - 820px), 3.5rem);
      padding-right: clamp(1rem, calc(50% - 820px), 3.5rem);
  }

  .web-page.web-bubbles .web-content .footer,.web-page.web-bubbles .web-content .menu .menu-content,.web-page.web-bubbles .web-content .section-wrapper {
      padding-left: clamp(1rem, calc(50% - 682px), 3.5rem);
      padding-right: clamp(1rem, calc(50% - 682px), 3.5rem);
  }

  .web-page.web-bubbles .web-content .next-section-btn {
      right: clamp(1rem, calc(50% - 820px), 3.5rem);
  }
}

@media (min-height: 1080px) {
  .web-page.web-bubbles .web-content .sections .section-wrapper {
      min-height:auto
  }
}

.web-page.web-bubbles.pur-pin .web-content a:focus {
  outline-color: #fc7f9c
}

.web-page.web-bubbles.pur-pin .web-content .section-wrapper:nth-of-type(2n) {
  background: #733d95;
  color: #faf7f7
}

.web-page.web-bubbles.pur-pin .web-content .section-wrapper:nth-of-type(2n).hobby-section .entries-wrapper svg,.web-page.web-bubbles.pur-pin .web-content .section-wrapper:nth-of-type(2n).social-section .entries-wrapper svg {
  fill: #faf7f7
}

.web-page.web-bubbles.pur-pin .web-content .section-wrapper:nth-of-type(2n).graph-section .section-content svg circle {
  stroke: #faf7f7
}

.web-page.web-bubbles.pur-pin .web-content .section-wrapper:nth-of-type(2n).general-section .value {
  color: #faf7f7
}

.web-page.web-bubbles.pur-pin .web-content .section-wrapper:nth-of-type(2n).keyword-section .keyword {
  background-color: hsla(0,23%,97%,.1)
}

.web-page.web-bubbles.pur-pin .web-content .section-wrapper:nth-of-type(2n).keyword-section .keyword .keyword-name {
  color: #faf7f7
}

.web-page.web-bubbles.pur-pin .web-content .section-wrapper:nth-of-type(2n).experience-section .entry-icon:after,.web-page.web-bubbles.pur-pin .web-content .section-wrapper:nth-of-type(2n).experience-section .entry-icon:before,.web-page.web-bubbles.pur-pin .web-content .section-wrapper:nth-of-type(2n).publication-section .entry-icon:after,.web-page.web-bubbles.pur-pin .web-content .section-wrapper:nth-of-type(2n).publication-section .entry-icon:before,.web-page.web-bubbles.pur-pin .web-content .section-wrapper:nth-of-type(2n).skill-section .skill-level:after,.web-page.web-bubbles.pur-pin .web-content .section-wrapper:nth-of-type(2n).skill-section .skill-level:before {
  background: #faf7f7
}

.web-page.web-bubbles.pur-pin .web-content .section-wrapper:nth-of-type(odd) {
  background: #faf7f7;
  color: #733d95
}

.web-page.web-bubbles.pur-pin .web-content .section-wrapper:nth-of-type(odd).hobby-section .entries-wrapper svg,.web-page.web-bubbles.pur-pin .web-content .section-wrapper:nth-of-type(odd).social-section .entries-wrapper svg {
  fill: #733d95
}

.web-page.web-bubbles.pur-pin .web-content .section-wrapper:nth-of-type(odd).graph-section .section-content svg circle {
  stroke: #733d95
}

.web-page.web-bubbles.pur-pin .web-content .section-wrapper:nth-of-type(odd).general-section .value {
  color: #733d95
}

.web-page.web-bubbles.pur-pin .web-content .section-wrapper:nth-of-type(odd).keyword-section .keyword {
  background-color: rgba(115,61,149,.1)
}

.web-page.web-bubbles.pur-pin .web-content .section-wrapper:nth-of-type(odd).keyword-section .keyword .keyword-name {
  color: #733d95
}

.web-page.web-bubbles.pur-pin .web-content .section-wrapper:nth-of-type(odd).experience-section .entry-icon:after,.web-page.web-bubbles.pur-pin .web-content .section-wrapper:nth-of-type(odd).experience-section .entry-icon:before,.web-page.web-bubbles.pur-pin .web-content .section-wrapper:nth-of-type(odd).publication-section .entry-icon:after,.web-page.web-bubbles.pur-pin .web-content .section-wrapper:nth-of-type(odd).publication-section .entry-icon:before,.web-page.web-bubbles.pur-pin .web-content .section-wrapper:nth-of-type(odd).skill-section .skill-level:after,.web-page.web-bubbles.pur-pin .web-content .section-wrapper:nth-of-type(odd).skill-section .skill-level:before {
  background: #733d95
}

.web-page.web-bubbles.pur-pin .web-content .section-wrapper .section-icon {
  fill: #fc7f9c
}

.web-page.web-bubbles.pur-pin .web-content .section-wrapper.general-section .section-content .general-info-wrapper {
  border-bottom-color: #fc7f9c
}

.web-page.web-bubbles.pur-pin .web-content .section-wrapper.general-section .section-content .general-info-wrapper .general-avatar .line {
  background: #fc7f9c
}

.web-page.web-bubbles.pur-pin .web-content .section-wrapper.general-section .section-content .general-info-wrapper .general-avatar.no-avatar .avatar .initials {
  background-color: #733d95
}

.web-page.web-bubbles.pur-pin .web-content .section-wrapper.general-section .section-content .general-info-wrapper .general-avatar.no-avatar .avatar .initials .first,.web-page.web-bubbles.pur-pin .web-content .section-wrapper.general-section .section-content .general-info-wrapper .general-avatar.no-avatar .avatar .initials .second {
  color: #faf7f7
}

.web-page.web-bubbles.pur-pin .web-content .section-wrapper.general-section .section-content .general-info-wrapper .general-avatar.no-avatar .avatar .initials .line {
  background: #faf7f7
}

.web-page.web-bubbles.pur-pin .web-content .section-wrapper .section-title:after {
  background: #fc7f9c
}

.web-page.web-bubbles.pur-pin .web-content .section-wrapper .section-content {
  border-top-color: #fc7f9c
}

.web-page.web-bubbles.pur-pin .web-content .section-wrapper.experience-section .address,.web-page.web-bubbles.pur-pin .web-content .section-wrapper.experience-section .company,.web-page.web-bubbles.pur-pin .web-content .section-wrapper.experience-section .date,.web-page.web-bubbles.pur-pin .web-content .section-wrapper.general-section .general-info .key,.web-page.web-bubbles.pur-pin .web-content .section-wrapper.publication-section .date,.web-page.web-bubbles.pur-pin .web-content .section-wrapper.publication-section .publisher,.web-page.web-bubbles.pur-pin .web-content .section-wrapper.skill-section .category-name,.web-page.web-bubbles.pur-pin .web-content .section-wrapper.skill-section .skill-description {
  color: #fc7f9c
}

.web-page.web-bubbles.pur-pin .web-content .topbar:not(.closed) {
  background: #faf7f7
}

.web-page.web-bubbles.pur-pin .web-content .topbar .btn svg {
  fill: #733d95
}

.web-page.web-bubbles.pur-pin .web-content .topbar.closed svg {
  fill: #fc7f9c
}

.web-page.web-bubbles.pur-pin .web-content .menu {
  background: #faf7f7
}

.web-page.web-bubbles.pur-pin .web-content .menu .menu-content .menu-header {
  border-bottom-color: #fc7f9c
}

.web-page.web-bubbles.pur-pin .web-content .menu .menu-content .menu-header .name {
  color: #733d95
}

.web-page.web-bubbles.pur-pin .web-content .menu .menu-content .menu-header .name:after {
  background: #fc7f9c
}

.web-page.web-bubbles.pur-pin .web-content .menu .menu-content .section-list .section-list-item {
  color: #733d95
}

.web-page.web-bubbles.pur-pin .web-content .menu .menu-content .section-list .section-list-item.active {
  color: #fc7f9c
}

.web-page.web-bubbles.pur-pin .web-content .menu .menu-content .section-list .section-list-item:focus {
  background: rgba(115,61,149,.1)
}

.web-page.web-bubbles.pur-pin .web-content .next-section-btn svg {
  fill: #fc7f9c
}

.web-page.web-bubbles.pur-pin .web-content .next-section-btn svg :first-child {
  fill: transparent
}

.web-page.web-bubbles.pur-pin .web-content .next-section-btn:focus svg :first-child,.web-page.web-bubbles.pur-pin .web-content .next-section-btn:hover svg :first-child {
  fill: #fc7f9c
}

@media (min-width: 768px) {
  .web-page.web-bubbles.pur-pin .web-content .topbar:not(.closed) {
      background:transparent
  }
}

.web-page.web-bubbles.pur-pin .web-content .bubbles-background .background-two {
  fill: #faf7f7
}

.web-page.web-bubbles.pur-pin .web-content .bubbles-background .background-one {
  fill: #733d95
}

.web-page.web-bubbles.pur-pin .web-content .bubbles-background .color-one {
  fill: #955f3d
}

.web-page.web-bubbles.pur-pin .web-content .bubbles-background .color-two {
  fill: #ff9345
}

.web-page.web-bubbles.blu-grn .web-content a:focus {
  outline-color: #1fe6b8
}

.web-page.web-bubbles.blu-grn .web-content .section-wrapper:nth-of-type(2n) {
  background: #360edb;
  color: #fefefe
}

.web-page.web-bubbles.blu-grn .web-content .section-wrapper:nth-of-type(2n).hobby-section .entries-wrapper svg,.web-page.web-bubbles.blu-grn .web-content .section-wrapper:nth-of-type(2n).social-section .entries-wrapper svg {
  fill: #fefefe
}

.web-page.web-bubbles.blu-grn .web-content .section-wrapper:nth-of-type(2n).graph-section .section-content svg circle {
  stroke: #fefefe
}

.web-page.web-bubbles.blu-grn .web-content .section-wrapper:nth-of-type(2n).general-section .value {
  color: #fefefe
}

.web-page.web-bubbles.blu-grn .web-content .section-wrapper:nth-of-type(2n).keyword-section .keyword {
  background-color: hsla(0,0%,100%,.1)
}

.web-page.web-bubbles.blu-grn .web-content .section-wrapper:nth-of-type(2n).keyword-section .keyword .keyword-name {
  color: #fefefe
}

.web-page.web-bubbles.blu-grn .web-content .section-wrapper:nth-of-type(2n).experience-section .entry-icon:after,.web-page.web-bubbles.blu-grn .web-content .section-wrapper:nth-of-type(2n).experience-section .entry-icon:before,.web-page.web-bubbles.blu-grn .web-content .section-wrapper:nth-of-type(2n).publication-section .entry-icon:after,.web-page.web-bubbles.blu-grn .web-content .section-wrapper:nth-of-type(2n).publication-section .entry-icon:before,.web-page.web-bubbles.blu-grn .web-content .section-wrapper:nth-of-type(2n).skill-section .skill-level:after,.web-page.web-bubbles.blu-grn .web-content .section-wrapper:nth-of-type(2n).skill-section .skill-level:before {
  background: #fefefe
}

.web-page.web-bubbles.blu-grn .web-content .section-wrapper:nth-of-type(odd) {
  background: #fefefe;
  color: #360edb
}

.web-page.web-bubbles.blu-grn .web-content .section-wrapper:nth-of-type(odd).hobby-section .entries-wrapper svg,.web-page.web-bubbles.blu-grn .web-content .section-wrapper:nth-of-type(odd).social-section .entries-wrapper svg {
  fill: #360edb
}

.web-page.web-bubbles.blu-grn .web-content .section-wrapper:nth-of-type(odd).graph-section .section-content svg circle {
  stroke: #360edb
}

.web-page.web-bubbles.blu-grn .web-content .section-wrapper:nth-of-type(odd).general-section .value {
  color: #360edb
}

.web-page.web-bubbles.blu-grn .web-content .section-wrapper:nth-of-type(odd).keyword-section .keyword {
  background-color: rgba(54,14,219,.1)
}

.web-page.web-bubbles.blu-grn .web-content .section-wrapper:nth-of-type(odd).keyword-section .keyword .keyword-name {
  color: #360edb
}

.web-page.web-bubbles.blu-grn .web-content .section-wrapper:nth-of-type(odd).experience-section .entry-icon:after,.web-page.web-bubbles.blu-grn .web-content .section-wrapper:nth-of-type(odd).experience-section .entry-icon:before,.web-page.web-bubbles.blu-grn .web-content .section-wrapper:nth-of-type(odd).publication-section .entry-icon:after,.web-page.web-bubbles.blu-grn .web-content .section-wrapper:nth-of-type(odd).publication-section .entry-icon:before,.web-page.web-bubbles.blu-grn .web-content .section-wrapper:nth-of-type(odd).skill-section .skill-level:after,.web-page.web-bubbles.blu-grn .web-content .section-wrapper:nth-of-type(odd).skill-section .skill-level:before {
  background: #360edb
}

.web-page.web-bubbles.blu-grn .web-content .section-wrapper .section-icon {
  fill: #1fe6b8
}

.web-page.web-bubbles.blu-grn .web-content .section-wrapper.general-section .section-content .general-info-wrapper {
  border-bottom-color: #1fe6b8
}

.web-page.web-bubbles.blu-grn .web-content .section-wrapper.general-section .section-content .general-info-wrapper .general-avatar .line {
  background: #1fe6b8
}

.web-page.web-bubbles.blu-grn .web-content .section-wrapper.general-section .section-content .general-info-wrapper .general-avatar.no-avatar .avatar .initials {
  background-color: #360edb
}

.web-page.web-bubbles.blu-grn .web-content .section-wrapper.general-section .section-content .general-info-wrapper .general-avatar.no-avatar .avatar .initials .first,.web-page.web-bubbles.blu-grn .web-content .section-wrapper.general-section .section-content .general-info-wrapper .general-avatar.no-avatar .avatar .initials .second {
  color: #fefefe
}

.web-page.web-bubbles.blu-grn .web-content .section-wrapper.general-section .section-content .general-info-wrapper .general-avatar.no-avatar .avatar .initials .line {
  background: #fefefe
}

.web-page.web-bubbles.blu-grn .web-content .section-wrapper .section-title:after {
  background: #1fe6b8
}

.web-page.web-bubbles.blu-grn .web-content .section-wrapper .section-content {
  border-top-color: #1fe6b8
}

.web-page.web-bubbles.blu-grn .web-content .section-wrapper.experience-section .address,.web-page.web-bubbles.blu-grn .web-content .section-wrapper.experience-section .company,.web-page.web-bubbles.blu-grn .web-content .section-wrapper.experience-section .date,.web-page.web-bubbles.blu-grn .web-content .section-wrapper.general-section .general-info .key,.web-page.web-bubbles.blu-grn .web-content .section-wrapper.publication-section .date,.web-page.web-bubbles.blu-grn .web-content .section-wrapper.publication-section .publisher,.web-page.web-bubbles.blu-grn .web-content .section-wrapper.skill-section .category-name,.web-page.web-bubbles.blu-grn .web-content .section-wrapper.skill-section .skill-description {
  color: #1fe6b8
}

.web-page.web-bubbles.blu-grn .web-content .topbar:not(.closed) {
  background: #fefefe
}

.web-page.web-bubbles.blu-grn .web-content .topbar .btn svg {
  fill: #360edb
}

.web-page.web-bubbles.blu-grn .web-content .topbar.closed svg {
  fill: #1fe6b8
}

.web-page.web-bubbles.blu-grn .web-content .menu {
  background: #fefefe
}

.web-page.web-bubbles.blu-grn .web-content .menu .menu-content .menu-header {
  border-bottom-color: #1fe6b8
}

.web-page.web-bubbles.blu-grn .web-content .menu .menu-content .menu-header .name {
  color: #360edb
}

.web-page.web-bubbles.blu-grn .web-content .menu .menu-content .menu-header .name:after {
  background: #1fe6b8
}

.web-page.web-bubbles.blu-grn .web-content .menu .menu-content .section-list .section-list-item {
  color: #360edb
}

.web-page.web-bubbles.blu-grn .web-content .menu .menu-content .section-list .section-list-item.active {
  color: #1fe6b8
}

.web-page.web-bubbles.blu-grn .web-content .menu .menu-content .section-list .section-list-item:focus {
  background: rgba(54,14,219,.1)
}

.web-page.web-bubbles.blu-grn .web-content .next-section-btn svg {
  fill: #1fe6b8
}

.web-page.web-bubbles.blu-grn .web-content .next-section-btn svg :first-child {
  fill: transparent
}

.web-page.web-bubbles.blu-grn .web-content .next-section-btn:focus svg :first-child,.web-page.web-bubbles.blu-grn .web-content .next-section-btn:hover svg :first-child {
  fill: #1fe6b8
}

@media (min-width: 768px) {
  .web-page.web-bubbles.blu-grn .web-content .topbar:not(.closed) {
      background:transparent
  }
}

.web-page.web-bubbles.blu-grn .web-content .bubbles-background .background-two {
  fill: #fefefe
}

.web-page.web-bubbles.blu-grn .web-content .bubbles-background .background-one {
  fill: #360edb
}

.web-page.web-bubbles.blu-grn .web-content .bubbles-background .color-one {
  fill: #d19b20
}

.web-page.web-bubbles.blu-grn .web-content .bubbles-background .color-two {
  fill: #fc5454
}

.web-page.web-bubbles.bro-ora .web-content a:focus {
  outline-color: #ff9345
}

.web-page.web-bubbles.bro-ora .web-content .section-wrapper:nth-of-type(2n) {
  background: #39281c;
  color: #fff6f0
}

.web-page.web-bubbles.bro-ora .web-content .section-wrapper:nth-of-type(2n).hobby-section .entries-wrapper svg,.web-page.web-bubbles.bro-ora .web-content .section-wrapper:nth-of-type(2n).social-section .entries-wrapper svg {
  fill: #fff6f0
}

.web-page.web-bubbles.bro-ora .web-content .section-wrapper:nth-of-type(2n).graph-section .section-content svg circle {
  stroke: #fff6f0
}

.web-page.web-bubbles.bro-ora .web-content .section-wrapper:nth-of-type(2n).general-section .value {
  color: #fff6f0
}

.web-page.web-bubbles.bro-ora .web-content .section-wrapper:nth-of-type(2n).keyword-section .keyword {
  background-color: rgba(255,246,240,.1)
}

.web-page.web-bubbles.bro-ora .web-content .section-wrapper:nth-of-type(2n).keyword-section .keyword .keyword-name {
  color: #fff6f0
}

.web-page.web-bubbles.bro-ora .web-content .section-wrapper:nth-of-type(2n).experience-section .entry-icon:after,.web-page.web-bubbles.bro-ora .web-content .section-wrapper:nth-of-type(2n).experience-section .entry-icon:before,.web-page.web-bubbles.bro-ora .web-content .section-wrapper:nth-of-type(2n).publication-section .entry-icon:after,.web-page.web-bubbles.bro-ora .web-content .section-wrapper:nth-of-type(2n).publication-section .entry-icon:before,.web-page.web-bubbles.bro-ora .web-content .section-wrapper:nth-of-type(2n).skill-section .skill-level:after,.web-page.web-bubbles.bro-ora .web-content .section-wrapper:nth-of-type(2n).skill-section .skill-level:before {
  background: #fff6f0
}

.web-page.web-bubbles.bro-ora .web-content .section-wrapper:nth-of-type(odd) {
  background: #fff6f0;
  color: #39281c
}

.web-page.web-bubbles.bro-ora .web-content .section-wrapper:nth-of-type(odd).hobby-section .entries-wrapper svg,.web-page.web-bubbles.bro-ora .web-content .section-wrapper:nth-of-type(odd).social-section .entries-wrapper svg {
  fill: #39281c
}

.web-page.web-bubbles.bro-ora .web-content .section-wrapper:nth-of-type(odd).graph-section .section-content svg circle {
  stroke: #39281c
}

.web-page.web-bubbles.bro-ora .web-content .section-wrapper:nth-of-type(odd).general-section .value {
  color: #39281c
}

.web-page.web-bubbles.bro-ora .web-content .section-wrapper:nth-of-type(odd).keyword-section .keyword {
  background-color: rgba(57,40,28,.1)
}

.web-page.web-bubbles.bro-ora .web-content .section-wrapper:nth-of-type(odd).keyword-section .keyword .keyword-name {
  color: #39281c
}

.web-page.web-bubbles.bro-ora .web-content .section-wrapper:nth-of-type(odd).experience-section .entry-icon:after,.web-page.web-bubbles.bro-ora .web-content .section-wrapper:nth-of-type(odd).experience-section .entry-icon:before,.web-page.web-bubbles.bro-ora .web-content .section-wrapper:nth-of-type(odd).publication-section .entry-icon:after,.web-page.web-bubbles.bro-ora .web-content .section-wrapper:nth-of-type(odd).publication-section .entry-icon:before,.web-page.web-bubbles.bro-ora .web-content .section-wrapper:nth-of-type(odd).skill-section .skill-level:after,.web-page.web-bubbles.bro-ora .web-content .section-wrapper:nth-of-type(odd).skill-section .skill-level:before {
  background: #39281c
}

.web-page.web-bubbles.bro-ora .web-content .section-wrapper .section-icon {
  fill: #ff9345
}

.web-page.web-bubbles.bro-ora .web-content .section-wrapper.general-section .section-content .general-info-wrapper {
  border-bottom-color: #ff9345
}

.web-page.web-bubbles.bro-ora .web-content .section-wrapper.general-section .section-content .general-info-wrapper .general-avatar .line {
  background: #ff9345
}

.web-page.web-bubbles.bro-ora .web-content .section-wrapper.general-section .section-content .general-info-wrapper .general-avatar.no-avatar .avatar .initials {
  background-color: #39281c
}

.web-page.web-bubbles.bro-ora .web-content .section-wrapper.general-section .section-content .general-info-wrapper .general-avatar.no-avatar .avatar .initials .first,.web-page.web-bubbles.bro-ora .web-content .section-wrapper.general-section .section-content .general-info-wrapper .general-avatar.no-avatar .avatar .initials .second {
  color: #fff6f0
}

.web-page.web-bubbles.bro-ora .web-content .section-wrapper.general-section .section-content .general-info-wrapper .general-avatar.no-avatar .avatar .initials .line {
  background: #fff6f0
}

.web-page.web-bubbles.bro-ora .web-content .section-wrapper .section-title:after {
  background: #ff9345
}

.web-page.web-bubbles.bro-ora .web-content .section-wrapper .section-content {
  border-top-color: #ff9345
}

.web-page.web-bubbles.bro-ora .web-content .section-wrapper.experience-section .address,.web-page.web-bubbles.bro-ora .web-content .section-wrapper.experience-section .company,.web-page.web-bubbles.bro-ora .web-content .section-wrapper.experience-section .date,.web-page.web-bubbles.bro-ora .web-content .section-wrapper.general-section .general-info .key,.web-page.web-bubbles.bro-ora .web-content .section-wrapper.publication-section .date,.web-page.web-bubbles.bro-ora .web-content .section-wrapper.publication-section .publisher,.web-page.web-bubbles.bro-ora .web-content .section-wrapper.skill-section .category-name,.web-page.web-bubbles.bro-ora .web-content .section-wrapper.skill-section .skill-description {
  color: #ff9345
}

.web-page.web-bubbles.bro-ora .web-content .topbar:not(.closed) {
  background: #fff6f0
}

.web-page.web-bubbles.bro-ora .web-content .topbar .btn svg {
  fill: #39281c
}

.web-page.web-bubbles.bro-ora .web-content .topbar.closed svg {
  fill: #ff9345
}

.web-page.web-bubbles.bro-ora .web-content .menu {
  background: #fff6f0
}

.web-page.web-bubbles.bro-ora .web-content .menu .menu-content .menu-header {
  border-bottom-color: #ff9345
}

.web-page.web-bubbles.bro-ora .web-content .menu .menu-content .menu-header .name {
  color: #39281c
}

.web-page.web-bubbles.bro-ora .web-content .menu .menu-content .menu-header .name:after {
  background: #ff9345
}

.web-page.web-bubbles.bro-ora .web-content .menu .menu-content .section-list .section-list-item {
  color: #39281c
}

.web-page.web-bubbles.bro-ora .web-content .menu .menu-content .section-list .section-list-item.active {
  color: #ff9345
}

.web-page.web-bubbles.bro-ora .web-content .menu .menu-content .section-list .section-list-item:focus {
  background: rgba(57,40,28,.1)
}

.web-page.web-bubbles.bro-ora .web-content .next-section-btn svg {
  fill: #ff9345
}

.web-page.web-bubbles.bro-ora .web-content .next-section-btn svg :first-child {
  fill: transparent
}

.web-page.web-bubbles.bro-ora .web-content .next-section-btn:focus svg :first-child,.web-page.web-bubbles.bro-ora .web-content .next-section-btn:hover svg :first-child {
  fill: #ff9345
}

@media (min-width: 768px) {
  .web-page.web-bubbles.bro-ora .web-content .topbar:not(.closed) {
      background:transparent
  }
}

.web-page.web-bubbles.bro-ora .web-content .bubbles-background .background-two {
  fill: #fff6f0
}

.web-page.web-bubbles.bro-ora .web-content .bubbles-background .background-one {
  fill: #39281c
}

.web-page.web-bubbles.bro-ora .web-content .bubbles-background .color-one {
  fill: #ffdbc7
}

.web-page.web-bubbles.bro-ora .web-content .bubbles-background .color-two {
  fill: #95813d
}

.web-page.web-bubbles.grn-ora .web-content a:focus {
  outline-color: #ff9345
}

.web-page.web-bubbles.grn-ora .web-content .section-wrapper:nth-of-type(2n) {
  background: #29391c;
  color: #fffcf0
}

.web-page.web-bubbles.grn-ora .web-content .section-wrapper:nth-of-type(2n).hobby-section .entries-wrapper svg,.web-page.web-bubbles.grn-ora .web-content .section-wrapper:nth-of-type(2n).social-section .entries-wrapper svg {
  fill: #fffcf0
}

.web-page.web-bubbles.grn-ora .web-content .section-wrapper:nth-of-type(2n).graph-section .section-content svg circle {
  stroke: #fffcf0
}

.web-page.web-bubbles.grn-ora .web-content .section-wrapper:nth-of-type(2n).general-section .value {
  color: #fffcf0
}

.web-page.web-bubbles.grn-ora .web-content .section-wrapper:nth-of-type(2n).keyword-section .keyword {
  background-color: rgba(255,252,240,.1)
}

.web-page.web-bubbles.grn-ora .web-content .section-wrapper:nth-of-type(2n).keyword-section .keyword .keyword-name {
  color: #fffcf0
}

.web-page.web-bubbles.grn-ora .web-content .section-wrapper:nth-of-type(2n).experience-section .entry-icon:after,.web-page.web-bubbles.grn-ora .web-content .section-wrapper:nth-of-type(2n).experience-section .entry-icon:before,.web-page.web-bubbles.grn-ora .web-content .section-wrapper:nth-of-type(2n).publication-section .entry-icon:after,.web-page.web-bubbles.grn-ora .web-content .section-wrapper:nth-of-type(2n).publication-section .entry-icon:before,.web-page.web-bubbles.grn-ora .web-content .section-wrapper:nth-of-type(2n).skill-section .skill-level:after,.web-page.web-bubbles.grn-ora .web-content .section-wrapper:nth-of-type(2n).skill-section .skill-level:before {
  background: #fffcf0
}

.web-page.web-bubbles.grn-ora .web-content .section-wrapper:nth-of-type(odd) {
  background: #fffcf0;
  color: #29391c
}

.web-page.web-bubbles.grn-ora .web-content .section-wrapper:nth-of-type(odd).hobby-section .entries-wrapper svg,.web-page.web-bubbles.grn-ora .web-content .section-wrapper:nth-of-type(odd).social-section .entries-wrapper svg {
  fill: #29391c
}

.web-page.web-bubbles.grn-ora .web-content .section-wrapper:nth-of-type(odd).graph-section .section-content svg circle {
  stroke: #29391c
}

.web-page.web-bubbles.grn-ora .web-content .section-wrapper:nth-of-type(odd).general-section .value {
  color: #29391c
}

.web-page.web-bubbles.grn-ora .web-content .section-wrapper:nth-of-type(odd).keyword-section .keyword {
  background-color: rgba(41,57,28,.1)
}

.web-page.web-bubbles.grn-ora .web-content .section-wrapper:nth-of-type(odd).keyword-section .keyword .keyword-name {
  color: #29391c
}

.web-page.web-bubbles.grn-ora .web-content .section-wrapper:nth-of-type(odd).experience-section .entry-icon:after,.web-page.web-bubbles.grn-ora .web-content .section-wrapper:nth-of-type(odd).experience-section .entry-icon:before,.web-page.web-bubbles.grn-ora .web-content .section-wrapper:nth-of-type(odd).publication-section .entry-icon:after,.web-page.web-bubbles.grn-ora .web-content .section-wrapper:nth-of-type(odd).publication-section .entry-icon:before,.web-page.web-bubbles.grn-ora .web-content .section-wrapper:nth-of-type(odd).skill-section .skill-level:after,.web-page.web-bubbles.grn-ora .web-content .section-wrapper:nth-of-type(odd).skill-section .skill-level:before {
  background: #29391c
}

.web-page.web-bubbles.grn-ora .web-content .section-wrapper .section-icon {
  fill: #ff9345
}

.web-page.web-bubbles.grn-ora .web-content .section-wrapper.general-section .section-content .general-info-wrapper {
  border-bottom-color: #ff9345
}

.web-page.web-bubbles.grn-ora .web-content .section-wrapper.general-section .section-content .general-info-wrapper .general-avatar .line {
  background: #ff9345
}

.web-page.web-bubbles.grn-ora .web-content .section-wrapper.general-section .section-content .general-info-wrapper .general-avatar.no-avatar .avatar .initials {
  background-color: #29391c
}

.web-page.web-bubbles.grn-ora .web-content .section-wrapper.general-section .section-content .general-info-wrapper .general-avatar.no-avatar .avatar .initials .first,.web-page.web-bubbles.grn-ora .web-content .section-wrapper.general-section .section-content .general-info-wrapper .general-avatar.no-avatar .avatar .initials .second {
  color: #fffcf0
}

.web-page.web-bubbles.grn-ora .web-content .section-wrapper.general-section .section-content .general-info-wrapper .general-avatar.no-avatar .avatar .initials .line {
  background: #fffcf0
}

.web-page.web-bubbles.grn-ora .web-content .section-wrapper .section-title:after {
  background: #ff9345
}

.web-page.web-bubbles.grn-ora .web-content .section-wrapper .section-content {
  border-top-color: #ff9345
}

.web-page.web-bubbles.grn-ora .web-content .section-wrapper.experience-section .address,.web-page.web-bubbles.grn-ora .web-content .section-wrapper.experience-section .company,.web-page.web-bubbles.grn-ora .web-content .section-wrapper.experience-section .date,.web-page.web-bubbles.grn-ora .web-content .section-wrapper.general-section .general-info .key,.web-page.web-bubbles.grn-ora .web-content .section-wrapper.publication-section .date,.web-page.web-bubbles.grn-ora .web-content .section-wrapper.publication-section .publisher,.web-page.web-bubbles.grn-ora .web-content .section-wrapper.skill-section .category-name,.web-page.web-bubbles.grn-ora .web-content .section-wrapper.skill-section .skill-description {
  color: #ff9345
}

.web-page.web-bubbles.grn-ora .web-content .topbar:not(.closed) {
  background: #fffcf0
}

.web-page.web-bubbles.grn-ora .web-content .topbar .btn svg {
  fill: #29391c
}

.web-page.web-bubbles.grn-ora .web-content .topbar.closed svg {
  fill: #ff9345
}

.web-page.web-bubbles.grn-ora .web-content .menu {
  background: #fffcf0
}

.web-page.web-bubbles.grn-ora .web-content .menu .menu-content .menu-header {
  border-bottom-color: #ff9345
}

.web-page.web-bubbles.grn-ora .web-content .menu .menu-content .menu-header .name {
  color: #29391c
}

.web-page.web-bubbles.grn-ora .web-content .menu .menu-content .menu-header .name:after {
  background: #ff9345
}

.web-page.web-bubbles.grn-ora .web-content .menu .menu-content .section-list .section-list-item {
  color: #29391c
}

.web-page.web-bubbles.grn-ora .web-content .menu .menu-content .section-list .section-list-item.active {
  color: #ff9345
}

.web-page.web-bubbles.grn-ora .web-content .menu .menu-content .section-list .section-list-item:focus {
  background: rgba(41,57,28,.1)
}

.web-page.web-bubbles.grn-ora .web-content .next-section-btn svg {
  fill: #ff9345
}

.web-page.web-bubbles.grn-ora .web-content .next-section-btn svg :first-child {
  fill: transparent
}

.web-page.web-bubbles.grn-ora .web-content .next-section-btn:focus svg :first-child,.web-page.web-bubbles.grn-ora .web-content .next-section-btn:hover svg :first-child {
  fill: #ff9345
}

@media (min-width: 768px) {
  .web-page.web-bubbles.grn-ora .web-content .topbar:not(.closed) {
      background:transparent
  }
}

.web-page.web-bubbles.grn-ora .web-content .bubbles-background .background-two {
  fill: #fffcf0
}

.web-page.web-bubbles.grn-ora .web-content .bubbles-background .background-one {
  fill: #29391c
}

.web-page.web-bubbles.grn-ora .web-content .bubbles-background .color-one {
  fill: #66dbd7
}

.web-page.web-bubbles.grn-ora .web-content .bubbles-background .color-two {
  fill: #95773d
}

.web-page.web-bubbles.blu-gol .web-content a:focus {
  outline-color: #baa170
}

.web-page.web-bubbles.blu-gol .web-content .section-wrapper:nth-of-type(2n) {
  background: #485993;
  color: #fff
}

.web-page.web-bubbles.blu-gol .web-content .section-wrapper:nth-of-type(2n).hobby-section .entries-wrapper svg,.web-page.web-bubbles.blu-gol .web-content .section-wrapper:nth-of-type(2n).social-section .entries-wrapper svg {
  fill: #fff
}

.web-page.web-bubbles.blu-gol .web-content .section-wrapper:nth-of-type(2n).graph-section .section-content svg circle {
  stroke: #fff
}

.web-page.web-bubbles.blu-gol .web-content .section-wrapper:nth-of-type(2n).general-section .value {
  color: #fff
}

.web-page.web-bubbles.blu-gol .web-content .section-wrapper:nth-of-type(2n).keyword-section .keyword {
  background-color: hsla(0,0%,100%,.1)
}

.web-page.web-bubbles.blu-gol .web-content .section-wrapper:nth-of-type(2n).keyword-section .keyword .keyword-name {
  color: #fff
}

.web-page.web-bubbles.blu-gol .web-content .section-wrapper:nth-of-type(2n).experience-section .entry-icon:after,.web-page.web-bubbles.blu-gol .web-content .section-wrapper:nth-of-type(2n).experience-section .entry-icon:before,.web-page.web-bubbles.blu-gol .web-content .section-wrapper:nth-of-type(2n).publication-section .entry-icon:after,.web-page.web-bubbles.blu-gol .web-content .section-wrapper:nth-of-type(2n).publication-section .entry-icon:before,.web-page.web-bubbles.blu-gol .web-content .section-wrapper:nth-of-type(2n).skill-section .skill-level:after,.web-page.web-bubbles.blu-gol .web-content .section-wrapper:nth-of-type(2n).skill-section .skill-level:before {
  background: #fff
}

.web-page.web-bubbles.blu-gol .web-content .section-wrapper:nth-of-type(odd) {
  background: #fff;
  color: #485993
}

.web-page.web-bubbles.blu-gol .web-content .section-wrapper:nth-of-type(odd).hobby-section .entries-wrapper svg,.web-page.web-bubbles.blu-gol .web-content .section-wrapper:nth-of-type(odd).social-section .entries-wrapper svg {
  fill: #485993
}

.web-page.web-bubbles.blu-gol .web-content .section-wrapper:nth-of-type(odd).graph-section .section-content svg circle {
  stroke: #485993
}

.web-page.web-bubbles.blu-gol .web-content .section-wrapper:nth-of-type(odd).general-section .value {
  color: #485993
}

.web-page.web-bubbles.blu-gol .web-content .section-wrapper:nth-of-type(odd).keyword-section .keyword {
  background-color: rgba(72,89,147,.1)
}

.web-page.web-bubbles.blu-gol .web-content .section-wrapper:nth-of-type(odd).keyword-section .keyword .keyword-name {
  color: #485993
}

.web-page.web-bubbles.blu-gol .web-content .section-wrapper:nth-of-type(odd).experience-section .entry-icon:after,.web-page.web-bubbles.blu-gol .web-content .section-wrapper:nth-of-type(odd).experience-section .entry-icon:before,.web-page.web-bubbles.blu-gol .web-content .section-wrapper:nth-of-type(odd).publication-section .entry-icon:after,.web-page.web-bubbles.blu-gol .web-content .section-wrapper:nth-of-type(odd).publication-section .entry-icon:before,.web-page.web-bubbles.blu-gol .web-content .section-wrapper:nth-of-type(odd).skill-section .skill-level:after,.web-page.web-bubbles.blu-gol .web-content .section-wrapper:nth-of-type(odd).skill-section .skill-level:before {
  background: #485993
}

.web-page.web-bubbles.blu-gol .web-content .section-wrapper .section-icon {
  fill: #baa170
}

.web-page.web-bubbles.blu-gol .web-content .section-wrapper.general-section .section-content .general-info-wrapper {
  border-bottom-color: #baa170
}

.web-page.web-bubbles.blu-gol .web-content .section-wrapper.general-section .section-content .general-info-wrapper .general-avatar .line {
  background: #baa170
}

.web-page.web-bubbles.blu-gol .web-content .section-wrapper.general-section .section-content .general-info-wrapper .general-avatar.no-avatar .avatar .initials {
  background-color: #485993
}

.web-page.web-bubbles.blu-gol .web-content .section-wrapper.general-section .section-content .general-info-wrapper .general-avatar.no-avatar .avatar .initials .first,.web-page.web-bubbles.blu-gol .web-content .section-wrapper.general-section .section-content .general-info-wrapper .general-avatar.no-avatar .avatar .initials .second {
  color: #fff
}

.web-page.web-bubbles.blu-gol .web-content .section-wrapper.general-section .section-content .general-info-wrapper .general-avatar.no-avatar .avatar .initials .line {
  background: #fff
}

.web-page.web-bubbles.blu-gol .web-content .section-wrapper .section-title:after {
  background: #baa170
}

.web-page.web-bubbles.blu-gol .web-content .section-wrapper .section-content {
  border-top-color: #baa170
}

.web-page.web-bubbles.blu-gol .web-content .section-wrapper.experience-section .address,.web-page.web-bubbles.blu-gol .web-content .section-wrapper.experience-section .company,.web-page.web-bubbles.blu-gol .web-content .section-wrapper.experience-section .date,.web-page.web-bubbles.blu-gol .web-content .section-wrapper.general-section .general-info .key,.web-page.web-bubbles.blu-gol .web-content .section-wrapper.publication-section .date,.web-page.web-bubbles.blu-gol .web-content .section-wrapper.publication-section .publisher,.web-page.web-bubbles.blu-gol .web-content .section-wrapper.skill-section .category-name,.web-page.web-bubbles.blu-gol .web-content .section-wrapper.skill-section .skill-description {
  color: #baa170
}

.web-page.web-bubbles.blu-gol .web-content .topbar:not(.closed) {
  background: #fff
}

.web-page.web-bubbles.blu-gol .web-content .topbar .btn svg {
  fill: #485993
}

.web-page.web-bubbles.blu-gol .web-content .topbar.closed svg {
  fill: #baa170
}

.web-page.web-bubbles.blu-gol .web-content .menu {
  background: #fff
}

.web-page.web-bubbles.blu-gol .web-content .menu .menu-content .menu-header {
  border-bottom-color: #baa170
}

.web-page.web-bubbles.blu-gol .web-content .menu .menu-content .menu-header .name {
  color: #485993
}

.web-page.web-bubbles.blu-gol .web-content .menu .menu-content .menu-header .name:after {
  background: #baa170
}

.web-page.web-bubbles.blu-gol .web-content .menu .menu-content .section-list .section-list-item {
  color: #485993
}

.web-page.web-bubbles.blu-gol .web-content .menu .menu-content .section-list .section-list-item.active {
  color: #baa170
}

.web-page.web-bubbles.blu-gol .web-content .menu .menu-content .section-list .section-list-item:focus {
  background: rgba(72,89,147,.1)
}

.web-page.web-bubbles.blu-gol .web-content .next-section-btn svg {
  fill: #baa170
}

.web-page.web-bubbles.blu-gol .web-content .next-section-btn svg :first-child {
  fill: transparent
}

.web-page.web-bubbles.blu-gol .web-content .next-section-btn:focus svg :first-child,.web-page.web-bubbles.blu-gol .web-content .next-section-btn:hover svg :first-child {
  fill: #baa170
}

@media (min-width: 768px) {
  .web-page.web-bubbles.blu-gol .web-content .topbar:not(.closed) {
      background:transparent
  }
}

.web-page.web-bubbles.blu-gol .web-content .bubbles-background .background-two {
  fill: #fff
}

.web-page.web-bubbles.blu-gol .web-content .bubbles-background .background-one {
  fill: #485993
}

.web-page.web-bubbles.blu-gol .web-content .bubbles-background .color-one {
  fill: #56bf88
}

.web-page.web-bubbles.blu-gol .web-content .bubbles-background .color-two {
  fill: #f46565
}

.web-page.web-bubbles.pin-whi .web-content a:focus {
  outline-color: #fff
}

.web-page.web-bubbles.pin-whi .web-content .section-wrapper:nth-of-type(2n) {
  background: #e58d8d;
  color: #262626
}

.web-page.web-bubbles.pin-whi .web-content .section-wrapper:nth-of-type(2n).hobby-section .entries-wrapper svg,.web-page.web-bubbles.pin-whi .web-content .section-wrapper:nth-of-type(2n).social-section .entries-wrapper svg {
  fill: #262626
}

.web-page.web-bubbles.pin-whi .web-content .section-wrapper:nth-of-type(2n).graph-section .section-content svg circle {
  stroke: #262626
}

.web-page.web-bubbles.pin-whi .web-content .section-wrapper:nth-of-type(2n).general-section .value {
  color: #262626
}

.web-page.web-bubbles.pin-whi .web-content .section-wrapper:nth-of-type(2n).keyword-section .keyword {
  background-color: rgba(38,38,38,.1)
}

.web-page.web-bubbles.pin-whi .web-content .section-wrapper:nth-of-type(2n).keyword-section .keyword .keyword-name {
  color: #262626
}

.web-page.web-bubbles.pin-whi .web-content .section-wrapper:nth-of-type(2n).experience-section .entry-icon:after,.web-page.web-bubbles.pin-whi .web-content .section-wrapper:nth-of-type(2n).experience-section .entry-icon:before,.web-page.web-bubbles.pin-whi .web-content .section-wrapper:nth-of-type(2n).publication-section .entry-icon:after,.web-page.web-bubbles.pin-whi .web-content .section-wrapper:nth-of-type(2n).publication-section .entry-icon:before,.web-page.web-bubbles.pin-whi .web-content .section-wrapper:nth-of-type(2n).skill-section .skill-level:after,.web-page.web-bubbles.pin-whi .web-content .section-wrapper:nth-of-type(2n).skill-section .skill-level:before {
  background: #262626
}

.web-page.web-bubbles.pin-whi .web-content .section-wrapper:nth-of-type(odd) {
  background: #262626;
  color: #e58d8d
}

.web-page.web-bubbles.pin-whi .web-content .section-wrapper:nth-of-type(odd).hobby-section .entries-wrapper svg,.web-page.web-bubbles.pin-whi .web-content .section-wrapper:nth-of-type(odd).social-section .entries-wrapper svg {
  fill: #e58d8d
}

.web-page.web-bubbles.pin-whi .web-content .section-wrapper:nth-of-type(odd).graph-section .section-content svg circle {
  stroke: #e58d8d
}

.web-page.web-bubbles.pin-whi .web-content .section-wrapper:nth-of-type(odd).general-section .value {
  color: #e58d8d
}

.web-page.web-bubbles.pin-whi .web-content .section-wrapper:nth-of-type(odd).keyword-section .keyword {
  background-color: hsla(0,63%,73%,.1)
}

.web-page.web-bubbles.pin-whi .web-content .section-wrapper:nth-of-type(odd).keyword-section .keyword .keyword-name {
  color: #e58d8d
}

.web-page.web-bubbles.pin-whi .web-content .section-wrapper:nth-of-type(odd).experience-section .entry-icon:after,.web-page.web-bubbles.pin-whi .web-content .section-wrapper:nth-of-type(odd).experience-section .entry-icon:before,.web-page.web-bubbles.pin-whi .web-content .section-wrapper:nth-of-type(odd).publication-section .entry-icon:after,.web-page.web-bubbles.pin-whi .web-content .section-wrapper:nth-of-type(odd).publication-section .entry-icon:before,.web-page.web-bubbles.pin-whi .web-content .section-wrapper:nth-of-type(odd).skill-section .skill-level:after,.web-page.web-bubbles.pin-whi .web-content .section-wrapper:nth-of-type(odd).skill-section .skill-level:before {
  background: #e58d8d
}

.web-page.web-bubbles.pin-whi .web-content .section-wrapper .section-icon {
  fill: #fff
}

.web-page.web-bubbles.pin-whi .web-content .section-wrapper.general-section .section-content .general-info-wrapper {
  border-bottom-color: #fff
}

.web-page.web-bubbles.pin-whi .web-content .section-wrapper.general-section .section-content .general-info-wrapper .general-avatar .line {
  background: #fff
}

.web-page.web-bubbles.pin-whi .web-content .section-wrapper.general-section .section-content .general-info-wrapper .general-avatar.no-avatar .avatar .initials {
  background-color: #e58d8d
}

.web-page.web-bubbles.pin-whi .web-content .section-wrapper.general-section .section-content .general-info-wrapper .general-avatar.no-avatar .avatar .initials .first,.web-page.web-bubbles.pin-whi .web-content .section-wrapper.general-section .section-content .general-info-wrapper .general-avatar.no-avatar .avatar .initials .second {
  color: #262626
}

.web-page.web-bubbles.pin-whi .web-content .section-wrapper.general-section .section-content .general-info-wrapper .general-avatar.no-avatar .avatar .initials .line {
  background: #262626
}

.web-page.web-bubbles.pin-whi .web-content .section-wrapper .section-title:after {
  background: #fff
}

.web-page.web-bubbles.pin-whi .web-content .section-wrapper .section-content {
  border-top-color: #fff
}

.web-page.web-bubbles.pin-whi .web-content .section-wrapper.experience-section .address,.web-page.web-bubbles.pin-whi .web-content .section-wrapper.experience-section .company,.web-page.web-bubbles.pin-whi .web-content .section-wrapper.experience-section .date,.web-page.web-bubbles.pin-whi .web-content .section-wrapper.general-section .general-info .key,.web-page.web-bubbles.pin-whi .web-content .section-wrapper.publication-section .date,.web-page.web-bubbles.pin-whi .web-content .section-wrapper.publication-section .publisher,.web-page.web-bubbles.pin-whi .web-content .section-wrapper.skill-section .category-name,.web-page.web-bubbles.pin-whi .web-content .section-wrapper.skill-section .skill-description {
  color: #fff
}

.web-page.web-bubbles.pin-whi .web-content .topbar:not(.closed) {
  background: #262626
}

.web-page.web-bubbles.pin-whi .web-content .topbar .btn svg {
  fill: #e58d8d
}

.web-page.web-bubbles.pin-whi .web-content .topbar.closed svg {
  fill: #fff
}

.web-page.web-bubbles.pin-whi .web-content .menu {
  background: #262626
}

.web-page.web-bubbles.pin-whi .web-content .menu .menu-content .menu-header {
  border-bottom-color: #fff
}

.web-page.web-bubbles.pin-whi .web-content .menu .menu-content .menu-header .name {
  color: #e58d8d
}

.web-page.web-bubbles.pin-whi .web-content .menu .menu-content .menu-header .name:after {
  background: #fff
}

.web-page.web-bubbles.pin-whi .web-content .menu .menu-content .section-list .section-list-item {
  color: #e58d8d
}

.web-page.web-bubbles.pin-whi .web-content .menu .menu-content .section-list .section-list-item.active {
  color: #fff
}

.web-page.web-bubbles.pin-whi .web-content .menu .menu-content .section-list .section-list-item:focus {
  background: hsla(0,63%,73%,.1)
}

.web-page.web-bubbles.pin-whi .web-content .next-section-btn svg {
  fill: #fff
}

.web-page.web-bubbles.pin-whi .web-content .next-section-btn svg :first-child {
  fill: transparent
}

.web-page.web-bubbles.pin-whi .web-content .next-section-btn:focus svg :first-child,.web-page.web-bubbles.pin-whi .web-content .next-section-btn:hover svg :first-child {
  fill: #fff
}

@media (min-width: 768px) {
  .web-page.web-bubbles.pin-whi .web-content .topbar:not(.closed) {
      background:transparent
  }
}

.web-page.web-bubbles.pin-whi .web-content .bubbles-background .background-two {
  fill: #262626
}

.web-page.web-bubbles.pin-whi .web-content .bubbles-background .background-one {
  fill: #e58d8d
}

.web-page.web-bubbles.pin-whi .web-content .bubbles-background .color-one {
  fill: #7b6b5a
}

.web-page.web-bubbles.pin-whi .web-content .bubbles-background .color-two {
  fill: #fad0ba
}

.web-page.web-bubbles.grn-bro .web-content a:focus {
  outline-color: #d0af99
}

.web-page.web-bubbles.grn-bro .web-content .section-wrapper:nth-of-type(2n) {
  background: #f5f3ed;
  color: #065f58
}

.web-page.web-bubbles.grn-bro .web-content .section-wrapper:nth-of-type(2n).hobby-section .entries-wrapper svg,.web-page.web-bubbles.grn-bro .web-content .section-wrapper:nth-of-type(2n).social-section .entries-wrapper svg {
  fill: #065f58
}

.web-page.web-bubbles.grn-bro .web-content .section-wrapper:nth-of-type(2n).graph-section .section-content svg circle {
  stroke: #065f58
}

.web-page.web-bubbles.grn-bro .web-content .section-wrapper:nth-of-type(2n).general-section .value {
  color: #065f58
}

.web-page.web-bubbles.grn-bro .web-content .section-wrapper:nth-of-type(2n).keyword-section .keyword {
  background-color: rgba(6,95,88,.1)
}

.web-page.web-bubbles.grn-bro .web-content .section-wrapper:nth-of-type(2n).keyword-section .keyword .keyword-name {
  color: #065f58
}

.web-page.web-bubbles.grn-bro .web-content .section-wrapper:nth-of-type(2n).experience-section .entry-icon:after,.web-page.web-bubbles.grn-bro .web-content .section-wrapper:nth-of-type(2n).experience-section .entry-icon:before,.web-page.web-bubbles.grn-bro .web-content .section-wrapper:nth-of-type(2n).publication-section .entry-icon:after,.web-page.web-bubbles.grn-bro .web-content .section-wrapper:nth-of-type(2n).publication-section .entry-icon:before,.web-page.web-bubbles.grn-bro .web-content .section-wrapper:nth-of-type(2n).skill-section .skill-level:after,.web-page.web-bubbles.grn-bro .web-content .section-wrapper:nth-of-type(2n).skill-section .skill-level:before {
  background: #065f58
}

.web-page.web-bubbles.grn-bro .web-content .section-wrapper:nth-of-type(odd) {
  background: #065f58;
  color: #f5f3ed
}

.web-page.web-bubbles.grn-bro .web-content .section-wrapper:nth-of-type(odd).hobby-section .entries-wrapper svg,.web-page.web-bubbles.grn-bro .web-content .section-wrapper:nth-of-type(odd).social-section .entries-wrapper svg {
  fill: #f5f3ed
}

.web-page.web-bubbles.grn-bro .web-content .section-wrapper:nth-of-type(odd).graph-section .section-content svg circle {
  stroke: #f5f3ed
}

.web-page.web-bubbles.grn-bro .web-content .section-wrapper:nth-of-type(odd).general-section .value {
  color: #f5f3ed
}

.web-page.web-bubbles.grn-bro .web-content .section-wrapper:nth-of-type(odd).keyword-section .keyword {
  background-color: hsla(45,29%,95%,.1)
}

.web-page.web-bubbles.grn-bro .web-content .section-wrapper:nth-of-type(odd).keyword-section .keyword .keyword-name {
  color: #f5f3ed
}

.web-page.web-bubbles.grn-bro .web-content .section-wrapper:nth-of-type(odd).experience-section .entry-icon:after,.web-page.web-bubbles.grn-bro .web-content .section-wrapper:nth-of-type(odd).experience-section .entry-icon:before,.web-page.web-bubbles.grn-bro .web-content .section-wrapper:nth-of-type(odd).publication-section .entry-icon:after,.web-page.web-bubbles.grn-bro .web-content .section-wrapper:nth-of-type(odd).publication-section .entry-icon:before,.web-page.web-bubbles.grn-bro .web-content .section-wrapper:nth-of-type(odd).skill-section .skill-level:after,.web-page.web-bubbles.grn-bro .web-content .section-wrapper:nth-of-type(odd).skill-section .skill-level:before {
  background: #f5f3ed
}

.web-page.web-bubbles.grn-bro .web-content .section-wrapper .section-icon {
  fill: #d0af99
}

.web-page.web-bubbles.grn-bro .web-content .section-wrapper.general-section .section-content .general-info-wrapper {
  border-bottom-color: #d0af99
}

.web-page.web-bubbles.grn-bro .web-content .section-wrapper.general-section .section-content .general-info-wrapper .general-avatar .line {
  background: #d0af99
}

.web-page.web-bubbles.grn-bro .web-content .section-wrapper.general-section .section-content .general-info-wrapper .general-avatar.no-avatar .avatar .initials {
  background-color: #f5f3ed
}

.web-page.web-bubbles.grn-bro .web-content .section-wrapper.general-section .section-content .general-info-wrapper .general-avatar.no-avatar .avatar .initials .first,.web-page.web-bubbles.grn-bro .web-content .section-wrapper.general-section .section-content .general-info-wrapper .general-avatar.no-avatar .avatar .initials .second {
  color: #065f58
}

.web-page.web-bubbles.grn-bro .web-content .section-wrapper.general-section .section-content .general-info-wrapper .general-avatar.no-avatar .avatar .initials .line {
  background: #065f58
}

.web-page.web-bubbles.grn-bro .web-content .section-wrapper .section-title:after {
  background: #d0af99
}

.web-page.web-bubbles.grn-bro .web-content .section-wrapper .section-content {
  border-top-color: #d0af99
}

.web-page.web-bubbles.grn-bro .web-content .section-wrapper.experience-section .address,.web-page.web-bubbles.grn-bro .web-content .section-wrapper.experience-section .company,.web-page.web-bubbles.grn-bro .web-content .section-wrapper.experience-section .date,.web-page.web-bubbles.grn-bro .web-content .section-wrapper.general-section .general-info .key,.web-page.web-bubbles.grn-bro .web-content .section-wrapper.publication-section .date,.web-page.web-bubbles.grn-bro .web-content .section-wrapper.publication-section .publisher,.web-page.web-bubbles.grn-bro .web-content .section-wrapper.skill-section .category-name,.web-page.web-bubbles.grn-bro .web-content .section-wrapper.skill-section .skill-description {
  color: #d0af99
}

.web-page.web-bubbles.grn-bro .web-content .topbar:not(.closed) {
  background: #065f58
}

.web-page.web-bubbles.grn-bro .web-content .topbar .btn svg {
  fill: #f5f3ed
}

.web-page.web-bubbles.grn-bro .web-content .topbar.closed svg {
  fill: #d0af99
}

.web-page.web-bubbles.grn-bro .web-content .menu {
  background: #065f58
}

.web-page.web-bubbles.grn-bro .web-content .menu .menu-content .menu-header {
  border-bottom-color: #d0af99
}

.web-page.web-bubbles.grn-bro .web-content .menu .menu-content .menu-header .name {
  color: #f5f3ed
}

.web-page.web-bubbles.grn-bro .web-content .menu .menu-content .menu-header .name:after {
  background: #d0af99
}

.web-page.web-bubbles.grn-bro .web-content .menu .menu-content .section-list .section-list-item {
  color: #f5f3ed
}

.web-page.web-bubbles.grn-bro .web-content .menu .menu-content .section-list .section-list-item.active {
  color: #d0af99
}

.web-page.web-bubbles.grn-bro .web-content .menu .menu-content .section-list .section-list-item:focus {
  background: hsla(45,29%,95%,.1)
}

.web-page.web-bubbles.grn-bro .web-content .next-section-btn svg {
  fill: #d0af99
}

.web-page.web-bubbles.grn-bro .web-content .next-section-btn svg :first-child {
  fill: transparent
}

.web-page.web-bubbles.grn-bro .web-content .next-section-btn:focus svg :first-child,.web-page.web-bubbles.grn-bro .web-content .next-section-btn:hover svg :first-child {
  fill: #d0af99
}

@media (min-width: 768px) {
  .web-page.web-bubbles.grn-bro .web-content .topbar:not(.closed) {
      background:transparent
  }
}

.web-page.web-bubbles.grn-bro .web-content .bubbles-background .background-two {
  fill: #065f58
}

.web-page.web-bubbles.grn-bro .web-content .bubbles-background .background-one {
  fill: #f5f3ed
}

.web-page.web-bubbles.grn-bro .web-content .bubbles-background .color-one {
  fill: #f7b2b2
}

.web-page.web-bubbles.grn-bro .web-content .bubbles-background .color-two {
  fill: #9edadd
}

.web-page.web-bubbles.blu-whi .web-content a:focus {
  outline-color: #5e82a6
}

.web-page.web-bubbles.blu-whi .web-content .section-wrapper:nth-of-type(2n) {
  background: #fff;
  color: #14213d
}

.web-page.web-bubbles.blu-whi .web-content .section-wrapper:nth-of-type(2n).hobby-section .entries-wrapper svg,.web-page.web-bubbles.blu-whi .web-content .section-wrapper:nth-of-type(2n).social-section .entries-wrapper svg {
  fill: #14213d
}

.web-page.web-bubbles.blu-whi .web-content .section-wrapper:nth-of-type(2n).graph-section .section-content svg circle {
  stroke: #14213d
}

.web-page.web-bubbles.blu-whi .web-content .section-wrapper:nth-of-type(2n).general-section .value {
  color: #14213d
}

.web-page.web-bubbles.blu-whi .web-content .section-wrapper:nth-of-type(2n).keyword-section .keyword {
  background-color: rgba(20,33,61,.1)
}

.web-page.web-bubbles.blu-whi .web-content .section-wrapper:nth-of-type(2n).keyword-section .keyword .keyword-name {
  color: #14213d
}

.web-page.web-bubbles.blu-whi .web-content .section-wrapper:nth-of-type(2n).experience-section .entry-icon:after,.web-page.web-bubbles.blu-whi .web-content .section-wrapper:nth-of-type(2n).experience-section .entry-icon:before,.web-page.web-bubbles.blu-whi .web-content .section-wrapper:nth-of-type(2n).publication-section .entry-icon:after,.web-page.web-bubbles.blu-whi .web-content .section-wrapper:nth-of-type(2n).publication-section .entry-icon:before,.web-page.web-bubbles.blu-whi .web-content .section-wrapper:nth-of-type(2n).skill-section .skill-level:after,.web-page.web-bubbles.blu-whi .web-content .section-wrapper:nth-of-type(2n).skill-section .skill-level:before {
  background: #14213d
}

.web-page.web-bubbles.blu-whi .web-content .section-wrapper:nth-of-type(odd) {
  background: #14213d;
  color: #fff
}

.web-page.web-bubbles.blu-whi .web-content .section-wrapper:nth-of-type(odd).hobby-section .entries-wrapper svg,.web-page.web-bubbles.blu-whi .web-content .section-wrapper:nth-of-type(odd).social-section .entries-wrapper svg {
  fill: #fff
}

.web-page.web-bubbles.blu-whi .web-content .section-wrapper:nth-of-type(odd).graph-section .section-content svg circle {
  stroke: #fff
}

.web-page.web-bubbles.blu-whi .web-content .section-wrapper:nth-of-type(odd).general-section .value {
  color: #fff
}

.web-page.web-bubbles.blu-whi .web-content .section-wrapper:nth-of-type(odd).keyword-section .keyword {
  background-color: hsla(0,0%,100%,.1)
}

.web-page.web-bubbles.blu-whi .web-content .section-wrapper:nth-of-type(odd).keyword-section .keyword .keyword-name {
  color: #fff
}

.web-page.web-bubbles.blu-whi .web-content .section-wrapper:nth-of-type(odd).experience-section .entry-icon:after,.web-page.web-bubbles.blu-whi .web-content .section-wrapper:nth-of-type(odd).experience-section .entry-icon:before,.web-page.web-bubbles.blu-whi .web-content .section-wrapper:nth-of-type(odd).publication-section .entry-icon:after,.web-page.web-bubbles.blu-whi .web-content .section-wrapper:nth-of-type(odd).publication-section .entry-icon:before,.web-page.web-bubbles.blu-whi .web-content .section-wrapper:nth-of-type(odd).skill-section .skill-level:after,.web-page.web-bubbles.blu-whi .web-content .section-wrapper:nth-of-type(odd).skill-section .skill-level:before {
  background: #fff
}

.web-page.web-bubbles.blu-whi .web-content .section-wrapper .section-icon {
  fill: #5e82a6
}

.web-page.web-bubbles.blu-whi .web-content .section-wrapper.general-section .section-content .general-info-wrapper {
  border-bottom-color: #5e82a6
}

.web-page.web-bubbles.blu-whi .web-content .section-wrapper.general-section .section-content .general-info-wrapper .general-avatar .line {
  background: #5e82a6
}

.web-page.web-bubbles.blu-whi .web-content .section-wrapper.general-section .section-content .general-info-wrapper .general-avatar.no-avatar .avatar .initials {
  background-color: #fff
}

.web-page.web-bubbles.blu-whi .web-content .section-wrapper.general-section .section-content .general-info-wrapper .general-avatar.no-avatar .avatar .initials .first,.web-page.web-bubbles.blu-whi .web-content .section-wrapper.general-section .section-content .general-info-wrapper .general-avatar.no-avatar .avatar .initials .second {
  color: #14213d
}

.web-page.web-bubbles.blu-whi .web-content .section-wrapper.general-section .section-content .general-info-wrapper .general-avatar.no-avatar .avatar .initials .line {
  background: #14213d
}

.web-page.web-bubbles.blu-whi .web-content .section-wrapper .section-title:after {
  background: #5e82a6
}

.web-page.web-bubbles.blu-whi .web-content .section-wrapper .section-content {
  border-top-color: #5e82a6
}

.web-page.web-bubbles.blu-whi .web-content .section-wrapper.experience-section .address,.web-page.web-bubbles.blu-whi .web-content .section-wrapper.experience-section .company,.web-page.web-bubbles.blu-whi .web-content .section-wrapper.experience-section .date,.web-page.web-bubbles.blu-whi .web-content .section-wrapper.general-section .general-info .key,.web-page.web-bubbles.blu-whi .web-content .section-wrapper.publication-section .date,.web-page.web-bubbles.blu-whi .web-content .section-wrapper.publication-section .publisher,.web-page.web-bubbles.blu-whi .web-content .section-wrapper.skill-section .category-name,.web-page.web-bubbles.blu-whi .web-content .section-wrapper.skill-section .skill-description {
  color: #5e82a6
}

.web-page.web-bubbles.blu-whi .web-content .topbar:not(.closed) {
  background: #14213d
}

.web-page.web-bubbles.blu-whi .web-content .topbar .btn svg {
  fill: #fff
}

.web-page.web-bubbles.blu-whi .web-content .topbar.closed svg {
  fill: #5e82a6
}

.web-page.web-bubbles.blu-whi .web-content .menu {
  background: #14213d
}

.web-page.web-bubbles.blu-whi .web-content .menu .menu-content .menu-header {
  border-bottom-color: #5e82a6
}

.web-page.web-bubbles.blu-whi .web-content .menu .menu-content .menu-header .name {
  color: #fff
}

.web-page.web-bubbles.blu-whi .web-content .menu .menu-content .menu-header .name:after {
  background: #5e82a6
}

.web-page.web-bubbles.blu-whi .web-content .menu .menu-content .section-list .section-list-item {
  color: #fff
}

.web-page.web-bubbles.blu-whi .web-content .menu .menu-content .section-list .section-list-item.active {
  color: #5e82a6
}

.web-page.web-bubbles.blu-whi .web-content .menu .menu-content .section-list .section-list-item:focus {
  background: hsla(0,0%,100%,.1)
}

.web-page.web-bubbles.blu-whi .web-content .next-section-btn svg {
  fill: #5e82a6
}

.web-page.web-bubbles.blu-whi .web-content .next-section-btn svg :first-child {
  fill: transparent
}

.web-page.web-bubbles.blu-whi .web-content .next-section-btn:focus svg :first-child,.web-page.web-bubbles.blu-whi .web-content .next-section-btn:hover svg :first-child {
  fill: #5e82a6
}

@media (min-width: 768px) {
  .web-page.web-bubbles.blu-whi .web-content .topbar:not(.closed) {
      background:transparent
  }
}

.web-page.web-bubbles.blu-whi .web-content .bubbles-background .background-two {
  fill: #14213d
}

.web-page.web-bubbles.blu-whi .web-content .bubbles-background .background-one {
  fill: #fff
}

.web-page.web-bubbles.blu-whi .web-content .bubbles-background .color-one {
  fill: #902d41
}

.web-page.web-bubbles.blu-whi .web-content .bubbles-background .color-two {
  fill: #123174
}

.SocialShareIcons__social-icons-panel___Le03Ajqo66 {
  display: flex;
  flex-wrap: wrap
}

.SocialShareIcons__social-icons-panel___Le03Ajqo66 button {
  display: flex;
  outline: none
}

.SocialShareIcons__social-icons-panel___Le03Ajqo66 button svg {
  height: 26px;
  width: 26px
}

.SocialShareIcons__social-icons-panel___Le03Ajqo66 button:not(:last-of-type) {
  margin-right: 20px
}

.Footer__wrapper___eDpeAb9uME {
  color: #313131;
  padding-bottom: 100px;
  padding-top: 100px;
  text-align: center
}

.Footer__wrapper___eDpeAb9uME .Footer__button___rou9mXgEDC,.Footer__wrapper___eDpeAb9uME .Footer__subtitle___wsl5l4cpCX,.Footer__wrapper___eDpeAb9uME .Footer__title___UdhCiVFPtz {
  font-family: Graphik,Tahoma,sans-serif!important
}

.Footer__wrapper___eDpeAb9uME .Footer__title___UdhCiVFPtz {
  font-size: 26px!important;
  line-height: 36px!important;
  margin-bottom: 5px
}

.Footer__wrapper___eDpeAb9uME .Footer__subtitle___wsl5l4cpCX {
  color: #676767;
  font-size: 16px!important;
  line-height: 26px!important;
  margin-bottom: 40px
}

.Footer__wrapper___eDpeAb9uME .Footer__button___rou9mXgEDC {
  font-size: 18px!important
}

.Footer__wrapper___eDpeAb9uME .Footer__line___bv8cmOpjil {
  background: #bababa;
  height: 1px;
  margin: 60px 0;
  width: 100%
}

.Footer__wrapper___eDpeAb9uME .Footer__social-icons___jaG9fcpTzD {
  flex-wrap: wrap;
  justify-content: center;
  margin: -10px
}

.Footer__wrapper___eDpeAb9uME .Footer__social-icons___jaG9fcpTzD button {
  margin: 10px
}

.Footer__wrapper___eDpeAb9uME .Footer__social-icons___jaG9fcpTzD button svg {
  height: 40px;
  width: 40px
}

.Footer__wrapper___eDpeAb9uME .Footer__logo___iFOeYK8ONl {
  margin-bottom: 40px;
  min-width: 77px;
  width: 77px
}

.Footer__wrapper___eDpeAb9uME.Footer__dark___chObfNuBVX {
  background: #313131;
  color: #fff
}

.Footer__wrapper___eDpeAb9uME.Footer__dark___chObfNuBVX .Footer__subtitle___wsl5l4cpCX {
  color: #bababa
}

.Footer__wrapper___eDpeAb9uME.Footer__dark___chObfNuBVX .Footer__line___bv8cmOpjil {
  background: #fff
}

@media (min-width: 1440px) {
  .Footer__wrapper___eDpeAb9uME {
      text-align:left
  }

  .Footer__wrapper___eDpeAb9uME .Footer__row___qlVrQP4N88 {
      align-items: center;
      display: flex;
      justify-content: space-between;
      margin: 0 50px
  }

  .Footer__wrapper___eDpeAb9uME .Footer__subtitle___wsl5l4cpCX {
      margin-bottom: 0
  }

  .Footer__wrapper___eDpeAb9uME .Footer__button___rou9mXgEDC {
      margin-left: 90px
  }

  .Footer__wrapper___eDpeAb9uME .Footer__line___bv8cmOpjil {
      margin: 50px 0
  }

  .Footer__wrapper___eDpeAb9uME .Footer__logo___iFOeYK8ONl {
      margin-bottom: 0;
      margin-right: 25px
  }
}

@media (min-width: 1920px) {
  .Footer__wrapper___eDpeAb9uME .Footer__row___qlVrQP4N88 {
      margin:0 100px
  }

  .Footer__wrapper___eDpeAb9uME .Footer__button___rou9mXgEDC {
      margin-left: 170px;
      padding: 20px
  }
}

.Footer__inline-footer___JgaoauSg8i {
  background: #000;
  color: #fff
}

.Footer__inline-footer___JgaoauSg8i .Footer__row___qlVrQP4N88 {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 64px;
  justify-content: center;
  margin-top: auto
}

.Footer__inline-footer___JgaoauSg8i .Footer__row___qlVrQP4N88 .Footer__description___SBaz5Wqfz2 {
  font-size: 14px!important;
  line-height: 24px!important
}

.Footer__inline-footer___JgaoauSg8i .Footer__row___qlVrQP4N88 a {
  display: flex
}

.Footer__inline-footer___JgaoauSg8i .Footer__row___qlVrQP4N88 a .Footer__logo___iFOeYK8ONl {
  height: 30px
}

@media (min-width: 768px) {
  .Footer__inline-footer___JgaoauSg8i .Footer__row___qlVrQP4N88 {
      flex-direction:row
  }

  .Footer__inline-footer___JgaoauSg8i .Footer__row___qlVrQP4N88 a .Footer__logo___iFOeYK8ONl {
      height: 36px
  }
}

.ShareButton__share-popover-wrapper___dNmK6oKz68 {
  position: absolute;
  z-index: 10
}

.ShareButton__share-popover-wrapper___dNmK6oKz68 .ShareButton__share-popover___ElKOwTxUXw {
  z-index: 10
}

.TooltipButton__wrapper___AgXfFSP8IB {
  align-items: center;
  display: flex;
  flex-direction: column;
  position: relative
}

.TooltipButton__wrapper___AgXfFSP8IB .TooltipButton__tooltip___l4Qp83DKof {
  display: none;
  font-size: 14px;
  line-height: 16px;
  opacity: 0;
  padding: 5px 10px;
  position: absolute;
  transition: opacity .25s ease-in-out
}

.TooltipButton__wrapper___AgXfFSP8IB.TooltipButton__top___iDe2xTBdIn .TooltipButton__tooltip___l4Qp83DKof {
  bottom: clamp(1rem, calc(100% + 10px), 3.5rem);
}

.TooltipButton__wrapper___AgXfFSP8IB.TooltipButton__bottom___z9KwxpOA9l .TooltipButton__tooltip___l4Qp83DKof {
  top: clamp(1rem, calc(100% + 10px), 3.5rem);
}

@media (min-width: 1200px) {
  .TooltipButton__wrapper___AgXfFSP8IB .TooltipButton__tooltip___l4Qp83DKof {
      display:block
  }

  .TooltipButton__wrapper___AgXfFSP8IB:focus .TooltipButton__tooltip___l4Qp83DKof,.TooltipButton__wrapper___AgXfFSP8IB:hover .TooltipButton__tooltip___l4Qp83DKof {
      opacity: 1
  }
}

.web-page.web-elegant a,.web-page.web-elegant b,.web-page.web-elegant del,.web-page.web-elegant div,.web-page.web-elegant em,.web-page.web-elegant ins,.web-page.web-elegant li,.web-page.web-elegant mark,.web-page.web-elegant ol,.web-page.web-elegant p,.web-page.web-elegant s,.web-page.web-elegant small,.web-page.web-elegant strong,.web-page.web-elegant sub,.web-page.web-elegant sup,.web-page.web-elegant u,.web-page.web-elegant ul {
  font-size: 18px;
  line-height: 28px
}

.web-page.web-elegant .topbar .btn-tooltip {
  font-size: 12px;
  line-height: 22px
}

.web-page.web-elegant .cover-section .name,.web-page.web-elegant .section-title {
  font-size: 36px;
  line-height: 46px
}

.web-page.web-elegant .section-icon {
  height: 28px;
  width: 28px
}

.web-page.web-elegant .category-name,.web-page.web-elegant .experience-section .address,.web-page.web-elegant .experience-section .date,.web-page.web-elegant .general-section .key,.web-page.web-elegant .menu .name,.web-page.web-elegant .publication-section .date,.web-page.web-elegant .topbar .name {
  font-size: 16px;
  line-height: 26px
}

.web-page.web-elegant .degree,.web-page.web-elegant .keyword,.web-page.web-elegant .menu .section-list-item,.web-page.web-elegant .position,.web-page.web-elegant .publication-name {
  font-size: 26px;
  line-height: 36px
}

.web-page.web-elegant .company,.web-page.web-elegant .publisher {
  font-size: 22px;
  line-height: 32px
}

@media (min-width: 768px) {
  .web-page.web-elegant .cover-section .name,.web-page.web-elegant .section-title {
      font-size:46px;
      line-height: 56px
  }

  .web-page.web-elegant .degree,.web-page.web-elegant .keyword,.web-page.web-elegant .menu .section-list-item,.web-page.web-elegant .position,.web-page.web-elegant .publication-name {
      font-size: 30px;
      line-height: 40px
  }

  .web-page.web-elegant .company,.web-page.web-elegant .publisher {
      font-size: 24px;
      line-height: 34px
  }
}

@media (min-width: 1200px) {
  .web-page.web-elegant .cover-section .name,.web-page.web-elegant .section-title {
      font-size:56px;
      line-height: 66px
  }

  .web-page.web-elegant .section-icon {
      height: 30px;
      width: 30px
  }

  .web-page.web-elegant .degree,.web-page.web-elegant .keyword,.web-page.web-elegant .menu .section-list-item,.web-page.web-elegant .position,.web-page.web-elegant .publication-name {
      font-size: 34px;
      line-height: 44px
  }

  .web-page.web-elegant .company,.web-page.web-elegant .publisher {
      font-size: 26px;
      line-height: 36px
  }
}

.web-page.web-elegant .web-content a:focus {
  outline-color: hsla(0,0%,92%,.25)
}

.web-page.web-elegant .web-content .cover-section,.web-page.web-elegant .web-content .footer,.web-page.web-elegant .web-content .section-wrapper,.web-page.web-elegant .web-content .topbar {
  padding-left: 24px;
  padding-right: 24px
}

.web-page.web-elegant .web-content .general-avatar .avatar .thumbnail,.web-page.web-elegant .web-content .topbar-avatar .avatar .thumbnail {
  margin: 0
}

.web-page.web-elegant .web-content .general-avatar .avatar .thumbnail img,.web-page.web-elegant .web-content .topbar-avatar .avatar .thumbnail img {
  border-radius: 50%
}

.web-page.web-elegant .web-content .general-avatar.no-avatar .avatar .initials,.web-page.web-elegant .web-content .topbar-avatar.no-avatar .avatar .initials {
  align-items: center;
  background-color: #eaeaea;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  height: 90px;
  justify-content: center;
  padding: 0 20px;
  width: 90px
}

.web-page.web-elegant .web-content .general-avatar.no-avatar .avatar .initials .first,.web-page.web-elegant .web-content .general-avatar.no-avatar .avatar .initials .second,.web-page.web-elegant .web-content .topbar-avatar.no-avatar .avatar .initials .first,.web-page.web-elegant .web-content .topbar-avatar.no-avatar .avatar .initials .second {
  color: #313131;
  font-size: 28px;
  line-height: 28px;
  padding: 3px 0
}

.web-page.web-elegant .web-content .general-avatar.no-avatar .avatar .initials .line,.web-page.web-elegant .web-content .topbar-avatar.no-avatar .avatar .initials .line {
  background: #313131;
  height: 2px;
  width: 100%
}

@media (min-width: 1200px) {
  .web-page.web-elegant .web-content .general-avatar.no-avatar .avatar .initials,.web-page.web-elegant .web-content .topbar-avatar.no-avatar .avatar .initials {
      height:120px;
      padding: 0 30px;
      width: 120px
  }

  .web-page.web-elegant .web-content .general-avatar.no-avatar .avatar .initials .first,.web-page.web-elegant .web-content .general-avatar.no-avatar .avatar .initials .second,.web-page.web-elegant .web-content .topbar-avatar.no-avatar .avatar .initials .first,.web-page.web-elegant .web-content .topbar-avatar.no-avatar .avatar .initials .second {
      font-size: 36px;
      line-height: 36px
  }
}

.web-page.web-elegant .web-content .general-avatar.no-avatar .avatar .initials,.web-page.web-elegant .web-content .topbar-avatar.no-avatar .avatar .initials {
  flex-direction: row
}

.web-page.web-elegant .web-content .general-avatar.no-avatar .avatar .initials .line,.web-page.web-elegant .web-content .topbar-avatar.no-avatar .avatar .initials .line {
  display: none
}

.web-page.web-elegant .web-content .general-avatar.no-avatar .avatar .initials .first,.web-page.web-elegant .web-content .general-avatar.no-avatar .avatar .initials .second,.web-page.web-elegant .web-content .topbar-avatar.no-avatar .avatar .initials .first,.web-page.web-elegant .web-content .topbar-avatar.no-avatar .avatar .initials .second {
  padding: 0
}

.web-page.web-elegant .web-content .cover-section {
  align-items: center;
  background: url(https://d2sn08my3g92cp.cloudfront.net/backgrounds/elegant_01.jpg) no-repeat 50%;
  background-size: cover;
  color: #eaeaea;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 100vh;
  padding-bottom: 50px;
  padding-top: 50px;
  position: relative;
  z-index: 2
}

.web-page.web-elegant .web-content .cover-section .general-avatar.no-avatar .avatar .initials .first,.web-page.web-elegant .web-content .cover-section .general-avatar.no-avatar .avatar .initials .second {
  font-size: 36px;
  line-height: 36px
}

.web-page.web-elegant .web-content .cover-section .general-avatar .avatar {
  width: 146px
}

.web-page.web-elegant .web-content .cover-section .general-avatar .avatar .thumbnail,.web-page.web-elegant .web-content .cover-section .general-avatar .avatar .thumbnail img,.web-page.web-elegant .web-content .cover-section .general-avatar.no-avatar .avatar .initials {
  height: 146px;
  width: 146px
}

.web-page.web-elegant .web-content .cover-section .name {
  margin: 50px 0;
  text-align: center
}

.web-page.web-elegant .web-content .cover-section .general-description {
  text-align: center
}

.web-page.web-elegant .web-content .cover-section .more-btn {
  align-items: center;
  background: hsla(0,0%,92%,.05);
  border-radius: 20px;
  display: flex;
  height: 40px;
  justify-content: center;
  letter-spacing: .5em;
  margin-top: 40px;
  padding: 0 36px 0 43px;
  text-transform: uppercase
}

.web-page.web-elegant .web-content .cover-section .more-btn:focus,.web-page.web-elegant .web-content .cover-section .more-btn:hover {
  background: hsla(0,0%,92%,.1);
  color: inherit
}

@media (min-width: 768px) {
  .web-page.web-elegant .web-content .cover-section .general-avatar.no-avatar .avatar .initials .first,.web-page.web-elegant .web-content .cover-section .general-avatar.no-avatar .avatar .initials .second {
      font-size:46px;
      line-height: 46px
  }

  .web-page.web-elegant .web-content .cover-section .general-avatar .avatar {
      width: 160px
  }

  .web-page.web-elegant .web-content .cover-section .general-avatar .avatar .thumbnail,.web-page.web-elegant .web-content .cover-section .general-avatar .avatar .thumbnail img,.web-page.web-elegant .web-content .cover-section .general-avatar.no-avatar .avatar .initials {
      height: 160px;
      width: 160px
  }
}

@media (min-width: 1200px) {
  .web-page.web-elegant .web-content .cover-section .general-avatar.no-avatar .avatar .initials .first,.web-page.web-elegant .web-content .cover-section .general-avatar.no-avatar .avatar .initials .second {
      font-size:56px;
      line-height: 56px
  }

  .web-page.web-elegant .web-content .cover-section .general-avatar .avatar {
      width: 180px
  }

  .web-page.web-elegant .web-content .cover-section .general-avatar .avatar .thumbnail,.web-page.web-elegant .web-content .cover-section .general-avatar .avatar .thumbnail img,.web-page.web-elegant .web-content .cover-section .general-avatar.no-avatar .avatar .initials {
      height: 180px;
      width: 180px
  }
}

.web-page.web-elegant .web-content .inner-web-content {
  padding-top: 80px
}

.web-page.web-elegant .web-content .topbar {
  align-items: center;
  background: #313131;
  color: #eaeaea;
  display: flex;
  height: 80px;
  justify-content: space-between;
  left: 0;
  margin-top: -80px;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 3
}

.web-page.web-elegant .web-content .topbar:not(.closed) {
  margin-top: 0;
  position: fixed;
  width: 100%
}

.web-page.web-elegant .web-content .topbar .topbar-avatar {
  align-items: center;
  display: flex
}

.web-page.web-elegant .web-content .topbar .topbar-avatar .avatar-btn {
  background: transparent;
  padding: 0
}

.web-page.web-elegant .web-content .topbar .topbar-avatar .name {
  display: none
}

.web-page.web-elegant .web-content .topbar .topbar-avatar.no-avatar .avatar .initials {
  padding: 0
}

.web-page.web-elegant .web-content .topbar .topbar-avatar.no-avatar .avatar .initials .first,.web-page.web-elegant .web-content .topbar .topbar-avatar.no-avatar .avatar .initials .second {
  font-size: 16px;
  line-height: 16px
}

.web-page.web-elegant .web-content .topbar .topbar-avatar .avatar {
  width: 40px
}

.web-page.web-elegant .web-content .topbar .topbar-avatar .avatar .thumbnail,.web-page.web-elegant .web-content .topbar .topbar-avatar .avatar .thumbnail img,.web-page.web-elegant .web-content .topbar .topbar-avatar.no-avatar .avatar .initials {
  height: 40px;
  width: 40px
}

.web-page.web-elegant .web-content .topbar.closed .topbar-buttons .btn:not(.menu-btn) {
  display: none
}

.web-page.web-elegant .web-content .topbar .topbar-buttons {
  display: flex
}

.web-page.web-elegant .web-content .topbar .topbar-buttons .share-btn svg {
  margin-right: 4px
}

.web-page.web-elegant .web-content .topbar .topbar-buttons .menu-btn.close-btn svg {
  width: 16px
}

.web-page.web-elegant .web-content .topbar .topbar-buttons .btn {
  align-items: center;
  background: hsla(0,0%,100%,.05);
  border-radius: 50%;
  display: flex;
  height: 40px;
  justify-content: center;
  margin-left: 10px;
  width: 40px
}

.web-page.web-elegant .web-content .topbar .topbar-buttons .btn svg {
  fill: #eaeaea;
  width: 22px
}

.web-page.web-elegant .web-content .topbar .topbar-buttons .btn:focus,.web-page.web-elegant .web-content .topbar .topbar-buttons .btn:hover {
  background: hsla(0,0%,100%,.1)
}

.web-page.web-elegant .web-content .topbar .topbar-buttons .btn .btn-tooltip {
  background: #eaeaea;
  border-radius: 5px;
  color: #313131
}

.web-page.web-elegant .web-content .topbar .share-popover {
  background: #eaeaea;
  border-radius: 5px;
  padding: 10px 20px
}

.web-page.web-elegant .web-content .menu {
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  transition: top .3s ease-in-out;
  width: 100%;
  z-index: 2
}

.web-page.web-elegant .web-content .menu.closed {
  -webkit-animation: hideMenu .3s ease both;
  animation: hideMenu .3s ease both;
  top: -100vh
}

@keyframes hideMenu {
  0% {
      z-index: 2
  }

  to {
      z-index: -1
  }
}

.web-page.web-elegant .web-content .menu .menu-content {
  background: #313131;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-y: auto;
  padding: 0 24px
}

.web-page.web-elegant .web-content .menu .menu-content .menu-header {
  margin-top: 80px
}

.web-page.web-elegant .web-content .menu .menu-content .menu-header .name {
  align-items: center;
  color: #eaeaea;
  display: flex;
  flex-direction: column;
  text-align: center
}

.web-page.web-elegant .web-content .menu .menu-content .section-list {
  display: flex;
  flex-direction: column;
  margin: 40px 0
}

.web-page.web-elegant .web-content .menu .menu-content .section-list .section-list-item {
  border-bottom: 1px solid hsla(0,0%,92%,.25);
  color: hsla(0,0%,92%,.25);
  cursor: pointer;
  padding: 10px 0;
  text-align: center
}

.web-page.web-elegant .web-content .menu .menu-content .section-list .section-list-item.active {
  color: #eaeaea
}

.web-page.web-elegant .web-content .menu .menu-content .section-list .section-list-item:focus,.web-page.web-elegant .web-content .menu .menu-content .section-list .section-list-item:hover {
  background: hsla(0,0%,92%,.05);
  outline: none;
  text-decoration: none
}

.web-page.web-elegant .web-content .section-wrapper {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding-bottom: 60px;
  padding-top: 30px
}

.web-page.web-elegant .web-content .section-wrapper.general-section .general-info {
  grid-row-gap: 10px;
  color: currentColor;
  display: grid;
  grid-template-columns: 1fr
}

.web-page.web-elegant .web-content .section-wrapper.general-section .general-info .info-wrapper {
  border-bottom: 1px solid rgba(49,49,49,.25);
  display: grid;
  grid-template-columns: 1fr;
  padding-bottom: 10px
}

.web-page.web-elegant .web-content .section-wrapper.general-section .general-info .info-wrapper .key,.web-page.web-elegant .web-content .section-wrapper.general-section .general-info .info-wrapper .value {
  color: inherit
}

@media (min-width: 360px) {
  .web-page.web-elegant .web-content .section-wrapper.general-section .general-info .info-wrapper {
      grid-column-gap:16px;
      align-items: center;
      grid-template-columns: 1fr 1fr
  }
}

@media (min-width: 768px) {
  .web-page.web-elegant .web-content .section-wrapper.general-section .general-info .info-wrapper {
      grid-template-columns:1fr 2fr
  }
}

@media (min-width: 1200px) {
  .web-page.web-elegant .web-content .section-wrapper.general-section .general-info .info-wrapper {
      grid-column-gap:46px;
      grid-template-columns: 1fr 3fr
  }
}

.web-page.web-elegant .web-content .section-wrapper.experience-section .entry-wrapper,.web-page.web-elegant .web-content .section-wrapper.publication-section .entry-wrapper {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  padding-bottom: 40px;
  word-break: break-word
}

.web-page.web-elegant .web-content .section-wrapper.experience-section .entry-wrapper:not(:last-of-type),.web-page.web-elegant .web-content .section-wrapper.publication-section .entry-wrapper:not(:last-of-type) {
  margin-bottom: 30px
}

.web-page.web-elegant .web-content .section-wrapper.experience-section .entry-wrapper .date,.web-page.web-elegant .web-content .section-wrapper.publication-section .entry-wrapper .date {
  color: inherit
}

.web-page.web-elegant .web-content .section-wrapper.experience-section .entry-wrapper .date-address-wrapper:not(:empty),.web-page.web-elegant .web-content .section-wrapper.experience-section .entry-wrapper .date-wrapper:not(:empty),.web-page.web-elegant .web-content .section-wrapper.publication-section .entry-wrapper .date-address-wrapper:not(:empty),.web-page.web-elegant .web-content .section-wrapper.publication-section .entry-wrapper .date-wrapper:not(:empty) {
  margin-bottom: 10px
}

.web-page.web-elegant .web-content .section-wrapper.experience-section .entry-wrapper .entry-content .entry-header:not(:empty),.web-page.web-elegant .web-content .section-wrapper.publication-section .entry-wrapper .entry-content .entry-header:not(:empty) {
  margin-bottom: 20px
}

@media (min-width: 768px) {
  .web-page.web-elegant .web-content .section-wrapper.experience-section .entry-wrapper,.web-page.web-elegant .web-content .section-wrapper.publication-section .entry-wrapper {
      grid-column-gap:16px;
      display: grid;
      grid-template-columns: 1fr 2fr;
      padding-bottom: 50px
  }

  .web-page.web-elegant .web-content .section-wrapper.experience-section .entry-wrapper:not(:last-of-type),.web-page.web-elegant .web-content .section-wrapper.publication-section .entry-wrapper:not(:last-of-type) {
      margin-bottom: 40px
  }

  .web-page.web-elegant .web-content .section-wrapper.experience-section .entry-wrapper .date-address-wrapper:not(:empty),.web-page.web-elegant .web-content .section-wrapper.experience-section .entry-wrapper .date-wrapper:not(:empty),.web-page.web-elegant .web-content .section-wrapper.publication-section .entry-wrapper .date-address-wrapper:not(:empty),.web-page.web-elegant .web-content .section-wrapper.publication-section .entry-wrapper .date-wrapper:not(:empty) {
      margin-bottom: 0
  }
}

@media (min-width: 1200px) {
  .web-page.web-elegant .web-content .section-wrapper.experience-section .entry-wrapper,.web-page.web-elegant .web-content .section-wrapper.publication-section .entry-wrapper {
      grid-template-columns:1fr 3fr;
      padding-bottom: 0
  }

  .web-page.web-elegant .web-content .section-wrapper.experience-section .entry-wrapper .date-address-wrapper,.web-page.web-elegant .web-content .section-wrapper.experience-section .entry-wrapper .entry-content,.web-page.web-elegant .web-content .section-wrapper.publication-section .entry-wrapper .date-address-wrapper,.web-page.web-elegant .web-content .section-wrapper.publication-section .entry-wrapper .entry-content {
      padding-bottom: 50px
  }

  .web-page.web-elegant .web-content .section-wrapper.experience-section .entry-wrapper .entry-content,.web-page.web-elegant .web-content .section-wrapper.publication-section .entry-wrapper .entry-content {
      border-left-style: solid;
      border-left-width: 1px;
      padding-left: 30px
  }
}

.web-page.web-elegant .web-content .section-wrapper.graph-section .section-content .entries-wrapper {
  grid-row-gap: 30px;
  display: grid;
  grid-template-columns: 1fr
}

.web-page.web-elegant .web-content .section-wrapper.graph-section .section-content .entries-wrapper .graph-entry .graph-name {
  margin-top: 10px
}

.web-page.web-elegant .web-content .section-wrapper.graph-section .section-content .entries-wrapper .graph-entry .graph-value-wrapper .value,.web-page.web-elegant .web-content .section-wrapper.graph-section .section-content .entries-wrapper .graph-entry .graph-value-wrapper svg {
  height: 146px;
  width: 146px
}

.web-page.web-elegant .web-content .section-wrapper.graph-section .section-content .entries-wrapper .graph-entry .graph-value-wrapper svg circle {
  stroke-width: 15px;
  stroke: currentColor
}

.web-page.web-elegant .web-content .section-wrapper.graph-section .section-content .entries-wrapper .graph-entry .graph-value-wrapper svg.full-circle circle {
  opacity: .25
}

@media (min-width: 360px) {
  .web-page.web-elegant .web-content .section-wrapper.graph-section .section-content .entries-wrapper {
      grid-template-columns:1fr 1fr
  }

  .web-page.web-elegant .web-content .section-wrapper.graph-section .section-content .entries-wrapper .graph-entry .graph-name {
      margin-left: 5px;
      margin-right: 5px
  }
}

@media (min-width: 768px) {
  .web-page.web-elegant .web-content .section-wrapper.graph-section .section-content .entries-wrapper {
      grid-template-columns:1fr 1fr 1fr
  }
}

@media (min-width: 1200px) {
  .web-page.web-elegant .web-content .section-wrapper.graph-section .section-content .entries-wrapper {
      grid-template-columns:1fr 1fr 1fr 1fr
  }
}

.web-page.web-elegant .web-content .section-wrapper.hobby-section .section-content .entries-wrapper,.web-page.web-elegant .web-content .section-wrapper.social-section .section-content .entries-wrapper {
  margin-bottom: -30px
}

.web-page.web-elegant .web-content .section-wrapper.hobby-section .section-content .entries-wrapper .hobby,.web-page.web-elegant .web-content .section-wrapper.hobby-section .section-content .entries-wrapper .social,.web-page.web-elegant .web-content .section-wrapper.social-section .section-content .entries-wrapper .hobby,.web-page.web-elegant .web-content .section-wrapper.social-section .section-content .entries-wrapper .social {
  flex-basis: 100%;
  margin-bottom: 30px
}

.web-page.web-elegant .web-content .section-wrapper.hobby-section .section-content .entries-wrapper .hobby .icon,.web-page.web-elegant .web-content .section-wrapper.hobby-section .section-content .entries-wrapper .social .icon,.web-page.web-elegant .web-content .section-wrapper.social-section .section-content .entries-wrapper .hobby .icon,.web-page.web-elegant .web-content .section-wrapper.social-section .section-content .entries-wrapper .social .icon {
  height: 40px;
  margin-bottom: 10px;
  min-height: 40px;
  width: 40px
}

@media (min-width: 360px) {
  .web-page.web-elegant .web-content .section-wrapper.hobby-section .section-content .entries-wrapper,.web-page.web-elegant .web-content .section-wrapper.social-section .section-content .entries-wrapper {
      margin-bottom:-40px
  }

  .web-page.web-elegant .web-content .section-wrapper.hobby-section .section-content .entries-wrapper .hobby,.web-page.web-elegant .web-content .section-wrapper.hobby-section .section-content .entries-wrapper .social,.web-page.web-elegant .web-content .section-wrapper.social-section .section-content .entries-wrapper .hobby,.web-page.web-elegant .web-content .section-wrapper.social-section .section-content .entries-wrapper .social {
      flex-basis: 50%;
      margin-bottom: 40px
  }

  .web-page.web-elegant .web-content .section-wrapper.hobby-section .section-content .entries-wrapper .hobby .hobby-name,.web-page.web-elegant .web-content .section-wrapper.hobby-section .section-content .entries-wrapper .hobby .social-description,.web-page.web-elegant .web-content .section-wrapper.hobby-section .section-content .entries-wrapper .social .hobby-name,.web-page.web-elegant .web-content .section-wrapper.hobby-section .section-content .entries-wrapper .social .social-description,.web-page.web-elegant .web-content .section-wrapper.social-section .section-content .entries-wrapper .hobby .hobby-name,.web-page.web-elegant .web-content .section-wrapper.social-section .section-content .entries-wrapper .hobby .social-description,.web-page.web-elegant .web-content .section-wrapper.social-section .section-content .entries-wrapper .social .hobby-name,.web-page.web-elegant .web-content .section-wrapper.social-section .section-content .entries-wrapper .social .social-description {
      margin-left: 8px;
      margin-right: 8px
  }
}

@media (min-width: 768px) {
  .web-page.web-elegant .web-content .section-wrapper.hobby-section .section-content .entries-wrapper .hobby,.web-page.web-elegant .web-content .section-wrapper.hobby-section .section-content .entries-wrapper .social,.web-page.web-elegant .web-content .section-wrapper.social-section .section-content .entries-wrapper .hobby,.web-page.web-elegant .web-content .section-wrapper.social-section .section-content .entries-wrapper .social {
      flex-basis:33.33%
  }
}

@media (min-width: 1200px) {
  .web-page.web-elegant .web-content .section-wrapper.hobby-section .section-content .entries-wrapper .hobby,.web-page.web-elegant .web-content .section-wrapper.hobby-section .section-content .entries-wrapper .social,.web-page.web-elegant .web-content .section-wrapper.social-section .section-content .entries-wrapper .hobby,.web-page.web-elegant .web-content .section-wrapper.social-section .section-content .entries-wrapper .social {
      flex-basis:25%
  }
}

.web-page.web-elegant .web-content .section-wrapper.keyword-section .section-content .keyword-list {
  justify-content: center;
  margin: 0 -10px -20px
}

.web-page.web-elegant .web-content .section-wrapper.keyword-section .section-content .keyword-list .keyword {
  margin: 0 10px 20px
}

@media (min-width: 768px) {
  .web-page.web-elegant .web-content .section-wrapper.keyword-section .section-content .keyword-list {
      margin:0 -20px -40px
  }

  .web-page.web-elegant .web-content .section-wrapper.keyword-section .section-content .keyword-list .keyword {
      margin: 0 20px 40px
  }
}

.web-page.web-elegant .web-content .section-wrapper.skill-section .skill-category {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  padding-bottom: 10px
}

.web-page.web-elegant .web-content .section-wrapper.skill-section .skill-category:not(:last-of-type) {
  margin-bottom: 30px
}

.web-page.web-elegant .web-content .section-wrapper.skill-section .skill-category .category-name {
  margin-bottom: 20px
}

.web-page.web-elegant .web-content .section-wrapper.skill-section .skill-category .skill-wrapper {
  grid-row-gap: 0;
  display: grid;
  grid-template-columns: 1fr
}

.web-page.web-elegant .web-content .section-wrapper.skill-section .skill-category .skill-wrapper:not(:last-of-type) {
  margin-bottom: 20px
}

.web-page.web-elegant .web-content .section-wrapper.skill-section .skill-category .skill-wrapper .skill-level {
  height: 28px
}

.web-page.web-elegant .web-content .section-wrapper.skill-section .skill-category .skill-wrapper .skill-level:after,.web-page.web-elegant .web-content .section-wrapper.skill-section .skill-category .skill-wrapper .skill-level:before {
  background: currentColor;
  height: 15px
}

.web-page.web-elegant .web-content .section-wrapper.skill-section .skill-category .skill-wrapper .skill-level:before {
  opacity: .25
}

@media (min-width: 360px) {
  .web-page.web-elegant .web-content .section-wrapper.skill-section .skill-category .skill-wrapper {
      grid-column-gap:16px;
      grid-template-columns: 1fr 1fr
  }
}

@media (min-width: 768px) {
  .web-page.web-elegant .web-content .section-wrapper.skill-section .skill-category .skill-wrapper {
      grid-template-columns:1fr 2fr
  }
}

@media (min-width: 1200px) {
  .web-page.web-elegant .web-content .section-wrapper.skill-section .skill-category .skill-wrapper {
      grid-column-gap:16px;
      grid-template-columns: 1fr 3fr
  }

  .web-page.web-elegant .web-content .section-wrapper.skill-section .skill-category .skill-wrapper .skill-description,.web-page.web-elegant .web-content .section-wrapper.skill-section .skill-category .skill-wrapper .skill-level {
      margin-left: 30px
  }
}

.web-page.web-elegant .web-content .section-wrapper:nth-of-type(2n) {
  background: #394869;
  color: #eaeaea
}

.web-page.web-elegant .web-content .section-wrapper:nth-of-type(2n) a:focus {
  outline-color: hsla(0,0%,92%,.25)
}

.web-page.web-elegant .web-content .section-wrapper:nth-of-type(2n) svg {
  fill: #eaeaea
}

.web-page.web-elegant .web-content .section-wrapper:nth-of-type(2n).experience-section .entry-wrapper,.web-page.web-elegant .web-content .section-wrapper:nth-of-type(2n).publication-section .entry-wrapper,.web-page.web-elegant .web-content .section-wrapper:nth-of-type(2n).skill-section .skill-category {
  border-bottom-color: hsla(0,0%,92%,.25)
}

.web-page.web-elegant .web-content .section-wrapper:nth-of-type(2n).experience-section .entry-wrapper .entry-content,.web-page.web-elegant .web-content .section-wrapper:nth-of-type(2n).publication-section .entry-wrapper .entry-content {
  border-left-color: hsla(0,0%,92%,.25)
}

.web-page.web-elegant .web-content .section-wrapper:nth-of-type(odd) {
  background: #edc7c8;
  color: #313131
}

.web-page.web-elegant .web-content .section-wrapper:nth-of-type(odd) a:focus {
  outline-color: rgba(49,49,49,.25)
}

.web-page.web-elegant .web-content .section-wrapper:nth-of-type(odd) svg {
  fill: #313131
}

.web-page.web-elegant .web-content .section-wrapper:nth-of-type(odd).experience-section .entry-wrapper,.web-page.web-elegant .web-content .section-wrapper:nth-of-type(odd).publication-section .entry-wrapper,.web-page.web-elegant .web-content .section-wrapper:nth-of-type(odd).skill-section .skill-category {
  border-bottom-color: rgba(49,49,49,.25)
}

.web-page.web-elegant .web-content .section-wrapper:nth-of-type(odd).experience-section .entry-wrapper .entry-content,.web-page.web-elegant .web-content .section-wrapper:nth-of-type(odd).publication-section .entry-wrapper .entry-content {
  border-left-color: rgba(49,49,49,.25)
}

.web-page.web-elegant .web-content .section-wrapper .section-icon {
  margin-bottom: 20px
}

.web-page.web-elegant .web-content .section-wrapper .section-title {
  text-align: center
}

.web-page.web-elegant .web-content .section-wrapper .section-content {
  padding: 60px 0 50px;
  width: 100%
}

.web-page.web-elegant .web-content .next-section-btn {
  background-color: #313131;
  border-radius: 50%;
  bottom: 40px;
  cursor: pointer;
  height: 40px;
  padding: 0;
  position: fixed;
  right: 24px;
  width: 40px
}

.web-page.web-elegant .web-content .next-section-btn.up svg {
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1)
}

.web-page.web-elegant .web-content .next-section-btn svg {
  fill: #eaeaea
}

.web-page.web-elegant .web-content .next-section-btn:focus,.web-page.web-elegant .web-content .next-section-btn:hover {
  background: #464646
}

@media (min-width: 768px) {
  .web-page.web-elegant .web-content .cover-section .general-description,.web-page.web-elegant .web-content .cover-section .name {
      padding-left:12.5%;
      padding-right: 12.5%
  }

  .web-page.web-elegant .web-content .inner-web-content {
      padding-top: 100px
  }

  .web-page.web-elegant .web-content .topbar {
      height: 100px;
      margin-top: -100px
  }

  .web-page.web-elegant .web-content .topbar .topbar-avatar .name {
      display: block;
      margin-left: 20px
  }

  .web-page.web-elegant .web-content .topbar .topbar-avatar .avatar {
      width: 60px
  }

  .web-page.web-elegant .web-content .topbar .topbar-avatar .avatar .thumbnail,.web-page.web-elegant .web-content .topbar .topbar-avatar .avatar .thumbnail img,.web-page.web-elegant .web-content .topbar .topbar-avatar.no-avatar .avatar .initials {
      height: 60px;
      width: 60px
  }

  .web-page.web-elegant .web-content .menu .menu-content .menu-header {
      margin-top: 110px
  }

  .web-page.web-elegant .web-content .menu .menu-content .menu-header .name {
      display: none
  }

  .web-page.web-elegant .web-content .section-wrapper {
      padding-top: 50px
  }

  .web-page.web-elegant .web-content .section-wrapper .section-icon {
      margin-bottom: 40px
  }

  .web-page.web-elegant .web-content .section-wrapper .section-title {
      padding-left: 12.5%;
      padding-right: 12.5%
  }

  .web-page.web-elegant .web-content .section-wrapper .section-content {
      padding-left: 12.5%;
      padding-right: 12.5%;
      padding-top: 80px
  }

  .web-page.web-elegant .web-content .section-wrapper.experience-section .entry-wrapper,.web-page.web-elegant .web-content .section-wrapper.general-section .info-wrapper,.web-page.web-elegant .web-content .section-wrapper.publication-section .entry-wrapper,.web-page.web-elegant .web-content .section-wrapper.skill-section .skill-category {
      padding-left: 12.5%;
      padding-right: 12.5%
  }

  .web-page.web-elegant .web-content .section-wrapper.experience-section .section-content,.web-page.web-elegant .web-content .section-wrapper.general-section .section-content,.web-page.web-elegant .web-content .section-wrapper.publication-section .section-content,.web-page.web-elegant .web-content .section-wrapper.skill-section .section-content {
      padding-left: 0;
      padding-right: 0
  }

  .web-page.web-elegant .web-content .footer .footer-row {
      margin-left: 12.5%;
      margin-right: 12.5%
  }
}

@media (min-width: 1200px) {
  .web-page.web-elegant .web-content .menu .menu-content,.web-page.web-elegant .web-content .topbar {
      padding-left:100px;
      padding-right: 100px
  }

  .web-page.web-elegant .web-content .cover-section,.web-page.web-elegant .web-content .footer,.web-page.web-elegant .web-content .section-wrapper {
      padding-left: clamp(1rem, calc(83.33333px + 8.33333%), 3.5rem);
      padding-right: clamp(1rem, calc(83.33333px + 8.33333%), 3.5rem);
  }

  .web-page.web-elegant .web-content .cover-section .name {
      padding-left: 0;
      padding-right: 0
  }

  .web-page.web-elegant .web-content .cover-section .general-description {
      padding-left: 20%;
      padding-right: 20%
  }

  .web-page.web-elegant .web-content .topbar.closed .topbar-buttons .btn:not(.menu-btn) {
      display: flex
  }

  .web-page.web-elegant .web-content .menu .menu-content .section-list,.web-page.web-elegant .web-content .section-wrapper .section-content,.web-page.web-elegant .web-content .section-wrapper.experience-section .entry-wrapper,.web-page.web-elegant .web-content .section-wrapper.general-section .info-wrapper,.web-page.web-elegant .web-content .section-wrapper.publication-section .entry-wrapper,.web-page.web-elegant .web-content .section-wrapper.skill-section .skill-category {
      padding-left: 10%;
      padding-right: 10%
  }

  .web-page.web-elegant .web-content .section-wrapper.experience-section .section-content,.web-page.web-elegant .web-content .section-wrapper.general-section .section-content,.web-page.web-elegant .web-content .section-wrapper.publication-section .section-content,.web-page.web-elegant .web-content .section-wrapper.skill-section .section-content {
      padding-left: 0;
      padding-right: 0
  }

  .web-page.web-elegant .web-content .footer .footer-row {
      margin-left: 10%;
      margin-right: 10%
  }

  .web-page.web-elegant .web-content .next-section-btn {
      right: 100px
  }
}

@media (min-width: 1920px) {
  .web-page.web-elegant .web-content .menu .menu-content,.web-page.web-elegant .web-content .topbar {
      padding-left:clamp(1rem, calc(50% - 644px), 3.5rem);
      padding-right: clamp(1rem, calc(50% - 644px), 3.5rem);
  }

  .web-page.web-elegant .web-content .cover-section,.web-page.web-elegant .web-content .footer,.web-page.web-elegant .web-content .section-wrapper {
      padding-left: clamp(1rem, calc(50% - 536.66667px), 3.5rem);
      padding-right: clamp(1rem, calc(50% - 536.66667px), 3.5rem);
  }

  .web-page.web-elegant .web-content .next-section-btn {
      right: clamp(1rem, calc(50% - 644px), 3.5rem);
  }
}

.web-page.web-elegant.elegant_01 .web-content .section-wrapper:nth-of-type(2n) {
  background: #394869
}

.web-page.web-elegant.elegant_01 .web-content .section-wrapper:nth-of-type(odd) {
  background: #edc7c8
}

.web-page.web-elegant.elegant_01 .web-content .cover-section {
  background-image: url(https://d2sn08my3g92cp.cloudfront.net/backgrounds/elegant_01.jpg)
}

.web-page.web-elegant.elegant_02 .web-content .section-wrapper:nth-of-type(2n) {
  background: #1b4541
}

.web-page.web-elegant.elegant_02 .web-content .section-wrapper:nth-of-type(odd) {
  background: #cecdc7
}

.web-page.web-elegant.elegant_02 .web-content .cover-section {
  background-image: url(https://d2sn08my3g92cp.cloudfront.net/backgrounds/elegant_02.jpg)
}

.web-page.web-elegant.elegant_03 .web-content .section-wrapper:nth-of-type(2n) {
  background: #af543b
}

.web-page.web-elegant.elegant_03 .web-content .section-wrapper:nth-of-type(odd) {
  background: #fad7ca
}

.web-page.web-elegant.elegant_03 .web-content .cover-section {
  background-image: url(https://d2sn08my3g92cp.cloudfront.net/backgrounds/elegant_03.jpg)
}

.web-page.web-elegant.elegant_04 .web-content .section-wrapper:nth-of-type(2n) {
  background: #242424
}

.web-page.web-elegant.elegant_04 .web-content .section-wrapper:nth-of-type(odd) {
  background: #d1d1d1
}

.web-page.web-elegant.elegant_04 .web-content .cover-section {
  background-image: url(https://d2sn08my3g92cp.cloudfront.net/backgrounds/elegant_04.jpg)
}

.web-page.web-elegant.elegant_05 .web-content .section-wrapper:nth-of-type(2n) {
  background: #6e5b3a
}

.web-page.web-elegant.elegant_05 .web-content .section-wrapper:nth-of-type(odd) {
  background: #f8bc91
}

.web-page.web-elegant.elegant_05 .web-content .cover-section {
  background-image: url(https://d2sn08my3g92cp.cloudfront.net/backgrounds/elegant_05.svg)
}

.web-page.web-elegant.elegant_06 .web-content .cover-section {
  background-image: url(https://d2sn08my3g92cp.cloudfront.net/backgrounds/elegant_06.svg)
}

.web-page.web-elegant.elegant_06 .web-content .section-wrapper:nth-of-type(4n+1) {
  background: #f8bf4f
}

.web-page.web-elegant.elegant_06 .web-content .section-wrapper:nth-of-type(4n+2) {
  background: #46a28b
}

.web-page.web-elegant.elegant_06 .web-content .section-wrapper:nth-of-type(4n+3) {
  background: #edc7c8
}

.web-page.web-elegant.elegant_06 .web-content .section-wrapper:nth-of-type(4n) {
  background: #ee5335
}

.web-page.web-elegant.elegant_07 .web-content .section-wrapper:nth-of-type(2n) {
  background: #29391c
}

.web-page.web-elegant.elegant_07 .web-content .section-wrapper:nth-of-type(odd) {
  background: #a1d6d2
}

.web-page.web-elegant.elegant_07 .web-content .cover-section {
  background-image: url(https://d2sn08my3g92cp.cloudfront.net/backgrounds/elegant_07.svg)
}

.web-page.web-glider a,.web-page.web-glider b,.web-page.web-glider del,.web-page.web-glider div,.web-page.web-glider em,.web-page.web-glider ins,.web-page.web-glider li,.web-page.web-glider mark,.web-page.web-glider ol,.web-page.web-glider p,.web-page.web-glider s,.web-page.web-glider small,.web-page.web-glider strong,.web-page.web-glider sub,.web-page.web-glider sup,.web-page.web-glider u,.web-page.web-glider ul {
  font-size: 18px;
  line-height: 28px
}

.web-page.web-glider .topbar .btn-tooltip {
  font-size: 12px;
  line-height: 22px
}

.web-page.web-glider .section-title {
  font-size: 36px;
  line-height: 46px
}

.web-page.web-glider .cover-section .name {
  font-size: 50px;
  line-height: 60px
}

.web-page.web-glider .menu .section-list-item {
  font-size: 18px;
  line-height: 28px
}

.web-page.web-glider .category-name,.web-page.web-glider .experience-section .address,.web-page.web-glider .experience-section .date,.web-page.web-glider .general-section .key,.web-page.web-glider .publication-section .date {
  font-size: 16px;
  line-height: 26px
}

.web-page.web-glider .degree,.web-page.web-glider .keyword,.web-page.web-glider .position,.web-page.web-glider .publication-name {
  font-size: 26px;
  line-height: 36px
}

.web-page.web-glider .horizontal-menu .menu-item:not(.cover-item) .menu-item-title {
  font-size: 10px;
  line-height: 20px
}

.web-page.web-glider .company,.web-page.web-glider .publisher {
  font-size: 22px;
  line-height: 32px
}

@media (min-width: 768px) {
  .web-page.web-glider .section-title {
      font-size:46px;
      line-height: 56px
  }

  .web-page.web-glider .cover-section .name {
      font-size: 90px;
      line-height: 100px
  }

  .web-page.web-glider .degree,.web-page.web-glider .keyword,.web-page.web-glider .position,.web-page.web-glider .publication-name {
      font-size: 30px;
      line-height: 40px
  }

  .web-page.web-glider .company,.web-page.web-glider .publisher {
      font-size: 24px;
      line-height: 34px
  }
}

@media (min-width: 1200px) {
  .web-page.web-glider .cover-section .name {
      font-size:110px;
      line-height: 120px
  }

  .web-page.web-glider .degree,.web-page.web-glider .keyword,.web-page.web-glider .position,.web-page.web-glider .publication-name {
      font-size: 34px;
      line-height: 44px
  }

  .web-page.web-glider .company,.web-page.web-glider .publisher {
      font-size: 26px;
      line-height: 36px
  }
}

.web-page.web-glider .web-content {
  background: #fff6f0;
  color: #29391c
}

.web-page.web-glider .web-content a:focus {
  outline-color: rgba(41,57,28,.5)
}

.web-page.web-glider .web-content .topbar {
  background: #f6ede7
}

.web-page.web-glider .web-content .topbar .dots-btn svg {
  fill: #29391c
}

.web-page.web-glider .web-content .topbar .dots-btn:focus,.web-page.web-glider .web-content .topbar .dots-btn:hover {
  background-color: #fff6f0
}

.web-page.web-glider .web-content .topbar .icon-btn:not(.dots-btn) {
  background: #fff6f0
}

.web-page.web-glider .web-content .topbar .icon-btn:not(.dots-btn) svg {
  fill: #29391c
}

.web-page.web-glider .web-content .topbar .icon-btn:not(.dots-btn):focus,.web-page.web-glider .web-content .topbar .icon-btn:not(.dots-btn):hover {
  background: #29391c
}

.web-page.web-glider .web-content .topbar .icon-btn:not(.dots-btn):focus svg,.web-page.web-glider .web-content .topbar .icon-btn:not(.dots-btn):hover svg {
  fill: #fff6f0
}

.web-page.web-glider .web-content .topbar .icon-btn:not(.dots-btn) .btn-tooltip {
  background: #29391c;
  color: #fff6f0
}

.web-page.web-glider .web-content .topbar .horizontal-menu .arrow-wrapper:before {
  background: linear-gradient(90deg,#f6ede7,hsla(24,45%,94%,0))
}

.web-page.web-glider .web-content .topbar .horizontal-menu .arrow-wrapper .btn {
  background: #fff6f0
}

.web-page.web-glider .web-content .topbar .horizontal-menu .arrow-wrapper .btn:before {
  border-color: #29391c
}

.web-page.web-glider .web-content .menu .section-list {
  background: #f6ede7
}

.web-page.web-glider .web-content .horizontal-menu .menu-item,.web-page.web-glider .web-content .menu .section-list .section-list-item {
  background: #fff6f0;
  color: #29391c
}

.web-page.web-glider .web-content .horizontal-menu .menu-item.active,.web-page.web-glider .web-content .horizontal-menu .menu-item:focus,.web-page.web-glider .web-content .horizontal-menu .menu-item:hover,.web-page.web-glider .web-content .menu .section-list .section-list-item.active,.web-page.web-glider .web-content .menu .section-list .section-list-item:focus,.web-page.web-glider .web-content .menu .section-list .section-list-item:hover {
  background: #29391c;
  color: #fff6f0
}

.web-page.web-glider .web-content .cover-section {
  color: #29391c
}

.web-page.web-glider .web-content .cover-section .name:before {
  background: #29391c
}

.web-page.web-glider .web-content .general-section .general-info .key,.web-page.web-glider .web-content .general-section .general-info .value {
  color: #29391c
}

.web-page.web-glider .web-content .section-wrapper .section-title:before {
  background-color: #29391c
}

.web-page.web-glider .web-content .hobby-section svg,.web-page.web-glider .web-content .social-section svg {
  fill: #29391c
}

.web-page.web-glider .web-content .graph-section circle {
  stroke: #29391c
}

.web-page.web-glider .web-content .graph-section .dot circle {
  fill: #29391c
}

.web-page.web-glider .web-content .keyword-section .keyword-list .keyword {
  background-color: #f6ede7
}

.web-page.web-glider .web-content .experience-section .slick-dots li button,.web-page.web-glider .web-content .general-section .slick-dots li button,.web-page.web-glider .web-content .publication-section .slick-dots li button,.web-page.web-glider .web-content .skill-section .slick-dots li button {
  border-color: #29391c
}

.web-page.web-glider .web-content .experience-section .slick-dots li.slick-active button,.web-page.web-glider .web-content .general-section .slick-dots li.slick-active button,.web-page.web-glider .web-content .publication-section .slick-dots li.slick-active button,.web-page.web-glider .web-content .skill-section .slick-dots li.slick-active button {
  background: #29391c
}

.web-page.web-glider .web-content .float-arrows .btn {
  fill: #29391c;
  background-color: #f6ede7
}

.web-page.web-glider .web-content .footer {
  background: #29391c
}

@media (min-width: 768px) and (max-width:1439px) {
  .web-page.web-glider .web-content .topbar .action-buttons,.web-page.web-glider .web-content .topbar:before {
      background-color:#f6ede7
  }
}

.web-page.web-glider .web-content {
  min-height: 100vh;
  overflow-x: hidden;
  overflow-y: auto
}

.web-page.web-glider .web-content .share-popover {
  background: #fff;
  border-radius: 10px;
  padding: 10px 20px
}

.web-page.web-glider .web-content .topbar {
  align-items: center;
  display: flex;
  justify-content: space-between;
  left: 0;
  min-height: 90px;
  padding: 0 24px;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 3
}

.web-page.web-glider .web-content .topbar.closed .action-buttons .btn:not(.download-btn) {
  display: none
}

.web-page.web-glider .web-content .topbar .action-buttons {
  display: flex
}

.web-page.web-glider .web-content .topbar .icon-btn {
  align-items: center;
  border-radius: 50%;
  display: flex;
  height: 60px;
  justify-content: center;
  width: 60px
}

.web-page.web-glider .web-content .topbar .icon-btn:not(:first-child) {
  margin-left: 5px
}

.web-page.web-glider .web-content .topbar .icon-btn svg {
  width: 30px
}

.web-page.web-glider .web-content .topbar .icon-btn .btn-tooltip {
  border-radius: 10px
}

.web-page.web-glider .web-content .topbar .icon-btn.menu-btn.close-btn svg {
  width: 25px
}

.web-page.web-glider .web-content .topbar .icon-btn.share-btn svg {
  margin-right: 3px;
  width: 27px
}

.web-page.web-glider .web-content .topbar .icon-btn.contact-btn svg {
  width: 29px
}

.web-page.web-glider .web-content .topbar .horizontal-menu {
  width: clamp(1rem, calc(100vw - 48px), 3.5rem);
}

.web-page.web-glider .web-content .topbar .horizontal-menu .arrow-wrapper {
  align-items: center;
  display: flex;
  height: 100%;
  position: absolute;
  top: 0;
  -webkit-transform: none;
  transform: none;
  width: 60px
}

.web-page.web-glider .web-content .topbar .horizontal-menu .arrow-wrapper.slick-prev {
  left: 0
}

.web-page.web-glider .web-content .topbar .horizontal-menu .arrow-wrapper.slick-prev .btn {
  left: -17.5px
}

.web-page.web-glider .web-content .topbar .horizontal-menu .arrow-wrapper.slick-prev .btn:before {
  margin-left: 3px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg)
}

.web-page.web-glider .web-content .topbar .horizontal-menu .arrow-wrapper.slick-next {
  right: 0
}

.web-page.web-glider .web-content .topbar .horizontal-menu .arrow-wrapper.slick-next:before {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.web-page.web-glider .web-content .topbar .horizontal-menu .arrow-wrapper.slick-next .btn {
  right: -17.5px
}

.web-page.web-glider .web-content .topbar .horizontal-menu .arrow-wrapper.slick-next .btn:before {
  margin-left: -3px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.web-page.web-glider .web-content .topbar .horizontal-menu .arrow-wrapper.slick-disabled {
  display: none
}

.web-page.web-glider .web-content .topbar .horizontal-menu .arrow-wrapper:before {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1
}

.web-page.web-glider .web-content .topbar .horizontal-menu .arrow-wrapper.slick-arrow .btn {
  border-radius: 50%;
  -webkit-filter: drop-shadow(0 0 5px rgba(0,0,0,.3));
  filter: drop-shadow(0 0 5px rgba(0,0,0,.3));
  height: 35px;
  padding: 0;
  position: absolute;
  width: 35px;
  z-index: 1
}

.web-page.web-glider .web-content .topbar .horizontal-menu .arrow-wrapper.slick-arrow .btn:before {
  border-style: solid;
  border-width: 0 1px 1px 0;
  content: "";
  display: inline-block;
  padding: 4px
}

.web-page.web-glider .web-content .topbar .horizontal-menu .menu-item-wrapper:focus,.web-page.web-glider .web-content .topbar .horizontal-menu .slick-slide>div:focus {
  outline: none
}

.web-page.web-glider .web-content .topbar .horizontal-menu .menu-item {
  align-items: center;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 10px 2.5px;
  min-height: 70px;
  padding: 5px 10px;
  width: clamp(1rem, calc(100% - 5px), 3.5rem);
}

.web-page.web-glider .web-content .topbar .horizontal-menu .menu-item .menu-item-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%
}

.web-page.web-glider .web-content .topbar .horizontal-menu .menu-item .menu-item-icon {
  fill: currentColor;
  height: 26px;
  margin-bottom: 5px;
  min-width: 26px;
  width: 26px
}

.web-page.web-glider .web-content .menu {
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  transition: top .3s ease-in-out;
  width: 100%;
  z-index: 2
}

.web-page.web-glider .web-content .menu.closed {
  top: -100vh
}

.web-page.web-glider .web-content .menu .section-list {
  display: flex;
  flex-direction: column;
  height: clamp(1rem, calc(100% - 90px), 3.5rem);
  margin-top: 90px;
  overflow-y: auto;
  padding: 10px 24px
}

.web-page.web-glider .web-content .menu .section-list .section-list-item {
  align-items: center;
  border-radius: 10px;
  cursor: pointer;
  display: flex;
  margin-bottom: 10px;
  padding: 21px;
  text-align: left;
  white-space: normal
}

.web-page.web-glider .web-content .menu .section-list .section-list-item .section-list-icon {
  fill: currentColor;
  margin-right: 33px;
  min-width: 26px;
  width: 26px
}

.web-page.web-glider .web-content .cover-avatar .avatar .thumbnail,.web-page.web-glider .web-content .general-avatar .avatar .thumbnail {
  margin: 0
}

.web-page.web-glider .web-content .cover-avatar .avatar .thumbnail img,.web-page.web-glider .web-content .general-avatar .avatar .thumbnail img {
  border-radius: 30px
}

.web-page.web-glider .web-content .cover-avatar.no-avatar .avatar .initials,.web-page.web-glider .web-content .general-avatar.no-avatar .avatar .initials {
  align-items: center;
  background-color: #29391c;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  height: 90px;
  justify-content: center;
  padding: 0 20px;
  width: 90px
}

.web-page.web-glider .web-content .cover-avatar.no-avatar .avatar .initials .first,.web-page.web-glider .web-content .cover-avatar.no-avatar .avatar .initials .second,.web-page.web-glider .web-content .general-avatar.no-avatar .avatar .initials .first,.web-page.web-glider .web-content .general-avatar.no-avatar .avatar .initials .second {
  color: #fff6f0;
  font-size: 28px;
  line-height: 28px;
  padding: 3px 0
}

.web-page.web-glider .web-content .cover-avatar.no-avatar .avatar .initials .line,.web-page.web-glider .web-content .general-avatar.no-avatar .avatar .initials .line {
  background: #fff6f0;
  height: 2px;
  width: 100%
}

@media (min-width: 1200px) {
  .web-page.web-glider .web-content .cover-avatar.no-avatar .avatar .initials,.web-page.web-glider .web-content .general-avatar.no-avatar .avatar .initials {
      height:120px;
      padding: 0 30px;
      width: 120px
  }

  .web-page.web-glider .web-content .cover-avatar.no-avatar .avatar .initials .first,.web-page.web-glider .web-content .cover-avatar.no-avatar .avatar .initials .second,.web-page.web-glider .web-content .general-avatar.no-avatar .avatar .initials .first,.web-page.web-glider .web-content .general-avatar.no-avatar .avatar .initials .second {
      font-size: 36px;
      line-height: 36px
  }
}

.web-page.web-glider .web-content .cover-avatar.no-avatar .avatar .initials,.web-page.web-glider .web-content .general-avatar.no-avatar .avatar .initials {
  border-radius: 30px;
  flex-direction: row
}

.web-page.web-glider .web-content .cover-avatar.no-avatar .avatar .initials .line,.web-page.web-glider .web-content .general-avatar.no-avatar .avatar .initials .line {
  display: none
}

.web-page.web-glider .web-content .cover-avatar.no-avatar .avatar .initials .first,.web-page.web-glider .web-content .cover-avatar.no-avatar .avatar .initials .second,.web-page.web-glider .web-content .general-avatar.no-avatar .avatar .initials .first,.web-page.web-glider .web-content .general-avatar.no-avatar .avatar .initials .second {
  font-size: 36px;
  line-height: 36px;
  padding: 0
}

.web-page.web-glider .web-content .cover-avatar.no-avatar .avatar,.web-page.web-glider .web-content .general-avatar.no-avatar .avatar {
  width: 148px
}

.web-page.web-glider .web-content .cover-avatar.no-avatar .avatar .thumbnail,.web-page.web-glider .web-content .cover-avatar.no-avatar .avatar .thumbnail img,.web-page.web-glider .web-content .cover-avatar.no-avatar.no-avatar .avatar .initials,.web-page.web-glider .web-content .general-avatar.no-avatar .avatar .thumbnail,.web-page.web-glider .web-content .general-avatar.no-avatar .avatar .thumbnail img,.web-page.web-glider .web-content .general-avatar.no-avatar.no-avatar .avatar .initials {
  height: 148px;
  width: 148px
}

.web-page.web-glider .web-content .transition-group .transition-item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: clamp(1rem, calc(100vh + 64px), 3.5rem);
  position: absolute;
  width: 100%
}

.web-page.web-glider .web-content .transition-group.next .transition-item.enterAnimation {
  -webkit-animation: moveFromRight .7s ease both;
  animation: moveFromRight .7s ease both
}

.web-page.web-glider .web-content .transition-group.next .transition-item.exitAnimation {
  -webkit-animation: moveToLeft .7s ease both;
  animation: moveToLeft .7s ease both
}

.web-page.web-glider .web-content .transition-group.prev .transition-item.enterAnimation {
  -webkit-animation: moveFromLeft .7s ease both;
  animation: moveFromLeft .7s ease both
}

.web-page.web-glider .web-content .transition-group.prev .transition-item.exitAnimation {
  -webkit-animation: moveToRight .7s ease both;
  animation: moveToRight .7s ease both
}

@-webkit-keyframes moveFromRight {
  0% {
      left: 100vw
  }

  to {
      left: 0
  }
}

@-webkit-keyframes moveToLeft {
  0% {
      left: 0
  }

  to {
      left: -100vw
  }
}

@-webkit-keyframes moveFromLeft {
  0% {
      left: -100vw
  }

  to {
      left: 0
  }
}

@-webkit-keyframes moveToRight {
  0% {
      left: 0
  }

  to {
      left: 100vw
  }
}

.web-page.web-glider .web-content .cover-section,.web-page.web-glider .web-content .section-wrapper {
  padding: 220px 24px 100px
}

.web-page.web-glider .web-content .cover-section {
  display: flex;
  flex-direction: column-reverse;
  padding-top: 200px
}

.web-page.web-glider .web-content .cover-section .name {
  padding: 50px 0 40px;
  position: relative
}

.web-page.web-glider .web-content .cover-section .name:before {
  content: "";
  height: 2px;
  position: absolute;
  top: 0;
  width: 144px
}

@media (min-width: 768px) and (orientation:portrait),(min-width:992px) {
  .web-page.web-glider .web-content .cover-section {
      flex-direction:column
  }

  .web-page.web-glider .web-content .cover-section .cover-avatar {
      align-self: flex-end
  }

  .web-page.web-glider .web-content .cover-section .name {
      margin-top: 10px;
      padding: 70px 0 0
  }

  .web-page.web-glider .web-content .cover-section .name:before {
      width: 168px
  }
}

@media (min-width: 1200px) {
  .web-page.web-glider .web-content .cover-section .name {
      margin-top:0
  }

  .web-page.web-glider .web-content .cover-section .name:before {
      width: 180px
  }
}

.web-page.web-glider .web-content .section-wrapper.general-section .general-avatar-wrapper {
  display: none
}

.web-page.web-glider .web-content .section-wrapper.general-section .general-info {
  grid-row-gap: 20px;
  display: grid;
  grid-template-columns: 1fr
}

.web-page.web-glider .web-content .section-wrapper.general-section .general-info .info-wrapper {
  display: flex;
  flex-direction: column
}

@media (min-width: 768px) {
  .web-page.web-glider .web-content .section-wrapper.general-section .general-info {
      grid-row-gap:20px;
      grid-column-gap: 16px;
      grid-template-columns: 1fr 1fr
  }
}

@media (min-width: 1200px) {
  .web-page.web-glider .web-content .section-wrapper.general-section .general-avatar-wrapper {
      display:flex;
      justify-content: flex-end;
      position: absolute;
      top: 200px
  }
}

.web-page.web-glider .web-content .section-wrapper.hobby-section .section-content .entries-wrapper,.web-page.web-glider .web-content .section-wrapper.social-section .section-content .entries-wrapper {
  margin-bottom: -60px
}

.web-page.web-glider .web-content .section-wrapper.hobby-section .section-content .entries-wrapper .hobby,.web-page.web-glider .web-content .section-wrapper.hobby-section .section-content .entries-wrapper .social,.web-page.web-glider .web-content .section-wrapper.social-section .section-content .entries-wrapper .hobby,.web-page.web-glider .web-content .section-wrapper.social-section .section-content .entries-wrapper .social {
  flex-basis: 100%;
  margin-bottom: 60px
}

.web-page.web-glider .web-content .section-wrapper.hobby-section .section-content .entries-wrapper .hobby .icon,.web-page.web-glider .web-content .section-wrapper.hobby-section .section-content .entries-wrapper .social .icon,.web-page.web-glider .web-content .section-wrapper.social-section .section-content .entries-wrapper .hobby .icon,.web-page.web-glider .web-content .section-wrapper.social-section .section-content .entries-wrapper .social .icon {
  height: 40px;
  margin-bottom: 10px;
  min-height: 40px;
  width: 40px
}

@media (min-width: 360px) {
  .web-page.web-glider .web-content .section-wrapper.hobby-section .section-content .entries-wrapper .hobby,.web-page.web-glider .web-content .section-wrapper.hobby-section .section-content .entries-wrapper .social,.web-page.web-glider .web-content .section-wrapper.social-section .section-content .entries-wrapper .hobby,.web-page.web-glider .web-content .section-wrapper.social-section .section-content .entries-wrapper .social {
      flex-basis:50%
  }

  .web-page.web-glider .web-content .section-wrapper.hobby-section .section-content .entries-wrapper .hobby .hobby-name,.web-page.web-glider .web-content .section-wrapper.hobby-section .section-content .entries-wrapper .hobby .social-description,.web-page.web-glider .web-content .section-wrapper.hobby-section .section-content .entries-wrapper .social .hobby-name,.web-page.web-glider .web-content .section-wrapper.hobby-section .section-content .entries-wrapper .social .social-description,.web-page.web-glider .web-content .section-wrapper.social-section .section-content .entries-wrapper .hobby .hobby-name,.web-page.web-glider .web-content .section-wrapper.social-section .section-content .entries-wrapper .hobby .social-description,.web-page.web-glider .web-content .section-wrapper.social-section .section-content .entries-wrapper .social .hobby-name,.web-page.web-glider .web-content .section-wrapper.social-section .section-content .entries-wrapper .social .social-description {
      margin-left: 8px;
      margin-right: 8px
  }
}

@media (min-width: 768px) {
  .web-page.web-glider .web-content .section-wrapper.hobby-section .section-content .entries-wrapper .hobby,.web-page.web-glider .web-content .section-wrapper.social-section .section-content .entries-wrapper .social {
      flex-basis:33.33%
  }
}

@media (min-width: 1200px) {
  .web-page.web-glider .web-content .section-wrapper.hobby-section .section-content .entries-wrapper .hobby,.web-page.web-glider .web-content .section-wrapper.social-section .section-content .entries-wrapper .social {
      flex-basis:25%
  }
}

@media (min-width: 1440px) {
  .web-page.web-glider .web-content .section-wrapper.hobby-section .section-content .entries-wrapper .hobby,.web-page.web-glider .web-content .section-wrapper.social-section .section-content .entries-wrapper .social {
      flex-basis:20%
  }
}

.web-page.web-glider .web-content .section-wrapper.keyword-section .section-content .keyword-list {
  margin-bottom: -30px
}

.web-page.web-glider .web-content .section-wrapper.keyword-section .section-content .keyword-list .keyword {
  border-radius: 10px;
  margin: 0 30px 30px 0;
  padding: 5px 15px
}

.web-page.web-glider .web-content .section-wrapper.graph-section .section-content .entries-wrapper {
  grid-row-gap: 50px;
  display: grid;
  grid-template-columns: 1fr
}

.web-page.web-glider .web-content .section-wrapper.graph-section .section-content .entries-wrapper .graph-entry .graph-name {
  margin-top: 10px
}

.web-page.web-glider .web-content .section-wrapper.graph-section .section-content .entries-wrapper .graph-entry .graph-value-wrapper .value .circle-percentage,.web-page.web-glider .web-content .section-wrapper.graph-section .section-content .entries-wrapper .graph-entry .graph-value-wrapper .value .number {
  font-size: 16px;
  line-height: 16px
}

.web-page.web-glider .web-content .section-wrapper.graph-section .section-content .entries-wrapper .graph-entry .graph-value-wrapper .value,.web-page.web-glider .web-content .section-wrapper.graph-section .section-content .entries-wrapper .graph-entry .graph-value-wrapper svg {
  height: 124px;
  width: 124px
}

.web-page.web-glider .web-content .section-wrapper.graph-section .section-content .entries-wrapper .graph-entry .graph-value-wrapper svg.full-circle circle {
  stroke-width: 3px
}

.web-page.web-glider .web-content .section-wrapper.graph-section .section-content .entries-wrapper .graph-entry .graph-value-wrapper svg.partial-circle circle {
  stroke-width: 9px
}

.web-page.web-glider .web-content .section-wrapper.graph-section .section-content .entries-wrapper .graph-entry .graph-value-wrapper svg.dot circle {
  stroke-width: 8px
}

@media (min-width: 360px) {
  .web-page.web-glider .web-content .section-wrapper.graph-section .section-content .entries-wrapper {
      grid-template-columns:1fr 1fr
  }

  .web-page.web-glider .web-content .section-wrapper.graph-section .section-content .entries-wrapper .graph-entry .graph-name {
      margin-left: 5px;
      margin-right: 5px
  }
}

@media (min-width: 768px) {
  .web-page.web-glider .web-content .section-wrapper.graph-section .section-content .entries-wrapper {
      grid-template-columns:1fr 1fr 1fr
  }
}

@media (min-width: 1200px) {
  .web-page.web-glider .web-content .section-wrapper.graph-section .section-content .entries-wrapper {
      grid-template-columns:1fr 1fr 1fr 1fr
  }
}

@media (min-width: 1440px) {
  .web-page.web-glider .web-content .section-wrapper.graph-section .section-content .entries-wrapper {
      grid-template-columns:1fr 1fr 1fr 1fr 1fr
  }
}

.web-page.web-glider .web-content .section-wrapper.experience-section .entry-wrapper,.web-page.web-glider .web-content .section-wrapper.publication-section .entry-wrapper {
  word-break: break-word
}

.web-page.web-glider .web-content .section-wrapper.experience-section .entry-wrapper .date,.web-page.web-glider .web-content .section-wrapper.publication-section .entry-wrapper .date {
  color: inherit
}

.web-page.web-glider .web-content .section-wrapper.experience-section .entry-wrapper .date-address-wrapper:not(:empty),.web-page.web-glider .web-content .section-wrapper.experience-section .entry-wrapper .date-wrapper:not(:empty),.web-page.web-glider .web-content .section-wrapper.experience-section .entry-wrapper .entry-header,.web-page.web-glider .web-content .section-wrapper.publication-section .entry-wrapper .date-address-wrapper:not(:empty),.web-page.web-glider .web-content .section-wrapper.publication-section .entry-wrapper .date-wrapper:not(:empty),.web-page.web-glider .web-content .section-wrapper.publication-section .entry-wrapper .entry-header {
  margin-bottom: 30px
}

@media (min-width: 1200px) {
  .web-page.web-glider .web-content .section-wrapper.experience-section .entry-wrapper .entry-header,.web-page.web-glider .web-content .section-wrapper.publication-section .entry-wrapper .entry-header {
      display:flex;
      flex-direction: row-reverse;
      justify-content: space-between
  }

  .web-page.web-glider .web-content .section-wrapper.experience-section .entry-wrapper .entry-header .date-address-wrapper,.web-page.web-glider .web-content .section-wrapper.experience-section .entry-wrapper .entry-header .date-wrapper,.web-page.web-glider .web-content .section-wrapper.publication-section .entry-wrapper .entry-header .date-address-wrapper,.web-page.web-glider .web-content .section-wrapper.publication-section .entry-wrapper .entry-header .date-wrapper {
      flex-basis: 20%;
      margin-bottom: 0;
      text-align: right
  }

  .web-page.web-glider .web-content .section-wrapper.experience-section .entry-wrapper .entry-header .date-address-wrapper .address,.web-page.web-glider .web-content .section-wrapper.experience-section .entry-wrapper .entry-header .date-address-wrapper .date,.web-page.web-glider .web-content .section-wrapper.experience-section .entry-wrapper .entry-header .date-wrapper .address,.web-page.web-glider .web-content .section-wrapper.experience-section .entry-wrapper .entry-header .date-wrapper .date,.web-page.web-glider .web-content .section-wrapper.publication-section .entry-wrapper .entry-header .date-address-wrapper .address,.web-page.web-glider .web-content .section-wrapper.publication-section .entry-wrapper .entry-header .date-address-wrapper .date,.web-page.web-glider .web-content .section-wrapper.publication-section .entry-wrapper .entry-header .date-wrapper .address,.web-page.web-glider .web-content .section-wrapper.publication-section .entry-wrapper .entry-header .date-wrapper .date {
      margin-left: 16px
  }

  .web-page.web-glider .web-content .section-wrapper.experience-section .entry-wrapper .entry-header .name-publisher-wrapper,.web-page.web-glider .web-content .section-wrapper.experience-section .entry-wrapper .entry-header .position-company-wrapper,.web-page.web-glider .web-content .section-wrapper.publication-section .entry-wrapper .entry-header .name-publisher-wrapper,.web-page.web-glider .web-content .section-wrapper.publication-section .entry-wrapper .entry-header .position-company-wrapper {
      flex-basis: 80%
  }

  .web-page.web-glider .web-content .section-wrapper.experience-section .entry-wrapper .experience-description,.web-page.web-glider .web-content .section-wrapper.experience-section .entry-wrapper .publication-description,.web-page.web-glider .web-content .section-wrapper.publication-section .entry-wrapper .experience-description,.web-page.web-glider .web-content .section-wrapper.publication-section .entry-wrapper .publication-description {
      max-width: 80%
  }
}

.web-page.web-glider .web-content .section-wrapper.skill-section .skill-category .category-name {
  margin-bottom: 20px
}

.web-page.web-glider .web-content .section-wrapper.skill-section .skill-category .skill-wrapper {
  display: grid;
  grid-template-columns: 1fr
}

.web-page.web-glider .web-content .section-wrapper.skill-section .skill-category .skill-wrapper:not(:last-of-type) {
  margin-bottom: 20px
}

.web-page.web-glider .web-content .section-wrapper.skill-section .skill-category .skill-wrapper .skill-level {
  height: 28px
}

.web-page.web-glider .web-content .section-wrapper.skill-section .skill-category .skill-wrapper .skill-level:before {
  background-color: currentColor;
  height: 2px
}

.web-page.web-glider .web-content .section-wrapper.skill-section .skill-category .skill-wrapper .skill-level .dot {
  background: currentColor;
  border-radius: 50%;
  height: 20px;
  margin-left: -20px;
  position: absolute;
  width: 20px
}

.web-page.web-glider .web-content .section-wrapper.skill-section .skill-category .skill-wrapper .skill-level:after {
  background-color: currentColor;
  height: 6px
}

@media (min-width: 768px) {
  .web-page.web-glider .web-content .section-wrapper.skill-section .skill-category .skill-wrapper {
      grid-column-gap:16px;
      grid-template-columns: 1fr 1fr
  }
}

@media (min-width: 1200px) {
  .web-page.web-glider .web-content .section-wrapper.skill-section .skill-category .skill-wrapper {
      grid-template-columns:2fr 2fr 1fr
  }
}

.web-page.web-glider .web-content .section-wrapper .section-title {
  position: relative
}

.web-page.web-glider .web-content .section-wrapper .section-title:before {
  content: "";
  height: 2px;
  position: absolute;
  top: -20px;
  width: 148px
}

.web-page.web-glider .web-content .section-wrapper .section-content {
  padding-top: 50px
}

.web-page.web-glider .web-content .section-wrapper.experience-section,.web-page.web-glider .web-content .section-wrapper.general-section,.web-page.web-glider .web-content .section-wrapper.publication-section,.web-page.web-glider .web-content .section-wrapper.skill-section {
  position: relative
}

.web-page.web-glider .web-content .section-wrapper.experience-section .section-slide-wrapper:focus,.web-page.web-glider .web-content .section-wrapper.general-section .section-slide-wrapper:focus,.web-page.web-glider .web-content .section-wrapper.publication-section .section-slide-wrapper:focus,.web-page.web-glider .web-content .section-wrapper.skill-section .section-slide-wrapper:focus {
  outline: none
}

.web-page.web-glider .web-content .section-wrapper.experience-section .slick-slider,.web-page.web-glider .web-content .section-wrapper.general-section .slick-slider,.web-page.web-glider .web-content .section-wrapper.publication-section .slick-slider,.web-page.web-glider .web-content .section-wrapper.skill-section .slick-slider {
  position: static
}

.web-page.web-glider .web-content .section-wrapper.experience-section .slick-dots,.web-page.web-glider .web-content .section-wrapper.general-section .slick-dots,.web-page.web-glider .web-content .section-wrapper.publication-section .slick-dots,.web-page.web-glider .web-content .section-wrapper.skill-section .slick-dots {
  bottom: auto;
  text-align: left;
  top: 140px
}

.web-page.web-glider .web-content .section-wrapper.experience-section .slick-dots li,.web-page.web-glider .web-content .section-wrapper.general-section .slick-dots li,.web-page.web-glider .web-content .section-wrapper.publication-section .slick-dots li,.web-page.web-glider .web-content .section-wrapper.skill-section .slick-dots li {
  margin: 0 10px 0 0
}

.web-page.web-glider .web-content .section-wrapper.experience-section .slick-dots li button,.web-page.web-glider .web-content .section-wrapper.general-section .slick-dots li button,.web-page.web-glider .web-content .section-wrapper.publication-section .slick-dots li button,.web-page.web-glider .web-content .section-wrapper.skill-section .slick-dots li button {
  border-radius: 50%;
  border-style: solid;
  border-width: 2px;
  min-width: 20px
}

.web-page.web-glider .web-content .section-wrapper.experience-section .slick-dots li button:before,.web-page.web-glider .web-content .section-wrapper.general-section .slick-dots li button:before,.web-page.web-glider .web-content .section-wrapper.publication-section .slick-dots li button:before,.web-page.web-glider .web-content .section-wrapper.skill-section .slick-dots li button:before {
  display: none
}

.web-page.web-glider .web-content .footer {
  color: #fff;
  padding: 0 24px
}

.web-page.web-glider .web-content .footer .dark-logo {
  display: none
}

.web-page.web-glider .web-content .float-arrows {
  bottom: 24px;
  display: flex;
  left: 0;
  padding: 0 24px;
  position: fixed;
  right: 0
}

.web-page.web-glider .web-content .float-arrows .btn {
  border-radius: 50%;
  cursor: pointer;
  height: 50px;
  padding: 0;
  width: 50px
}

.web-page.web-glider .web-content .float-arrows .btn:focus,.web-page.web-glider .web-content .float-arrows .btn:hover {
  box-shadow: 0 0 10px rgba(0,0,0,.3)
}

.web-page.web-glider .web-content .float-arrows .prev-section-btn {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}

.web-page.web-glider .web-content .float-arrows .prev-section-btn.disabled {
  display: none
}

.web-page.web-glider .web-content .float-arrows .next-section-btn {
  margin-left: auto;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

@media (min-width: 360px) {
  .web-page.web-glider .web-content .topbar .icon-btn {
      height:70px;
      width: 70px
  }

  .web-page.web-glider .web-content .topbar .icon-btn svg {
      width: 33px
  }

  .web-page.web-glider .web-content .topbar .icon-btn.menu-btn.close-btn svg {
      width: 27px
  }

  .web-page.web-glider .web-content .topbar .icon-btn.share-btn svg {
      margin-right: 5px;
      width: 29px
  }

  .web-page.web-glider .web-content .topbar .icon-btn.contact-btn svg {
      width: 33px
  }
}

@media (min-width: 768px) and (max-width:1439px) {
  .web-page.web-glider .web-content .topbar:before {
      content:"";
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%;
      z-index: 1
  }

  .web-page.web-glider .web-content .topbar .action-buttons {
      align-items: center;
      height: 90px;
      justify-content: flex-end;
      left: 0;
      padding: 0 24px;
      position: absolute;
      top: 90px;
      transition: top .3s ease-in-out;
      width: 100%
  }

  .web-page.web-glider .web-content .topbar .dots-btn,.web-page.web-glider .web-content .topbar .horizontal-menu {
      z-index: 1
  }

  .web-page.web-glider .web-content .topbar.closed .action-buttons {
      top: 0
  }
}

@media (min-width: 768px) {
  .web-page.web-glider .web-content .topbar .horizontal-menu {
      padding:0 20px;
      width: clamp(1rem, calc(100vw - 108px), 3.5rem);
  }

  .web-page.web-glider .web-content .topbar .dots-btn {
      background-color: initial;
      border-radius: 10px;
      width: 40px
  }

  .web-page.web-glider .web-content .topbar .dots-btn svg {
      width: 8px
  }

  .web-page.web-glider .web-content .topbar.closed .action-buttons .btn:not(.download-btn) {
      display: flex
  }

  .web-page.web-glider .web-content .cover-section .cover-avatar,.web-page.web-glider .web-content .cover-section .name {
      padding-right: 12.5%
  }

  .web-page.web-glider .web-content .cover-section .cover-avatar .avatar,.web-page.web-glider .web-content .general-section .general-avatar .avatar {
      width: 168px
  }

  .web-page.web-glider .web-content .cover-section .cover-avatar .avatar .thumbnail,.web-page.web-glider .web-content .cover-section .cover-avatar .avatar .thumbnail img,.web-page.web-glider .web-content .cover-section .cover-avatar.no-avatar .avatar .initials,.web-page.web-glider .web-content .general-section .general-avatar .avatar .thumbnail,.web-page.web-glider .web-content .general-section .general-avatar .avatar .thumbnail img,.web-page.web-glider .web-content .general-section .general-avatar.no-avatar .avatar .initials {
      height: 168px;
      width: 168px
  }

  .web-page.web-glider .web-content .section-wrapper {
      padding-bottom: 160px
  }

  .web-page.web-glider .web-content .section-wrapper .section-title {
      padding-right: 12.5%
  }

  .web-page.web-glider .web-content .section-wrapper .section-title:before {
      width: 168px
  }

  .web-page.web-glider .web-content .section-wrapper .section-content {
      padding-left: 12.5%;
      padding-right: 12.5%;
      padding-top: 80px
  }

  .web-page.web-glider .web-content .section-wrapper.experience-section .section-content,.web-page.web-glider .web-content .section-wrapper.general-section .section-content,.web-page.web-glider .web-content .section-wrapper.publication-section .section-content,.web-page.web-glider .web-content .section-wrapper.skill-section .section-content {
      padding-left: 0;
      padding-right: 0
  }

  .web-page.web-glider .web-content .section-wrapper.experience-section .section-content .section-slide-wrapper,.web-page.web-glider .web-content .section-wrapper.general-section .section-content .section-slide-wrapper,.web-page.web-glider .web-content .section-wrapper.publication-section .section-content .section-slide-wrapper,.web-page.web-glider .web-content .section-wrapper.skill-section .section-content .section-slide-wrapper {
      padding-left: 12.5%;
      padding-right: 12.5%
  }

  .web-page.web-glider .web-content .float-arrows {
      bottom: 30px;
      justify-content: flex-end
  }

  .web-page.web-glider .web-content .float-arrows .next-section-btn {
      margin-left: 20px
  }
}

@media (min-width: 1200px) {
  .web-page.web-glider .web-content .topbar .horizontal-menu {
      width:clamp(1rem, calc(100vw - 300px), 3.5rem);
  }

  .web-page.web-glider .web-content .cover-section .cover-avatar,.web-page.web-glider .web-content .general-section .general-avatar {
      padding-right: 8.33%
  }

  .web-page.web-glider .web-content .cover-section .cover-avatar.no-avatar .avatar .initials .first,.web-page.web-glider .web-content .cover-section .cover-avatar.no-avatar .avatar .initials .second,.web-page.web-glider .web-content .general-section .general-avatar.no-avatar .avatar .initials .first,.web-page.web-glider .web-content .general-section .general-avatar.no-avatar .avatar .initials .second {
      font-size: 40px;
      line-height: 40px
  }

  .web-page.web-glider .web-content .cover-section .cover-avatar .avatar,.web-page.web-glider .web-content .general-section .general-avatar .avatar {
      width: 180px
  }

  .web-page.web-glider .web-content .cover-section .cover-avatar .avatar .thumbnail,.web-page.web-glider .web-content .cover-section .cover-avatar .avatar .thumbnail img,.web-page.web-glider .web-content .cover-section .cover-avatar.no-avatar .avatar .initials,.web-page.web-glider .web-content .general-section .general-avatar .avatar .thumbnail,.web-page.web-glider .web-content .general-section .general-avatar .avatar .thumbnail img,.web-page.web-glider .web-content .general-section .general-avatar.no-avatar .avatar .initials {
      height: 180px;
      width: 180px
  }

  .web-page.web-glider .web-content .cover-section .name {
      padding-right: 33.3%
  }

  .web-page.web-glider .web-content .section-wrapper {
      padding-bottom: 220px
  }

  .web-page.web-glider .web-content .section-wrapper .section-title {
      padding-right: 40%
  }

  .web-page.web-glider .web-content .section-wrapper .section-title:before {
      width: 180px
  }

  .web-page.web-glider .web-content .section-wrapper .section-content {
      padding-left: 8.33%;
      padding-right: 8.33%;
      padding-top: 100px
  }

  .web-page.web-glider .web-content .section-wrapper.experience-section .section-content .section-slide-wrapper,.web-page.web-glider .web-content .section-wrapper.publication-section .section-content .section-slide-wrapper,.web-page.web-glider .web-content .section-wrapper.skill-section .section-content .section-slide-wrapper {
      padding-left: 8.33%;
      padding-right: 8.33%
  }

  .web-page.web-glider .web-content .section-wrapper.general-section .section-content {
      padding-right: 25%
  }

  .web-page.web-glider .web-content .section-wrapper.general-section .section-content .section-slide-wrapper {
      padding-left: 11.11%;
      padding-right: 11.11%
  }

  .web-page.web-glider .web-content .general-section .general-avatar-wrapper {
      right: 120px;
      width: clamp(1rem, calc(100% - 240px), 3.5rem);
  }

  .web-page.web-glider .web-content .cover-section,.web-page.web-glider .web-content .float-arrows,.web-page.web-glider .web-content .footer,.web-page.web-glider .web-content .section-wrapper,.web-page.web-glider .web-content .topbar,.web-page.web-glider .web-content .topbar .action-buttons {
      padding-left: 120px;
      padding-right: 120px
  }
}

@media (min-width: 1440px) {
  .web-page.web-glider .web-content .topbar .horizontal-menu {
      padding:0;
      width: clamp(1rem, calc(100% - 300px), 3.5rem);
  }

  .web-page.web-glider .web-content .topbar .dots-btn {
      display: none
  }

  .web-page.web-glider .web-content .topbar .action-buttons {
      padding-left: 0;
      padding-right: 0
  }
}

@media (min-width: 1920px) {
  .web-page.web-glider .web-content .general-section .general-avatar-wrapper {
      right:clamp(1rem, calc(50% - 820px), 3.5rem);
      width: 1640px
  }

  .web-page.web-glider .web-content .topbar .horizontal-menu {
      width: 1340px
  }

  .web-page.web-glider .web-content .cover-section,.web-page.web-glider .web-content .float-arrows,.web-page.web-glider .web-content .footer,.web-page.web-glider .web-content .section-wrapper,.web-page.web-glider .web-content .topbar {
      padding-left: clamp(1rem, calc(50% - 820px), 3.5rem);
      padding-right: clamp(1rem, calc(50% - 820px), 3.5rem);
  }
}

.web-page.web-glider.bei .web-content {
  background: #fff6f0;
  color: #29391c
}

.web-page.web-glider.bei .web-content a:focus {
  outline-color: rgba(41,57,28,.5)
}

.web-page.web-glider.bei .web-content .topbar {
  background: #f6ede7
}

.web-page.web-glider.bei .web-content .topbar .dots-btn svg {
  fill: #29391c
}

.web-page.web-glider.bei .web-content .topbar .dots-btn:focus,.web-page.web-glider.bei .web-content .topbar .dots-btn:hover {
  background-color: #fff6f0
}

.web-page.web-glider.bei .web-content .topbar .icon-btn:not(.dots-btn) {
  background: #fff6f0
}

.web-page.web-glider.bei .web-content .topbar .icon-btn:not(.dots-btn) svg {
  fill: #29391c
}

.web-page.web-glider.bei .web-content .topbar .icon-btn:not(.dots-btn):focus,.web-page.web-glider.bei .web-content .topbar .icon-btn:not(.dots-btn):hover {
  background: #29391c
}

.web-page.web-glider.bei .web-content .topbar .icon-btn:not(.dots-btn):focus svg,.web-page.web-glider.bei .web-content .topbar .icon-btn:not(.dots-btn):hover svg {
  fill: #fff6f0
}

.web-page.web-glider.bei .web-content .topbar .icon-btn:not(.dots-btn) .btn-tooltip {
  background: #29391c;
  color: #fff6f0
}

.web-page.web-glider.bei .web-content .topbar .horizontal-menu .arrow-wrapper:before {
  background: linear-gradient(90deg,#f6ede7,hsla(24,45%,94%,0))
}

.web-page.web-glider.bei .web-content .topbar .horizontal-menu .arrow-wrapper .btn {
  background: #fff6f0
}

.web-page.web-glider.bei .web-content .topbar .horizontal-menu .arrow-wrapper .btn:before {
  border-color: #29391c
}

.web-page.web-glider.bei .web-content .menu .section-list {
  background: #f6ede7
}

.web-page.web-glider.bei .web-content .horizontal-menu .menu-item,.web-page.web-glider.bei .web-content .menu .section-list .section-list-item {
  background: #fff6f0;
  color: #29391c
}

.web-page.web-glider.bei .web-content .horizontal-menu .menu-item.active,.web-page.web-glider.bei .web-content .horizontal-menu .menu-item:focus,.web-page.web-glider.bei .web-content .horizontal-menu .menu-item:hover,.web-page.web-glider.bei .web-content .menu .section-list .section-list-item.active,.web-page.web-glider.bei .web-content .menu .section-list .section-list-item:focus,.web-page.web-glider.bei .web-content .menu .section-list .section-list-item:hover {
  background: #29391c;
  color: #fff6f0
}

.web-page.web-glider.bei .web-content .cover-avatar.no-avatar .avatar .initials,.web-page.web-glider.bei .web-content .general-avatar.no-avatar .avatar .initials {
  background-color: #29391c
}

.web-page.web-glider.bei .web-content .cover-avatar.no-avatar .avatar .initials .first,.web-page.web-glider.bei .web-content .cover-avatar.no-avatar .avatar .initials .second,.web-page.web-glider.bei .web-content .general-avatar.no-avatar .avatar .initials .first,.web-page.web-glider.bei .web-content .general-avatar.no-avatar .avatar .initials .second {
  color: #fff6f0
}

.web-page.web-glider.bei .web-content .cover-avatar.no-avatar .avatar .initials .line,.web-page.web-glider.bei .web-content .general-avatar.no-avatar .avatar .initials .line {
  background: #fff6f0
}

.web-page.web-glider.bei .web-content .cover-section {
  color: #29391c
}

.web-page.web-glider.bei .web-content .cover-section .name:before {
  background: #29391c
}

.web-page.web-glider.bei .web-content .general-section .general-info .key,.web-page.web-glider.bei .web-content .general-section .general-info .value {
  color: #29391c
}

.web-page.web-glider.bei .web-content .section-wrapper .section-title:before {
  background-color: #29391c
}

.web-page.web-glider.bei .web-content .hobby-section svg,.web-page.web-glider.bei .web-content .social-section svg {
  fill: #29391c
}

.web-page.web-glider.bei .web-content .graph-section circle {
  stroke: #29391c
}

.web-page.web-glider.bei .web-content .graph-section .dot circle {
  fill: #29391c
}

.web-page.web-glider.bei .web-content .keyword-section .keyword-list .keyword {
  background-color: #f6ede7
}

.web-page.web-glider.bei .web-content .experience-section .slick-dots li button,.web-page.web-glider.bei .web-content .general-section .slick-dots li button,.web-page.web-glider.bei .web-content .publication-section .slick-dots li button,.web-page.web-glider.bei .web-content .skill-section .slick-dots li button {
  border-color: #29391c
}

.web-page.web-glider.bei .web-content .experience-section .slick-dots li.slick-active button,.web-page.web-glider.bei .web-content .general-section .slick-dots li.slick-active button,.web-page.web-glider.bei .web-content .publication-section .slick-dots li.slick-active button,.web-page.web-glider.bei .web-content .skill-section .slick-dots li.slick-active button {
  background: #29391c
}

.web-page.web-glider.bei .web-content .float-arrows .btn {
  fill: #29391c;
  background-color: #f6ede7
}

.web-page.web-glider.bei .web-content .footer {
  background: #29391c
}

@media (min-width: 768px) and (max-width:1439px) {
  .web-page.web-glider.bei .web-content .topbar .action-buttons,.web-page.web-glider.bei .web-content .topbar:before {
      background-color:#f6ede7
  }
}

.web-page.web-glider.pin .web-content {
  background: #fce7e7;
  color: #6c1111
}

.web-page.web-glider.pin .web-content a:focus {
  outline-color: rgba(108,17,17,.5)
}

.web-page.web-glider.pin .web-content .topbar {
  background: #f8d4d4
}

.web-page.web-glider.pin .web-content .topbar .dots-btn svg {
  fill: #6c1111
}

.web-page.web-glider.pin .web-content .topbar .dots-btn:focus,.web-page.web-glider.pin .web-content .topbar .dots-btn:hover {
  background-color: #fce7e7
}

.web-page.web-glider.pin .web-content .topbar .icon-btn:not(.dots-btn) {
  background: #fce7e7
}

.web-page.web-glider.pin .web-content .topbar .icon-btn:not(.dots-btn) svg {
  fill: #6c1111
}

.web-page.web-glider.pin .web-content .topbar .icon-btn:not(.dots-btn):focus,.web-page.web-glider.pin .web-content .topbar .icon-btn:not(.dots-btn):hover {
  background: #6c1111
}

.web-page.web-glider.pin .web-content .topbar .icon-btn:not(.dots-btn):focus svg,.web-page.web-glider.pin .web-content .topbar .icon-btn:not(.dots-btn):hover svg {
  fill: #fce7e7
}

.web-page.web-glider.pin .web-content .topbar .icon-btn:not(.dots-btn) .btn-tooltip {
  background: #6c1111;
  color: #fce7e7
}

.web-page.web-glider.pin .web-content .topbar .horizontal-menu .arrow-wrapper:before {
  background: linear-gradient(90deg,#f8d4d4,hsla(0,72%,90%,0))
}

.web-page.web-glider.pin .web-content .topbar .horizontal-menu .arrow-wrapper .btn {
  background: #fce7e7
}

.web-page.web-glider.pin .web-content .topbar .horizontal-menu .arrow-wrapper .btn:before {
  border-color: #6c1111
}

.web-page.web-glider.pin .web-content .menu .section-list {
  background: #f8d4d4
}

.web-page.web-glider.pin .web-content .horizontal-menu .menu-item,.web-page.web-glider.pin .web-content .menu .section-list .section-list-item {
  background: #fce7e7;
  color: #6c1111
}

.web-page.web-glider.pin .web-content .horizontal-menu .menu-item.active,.web-page.web-glider.pin .web-content .horizontal-menu .menu-item:focus,.web-page.web-glider.pin .web-content .horizontal-menu .menu-item:hover,.web-page.web-glider.pin .web-content .menu .section-list .section-list-item.active,.web-page.web-glider.pin .web-content .menu .section-list .section-list-item:focus,.web-page.web-glider.pin .web-content .menu .section-list .section-list-item:hover {
  background: #6c1111;
  color: #fce7e7
}

.web-page.web-glider.pin .web-content .cover-avatar.no-avatar .avatar .initials,.web-page.web-glider.pin .web-content .general-avatar.no-avatar .avatar .initials {
  background-color: #6c1111
}

.web-page.web-glider.pin .web-content .cover-avatar.no-avatar .avatar .initials .first,.web-page.web-glider.pin .web-content .cover-avatar.no-avatar .avatar .initials .second,.web-page.web-glider.pin .web-content .general-avatar.no-avatar .avatar .initials .first,.web-page.web-glider.pin .web-content .general-avatar.no-avatar .avatar .initials .second {
  color: #fce7e7
}

.web-page.web-glider.pin .web-content .cover-avatar.no-avatar .avatar .initials .line,.web-page.web-glider.pin .web-content .general-avatar.no-avatar .avatar .initials .line {
  background: #fce7e7
}

.web-page.web-glider.pin .web-content .cover-section {
  color: #6c1111
}

.web-page.web-glider.pin .web-content .cover-section .name:before {
  background: #6c1111
}

.web-page.web-glider.pin .web-content .general-section .general-info .key,.web-page.web-glider.pin .web-content .general-section .general-info .value {
  color: #6c1111
}

.web-page.web-glider.pin .web-content .section-wrapper .section-title:before {
  background-color: #6c1111
}

.web-page.web-glider.pin .web-content .hobby-section svg,.web-page.web-glider.pin .web-content .social-section svg {
  fill: #6c1111
}

.web-page.web-glider.pin .web-content .graph-section circle {
  stroke: #6c1111
}

.web-page.web-glider.pin .web-content .graph-section .dot circle {
  fill: #6c1111
}

.web-page.web-glider.pin .web-content .keyword-section .keyword-list .keyword {
  background-color: #f8d4d4
}

.web-page.web-glider.pin .web-content .experience-section .slick-dots li button,.web-page.web-glider.pin .web-content .general-section .slick-dots li button,.web-page.web-glider.pin .web-content .publication-section .slick-dots li button,.web-page.web-glider.pin .web-content .skill-section .slick-dots li button {
  border-color: #6c1111
}

.web-page.web-glider.pin .web-content .experience-section .slick-dots li.slick-active button,.web-page.web-glider.pin .web-content .general-section .slick-dots li.slick-active button,.web-page.web-glider.pin .web-content .publication-section .slick-dots li.slick-active button,.web-page.web-glider.pin .web-content .skill-section .slick-dots li.slick-active button {
  background: #6c1111
}

.web-page.web-glider.pin .web-content .float-arrows .btn {
  fill: #6c1111;
  background-color: #f8d4d4
}

.web-page.web-glider.pin .web-content .footer {
  background: #6c1111
}

@media (min-width: 768px) and (max-width:1439px) {
  .web-page.web-glider.pin .web-content .topbar .action-buttons,.web-page.web-glider.pin .web-content .topbar:before {
      background-color:#f8d4d4
  }
}

.web-page.web-glider.ste .web-content {
  background: #e1ecf0;
  color: #394869
}

.web-page.web-glider.ste .web-content a:focus {
  outline-color: rgba(57,72,105,.5)
}

.web-page.web-glider.ste .web-content .topbar {
  background: #d0e4eb
}

.web-page.web-glider.ste .web-content .topbar .dots-btn svg {
  fill: #394869
}

.web-page.web-glider.ste .web-content .topbar .dots-btn:focus,.web-page.web-glider.ste .web-content .topbar .dots-btn:hover {
  background-color: #e1ecf0
}

.web-page.web-glider.ste .web-content .topbar .icon-btn:not(.dots-btn) {
  background: #e1ecf0
}

.web-page.web-glider.ste .web-content .topbar .icon-btn:not(.dots-btn) svg {
  fill: #394869
}

.web-page.web-glider.ste .web-content .topbar .icon-btn:not(.dots-btn):focus,.web-page.web-glider.ste .web-content .topbar .icon-btn:not(.dots-btn):hover {
  background: #394869
}

.web-page.web-glider.ste .web-content .topbar .icon-btn:not(.dots-btn):focus svg,.web-page.web-glider.ste .web-content .topbar .icon-btn:not(.dots-btn):hover svg {
  fill: #e1ecf0
}

.web-page.web-glider.ste .web-content .topbar .icon-btn:not(.dots-btn) .btn-tooltip {
  background: #394869;
  color: #e1ecf0
}

.web-page.web-glider.ste .web-content .topbar .horizontal-menu .arrow-wrapper:before {
  background: linear-gradient(90deg,#d0e4eb,rgba(208,228,235,0))
}

.web-page.web-glider.ste .web-content .topbar .horizontal-menu .arrow-wrapper .btn {
  background: #e1ecf0
}

.web-page.web-glider.ste .web-content .topbar .horizontal-menu .arrow-wrapper .btn:before {
  border-color: #394869
}

.web-page.web-glider.ste .web-content .menu .section-list {
  background: #d0e4eb
}

.web-page.web-glider.ste .web-content .horizontal-menu .menu-item,.web-page.web-glider.ste .web-content .menu .section-list .section-list-item {
  background: #e1ecf0;
  color: #394869
}

.web-page.web-glider.ste .web-content .horizontal-menu .menu-item.active,.web-page.web-glider.ste .web-content .horizontal-menu .menu-item:focus,.web-page.web-glider.ste .web-content .horizontal-menu .menu-item:hover,.web-page.web-glider.ste .web-content .menu .section-list .section-list-item.active,.web-page.web-glider.ste .web-content .menu .section-list .section-list-item:focus,.web-page.web-glider.ste .web-content .menu .section-list .section-list-item:hover {
  background: #394869;
  color: #e1ecf0
}

.web-page.web-glider.ste .web-content .cover-avatar.no-avatar .avatar .initials,.web-page.web-glider.ste .web-content .general-avatar.no-avatar .avatar .initials {
  background-color: #394869
}

.web-page.web-glider.ste .web-content .cover-avatar.no-avatar .avatar .initials .first,.web-page.web-glider.ste .web-content .cover-avatar.no-avatar .avatar .initials .second,.web-page.web-glider.ste .web-content .general-avatar.no-avatar .avatar .initials .first,.web-page.web-glider.ste .web-content .general-avatar.no-avatar .avatar .initials .second {
  color: #e1ecf0
}

.web-page.web-glider.ste .web-content .cover-avatar.no-avatar .avatar .initials .line,.web-page.web-glider.ste .web-content .general-avatar.no-avatar .avatar .initials .line {
  background: #e1ecf0
}

.web-page.web-glider.ste .web-content .cover-section {
  color: #394869
}

.web-page.web-glider.ste .web-content .cover-section .name:before {
  background: #394869
}

.web-page.web-glider.ste .web-content .general-section .general-info .key,.web-page.web-glider.ste .web-content .general-section .general-info .value {
  color: #394869
}

.web-page.web-glider.ste .web-content .section-wrapper .section-title:before {
  background-color: #394869
}

.web-page.web-glider.ste .web-content .hobby-section svg,.web-page.web-glider.ste .web-content .social-section svg {
  fill: #394869
}

.web-page.web-glider.ste .web-content .graph-section circle {
  stroke: #394869
}

.web-page.web-glider.ste .web-content .graph-section .dot circle {
  fill: #394869
}

.web-page.web-glider.ste .web-content .keyword-section .keyword-list .keyword {
  background-color: #d0e4eb
}

.web-page.web-glider.ste .web-content .experience-section .slick-dots li button,.web-page.web-glider.ste .web-content .general-section .slick-dots li button,.web-page.web-glider.ste .web-content .publication-section .slick-dots li button,.web-page.web-glider.ste .web-content .skill-section .slick-dots li button {
  border-color: #394869
}

.web-page.web-glider.ste .web-content .experience-section .slick-dots li.slick-active button,.web-page.web-glider.ste .web-content .general-section .slick-dots li.slick-active button,.web-page.web-glider.ste .web-content .publication-section .slick-dots li.slick-active button,.web-page.web-glider.ste .web-content .skill-section .slick-dots li.slick-active button {
  background: #394869
}

.web-page.web-glider.ste .web-content .float-arrows .btn {
  fill: #394869;
  background-color: #d0e4eb
}

.web-page.web-glider.ste .web-content .footer {
  background: #394869
}

@media (min-width: 768px) and (max-width:1439px) {
  .web-page.web-glider.ste .web-content .topbar .action-buttons,.web-page.web-glider.ste .web-content .topbar:before {
      background-color:#d0e4eb
  }
}

.web-page.web-glider.grn .web-content {
  background: #ced9d1;
  color: #0f524a
}

.web-page.web-glider.grn .web-content a:focus {
  outline-color: rgba(15,82,74,.5)
}

.web-page.web-glider.grn .web-content .topbar {
  background: #c0d0c4
}

.web-page.web-glider.grn .web-content .topbar .dots-btn svg {
  fill: #0f524a
}

.web-page.web-glider.grn .web-content .topbar .dots-btn:focus,.web-page.web-glider.grn .web-content .topbar .dots-btn:hover {
  background-color: #ced9d1
}

.web-page.web-glider.grn .web-content .topbar .icon-btn:not(.dots-btn) {
  background: #ced9d1
}

.web-page.web-glider.grn .web-content .topbar .icon-btn:not(.dots-btn) svg {
  fill: #0f524a
}

.web-page.web-glider.grn .web-content .topbar .icon-btn:not(.dots-btn):focus,.web-page.web-glider.grn .web-content .topbar .icon-btn:not(.dots-btn):hover {
  background: #0f524a
}

.web-page.web-glider.grn .web-content .topbar .icon-btn:not(.dots-btn):focus svg,.web-page.web-glider.grn .web-content .topbar .icon-btn:not(.dots-btn):hover svg {
  fill: #ced9d1
}

.web-page.web-glider.grn .web-content .topbar .icon-btn:not(.dots-btn) .btn-tooltip {
  background: #0f524a;
  color: #ced9d1
}

.web-page.web-glider.grn .web-content .topbar .horizontal-menu .arrow-wrapper:before {
  background: linear-gradient(90deg,#c0d0c4,rgba(192,208,196,0))
}

.web-page.web-glider.grn .web-content .topbar .horizontal-menu .arrow-wrapper .btn {
  background: #ced9d1
}

.web-page.web-glider.grn .web-content .topbar .horizontal-menu .arrow-wrapper .btn:before {
  border-color: #0f524a
}

.web-page.web-glider.grn .web-content .menu .section-list {
  background: #c0d0c4
}

.web-page.web-glider.grn .web-content .horizontal-menu .menu-item,.web-page.web-glider.grn .web-content .menu .section-list .section-list-item {
  background: #ced9d1;
  color: #0f524a
}

.web-page.web-glider.grn .web-content .horizontal-menu .menu-item.active,.web-page.web-glider.grn .web-content .horizontal-menu .menu-item:focus,.web-page.web-glider.grn .web-content .horizontal-menu .menu-item:hover,.web-page.web-glider.grn .web-content .menu .section-list .section-list-item.active,.web-page.web-glider.grn .web-content .menu .section-list .section-list-item:focus,.web-page.web-glider.grn .web-content .menu .section-list .section-list-item:hover {
  background: #0f524a;
  color: #ced9d1
}

.web-page.web-glider.grn .web-content .cover-avatar.no-avatar .avatar .initials,.web-page.web-glider.grn .web-content .general-avatar.no-avatar .avatar .initials {
  background-color: #0f524a
}

.web-page.web-glider.grn .web-content .cover-avatar.no-avatar .avatar .initials .first,.web-page.web-glider.grn .web-content .cover-avatar.no-avatar .avatar .initials .second,.web-page.web-glider.grn .web-content .general-avatar.no-avatar .avatar .initials .first,.web-page.web-glider.grn .web-content .general-avatar.no-avatar .avatar .initials .second {
  color: #ced9d1
}

.web-page.web-glider.grn .web-content .cover-avatar.no-avatar .avatar .initials .line,.web-page.web-glider.grn .web-content .general-avatar.no-avatar .avatar .initials .line {
  background: #ced9d1
}

.web-page.web-glider.grn .web-content .cover-section {
  color: #0f524a
}

.web-page.web-glider.grn .web-content .cover-section .name:before {
  background: #0f524a
}

.web-page.web-glider.grn .web-content .general-section .general-info .key,.web-page.web-glider.grn .web-content .general-section .general-info .value {
  color: #0f524a
}

.web-page.web-glider.grn .web-content .section-wrapper .section-title:before {
  background-color: #0f524a
}

.web-page.web-glider.grn .web-content .hobby-section svg,.web-page.web-glider.grn .web-content .social-section svg {
  fill: #0f524a
}

.web-page.web-glider.grn .web-content .graph-section circle {
  stroke: #0f524a
}

.web-page.web-glider.grn .web-content .graph-section .dot circle {
  fill: #0f524a
}

.web-page.web-glider.grn .web-content .keyword-section .keyword-list .keyword {
  background-color: #c0d0c4
}

.web-page.web-glider.grn .web-content .experience-section .slick-dots li button,.web-page.web-glider.grn .web-content .general-section .slick-dots li button,.web-page.web-glider.grn .web-content .publication-section .slick-dots li button,.web-page.web-glider.grn .web-content .skill-section .slick-dots li button {
  border-color: #0f524a
}

.web-page.web-glider.grn .web-content .experience-section .slick-dots li.slick-active button,.web-page.web-glider.grn .web-content .general-section .slick-dots li.slick-active button,.web-page.web-glider.grn .web-content .publication-section .slick-dots li.slick-active button,.web-page.web-glider.grn .web-content .skill-section .slick-dots li.slick-active button {
  background: #0f524a
}

.web-page.web-glider.grn .web-content .float-arrows .btn {
  fill: #0f524a;
  background-color: #c0d0c4
}

.web-page.web-glider.grn .web-content .footer {
  background: #0f524a
}

@media (min-width: 768px) and (max-width:1439px) {
  .web-page.web-glider.grn .web-content .topbar .action-buttons,.web-page.web-glider.grn .web-content .topbar:before {
      background-color:#c0d0c4
  }
}

.web-page.web-glider.ora .web-content {
  background: #ffe7d9;
  color: #534221
}

.web-page.web-glider.ora .web-content a:focus {
  outline-color: rgba(83,66,33,.5)
}

.web-page.web-glider.ora .web-content .topbar {
  background: #fcdac7
}

.web-page.web-glider.ora .web-content .topbar .dots-btn svg {
  fill: #534221
}

.web-page.web-glider.ora .web-content .topbar .dots-btn:focus,.web-page.web-glider.ora .web-content .topbar .dots-btn:hover {
  background-color: #ffe7d9
}

.web-page.web-glider.ora .web-content .topbar .icon-btn:not(.dots-btn) {
  background: #ffe7d9
}

.web-page.web-glider.ora .web-content .topbar .icon-btn:not(.dots-btn) svg {
  fill: #534221
}

.web-page.web-glider.ora .web-content .topbar .icon-btn:not(.dots-btn):focus,.web-page.web-glider.ora .web-content .topbar .icon-btn:not(.dots-btn):hover {
  background: #534221
}

.web-page.web-glider.ora .web-content .topbar .icon-btn:not(.dots-btn):focus svg,.web-page.web-glider.ora .web-content .topbar .icon-btn:not(.dots-btn):hover svg {
  fill: #ffe7d9
}

.web-page.web-glider.ora .web-content .topbar .icon-btn:not(.dots-btn) .btn-tooltip {
  background: #534221;
  color: #ffe7d9
}

.web-page.web-glider.ora .web-content .topbar .horizontal-menu .arrow-wrapper:before {
  background: linear-gradient(90deg,#fcdac7,hsla(22,90%,88%,0))
}

.web-page.web-glider.ora .web-content .topbar .horizontal-menu .arrow-wrapper .btn {
  background: #ffe7d9
}

.web-page.web-glider.ora .web-content .topbar .horizontal-menu .arrow-wrapper .btn:before {
  border-color: #534221
}

.web-page.web-glider.ora .web-content .menu .section-list {
  background: #fcdac7
}

.web-page.web-glider.ora .web-content .horizontal-menu .menu-item,.web-page.web-glider.ora .web-content .menu .section-list .section-list-item {
  background: #ffe7d9;
  color: #534221
}

.web-page.web-glider.ora .web-content .horizontal-menu .menu-item.active,.web-page.web-glider.ora .web-content .horizontal-menu .menu-item:focus,.web-page.web-glider.ora .web-content .horizontal-menu .menu-item:hover,.web-page.web-glider.ora .web-content .menu .section-list .section-list-item.active,.web-page.web-glider.ora .web-content .menu .section-list .section-list-item:focus,.web-page.web-glider.ora .web-content .menu .section-list .section-list-item:hover {
  background: #534221;
  color: #ffe7d9
}

.web-page.web-glider.ora .web-content .cover-avatar.no-avatar .avatar .initials,.web-page.web-glider.ora .web-content .general-avatar.no-avatar .avatar .initials {
  background-color: #534221
}

.web-page.web-glider.ora .web-content .cover-avatar.no-avatar .avatar .initials .first,.web-page.web-glider.ora .web-content .cover-avatar.no-avatar .avatar .initials .second,.web-page.web-glider.ora .web-content .general-avatar.no-avatar .avatar .initials .first,.web-page.web-glider.ora .web-content .general-avatar.no-avatar .avatar .initials .second {
  color: #ffe7d9
}

.web-page.web-glider.ora .web-content .cover-avatar.no-avatar .avatar .initials .line,.web-page.web-glider.ora .web-content .general-avatar.no-avatar .avatar .initials .line {
  background: #ffe7d9
}

.web-page.web-glider.ora .web-content .cover-section {
  color: #534221
}

.web-page.web-glider.ora .web-content .cover-section .name:before {
  background: #534221
}

.web-page.web-glider.ora .web-content .general-section .general-info .key,.web-page.web-glider.ora .web-content .general-section .general-info .value {
  color: #534221
}

.web-page.web-glider.ora .web-content .section-wrapper .section-title:before {
  background-color: #534221
}

.web-page.web-glider.ora .web-content .hobby-section svg,.web-page.web-glider.ora .web-content .social-section svg {
  fill: #534221
}

.web-page.web-glider.ora .web-content .graph-section circle {
  stroke: #534221
}

.web-page.web-glider.ora .web-content .graph-section .dot circle {
  fill: #534221
}

.web-page.web-glider.ora .web-content .keyword-section .keyword-list .keyword {
  background-color: #fcdac7
}

.web-page.web-glider.ora .web-content .experience-section .slick-dots li button,.web-page.web-glider.ora .web-content .general-section .slick-dots li button,.web-page.web-glider.ora .web-content .publication-section .slick-dots li button,.web-page.web-glider.ora .web-content .skill-section .slick-dots li button {
  border-color: #534221
}

.web-page.web-glider.ora .web-content .experience-section .slick-dots li.slick-active button,.web-page.web-glider.ora .web-content .general-section .slick-dots li.slick-active button,.web-page.web-glider.ora .web-content .publication-section .slick-dots li.slick-active button,.web-page.web-glider.ora .web-content .skill-section .slick-dots li.slick-active button {
  background: #534221
}

.web-page.web-glider.ora .web-content .float-arrows .btn {
  fill: #534221;
  background-color: #fcdac7
}

.web-page.web-glider.ora .web-content .footer {
  background: #534221
}

@media (min-width: 768px) and (max-width:1439px) {
  .web-page.web-glider.ora .web-content .topbar .action-buttons,.web-page.web-glider.ora .web-content .topbar:before {
      background-color:#fcdac7
  }
}

.web-page.web-glider.whi .web-content {
  background: #fefefe;
  color: #424242
}

.web-page.web-glider.whi .web-content a:focus {
  outline-color: rgba(66,66,66,.5)
}

.web-page.web-glider.whi .web-content .topbar {
  background: #f5f5f5
}

.web-page.web-glider.whi .web-content .topbar .dots-btn svg {
  fill: #424242
}

.web-page.web-glider.whi .web-content .topbar .dots-btn:focus,.web-page.web-glider.whi .web-content .topbar .dots-btn:hover {
  background-color: #fefefe
}

.web-page.web-glider.whi .web-content .topbar .icon-btn:not(.dots-btn) {
  background: #fefefe
}

.web-page.web-glider.whi .web-content .topbar .icon-btn:not(.dots-btn) svg {
  fill: #424242
}

.web-page.web-glider.whi .web-content .topbar .icon-btn:not(.dots-btn):focus,.web-page.web-glider.whi .web-content .topbar .icon-btn:not(.dots-btn):hover {
  background: #424242
}

.web-page.web-glider.whi .web-content .topbar .icon-btn:not(.dots-btn):focus svg,.web-page.web-glider.whi .web-content .topbar .icon-btn:not(.dots-btn):hover svg {
  fill: #fefefe
}

.web-page.web-glider.whi .web-content .topbar .icon-btn:not(.dots-btn) .btn-tooltip {
  background: #424242;
  color: #fefefe
}

.web-page.web-glider.whi .web-content .topbar .horizontal-menu .arrow-wrapper:before {
  background: linear-gradient(90deg,#f5f5f5,hsla(0,0%,96%,0))
}

.web-page.web-glider.whi .web-content .topbar .horizontal-menu .arrow-wrapper .btn {
  background: #fefefe
}

.web-page.web-glider.whi .web-content .topbar .horizontal-menu .arrow-wrapper .btn:before {
  border-color: #424242
}

.web-page.web-glider.whi .web-content .menu .section-list {
  background: #f5f5f5
}

.web-page.web-glider.whi .web-content .horizontal-menu .menu-item,.web-page.web-glider.whi .web-content .menu .section-list .section-list-item {
  background: #fefefe;
  color: #424242
}

.web-page.web-glider.whi .web-content .horizontal-menu .menu-item.active,.web-page.web-glider.whi .web-content .horizontal-menu .menu-item:focus,.web-page.web-glider.whi .web-content .horizontal-menu .menu-item:hover,.web-page.web-glider.whi .web-content .menu .section-list .section-list-item.active,.web-page.web-glider.whi .web-content .menu .section-list .section-list-item:focus,.web-page.web-glider.whi .web-content .menu .section-list .section-list-item:hover {
  background: #424242;
  color: #fefefe
}

.web-page.web-glider.whi .web-content .cover-avatar.no-avatar .avatar .initials,.web-page.web-glider.whi .web-content .general-avatar.no-avatar .avatar .initials {
  background-color: #424242
}

.web-page.web-glider.whi .web-content .cover-avatar.no-avatar .avatar .initials .first,.web-page.web-glider.whi .web-content .cover-avatar.no-avatar .avatar .initials .second,.web-page.web-glider.whi .web-content .general-avatar.no-avatar .avatar .initials .first,.web-page.web-glider.whi .web-content .general-avatar.no-avatar .avatar .initials .second {
  color: #fefefe
}

.web-page.web-glider.whi .web-content .cover-avatar.no-avatar .avatar .initials .line,.web-page.web-glider.whi .web-content .general-avatar.no-avatar .avatar .initials .line {
  background: #fefefe
}

.web-page.web-glider.whi .web-content .cover-section {
  color: #424242
}

.web-page.web-glider.whi .web-content .cover-section .name:before {
  background: #424242
}

.web-page.web-glider.whi .web-content .general-section .general-info .key,.web-page.web-glider.whi .web-content .general-section .general-info .value {
  color: #424242
}

.web-page.web-glider.whi .web-content .section-wrapper .section-title:before {
  background-color: #424242
}

.web-page.web-glider.whi .web-content .hobby-section svg,.web-page.web-glider.whi .web-content .social-section svg {
  fill: #424242
}

.web-page.web-glider.whi .web-content .graph-section circle {
  stroke: #424242
}

.web-page.web-glider.whi .web-content .graph-section .dot circle {
  fill: #424242
}

.web-page.web-glider.whi .web-content .keyword-section .keyword-list .keyword {
  background-color: #f5f5f5
}

.web-page.web-glider.whi .web-content .experience-section .slick-dots li button,.web-page.web-glider.whi .web-content .general-section .slick-dots li button,.web-page.web-glider.whi .web-content .publication-section .slick-dots li button,.web-page.web-glider.whi .web-content .skill-section .slick-dots li button {
  border-color: #424242
}

.web-page.web-glider.whi .web-content .experience-section .slick-dots li.slick-active button,.web-page.web-glider.whi .web-content .general-section .slick-dots li.slick-active button,.web-page.web-glider.whi .web-content .publication-section .slick-dots li.slick-active button,.web-page.web-glider.whi .web-content .skill-section .slick-dots li.slick-active button {
  background: #424242
}

.web-page.web-glider.whi .web-content .float-arrows .btn {
  fill: #424242;
  background-color: #f5f5f5
}

.web-page.web-glider.whi .web-content .footer {
  background: #424242
}

@media (min-width: 768px) and (max-width:1439px) {
  .web-page.web-glider.whi .web-content .topbar .action-buttons,.web-page.web-glider.whi .web-content .topbar:before {
      background-color:#f5f5f5
  }
}

.web-page.web-glider.whi .web-content .share-popover {
  background: #424242
}

.web-page.web-glider.gre .web-content {
  background: #e0dcd7;
  color: #424242
}

.web-page.web-glider.gre .web-content a:focus {
  outline-color: rgba(66,66,66,.5)
}

.web-page.web-glider.gre .web-content .topbar {
  background: #d2cec8
}

.web-page.web-glider.gre .web-content .topbar .dots-btn svg {
  fill: #424242
}

.web-page.web-glider.gre .web-content .topbar .dots-btn:focus,.web-page.web-glider.gre .web-content .topbar .dots-btn:hover {
  background-color: #e0dcd7
}

.web-page.web-glider.gre .web-content .topbar .icon-btn:not(.dots-btn) {
  background: #e0dcd7
}

.web-page.web-glider.gre .web-content .topbar .icon-btn:not(.dots-btn) svg {
  fill: #424242
}

.web-page.web-glider.gre .web-content .topbar .icon-btn:not(.dots-btn):focus,.web-page.web-glider.gre .web-content .topbar .icon-btn:not(.dots-btn):hover {
  background: #424242
}

.web-page.web-glider.gre .web-content .topbar .icon-btn:not(.dots-btn):focus svg,.web-page.web-glider.gre .web-content .topbar .icon-btn:not(.dots-btn):hover svg {
  fill: #e0dcd7
}

.web-page.web-glider.gre .web-content .topbar .icon-btn:not(.dots-btn) .btn-tooltip {
  background: #424242;
  color: #e0dcd7
}

.web-page.web-glider.gre .web-content .topbar .horizontal-menu .arrow-wrapper:before {
  background: linear-gradient(90deg,#d2cec8,hsla(36,10%,80%,0))
}

.web-page.web-glider.gre .web-content .topbar .horizontal-menu .arrow-wrapper .btn {
  background: #e0dcd7
}

.web-page.web-glider.gre .web-content .topbar .horizontal-menu .arrow-wrapper .btn:before {
  border-color: #424242
}

.web-page.web-glider.gre .web-content .menu .section-list {
  background: #d2cec8
}

.web-page.web-glider.gre .web-content .horizontal-menu .menu-item,.web-page.web-glider.gre .web-content .menu .section-list .section-list-item {
  background: #e0dcd7;
  color: #424242
}

.web-page.web-glider.gre .web-content .horizontal-menu .menu-item.active,.web-page.web-glider.gre .web-content .horizontal-menu .menu-item:focus,.web-page.web-glider.gre .web-content .horizontal-menu .menu-item:hover,.web-page.web-glider.gre .web-content .menu .section-list .section-list-item.active,.web-page.web-glider.gre .web-content .menu .section-list .section-list-item:focus,.web-page.web-glider.gre .web-content .menu .section-list .section-list-item:hover {
  background: #424242;
  color: #e0dcd7
}

.web-page.web-glider.gre .web-content .cover-avatar.no-avatar .avatar .initials,.web-page.web-glider.gre .web-content .general-avatar.no-avatar .avatar .initials {
  background-color: #424242
}

.web-page.web-glider.gre .web-content .cover-avatar.no-avatar .avatar .initials .first,.web-page.web-glider.gre .web-content .cover-avatar.no-avatar .avatar .initials .second,.web-page.web-glider.gre .web-content .general-avatar.no-avatar .avatar .initials .first,.web-page.web-glider.gre .web-content .general-avatar.no-avatar .avatar .initials .second {
  color: #e0dcd7
}

.web-page.web-glider.gre .web-content .cover-avatar.no-avatar .avatar .initials .line,.web-page.web-glider.gre .web-content .general-avatar.no-avatar .avatar .initials .line {
  background: #e0dcd7
}

.web-page.web-glider.gre .web-content .cover-section {
  color: #424242
}

.web-page.web-glider.gre .web-content .cover-section .name:before {
  background: #424242
}

.web-page.web-glider.gre .web-content .general-section .general-info .key,.web-page.web-glider.gre .web-content .general-section .general-info .value {
  color: #424242
}

.web-page.web-glider.gre .web-content .section-wrapper .section-title:before {
  background-color: #424242
}

.web-page.web-glider.gre .web-content .hobby-section svg,.web-page.web-glider.gre .web-content .social-section svg {
  fill: #424242
}

.web-page.web-glider.gre .web-content .graph-section circle {
  stroke: #424242
}

.web-page.web-glider.gre .web-content .graph-section .dot circle {
  fill: #424242
}

.web-page.web-glider.gre .web-content .keyword-section .keyword-list .keyword {
  background-color: #d2cec8
}

.web-page.web-glider.gre .web-content .experience-section .slick-dots li button,.web-page.web-glider.gre .web-content .general-section .slick-dots li button,.web-page.web-glider.gre .web-content .publication-section .slick-dots li button,.web-page.web-glider.gre .web-content .skill-section .slick-dots li button {
  border-color: #424242
}

.web-page.web-glider.gre .web-content .experience-section .slick-dots li.slick-active button,.web-page.web-glider.gre .web-content .general-section .slick-dots li.slick-active button,.web-page.web-glider.gre .web-content .publication-section .slick-dots li.slick-active button,.web-page.web-glider.gre .web-content .skill-section .slick-dots li.slick-active button {
  background: #424242
}

.web-page.web-glider.gre .web-content .float-arrows .btn {
  fill: #424242;
  background-color: #d2cec8
}

.web-page.web-glider.gre .web-content .footer {
  background: #424242
}

@media (min-width: 768px) and (max-width:1439px) {
  .web-page.web-glider.gre .web-content .topbar .action-buttons,.web-page.web-glider.gre .web-content .topbar:before {
      background-color:#d2cec8
  }
}

.web-page.web-glider.gre .web-content .share-popover {
  background: #424242
}

.web-page.web-glider.bla-gre .web-content {
  background: #212425;
  color: #cacccd
}

.web-page.web-glider.bla-gre .web-content a:focus {
  outline-color: hsla(200,3%,80%,.5)
}

.web-page.web-glider.bla-gre .web-content .topbar {
  background: #363c3e
}

.web-page.web-glider.bla-gre .web-content .topbar .dots-btn svg {
  fill: #cacccd
}

.web-page.web-glider.bla-gre .web-content .topbar .dots-btn:focus,.web-page.web-glider.bla-gre .web-content .topbar .dots-btn:hover {
  background-color: #212425
}

.web-page.web-glider.bla-gre .web-content .topbar .icon-btn:not(.dots-btn) {
  background: #212425
}

.web-page.web-glider.bla-gre .web-content .topbar .icon-btn:not(.dots-btn) svg {
  fill: #cacccd
}

.web-page.web-glider.bla-gre .web-content .topbar .icon-btn:not(.dots-btn):focus,.web-page.web-glider.bla-gre .web-content .topbar .icon-btn:not(.dots-btn):hover {
  background: #cacccd
}

.web-page.web-glider.bla-gre .web-content .topbar .icon-btn:not(.dots-btn):focus svg,.web-page.web-glider.bla-gre .web-content .topbar .icon-btn:not(.dots-btn):hover svg {
  fill: #212425
}

.web-page.web-glider.bla-gre .web-content .topbar .icon-btn:not(.dots-btn) .btn-tooltip {
  background: #cacccd;
  color: #212425
}

.web-page.web-glider.bla-gre .web-content .topbar .horizontal-menu .arrow-wrapper:before {
  background: linear-gradient(90deg,#363c3e,rgba(54,60,62,0))
}

.web-page.web-glider.bla-gre .web-content .topbar .horizontal-menu .arrow-wrapper .btn {
  background: #212425
}

.web-page.web-glider.bla-gre .web-content .topbar .horizontal-menu .arrow-wrapper .btn:before {
  border-color: #cacccd
}

.web-page.web-glider.bla-gre .web-content .menu .section-list {
  background: #363c3e
}

.web-page.web-glider.bla-gre .web-content .horizontal-menu .menu-item,.web-page.web-glider.bla-gre .web-content .menu .section-list .section-list-item {
  background: #212425;
  color: #cacccd
}

.web-page.web-glider.bla-gre .web-content .horizontal-menu .menu-item.active,.web-page.web-glider.bla-gre .web-content .horizontal-menu .menu-item:focus,.web-page.web-glider.bla-gre .web-content .horizontal-menu .menu-item:hover,.web-page.web-glider.bla-gre .web-content .menu .section-list .section-list-item.active,.web-page.web-glider.bla-gre .web-content .menu .section-list .section-list-item:focus,.web-page.web-glider.bla-gre .web-content .menu .section-list .section-list-item:hover {
  background: #cacccd;
  color: #212425
}

.web-page.web-glider.bla-gre .web-content .cover-avatar.no-avatar .avatar .initials,.web-page.web-glider.bla-gre .web-content .general-avatar.no-avatar .avatar .initials {
  background-color: #cacccd
}

.web-page.web-glider.bla-gre .web-content .cover-avatar.no-avatar .avatar .initials .first,.web-page.web-glider.bla-gre .web-content .cover-avatar.no-avatar .avatar .initials .second,.web-page.web-glider.bla-gre .web-content .general-avatar.no-avatar .avatar .initials .first,.web-page.web-glider.bla-gre .web-content .general-avatar.no-avatar .avatar .initials .second {
  color: #212425
}

.web-page.web-glider.bla-gre .web-content .cover-avatar.no-avatar .avatar .initials .line,.web-page.web-glider.bla-gre .web-content .general-avatar.no-avatar .avatar .initials .line {
  background: #212425
}

.web-page.web-glider.bla-gre .web-content .cover-section {
  color: #cacccd
}

.web-page.web-glider.bla-gre .web-content .cover-section .name:before {
  background: #cacccd
}

.web-page.web-glider.bla-gre .web-content .general-section .general-info .key,.web-page.web-glider.bla-gre .web-content .general-section .general-info .value {
  color: #cacccd
}

.web-page.web-glider.bla-gre .web-content .section-wrapper .section-title:before {
  background-color: #cacccd
}

.web-page.web-glider.bla-gre .web-content .hobby-section svg,.web-page.web-glider.bla-gre .web-content .social-section svg {
  fill: #cacccd
}

.web-page.web-glider.bla-gre .web-content .graph-section circle {
  stroke: #cacccd
}

.web-page.web-glider.bla-gre .web-content .graph-section .dot circle {
  fill: #cacccd
}

.web-page.web-glider.bla-gre .web-content .keyword-section .keyword-list .keyword {
  background-color: #363c3e
}

.web-page.web-glider.bla-gre .web-content .experience-section .slick-dots li button,.web-page.web-glider.bla-gre .web-content .general-section .slick-dots li button,.web-page.web-glider.bla-gre .web-content .publication-section .slick-dots li button,.web-page.web-glider.bla-gre .web-content .skill-section .slick-dots li button {
  border-color: #cacccd
}

.web-page.web-glider.bla-gre .web-content .experience-section .slick-dots li.slick-active button,.web-page.web-glider.bla-gre .web-content .general-section .slick-dots li.slick-active button,.web-page.web-glider.bla-gre .web-content .publication-section .slick-dots li.slick-active button,.web-page.web-glider.bla-gre .web-content .skill-section .slick-dots li.slick-active button {
  background: #cacccd
}

.web-page.web-glider.bla-gre .web-content .float-arrows .btn {
  fill: #cacccd;
  background-color: #363c3e
}

.web-page.web-glider.bla-gre .web-content .footer {
  background: #cacccd
}

@media (min-width: 768px) and (max-width:1439px) {
  .web-page.web-glider.bla-gre .web-content .topbar .action-buttons,.web-page.web-glider.bla-gre .web-content .topbar:before {
      background-color:#363c3e
  }
}

.web-page.web-glider.bla-gre .web-content .float-arrows .btn:focus,.web-page.web-glider.bla-gre .web-content .float-arrows .btn:hover {
  box-shadow: 0 0 10px hsla(0,0%,73%,.9)
}

.web-page.web-glider.bla-gre .web-content .footer {
  color: #000
}

.web-page.web-glider.bla-gre .web-content .footer .dark-logo {
  display: inline
}

.web-page.web-glider.bla-gre .web-content .footer .light-logo {
  display: none
}

.web-page.web-glider.bla-yel .web-content {
  background: #212425;
  color: #ffc400
}

.web-page.web-glider.bla-yel .web-content a:focus {
  outline-color: rgba(255,196,0,.5)
}

.web-page.web-glider.bla-yel .web-content .topbar {
  background: #363c3e
}

.web-page.web-glider.bla-yel .web-content .topbar .dots-btn svg {
  fill: #ffc400
}

.web-page.web-glider.bla-yel .web-content .topbar .dots-btn:focus,.web-page.web-glider.bla-yel .web-content .topbar .dots-btn:hover {
  background-color: #212425
}

.web-page.web-glider.bla-yel .web-content .topbar .icon-btn:not(.dots-btn) {
  background: #212425
}

.web-page.web-glider.bla-yel .web-content .topbar .icon-btn:not(.dots-btn) svg {
  fill: #ffc400
}

.web-page.web-glider.bla-yel .web-content .topbar .icon-btn:not(.dots-btn):focus,.web-page.web-glider.bla-yel .web-content .topbar .icon-btn:not(.dots-btn):hover {
  background: #ffc400
}

.web-page.web-glider.bla-yel .web-content .topbar .icon-btn:not(.dots-btn):focus svg,.web-page.web-glider.bla-yel .web-content .topbar .icon-btn:not(.dots-btn):hover svg {
  fill: #212425
}

.web-page.web-glider.bla-yel .web-content .topbar .icon-btn:not(.dots-btn) .btn-tooltip {
  background: #ffc400;
  color: #212425
}

.web-page.web-glider.bla-yel .web-content .topbar .horizontal-menu .arrow-wrapper:before {
  background: linear-gradient(90deg,#363c3e,rgba(54,60,62,0))
}

.web-page.web-glider.bla-yel .web-content .topbar .horizontal-menu .arrow-wrapper .btn {
  background: #212425
}

.web-page.web-glider.bla-yel .web-content .topbar .horizontal-menu .arrow-wrapper .btn:before {
  border-color: #ffc400
}

.web-page.web-glider.bla-yel .web-content .menu .section-list {
  background: #363c3e
}

.web-page.web-glider.bla-yel .web-content .horizontal-menu .menu-item,.web-page.web-glider.bla-yel .web-content .menu .section-list .section-list-item {
  background: #212425;
  color: #ffc400
}

.web-page.web-glider.bla-yel .web-content .horizontal-menu .menu-item.active,.web-page.web-glider.bla-yel .web-content .horizontal-menu .menu-item:focus,.web-page.web-glider.bla-yel .web-content .horizontal-menu .menu-item:hover,.web-page.web-glider.bla-yel .web-content .menu .section-list .section-list-item.active,.web-page.web-glider.bla-yel .web-content .menu .section-list .section-list-item:focus,.web-page.web-glider.bla-yel .web-content .menu .section-list .section-list-item:hover {
  background: #ffc400;
  color: #212425
}

.web-page.web-glider.bla-yel .web-content .cover-avatar.no-avatar .avatar .initials,.web-page.web-glider.bla-yel .web-content .general-avatar.no-avatar .avatar .initials {
  background-color: #ffc400
}

.web-page.web-glider.bla-yel .web-content .cover-avatar.no-avatar .avatar .initials .first,.web-page.web-glider.bla-yel .web-content .cover-avatar.no-avatar .avatar .initials .second,.web-page.web-glider.bla-yel .web-content .general-avatar.no-avatar .avatar .initials .first,.web-page.web-glider.bla-yel .web-content .general-avatar.no-avatar .avatar .initials .second {
  color: #212425
}

.web-page.web-glider.bla-yel .web-content .cover-avatar.no-avatar .avatar .initials .line,.web-page.web-glider.bla-yel .web-content .general-avatar.no-avatar .avatar .initials .line {
  background: #212425
}

.web-page.web-glider.bla-yel .web-content .cover-section {
  color: #ffc400
}

.web-page.web-glider.bla-yel .web-content .cover-section .name:before {
  background: #ffc400
}

.web-page.web-glider.bla-yel .web-content .general-section .general-info .key,.web-page.web-glider.bla-yel .web-content .general-section .general-info .value {
  color: #ffc400
}

.web-page.web-glider.bla-yel .web-content .section-wrapper .section-title:before {
  background-color: #ffc400
}

.web-page.web-glider.bla-yel .web-content .hobby-section svg,.web-page.web-glider.bla-yel .web-content .social-section svg {
  fill: #ffc400
}

.web-page.web-glider.bla-yel .web-content .graph-section circle {
  stroke: #ffc400
}

.web-page.web-glider.bla-yel .web-content .graph-section .dot circle {
  fill: #ffc400
}

.web-page.web-glider.bla-yel .web-content .keyword-section .keyword-list .keyword {
  background-color: #363c3e
}

.web-page.web-glider.bla-yel .web-content .experience-section .slick-dots li button,.web-page.web-glider.bla-yel .web-content .general-section .slick-dots li button,.web-page.web-glider.bla-yel .web-content .publication-section .slick-dots li button,.web-page.web-glider.bla-yel .web-content .skill-section .slick-dots li button {
  border-color: #ffc400
}

.web-page.web-glider.bla-yel .web-content .experience-section .slick-dots li.slick-active button,.web-page.web-glider.bla-yel .web-content .general-section .slick-dots li.slick-active button,.web-page.web-glider.bla-yel .web-content .publication-section .slick-dots li.slick-active button,.web-page.web-glider.bla-yel .web-content .skill-section .slick-dots li.slick-active button {
  background: #ffc400
}

.web-page.web-glider.bla-yel .web-content .float-arrows .btn {
  fill: #ffc400;
  background-color: #363c3e
}

.web-page.web-glider.bla-yel .web-content .footer {
  background: #ffc400
}

@media (min-width: 768px) and (max-width:1439px) {
  .web-page.web-glider.bla-yel .web-content .topbar .action-buttons,.web-page.web-glider.bla-yel .web-content .topbar:before {
      background-color:#363c3e
  }
}

.web-page.web-glider.bla-yel .web-content .float-arrows .btn:focus,.web-page.web-glider.bla-yel .web-content .float-arrows .btn:hover {
  box-shadow: 0 0 10px hsla(0,0%,73%,.9)
}

.web-page.web-glider.bla-yel .web-content .footer {
  color: #000
}

.web-page.web-glider.bla-yel .web-content .footer .dark-logo {
  display: inline
}

.web-page.web-glider.bla-yel .web-content .footer .light-logo {
  display: none
}

.web-page.web-glider.bla-blu .web-content {
  background: #212425;
  color: #2196f3
}

.web-page.web-glider.bla-blu .web-content a:focus {
  outline-color: rgba(33,150,243,.5)
}

.web-page.web-glider.bla-blu .web-content .topbar {
  background: #363c3e
}

.web-page.web-glider.bla-blu .web-content .topbar .dots-btn svg {
  fill: #2196f3
}

.web-page.web-glider.bla-blu .web-content .topbar .dots-btn:focus,.web-page.web-glider.bla-blu .web-content .topbar .dots-btn:hover {
  background-color: #212425
}

.web-page.web-glider.bla-blu .web-content .topbar .icon-btn:not(.dots-btn) {
  background: #212425
}

.web-page.web-glider.bla-blu .web-content .topbar .icon-btn:not(.dots-btn) svg {
  fill: #2196f3
}

.web-page.web-glider.bla-blu .web-content .topbar .icon-btn:not(.dots-btn):focus,.web-page.web-glider.bla-blu .web-content .topbar .icon-btn:not(.dots-btn):hover {
  background: #2196f3
}

.web-page.web-glider.bla-blu .web-content .topbar .icon-btn:not(.dots-btn):focus svg,.web-page.web-glider.bla-blu .web-content .topbar .icon-btn:not(.dots-btn):hover svg {
  fill: #212425
}

.web-page.web-glider.bla-blu .web-content .topbar .icon-btn:not(.dots-btn) .btn-tooltip {
  background: #2196f3;
  color: #212425
}

.web-page.web-glider.bla-blu .web-content .topbar .horizontal-menu .arrow-wrapper:before {
  background: linear-gradient(90deg,#363c3e,rgba(54,60,62,0))
}

.web-page.web-glider.bla-blu .web-content .topbar .horizontal-menu .arrow-wrapper .btn {
  background: #212425
}

.web-page.web-glider.bla-blu .web-content .topbar .horizontal-menu .arrow-wrapper .btn:before {
  border-color: #2196f3
}

.web-page.web-glider.bla-blu .web-content .menu .section-list {
  background: #363c3e
}

.web-page.web-glider.bla-blu .web-content .horizontal-menu .menu-item,.web-page.web-glider.bla-blu .web-content .menu .section-list .section-list-item {
  background: #212425;
  color: #2196f3
}

.web-page.web-glider.bla-blu .web-content .horizontal-menu .menu-item.active,.web-page.web-glider.bla-blu .web-content .horizontal-menu .menu-item:focus,.web-page.web-glider.bla-blu .web-content .horizontal-menu .menu-item:hover,.web-page.web-glider.bla-blu .web-content .menu .section-list .section-list-item.active,.web-page.web-glider.bla-blu .web-content .menu .section-list .section-list-item:focus,.web-page.web-glider.bla-blu .web-content .menu .section-list .section-list-item:hover {
  background: #2196f3;
  color: #212425
}

.web-page.web-glider.bla-blu .web-content .cover-avatar.no-avatar .avatar .initials,.web-page.web-glider.bla-blu .web-content .general-avatar.no-avatar .avatar .initials {
  background-color: #2196f3
}

.web-page.web-glider.bla-blu .web-content .cover-avatar.no-avatar .avatar .initials .first,.web-page.web-glider.bla-blu .web-content .cover-avatar.no-avatar .avatar .initials .second,.web-page.web-glider.bla-blu .web-content .general-avatar.no-avatar .avatar .initials .first,.web-page.web-glider.bla-blu .web-content .general-avatar.no-avatar .avatar .initials .second {
  color: #212425
}

.web-page.web-glider.bla-blu .web-content .cover-avatar.no-avatar .avatar .initials .line,.web-page.web-glider.bla-blu .web-content .general-avatar.no-avatar .avatar .initials .line {
  background: #212425
}

.web-page.web-glider.bla-blu .web-content .cover-section {
  color: #2196f3
}

.web-page.web-glider.bla-blu .web-content .cover-section .name:before {
  background: #2196f3
}

.web-page.web-glider.bla-blu .web-content .general-section .general-info .key,.web-page.web-glider.bla-blu .web-content .general-section .general-info .value {
  color: #2196f3
}

.web-page.web-glider.bla-blu .web-content .section-wrapper .section-title:before {
  background-color: #2196f3
}

.web-page.web-glider.bla-blu .web-content .hobby-section svg,.web-page.web-glider.bla-blu .web-content .social-section svg {
  fill: #2196f3
}

.web-page.web-glider.bla-blu .web-content .graph-section circle {
  stroke: #2196f3
}

.web-page.web-glider.bla-blu .web-content .graph-section .dot circle {
  fill: #2196f3
}

.web-page.web-glider.bla-blu .web-content .keyword-section .keyword-list .keyword {
  background-color: #363c3e
}

.web-page.web-glider.bla-blu .web-content .experience-section .slick-dots li button,.web-page.web-glider.bla-blu .web-content .general-section .slick-dots li button,.web-page.web-glider.bla-blu .web-content .publication-section .slick-dots li button,.web-page.web-glider.bla-blu .web-content .skill-section .slick-dots li button {
  border-color: #2196f3
}

.web-page.web-glider.bla-blu .web-content .experience-section .slick-dots li.slick-active button,.web-page.web-glider.bla-blu .web-content .general-section .slick-dots li.slick-active button,.web-page.web-glider.bla-blu .web-content .publication-section .slick-dots li.slick-active button,.web-page.web-glider.bla-blu .web-content .skill-section .slick-dots li.slick-active button {
  background: #2196f3
}

.web-page.web-glider.bla-blu .web-content .float-arrows .btn {
  fill: #2196f3;
  background-color: #363c3e
}

.web-page.web-glider.bla-blu .web-content .footer {
  background: #2196f3
}

@media (min-width: 768px) and (max-width:1439px) {
  .web-page.web-glider.bla-blu .web-content .topbar .action-buttons,.web-page.web-glider.bla-blu .web-content .topbar:before {
      background-color:#363c3e
  }
}

.web-page.web-glider.bla-blu .web-content .float-arrows .btn:focus,.web-page.web-glider.bla-blu .web-content .float-arrows .btn:hover {
  box-shadow: 0 0 10px hsla(0,0%,73%,.9)
}

.web-page.web-glider.bla-blu .web-content .footer {
  color: #000
}

.web-page.web-glider.bla-blu .web-content .footer .dark-logo {
  display: inline
}

.web-page.web-glider.bla-blu .web-content .footer .light-logo {
  display: none
}

@font-face {
  font-family: Graphik;
  src: url(https://d1civoyjepycei.cloudfront.net/static/assets/bundle/media/Graphik-Regular-Web.1f33acb5.woff2) format("woff2"),url(https://d1civoyjepycei.cloudfront.net/static/assets/bundle/media/Graphik-Regular-Web.1b1d1f0e.woff) format("woff")
}

.web-page {
  position: relative
}

.web-page .ql-align-left {
  text-align: left
}

.web-page .ql-align-center {
  text-align: center
}

.web-page .ql-align-right {
  text-align: right
}

.web-page .ql-align-justify {
  text-align: justify
}

.web-page .web-content {
  height: 100%;
  padding: 0;
  position: relative
}

.web-page .web-content a:not(.contact-btn):focus {
  outline-offset: 5px;
  outline-style: solid;
  outline-width: 1px;
  text-decoration: none
}

.web-page .web-content .section-slider-wrapper>.section-slider {
  -webkit-user-select: auto;
  user-select: auto
}

.web-page .web-content .keyword-section .section-content .keyword-list {
  display: flex;
  flex-wrap: wrap
}

.web-page .web-content .keyword-section .section-content .keyword-list .keyword {
  color: inherit;
  display: inline-flex
}

.web-page .web-content .general-section .value {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content
}

.web-page .web-content .experience-section .date-address-wrapper .address div {
  font-size: inherit;
  line-height: inherit
}

.web-page .web-content .graph-section .graph-entry {
  display: flex;
  flex-direction: column
}

.web-page .web-content .graph-section .graph-entry .graph-name {
  text-align: center;
  word-break: break-word
}

.web-page .web-content .graph-section .graph-entry .graph-value-wrapper {
  align-items: center;
  display: flex;
  justify-content: center;
  position: relative;
  width: 100%
}

.web-page .web-content .graph-section .graph-entry .graph-value-wrapper .value {
  align-items: center;
  display: flex;
  justify-content: center
}

.web-page .web-content .graph-section .graph-entry .graph-value-wrapper svg {
  fill: none;
  position: absolute;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

.web-page .web-content .graph-section .graph-entry .graph-value-wrapper svg circle {
  stroke-dasharray: 440
}

.web-page .web-content .graph-section .graph-entry .graph-value-wrapper svg.full-circle circle {
  stroke-dashoffset: 0
}

.web-page .web-content .hobby-section.sec-al-left .entries-wrapper,.web-page .web-content .social-section.sec-al-left .entries-wrapper {
  justify-content: flex-start!important
}

.web-page .web-content .hobby-section.sec-al-right .entries-wrapper,.web-page .web-content .social-section.sec-al-right .entries-wrapper {
  justify-content: flex-end!important
}

.web-page .web-content .hobby-section.sec-al-center .entries-wrapper,.web-page .web-content .social-section.sec-al-center .entries-wrapper {
  justify-content: center!important
}

.web-page .web-content .hobby-section .section-content .entries-wrapper,.web-page .web-content .social-section .section-content .entries-wrapper {
  display: flex;
  flex-wrap: wrap
}

.web-page .web-content .hobby-section .section-content .entries-wrapper .hobby,.web-page .web-content .hobby-section .section-content .entries-wrapper .social,.web-page .web-content .social-section .section-content .entries-wrapper .hobby,.web-page .web-content .social-section .section-content .entries-wrapper .social {
  align-items: center;
  display: flex;
  flex-direction: column
}

.web-page .web-content .hobby-section .section-content .entries-wrapper .hobby .hobby-name,.web-page .web-content .hobby-section .section-content .entries-wrapper .hobby .social-description,.web-page .web-content .hobby-section .section-content .entries-wrapper .social .hobby-name,.web-page .web-content .hobby-section .section-content .entries-wrapper .social .social-description,.web-page .web-content .social-section .section-content .entries-wrapper .hobby .hobby-name,.web-page .web-content .social-section .section-content .entries-wrapper .hobby .social-description,.web-page .web-content .social-section .section-content .entries-wrapper .social .hobby-name,.web-page .web-content .social-section .section-content .entries-wrapper .social .social-description {
  text-align: center
}

.web-page .web-content .keyword-section .keyword,.web-page .web-content.general-section .general-info,.web-page .web-content.hobby-section .hobby-name,.web-page .web-content.social-section .social-description {
  word-break: break-word
}

.web-page .web-content .skill-section .skill-category {
  display: flex;
  flex-direction: column
}

.web-page .web-content .skill-section .skill-category .skill-wrapper {
  word-break: break-word
}

.web-page .web-content .skill-section .skill-category .skill-wrapper .skill-level {
  align-items: center;
  display: flex;
  position: relative
}

.web-page .web-content .skill-section .skill-category .skill-wrapper .skill-level:after,.web-page .web-content .skill-section .skill-category .skill-wrapper .skill-level:before {
  content: "";
  left: 0;
  position: absolute
}

.web-page .web-content .skill-section .skill-category .skill-wrapper .skill-level:before {
  width: 100%
}

.web-page .web-content .skill-section .skill-category .skill-wrapper .skill-level.skill-level-0 .dot {
  display: none
}

.web-page .web-content .skill-section .skill-category .skill-wrapper .skill-level.skill-level-1 .dot {
  left: 20%
}

.web-page .web-content .skill-section .skill-category .skill-wrapper .skill-level.skill-level-1:after {
  width: 20%
}

.web-page .web-content .skill-section .skill-category .skill-wrapper .skill-level.skill-level-2 .dot {
  left: 40%
}

.web-page .web-content .skill-section .skill-category .skill-wrapper .skill-level.skill-level-2:after {
  width: 40%
}

.web-page .web-content .skill-section .skill-category .skill-wrapper .skill-level.skill-level-3 .dot {
  left: 60%
}

.web-page .web-content .skill-section .skill-category .skill-wrapper .skill-level.skill-level-3:after {
  width: 60%
}

.web-page .web-content .skill-section .skill-category .skill-wrapper .skill-level.skill-level-4 .dot {
  left: 80%
}

.web-page .web-content .skill-section .skill-category .skill-wrapper .skill-level.skill-level-4:after {
  width: 80%
}

.web-page .web-content .skill-section .skill-category .skill-wrapper .skill-level.skill-level-5 .dot {
  left: 100%
}

.web-page .web-content .skill-section .skill-category .skill-wrapper .skill-level.skill-level-5:after {
  width: 100%
}

.web-page .web-content .cover-section a,.web-page .web-content .experience-section .experience-description a,.web-page .web-content .general-section a,.web-page .web-content .profile-section a,.web-page .web-content .publication-section .publication-description a,.web-page .web-content .social-section a,.web-page .web-content .text-section a {
  color: inherit
}

.web-page.web-modern a,.web-page.web-modern b,.web-page.web-modern del,.web-page.web-modern div,.web-page.web-modern em,.web-page.web-modern ins,.web-page.web-modern li,.web-page.web-modern mark,.web-page.web-modern ol,.web-page.web-modern p,.web-page.web-modern s,.web-page.web-modern small,.web-page.web-modern strong,.web-page.web-modern sub,.web-page.web-modern sup,.web-page.web-modern u,.web-page.web-modern ul {
  font-size: 18px;
  line-height: 28px
}

.web-page.web-modern .topbar .btn-tooltip {
  font-size: 12px;
  line-height: 22px
}

.web-page.web-modern .section-title {
  font-size: 36px;
  line-height: 46px
}

.web-page.web-modern .cover-section .name,.web-page.web-modern .menu .name {
  font-size: 30px;
  line-height: 40px
}

.web-page.web-modern .category-name,.web-page.web-modern .cover-section .key,.web-page.web-modern .experience-section .address,.web-page.web-modern .experience-section .date,.web-page.web-modern .menu .section-list-item,.web-page.web-modern .publication-section .date,.web-page.web-modern .topbar .topbar-name {
  font-size: 16px;
  line-height: 26px
}

.web-page.web-modern .degree,.web-page.web-modern .keyword,.web-page.web-modern .position,.web-page.web-modern .publication-name {
  font-size: 26px;
  line-height: 36px
}

.web-page.web-modern .company,.web-page.web-modern .publisher {
  font-size: 22px;
  line-height: 32px
}

@media (min-width: 768px) {
  .web-page.web-modern .section-title {
      font-size:46px;
      line-height: 56px
  }

  .web-page.web-modern .cover-section .name {
      font-size: 36px;
      line-height: 46px
  }

  .web-page.web-modern .degree,.web-page.web-modern .keyword,.web-page.web-modern .position,.web-page.web-modern .publication-name {
      font-size: 30px;
      line-height: 40px
  }

  .web-page.web-modern .company,.web-page.web-modern .publisher {
      font-size: 24px;
      line-height: 34px
  }
}

@media (min-width: 1200px) {
  .web-page.web-modern .section-title {
      font-size:56px;
      line-height: 66px
  }

  .web-page.web-modern .degree,.web-page.web-modern .keyword,.web-page.web-modern .position,.web-page.web-modern .publication-name {
      font-size: 34px;
      line-height: 44px
  }

  .web-page.web-modern .company,.web-page.web-modern .publisher {
      font-size: 26px;
      line-height: 36px
  }
}

.web-page.web-modern .background-0.web-content,.web-page.web-modern .background-1.web-content,.web-page.web-modern .background-2.web-content,.web-page.web-modern .background-3.web-content,.web-page.web-modern .background-4.web-content,.web-page.web-modern .background-5.web-content {
  color: #214427
}

.web-page.web-modern .background-0.web-content a:focus,.web-page.web-modern .background-1.web-content a:focus,.web-page.web-modern .background-2.web-content a:focus,.web-page.web-modern .background-3.web-content a:focus,.web-page.web-modern .background-4.web-content a:focus,.web-page.web-modern .background-5.web-content a:focus {
  outline-color: rgba(33,68,39,.5)
}

.web-page.web-modern .background-0.web-content .topbar-avatar.no-avatar .avatar .initials,.web-page.web-modern .background-1.web-content .topbar-avatar.no-avatar .avatar .initials,.web-page.web-modern .background-2.web-content .topbar-avatar.no-avatar .avatar .initials,.web-page.web-modern .background-3.web-content .topbar-avatar.no-avatar .avatar .initials,.web-page.web-modern .background-4.web-content .topbar-avatar.no-avatar .avatar .initials,.web-page.web-modern .background-5.web-content .topbar-avatar.no-avatar .avatar .initials {
  background-color: #214427
}

.web-page.web-modern .background-0.web-content .topbar .topbar-buttons .btn svg,.web-page.web-modern .background-1.web-content .topbar .topbar-buttons .btn svg,.web-page.web-modern .background-2.web-content .topbar .topbar-buttons .btn svg,.web-page.web-modern .background-3.web-content .topbar .topbar-buttons .btn svg,.web-page.web-modern .background-4.web-content .topbar .topbar-buttons .btn svg,.web-page.web-modern .background-5.web-content .topbar .topbar-buttons .btn svg {
  fill: #214427
}

.web-page.web-modern .background-0.web-content .menu .menu-content,.web-page.web-modern .background-0.web-content .topbar .topbar-buttons .btn .btn-tooltip,.web-page.web-modern .background-1.web-content .menu .menu-content,.web-page.web-modern .background-1.web-content .topbar .topbar-buttons .btn .btn-tooltip,.web-page.web-modern .background-2.web-content .menu .menu-content,.web-page.web-modern .background-2.web-content .topbar .topbar-buttons .btn .btn-tooltip,.web-page.web-modern .background-3.web-content .menu .menu-content,.web-page.web-modern .background-3.web-content .topbar .topbar-buttons .btn .btn-tooltip,.web-page.web-modern .background-4.web-content .menu .menu-content,.web-page.web-modern .background-4.web-content .topbar .topbar-buttons .btn .btn-tooltip,.web-page.web-modern .background-5.web-content .menu .menu-content,.web-page.web-modern .background-5.web-content .topbar .topbar-buttons .btn .btn-tooltip {
  background: #214427
}

.web-page.web-modern .background-0.web-content .graph-section circle,.web-page.web-modern .background-1.web-content .graph-section circle,.web-page.web-modern .background-2.web-content .graph-section circle,.web-page.web-modern .background-3.web-content .graph-section circle,.web-page.web-modern .background-4.web-content .graph-section circle,.web-page.web-modern .background-5.web-content .graph-section circle {
  stroke: #214427
}

.web-page.web-modern .background-0.web-content .hobby-section svg,.web-page.web-modern .background-0.web-content .social-section svg,.web-page.web-modern .background-1.web-content .hobby-section svg,.web-page.web-modern .background-1.web-content .social-section svg,.web-page.web-modern .background-2.web-content .hobby-section svg,.web-page.web-modern .background-2.web-content .social-section svg,.web-page.web-modern .background-3.web-content .hobby-section svg,.web-page.web-modern .background-3.web-content .social-section svg,.web-page.web-modern .background-4.web-content .hobby-section svg,.web-page.web-modern .background-4.web-content .social-section svg,.web-page.web-modern .background-5.web-content .hobby-section svg,.web-page.web-modern .background-5.web-content .social-section svg {
  fill: #214427
}

.web-page.web-modern .background-0.web-content .experience-section .slick-dots li button,.web-page.web-modern .background-0.web-content .publication-section .slick-dots li button,.web-page.web-modern .background-0.web-content .skill-section .slick-dots li button,.web-page.web-modern .background-1.web-content .experience-section .slick-dots li button,.web-page.web-modern .background-1.web-content .publication-section .slick-dots li button,.web-page.web-modern .background-1.web-content .skill-section .slick-dots li button,.web-page.web-modern .background-2.web-content .experience-section .slick-dots li button,.web-page.web-modern .background-2.web-content .publication-section .slick-dots li button,.web-page.web-modern .background-2.web-content .skill-section .slick-dots li button,.web-page.web-modern .background-3.web-content .experience-section .slick-dots li button,.web-page.web-modern .background-3.web-content .publication-section .slick-dots li button,.web-page.web-modern .background-3.web-content .skill-section .slick-dots li button,.web-page.web-modern .background-4.web-content .experience-section .slick-dots li button,.web-page.web-modern .background-4.web-content .publication-section .slick-dots li button,.web-page.web-modern .background-4.web-content .skill-section .slick-dots li button,.web-page.web-modern .background-5.web-content .experience-section .slick-dots li button,.web-page.web-modern .background-5.web-content .publication-section .slick-dots li button,.web-page.web-modern .background-5.web-content .skill-section .slick-dots li button {
  border-color: #214427
}

.web-page.web-modern .background-0.web-content .experience-section .slick-dots li.slick-active button,.web-page.web-modern .background-0.web-content .publication-section .slick-dots li.slick-active button,.web-page.web-modern .background-0.web-content .skill-section .slick-dots li.slick-active button,.web-page.web-modern .background-1.web-content .experience-section .slick-dots li.slick-active button,.web-page.web-modern .background-1.web-content .publication-section .slick-dots li.slick-active button,.web-page.web-modern .background-1.web-content .skill-section .slick-dots li.slick-active button,.web-page.web-modern .background-2.web-content .experience-section .slick-dots li.slick-active button,.web-page.web-modern .background-2.web-content .publication-section .slick-dots li.slick-active button,.web-page.web-modern .background-2.web-content .skill-section .slick-dots li.slick-active button,.web-page.web-modern .background-3.web-content .experience-section .slick-dots li.slick-active button,.web-page.web-modern .background-3.web-content .publication-section .slick-dots li.slick-active button,.web-page.web-modern .background-3.web-content .skill-section .slick-dots li.slick-active button,.web-page.web-modern .background-4.web-content .experience-section .slick-dots li.slick-active button,.web-page.web-modern .background-4.web-content .publication-section .slick-dots li.slick-active button,.web-page.web-modern .background-4.web-content .skill-section .slick-dots li.slick-active button,.web-page.web-modern .background-5.web-content .experience-section .slick-dots li.slick-active button,.web-page.web-modern .background-5.web-content .publication-section .slick-dots li.slick-active button,.web-page.web-modern .background-5.web-content .skill-section .slick-dots li.slick-active button {
  background: #214427
}

.web-page.web-modern .background-0 .next-section-btn,.web-page.web-modern .background-0 .prev-section-btn,.web-page.web-modern .background-1 .next-section-btn,.web-page.web-modern .background-1 .prev-section-btn,.web-page.web-modern .background-2 .next-section-btn,.web-page.web-modern .background-2 .prev-section-btn,.web-page.web-modern .background-3 .next-section-btn,.web-page.web-modern .background-3 .prev-section-btn,.web-page.web-modern .background-4 .next-section-btn,.web-page.web-modern .background-4 .prev-section-btn,.web-page.web-modern .background-5 .next-section-btn,.web-page.web-modern .background-5 .prev-section-btn {
  fill: #214427
}

@media (max-width: 767px) {
  .web-page.web-modern .background-0.web-content .topbar:not(.closed),.web-page.web-modern .background-1.web-content .topbar:not(.closed),.web-page.web-modern .background-2.web-content .topbar:not(.closed),.web-page.web-modern .background-3.web-content .topbar:not(.closed),.web-page.web-modern .background-4.web-content .topbar:not(.closed),.web-page.web-modern .background-5.web-content .topbar:not(.closed) {
      background-color:#214427
  }
}

.web-page.web-modern .background-0.web-content .topbar-avatar.no-avatar .avatar .initials .first,.web-page.web-modern .background-0.web-content .topbar-avatar.no-avatar .avatar .initials .second,.web-page.web-modern .background-1.web-content .topbar-avatar.no-avatar .avatar .initials .first,.web-page.web-modern .background-1.web-content .topbar-avatar.no-avatar .avatar .initials .second,.web-page.web-modern .background-2.web-content .topbar-avatar.no-avatar .avatar .initials .first,.web-page.web-modern .background-2.web-content .topbar-avatar.no-avatar .avatar .initials .second,.web-page.web-modern .background-3.web-content .topbar-avatar.no-avatar .avatar .initials .first,.web-page.web-modern .background-3.web-content .topbar-avatar.no-avatar .avatar .initials .second,.web-page.web-modern .background-4.web-content .topbar-avatar.no-avatar .avatar .initials .first,.web-page.web-modern .background-4.web-content .topbar-avatar.no-avatar .avatar .initials .second,.web-page.web-modern .background-5.web-content .topbar-avatar.no-avatar .avatar .initials .first,.web-page.web-modern .background-5.web-content .topbar-avatar.no-avatar .avatar .initials .second {
  color: #fff
}

.web-page.web-modern .background-0.web-content .topbar-avatar.no-avatar .avatar .initials .line,.web-page.web-modern .background-1.web-content .topbar-avatar.no-avatar .avatar .initials .line,.web-page.web-modern .background-2.web-content .topbar-avatar.no-avatar .avatar .initials .line,.web-page.web-modern .background-3.web-content .topbar-avatar.no-avatar .avatar .initials .line,.web-page.web-modern .background-4.web-content .topbar-avatar.no-avatar .avatar .initials .line,.web-page.web-modern .background-5.web-content .topbar-avatar.no-avatar .avatar .initials .line {
  background: #fff
}

.web-page.web-modern .background-0.web-content .menu .menu-content .menu-header .name,.web-page.web-modern .background-0.web-content .menu .menu-content .section-list .section-list-item,.web-page.web-modern .background-0.web-content .topbar .btn .btn-tooltip,.web-page.web-modern .background-1.web-content .menu .menu-content .menu-header .name,.web-page.web-modern .background-1.web-content .menu .menu-content .section-list .section-list-item,.web-page.web-modern .background-1.web-content .topbar .btn .btn-tooltip,.web-page.web-modern .background-2.web-content .menu .menu-content .menu-header .name,.web-page.web-modern .background-2.web-content .menu .menu-content .section-list .section-list-item,.web-page.web-modern .background-2.web-content .topbar .btn .btn-tooltip,.web-page.web-modern .background-3.web-content .menu .menu-content .menu-header .name,.web-page.web-modern .background-3.web-content .menu .menu-content .section-list .section-list-item,.web-page.web-modern .background-3.web-content .topbar .btn .btn-tooltip,.web-page.web-modern .background-4.web-content .menu .menu-content .menu-header .name,.web-page.web-modern .background-4.web-content .menu .menu-content .section-list .section-list-item,.web-page.web-modern .background-4.web-content .topbar .btn .btn-tooltip,.web-page.web-modern .background-5.web-content .menu .menu-content .menu-header .name,.web-page.web-modern .background-5.web-content .menu .menu-content .section-list .section-list-item,.web-page.web-modern .background-5.web-content .topbar .btn .btn-tooltip {
  color: #fff
}

.web-page.web-modern .background-0.web-content .menu .menu-content .section-list .section-list-item:not(:last-of-type),.web-page.web-modern .background-1.web-content .menu .menu-content .section-list .section-list-item:not(:last-of-type),.web-page.web-modern .background-2.web-content .menu .menu-content .section-list .section-list-item:not(:last-of-type),.web-page.web-modern .background-3.web-content .menu .menu-content .section-list .section-list-item:not(:last-of-type),.web-page.web-modern .background-4.web-content .menu .menu-content .section-list .section-list-item:not(:last-of-type),.web-page.web-modern .background-5.web-content .menu .menu-content .section-list .section-list-item:not(:last-of-type) {
  border-bottom-color: hsla(0,0%,100%,.4)
}

.web-page.web-modern .background-0.web-content .menu .menu-content .section-list .section-list-item.active:before,.web-page.web-modern .background-1.web-content .menu .menu-content .section-list .section-list-item.active:before,.web-page.web-modern .background-2.web-content .menu .menu-content .section-list .section-list-item.active:before,.web-page.web-modern .background-3.web-content .menu .menu-content .section-list .section-list-item.active:before,.web-page.web-modern .background-4.web-content .menu .menu-content .section-list .section-list-item.active:before,.web-page.web-modern .background-5.web-content .menu .menu-content .section-list .section-list-item.active:before {
  background: hsla(0,0%,100%,.4)
}

.web-page.web-modern .background-0.web-content .menu .menu-content .section-list .section-list-item:focus,.web-page.web-modern .background-0.web-content .menu .menu-content .section-list .section-list-item:hover,.web-page.web-modern .background-1.web-content .menu .menu-content .section-list .section-list-item:focus,.web-page.web-modern .background-1.web-content .menu .menu-content .section-list .section-list-item:hover,.web-page.web-modern .background-2.web-content .menu .menu-content .section-list .section-list-item:focus,.web-page.web-modern .background-2.web-content .menu .menu-content .section-list .section-list-item:hover,.web-page.web-modern .background-3.web-content .menu .menu-content .section-list .section-list-item:focus,.web-page.web-modern .background-3.web-content .menu .menu-content .section-list .section-list-item:hover,.web-page.web-modern .background-4.web-content .menu .menu-content .section-list .section-list-item:focus,.web-page.web-modern .background-4.web-content .menu .menu-content .section-list .section-list-item:hover,.web-page.web-modern .background-5.web-content .menu .menu-content .section-list .section-list-item:focus,.web-page.web-modern .background-5.web-content .menu .menu-content .section-list .section-list-item:hover {
  background: hsla(0,0%,100%,.1)
}

.web-page.web-modern .background-0.web-content .menu .menu-content .track-vertical .thumb-vertical,.web-page.web-modern .background-1.web-content .menu .menu-content .track-vertical .thumb-vertical,.web-page.web-modern .background-2.web-content .menu .menu-content .track-vertical .thumb-vertical,.web-page.web-modern .background-3.web-content .menu .menu-content .track-vertical .thumb-vertical,.web-page.web-modern .background-4.web-content .menu .menu-content .track-vertical .thumb-vertical,.web-page.web-modern .background-5.web-content .menu .menu-content .track-vertical .thumb-vertical {
  background-color: hsla(0,0%,100%,.2)
}

.web-page.web-modern .background-0 .next-section-btn,.web-page.web-modern .background-1 .next-section-btn,.web-page.web-modern .background-2 .next-section-btn,.web-page.web-modern .background-3 .next-section-btn,.web-page.web-modern .background-4 .next-section-btn,.web-page.web-modern .background-5 .next-section-btn {
  background-color: #fff
}

@media (max-width: 767px) {
  .web-page.web-modern .background-0.web-content .topbar:not(.closed) .topbar-buttons svg,.web-page.web-modern .background-1.web-content .topbar:not(.closed) .topbar-buttons svg,.web-page.web-modern .background-2.web-content .topbar:not(.closed) .topbar-buttons svg,.web-page.web-modern .background-3.web-content .topbar:not(.closed) .topbar-buttons svg,.web-page.web-modern .background-4.web-content .topbar:not(.closed) .topbar-buttons svg,.web-page.web-modern .background-5.web-content .topbar:not(.closed) .topbar-buttons svg {
      fill:#fff
  }

  .web-page.web-modern .background-0.web-content .menu .menu-content .menu-header .name,.web-page.web-modern .background-1.web-content .menu .menu-content .menu-header .name,.web-page.web-modern .background-2.web-content .menu .menu-content .menu-header .name,.web-page.web-modern .background-3.web-content .menu .menu-content .menu-header .name,.web-page.web-modern .background-4.web-content .menu .menu-content .menu-header .name,.web-page.web-modern .background-5.web-content .menu .menu-content .menu-header .name {
      color: #fff
  }
}

.web-page.web-modern .web-content.background-0:not(.cover-background) {
  background-color: #a9c1b4
}

.web-page.web-modern .web-content.background-0:not(.cover-background) .topbar.closed {
  background: #a9c1b4
}

.web-page.web-modern .web-content.background-0:not(.cover-background) .prev-section-btn {
  background-color: #a9c1b4
}

.web-page.web-modern .web-content.background-1:not(.cover-background) {
  background-color: #ffe2d0
}

.web-page.web-modern .web-content.background-1:not(.cover-background) .topbar.closed {
  background: #ffe2d0
}

.web-page.web-modern .web-content.background-1:not(.cover-background) .prev-section-btn {
  background-color: #ffe2d0
}

.web-page.web-modern .web-content.background-2:not(.cover-background) {
  background-color: #e5a385
}

.web-page.web-modern .web-content.background-2:not(.cover-background) .topbar.closed {
  background: #e5a385
}

.web-page.web-modern .web-content.background-2:not(.cover-background) .prev-section-btn {
  background-color: #e5a385
}

.web-page.web-modern .web-content.background-3:not(.cover-background) {
  background-color: #cecdc7
}

.web-page.web-modern .web-content.background-3:not(.cover-background) .topbar.closed {
  background: #cecdc7
}

.web-page.web-modern .web-content.background-3:not(.cover-background) .prev-section-btn {
  background-color: #cecdc7
}

.web-page.web-modern .web-content.background-4:not(.cover-background) {
  background-color: #bcc1a9
}

.web-page.web-modern .web-content.background-4:not(.cover-background) .topbar.closed {
  background: #bcc1a9
}

.web-page.web-modern .web-content.background-4:not(.cover-background) .prev-section-btn {
  background-color: #bcc1a9
}

.web-page.web-modern .web-content.background-5:not(.cover-background) {
  background-color: #eee2c1
}

.web-page.web-modern .web-content.background-5:not(.cover-background) .topbar.closed {
  background: #eee2c1
}

.web-page.web-modern .web-content.background-5:not(.cover-background) .prev-section-btn {
  background-color: #eee2c1
}

.web-page.web-modern .web-content.cover-background {
  background-image: url(https://d2sn08my3g92cp.cloudfront.net/backgrounds/modern_01.jpg)
}

.web-page.web-modern .web-content.cover-background a:focus {
  outline-color: rgba(33,68,39,.5)
}

.web-page.web-modern .web-content.cover-background .general-avatar.no-avatar .avatar .initials {
  background-color: #214427
}

.web-page.web-modern .web-content.cover-background .topbar .topbar-buttons .btn .btn-tooltip {
  background: #fff;
  color: #214427
}

.web-page.web-modern .web-content.cover-background .cover-section .name,.web-page.web-modern .web-content.cover-background .general-info .info-wrapper .key,.web-page.web-modern .web-content.cover-background .general-info .info-wrapper .value {
  color: #214427
}

.web-page.web-modern .web-content.cover-background .menu .menu-content {
  background: #214427
}

.web-page.web-modern .web-content.cover-background .next-section-btn {
  fill: #214427;
  background-color: #fff
}

@media (max-width: 767px) {
  .web-page.web-modern .web-content.cover-background .topbar:not(.closed) {
      background:#214427
  }

  .web-page.web-modern .web-content.cover-background .topbar.closed .topbar-buttons .btn svg {
      fill: #214427
  }
}

@media (min-width: 768px) {
  .web-page.web-modern .web-content.cover-background .topbar .topbar-buttons .btn svg {
      fill:#fff
  }

  .web-page.web-modern .web-content.cover-background .next-section-btn {
      fill: #fff;
      background-color: #214427
  }
}

.web-page.web-modern .web-content {
  min-height: 100vh;
  overflow-x: hidden;
  overflow-y: auto
}

.web-page.web-modern .web-content .transition-group .transition-item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: clamp(1rem, calc(100vh + 64px), 3.5rem);
  position: absolute;
  width: 100%
}

.web-page.web-modern .web-content .transition-group.next .transition-item.enterAnimation {
  -webkit-animation: moveFromRight .7s ease both;
  animation: moveFromRight .7s ease both
}

.web-page.web-modern .web-content .transition-group.next .transition-item.exitAnimation {
  -webkit-animation: moveToLeft .7s ease both;
  animation: moveToLeft .7s ease both
}

.web-page.web-modern .web-content .transition-group.prev .transition-item.enterAnimation {
  -webkit-animation: moveFromLeft .7s ease both;
  animation: moveFromLeft .7s ease both
}

.web-page.web-modern .web-content .transition-group.prev .transition-item.exitAnimation {
  -webkit-animation: moveToRight .7s ease both;
  animation: moveToRight .7s ease both
}

@keyframes moveFromRight {
  0% {
      left: 100vw
  }

  to {
      left: 0
  }
}

@keyframes moveToLeft {
  0% {
      left: 0
  }

  to {
      left: -100vw
  }
}

@keyframes moveFromLeft {
  0% {
      left: -100vw
  }

  to {
      left: 0
  }
}

@keyframes moveToRight {
  0% {
      left: 0
  }

  to {
      left: 100vw
  }
}

.web-page.web-modern .web-content .transition-item.first-item {
  min-height: 100vh
}

.web-page.web-modern .web-content.cover-background {
  background: url(https://d2sn08my3g92cp.cloudfront.net/backgrounds/modern_01.jpg) no-repeat 50%;
  background-size: cover
}

.web-page.web-modern .web-content.cover-background .topbar.closed {
  background: transparent
}

.web-page.web-modern .web-content.cover-background .topbar .topbar-avatar,.web-page.web-modern .web-content.cover-background .topbar .topbar-name {
  opacity: 0
}

.web-page.web-modern .web-content.cover-background .prev-section-btn {
  display: none
}

.web-page.web-modern .web-content .general-avatar .avatar .thumbnail,.web-page.web-modern .web-content .topbar-avatar .avatar .thumbnail {
  margin: 0
}

.web-page.web-modern .web-content .general-avatar .avatar .thumbnail img,.web-page.web-modern .web-content .topbar-avatar .avatar .thumbnail img {
  border-radius: 50%
}

.web-page.web-modern .web-content .general-avatar.no-avatar .avatar .initials,.web-page.web-modern .web-content .topbar-avatar.no-avatar .avatar .initials {
  align-items: center;
  background-color: #214427;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  height: 90px;
  justify-content: center;
  padding: 0 20px;
  width: 90px
}

.web-page.web-modern .web-content .general-avatar.no-avatar .avatar .initials .first,.web-page.web-modern .web-content .general-avatar.no-avatar .avatar .initials .second,.web-page.web-modern .web-content .topbar-avatar.no-avatar .avatar .initials .first,.web-page.web-modern .web-content .topbar-avatar.no-avatar .avatar .initials .second {
  color: #fff;
  font-size: 28px;
  line-height: 28px;
  padding: 3px 0
}

.web-page.web-modern .web-content .general-avatar.no-avatar .avatar .initials .line,.web-page.web-modern .web-content .topbar-avatar.no-avatar .avatar .initials .line {
  background: #fff;
  height: 2px;
  width: 100%
}

@media (min-width: 1200px) {
  .web-page.web-modern .web-content .general-avatar.no-avatar .avatar .initials,.web-page.web-modern .web-content .topbar-avatar.no-avatar .avatar .initials {
      height:120px;
      padding: 0 30px;
      width: 120px
  }

  .web-page.web-modern .web-content .general-avatar.no-avatar .avatar .initials .first,.web-page.web-modern .web-content .general-avatar.no-avatar .avatar .initials .second,.web-page.web-modern .web-content .topbar-avatar.no-avatar .avatar .initials .first,.web-page.web-modern .web-content .topbar-avatar.no-avatar .avatar .initials .second {
      font-size: 36px;
      line-height: 36px
  }
}

.web-page.web-modern .web-content .general-avatar.no-avatar .avatar .initials,.web-page.web-modern .web-content .topbar-avatar.no-avatar .avatar .initials {
  flex-direction: row
}

.web-page.web-modern .web-content .general-avatar.no-avatar .avatar .initials .line,.web-page.web-modern .web-content .topbar-avatar.no-avatar .avatar .initials .line {
  display: none
}

.web-page.web-modern .web-content .general-avatar.no-avatar .avatar .initials .first,.web-page.web-modern .web-content .general-avatar.no-avatar .avatar .initials .second,.web-page.web-modern .web-content .topbar-avatar.no-avatar .avatar .initials .first,.web-page.web-modern .web-content .topbar-avatar.no-avatar .avatar .initials .second {
  padding: 0
}

.web-page.web-modern .web-content .topbar {
  align-items: center;
  display: flex;
  height: 120px;
  justify-content: space-between;
  left: 0;
  padding: 0 24px;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 3
}

.web-page.web-modern .web-content .topbar .topbar-avatar {
  background-color: initial;
  padding: 0
}

.web-page.web-modern .web-content .topbar .topbar-avatar.no-avatar .avatar .initials {
  padding: 0
}

.web-page.web-modern .web-content .topbar .topbar-avatar.no-avatar .avatar .initials .first,.web-page.web-modern .web-content .topbar .topbar-avatar.no-avatar .avatar .initials .second {
  font-size: 16px;
  line-height: 16px
}

.web-page.web-modern .web-content .topbar .topbar-avatar .avatar {
  width: 50px
}

.web-page.web-modern .web-content .topbar .topbar-avatar .avatar .thumbnail,.web-page.web-modern .web-content .topbar .topbar-avatar .avatar .thumbnail img,.web-page.web-modern .web-content .topbar .topbar-avatar.no-avatar .avatar .initials {
  height: 50px;
  width: 50px
}

.web-page.web-modern .web-content .topbar .topbar-name {
  display: none
}

.web-page.web-modern .web-content .topbar .topbar-buttons {
  display: flex
}

.web-page.web-modern .web-content .topbar .topbar-buttons .btn {
  align-items: center;
  background: none;
  display: flex;
  justify-content: center;
  margin-left: 20px
}

.web-page.web-modern .web-content .topbar .topbar-buttons .btn svg {
  width: 37px
}

.web-page.web-modern .web-content .topbar .topbar-buttons .share-btn svg {
  width: 30px
}

.web-page.web-modern .web-content .topbar .topbar-buttons .menu-btn,.web-page.web-modern .web-content .topbar .topbar-buttons .menu-btn svg {
  width: 40px
}

.web-page.web-modern .web-content .topbar .topbar-buttons .menu-btn.close-btn .btn-tooltip {
  display: none
}

.web-page.web-modern .web-content .topbar .topbar-buttons .menu-btn.close-btn svg {
  width: 30px
}

.web-page.web-modern .web-content .topbar .share-popover {
  background: #fff;
  padding: 10px 20px
}

.web-page.web-modern .web-content .menu {
  z-index: 2
}

.web-page.web-modern .web-content .menu .menu-content {
  display: flex;
  flex-direction: column;
  height: 100%
}

.web-page.web-modern .web-content .menu .menu-content .section-list {
  display: flex;
  flex-direction: column
}

.web-page.web-modern .web-content .menu .menu-content .section-list .section-list-item {
  background-color: initial;
  padding: 10px 40px;
  position: relative;
  text-align: left;
  white-space: normal
}

.web-page.web-modern .web-content .menu .menu-content .section-list .section-list-item:not(:last-of-type) {
  border-bottom: 1px solid hsla(0,0%,100%,.4)
}

.web-page.web-modern .web-content .menu .menu-content .section-list .section-list-item.active:before {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 7px
}

.web-page.web-modern .web-content .menu .track-vertical {
  bottom: 0;
  right: 2px;
  top: 0
}

.web-page.web-modern .web-content .menu .track-vertical .thumb-vertical {
  cursor: pointer
}

.web-page.web-modern .web-content .cover-section {
  background: #fff;
  margin: 20px;
  padding: 30px 20px
}

.web-page.web-modern .web-content .cover-section .general-avatar.no-avatar .avatar .initials .first,.web-page.web-modern .web-content .cover-section .general-avatar.no-avatar .avatar .initials .second {
  font-size: 32px;
  line-height: 32px
}

.web-page.web-modern .web-content .cover-section .general-avatar .avatar {
  width: 100px
}

.web-page.web-modern .web-content .cover-section .general-avatar .avatar .thumbnail,.web-page.web-modern .web-content .cover-section .general-avatar .avatar .thumbnail img,.web-page.web-modern .web-content .cover-section .general-avatar.no-avatar .avatar .initials {
  height: 100px;
  width: 100px
}

.web-page.web-modern .web-content .cover-section .name {
  margin: 30px 0
}

.web-page.web-modern .web-content .cover-section .general-info .info-wrapper {
  display: flex;
  flex-direction: column
}

.web-page.web-modern .web-content .cover-section .general-info .info-wrapper:not(:last-of-type) {
  margin-bottom: 20px
}

@media (min-width: 768px) {
  .web-page.web-modern .web-content .cover-section {
      max-width:356px;
      padding-left: 30px;
      padding-right: 30px
  }

  .web-page.web-modern .web-content .cover-section .general-avatar.no-avatar .avatar .initials .first,.web-page.web-modern .web-content .cover-section .general-avatar.no-avatar .avatar .initials .second {
      font-size: 42px;
      line-height: 42px
  }

  .web-page.web-modern .web-content .cover-section .general-avatar .avatar {
      width: 140px
  }

  .web-page.web-modern .web-content .cover-section .general-avatar .avatar .thumbnail,.web-page.web-modern .web-content .cover-section .general-avatar .avatar .thumbnail img,.web-page.web-modern .web-content .cover-section .general-avatar.no-avatar .avatar .initials {
      height: 140px;
      width: 140px
  }
}

@media (min-width: 1200px) {
  .web-page.web-modern .web-content .cover-section {
      max-width:398px
  }
}

.web-page.web-modern .web-content .footer {
  background: #313131;
  padding: 0 24px
}

.web-page.web-modern .web-content .footer .dark-logo {
  display: none
}

.web-page.web-modern .web-content .section-wrapper {
  padding: 188px 24px 100px
}

.web-page.web-modern .web-content .section-wrapper.experience-section .entry-wrapper,.web-page.web-modern .web-content .section-wrapper.publication-section .entry-wrapper {
  word-break: break-word
}

.web-page.web-modern .web-content .section-wrapper.experience-section .entry-wrapper .date,.web-page.web-modern .web-content .section-wrapper.publication-section .entry-wrapper .date {
  color: inherit
}

.web-page.web-modern .web-content .section-wrapper.experience-section .entry-wrapper .date-address-wrapper:not(:empty),.web-page.web-modern .web-content .section-wrapper.experience-section .entry-wrapper .date-wrapper:not(:empty),.web-page.web-modern .web-content .section-wrapper.publication-section .entry-wrapper .date-address-wrapper:not(:empty),.web-page.web-modern .web-content .section-wrapper.publication-section .entry-wrapper .date-wrapper:not(:empty) {
  margin-bottom: 20px
}

.web-page.web-modern .web-content .section-wrapper.experience-section .entry-wrapper .entry-header,.web-page.web-modern .web-content .section-wrapper.publication-section .entry-wrapper .entry-header {
  margin-bottom: 30px
}

@media (min-width: 1200px) {
  .web-page.web-modern .web-content .section-wrapper.experience-section .entry-wrapper .entry-header,.web-page.web-modern .web-content .section-wrapper.publication-section .entry-wrapper .entry-header {
      display:flex;
      flex-direction: row-reverse;
      justify-content: space-between
  }

  .web-page.web-modern .web-content .section-wrapper.experience-section .entry-wrapper .entry-header .date-address-wrapper,.web-page.web-modern .web-content .section-wrapper.experience-section .entry-wrapper .entry-header .date-wrapper,.web-page.web-modern .web-content .section-wrapper.publication-section .entry-wrapper .entry-header .date-address-wrapper,.web-page.web-modern .web-content .section-wrapper.publication-section .entry-wrapper .entry-header .date-wrapper {
      flex-basis: 20%;
      margin-bottom: 0;
      text-align: right
  }

  .web-page.web-modern .web-content .section-wrapper.experience-section .entry-wrapper .entry-header .date-address-wrapper .address,.web-page.web-modern .web-content .section-wrapper.experience-section .entry-wrapper .entry-header .date-address-wrapper .date,.web-page.web-modern .web-content .section-wrapper.experience-section .entry-wrapper .entry-header .date-wrapper .address,.web-page.web-modern .web-content .section-wrapper.experience-section .entry-wrapper .entry-header .date-wrapper .date,.web-page.web-modern .web-content .section-wrapper.publication-section .entry-wrapper .entry-header .date-address-wrapper .address,.web-page.web-modern .web-content .section-wrapper.publication-section .entry-wrapper .entry-header .date-address-wrapper .date,.web-page.web-modern .web-content .section-wrapper.publication-section .entry-wrapper .entry-header .date-wrapper .address,.web-page.web-modern .web-content .section-wrapper.publication-section .entry-wrapper .entry-header .date-wrapper .date {
      margin-left: 16px
  }

  .web-page.web-modern .web-content .section-wrapper.experience-section .entry-wrapper .entry-header .name-publisher-wrapper,.web-page.web-modern .web-content .section-wrapper.experience-section .entry-wrapper .entry-header .position-company-wrapper,.web-page.web-modern .web-content .section-wrapper.publication-section .entry-wrapper .entry-header .name-publisher-wrapper,.web-page.web-modern .web-content .section-wrapper.publication-section .entry-wrapper .entry-header .position-company-wrapper {
      flex-basis: 80%
  }

  .web-page.web-modern .web-content .section-wrapper.experience-section .entry-wrapper .experience-description,.web-page.web-modern .web-content .section-wrapper.experience-section .entry-wrapper .publication-description,.web-page.web-modern .web-content .section-wrapper.publication-section .entry-wrapper .experience-description,.web-page.web-modern .web-content .section-wrapper.publication-section .entry-wrapper .publication-description {
      max-width: 80%
  }
}

.web-page.web-modern .web-content .section-wrapper.graph-section .section-content .entries-wrapper {
  grid-row-gap: 30px;
  display: grid;
  grid-template-columns: 1fr
}

.web-page.web-modern .web-content .section-wrapper.graph-section .section-content .entries-wrapper .graph-entry .graph-name {
  margin-top: 10px
}

.web-page.web-modern .web-content .section-wrapper.graph-section .section-content .entries-wrapper .graph-entry .graph-value-wrapper .value .circle-percentage,.web-page.web-modern .web-content .section-wrapper.graph-section .section-content .entries-wrapper .graph-entry .graph-value-wrapper .value .number {
  font-size: 16px;
  line-height: 16px
}

.web-page.web-modern .web-content .section-wrapper.graph-section .section-content .entries-wrapper .graph-entry .graph-value-wrapper .value,.web-page.web-modern .web-content .section-wrapper.graph-section .section-content .entries-wrapper .graph-entry .graph-value-wrapper svg.full-circle {
  height: 124px;
  width: 124px
}

.web-page.web-modern .web-content .section-wrapper.graph-section .section-content .entries-wrapper .graph-entry .graph-value-wrapper svg.partial-circle {
  height: 104px;
  width: 104px
}

.web-page.web-modern .web-content .section-wrapper.graph-section .section-content .entries-wrapper .graph-entry .graph-value-wrapper svg.full-circle circle {
  stroke-width: 3px
}

.web-page.web-modern .web-content .section-wrapper.graph-section .section-content .entries-wrapper .graph-entry .graph-value-wrapper svg.partial-circle circle {
  stroke-width: 25px
}

@media (min-width: 360px) {
  .web-page.web-modern .web-content .section-wrapper.graph-section .section-content .entries-wrapper {
      grid-template-columns:1fr 1fr
  }

  .web-page.web-modern .web-content .section-wrapper.graph-section .section-content .entries-wrapper .graph-entry .graph-name {
      margin-left: 5px;
      margin-right: 5px
  }
}

@media (min-width: 768px) {
  .web-page.web-modern .web-content .section-wrapper.graph-section .section-content .entries-wrapper {
      grid-template-columns:1fr 1fr 1fr
  }
}

@media (min-width: 1200px) {
  .web-page.web-modern .web-content .section-wrapper.graph-section .section-content .entries-wrapper {
      grid-template-columns:1fr 1fr 1fr 1fr
  }
}

@media (min-width: 1440px) {
  .web-page.web-modern .web-content .section-wrapper.graph-section .section-content .entries-wrapper {
      grid-template-columns:1fr 1fr 1fr 1fr 1fr
  }
}

.web-page.web-modern .web-content .section-wrapper.hobby-section .section-content .entries-wrapper,.web-page.web-modern .web-content .section-wrapper.social-section .section-content .entries-wrapper {
  margin-bottom: -40px
}

.web-page.web-modern .web-content .section-wrapper.hobby-section .section-content .entries-wrapper .hobby,.web-page.web-modern .web-content .section-wrapper.hobby-section .section-content .entries-wrapper .social,.web-page.web-modern .web-content .section-wrapper.social-section .section-content .entries-wrapper .hobby,.web-page.web-modern .web-content .section-wrapper.social-section .section-content .entries-wrapper .social {
  flex-basis: 100%;
  margin-bottom: 40px
}

.web-page.web-modern .web-content .section-wrapper.hobby-section .section-content .entries-wrapper .hobby .icon,.web-page.web-modern .web-content .section-wrapper.hobby-section .section-content .entries-wrapper .social .icon,.web-page.web-modern .web-content .section-wrapper.social-section .section-content .entries-wrapper .hobby .icon,.web-page.web-modern .web-content .section-wrapper.social-section .section-content .entries-wrapper .social .icon {
  height: 40px;
  margin-bottom: 10px;
  min-height: 40px;
  width: 40px
}

@media (min-width: 360px) {
  .web-page.web-modern .web-content .section-wrapper.hobby-section .section-content .entries-wrapper .hobby,.web-page.web-modern .web-content .section-wrapper.hobby-section .section-content .entries-wrapper .social,.web-page.web-modern .web-content .section-wrapper.social-section .section-content .entries-wrapper .hobby,.web-page.web-modern .web-content .section-wrapper.social-section .section-content .entries-wrapper .social {
      flex-basis:50%
  }

  .web-page.web-modern .web-content .section-wrapper.hobby-section .section-content .entries-wrapper .hobby .hobby-name,.web-page.web-modern .web-content .section-wrapper.hobby-section .section-content .entries-wrapper .hobby .social-description,.web-page.web-modern .web-content .section-wrapper.hobby-section .section-content .entries-wrapper .social .hobby-name,.web-page.web-modern .web-content .section-wrapper.hobby-section .section-content .entries-wrapper .social .social-description,.web-page.web-modern .web-content .section-wrapper.social-section .section-content .entries-wrapper .hobby .hobby-name,.web-page.web-modern .web-content .section-wrapper.social-section .section-content .entries-wrapper .hobby .social-description,.web-page.web-modern .web-content .section-wrapper.social-section .section-content .entries-wrapper .social .hobby-name,.web-page.web-modern .web-content .section-wrapper.social-section .section-content .entries-wrapper .social .social-description {
      margin-left: 8px;
      margin-right: 8px
  }
}

@media (min-width: 768px) {
  .web-page.web-modern .web-content .section-wrapper.hobby-section .section-content .entries-wrapper .hobby,.web-page.web-modern .web-content .section-wrapper.social-section .section-content .entries-wrapper .social {
      flex-basis:33.33%
  }
}

@media (min-width: 1200px) {
  .web-page.web-modern .web-content .section-wrapper.hobby-section .section-content .entries-wrapper .hobby,.web-page.web-modern .web-content .section-wrapper.social-section .section-content .entries-wrapper .social {
      flex-basis:25%
  }
}

@media (min-width: 1440px) {
  .web-page.web-modern .web-content .section-wrapper.hobby-section .section-content .entries-wrapper .hobby,.web-page.web-modern .web-content .section-wrapper.social-section .section-content .entries-wrapper .social {
      flex-basis:20%
  }
}

.web-page.web-modern .web-content .section-wrapper.keyword-section .section-content .keyword-list {
  margin-bottom: -40px
}

.web-page.web-modern .web-content .section-wrapper.keyword-section .section-content .keyword-list .keyword {
  margin: 0 40px 40px 0
}

@media (min-width: 768px) {
  .web-page.web-modern .web-content .section-wrapper.keyword-section .section-content .keyword-list {
      margin-bottom:-60px
  }

  .web-page.web-modern .web-content .section-wrapper.keyword-section .section-content .keyword-list .keyword {
      margin: 0 60px 60px 0
  }
}

.web-page.web-modern .web-content .section-wrapper.skill-section .skill-category .category-name {
  margin-bottom: 20px
}

.web-page.web-modern .web-content .section-wrapper.skill-section .skill-category .skill-wrapper {
  grid-row-gap: 0;
  display: grid;
  grid-template-columns: 1fr
}

.web-page.web-modern .web-content .section-wrapper.skill-section .skill-category .skill-wrapper:not(:last-of-type) {
  margin-bottom: 20px
}

.web-page.web-modern .web-content .section-wrapper.skill-section .skill-category .skill-wrapper .skill-level {
  height: 28px
}

.web-page.web-modern .web-content .section-wrapper.skill-section .skill-category .skill-wrapper .skill-level:before {
  background-color: currentColor;
  height: 2px
}

.web-page.web-modern .web-content .section-wrapper.skill-section .skill-category .skill-wrapper .skill-level:after {
  background-color: currentColor;
  height: 15px
}

@media (min-width: 360px) {
  .web-page.web-modern .web-content .section-wrapper.skill-section .skill-category .skill-wrapper {
      grid-column-gap:16px;
      grid-template-columns: 1fr 1fr
  }
}

@media (min-width: 1200px) {
  .web-page.web-modern .web-content .section-wrapper.skill-section .skill-category .skill-wrapper {
      grid-template-columns:2fr 2fr 1fr
  }
}

.web-page.web-modern .web-content .section-wrapper .section-title {
  position: relative
}

.web-page.web-modern .web-content .section-wrapper .section-title:before {
  background: currentColor;
  content: "";
  height: 2px;
  position: absolute;
  top: -24px;
  width: 40px
}

.web-page.web-modern .web-content .section-wrapper .section-content {
  padding-top: 80px
}

.web-page.web-modern .web-content .section-wrapper.experience-section .section-slide-wrapper:focus,.web-page.web-modern .web-content .section-wrapper.publication-section .section-slide-wrapper:focus,.web-page.web-modern .web-content .section-wrapper.skill-section .section-slide-wrapper:focus {
  outline: none
}

.web-page.web-modern .web-content .section-wrapper.experience-section .slick-dots,.web-page.web-modern .web-content .section-wrapper.publication-section .slick-dots,.web-page.web-modern .web-content .section-wrapper.skill-section .slick-dots {
  bottom: clamp(1rem, calc(100% + 30px), 3.5rem);
  text-align: right
}

.web-page.web-modern .web-content .section-wrapper.experience-section .slick-dots li,.web-page.web-modern .web-content .section-wrapper.publication-section .slick-dots li,.web-page.web-modern .web-content .section-wrapper.skill-section .slick-dots li {
  margin: 0 0 0 20px
}

.web-page.web-modern .web-content .section-wrapper.experience-section .slick-dots li button,.web-page.web-modern .web-content .section-wrapper.publication-section .slick-dots li button,.web-page.web-modern .web-content .section-wrapper.skill-section .slick-dots li button {
  border-radius: 50%;
  border-style: solid;
  border-width: 2px;
  min-width: 20px
}

.web-page.web-modern .web-content .section-wrapper.experience-section .slick-dots li button:before,.web-page.web-modern .web-content .section-wrapper.publication-section .slick-dots li button:before,.web-page.web-modern .web-content .section-wrapper.skill-section .slick-dots li button:before {
  display: none
}

.web-page.web-modern .next-section-btn,.web-page.web-modern .prev-section-btn {
  background-color: initial;
  border-radius: 50%;
  bottom: 10px;
  cursor: pointer;
  height: 50px;
  padding: 0;
  position: fixed;
  transition: none;
  width: 50px
}

.web-page.web-modern .prev-section-btn {
  left: 10px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}

.web-page.web-modern .next-section-btn {
  border-radius: 50%;
  right: 10px;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

@media (max-width: 767px) {
  .web-page.web-modern .web-content .topbar:not(.closed) .topbar-avatar {
      display:none
  }

  .web-page.web-modern .web-content .topbar:not(.closed) .topbar-buttons {
      width: 100%;
      z-index: 3
  }

  .web-page.web-modern .web-content .topbar:not(.closed) .topbar-buttons :first-child {
      margin-left: 0
  }

  .web-page.web-modern .web-content .topbar:not(.closed) .topbar-buttons .share-btn {
      margin-right: auto
  }

  .web-page.web-modern .web-content .topbar:not(.closed) {
      padding-left: 40px
  }

  .web-page.web-modern .web-content .topbar.closed .topbar-buttons .contact-btn,.web-page.web-modern .web-content .topbar.closed .topbar-buttons .share-btn {
      display: none
  }

  .web-page.web-modern .web-content .menu {
      inset: 120px 0 0 0!important;
      position: fixed!important;
      -webkit-transform: none!important;
      transform: none!important;
      width: 100%;
      z-index: 2
  }

  .web-page.web-modern .web-content .menu .menu-content .menu-header {
      padding: 0 40px
  }

  .web-page.web-modern .web-content .menu .menu-content .section-list {
      margin: 10px 0 120px
  }

  .web-page.web-modern .web-content.cover-background .topbar {
      padding-right: 40px
  }
}

@media (min-width: 768px) {
  .web-page.web-modern .web-content .topbar {
      margin:0 24px;
      padding: 0
  }

  .web-page.web-modern .web-content .topbar .topbar-name {
      display: block;
      margin-left: 40px;
      margin-right: auto
  }

  .web-page.web-modern .web-content .menu {
      margin-top: -20px;
      width: 220px;
      z-index: 3
  }

  .web-page.web-modern .web-content .menu .menu-header {
      display: none
  }

  .web-page.web-modern .web-content .menu .menu-content .section-list {
      margin: 0
  }

  .web-page.web-modern .web-content .menu .menu-content .section-list .section-list-item {
      padding-left: 20px;
      padding-right: 20px
  }

  .web-page.web-modern .web-content .menu .menu-content .section-list .section-list-item.active:before {
      width: 5px
  }

  .web-page.web-modern .web-content .section-wrapper {
      padding-bottom: 130px;
      padding-top: 218px
  }

  .web-page.web-modern .web-content .section-wrapper .section-content,.web-page.web-modern .web-content .section-wrapper .section-title {
      padding-left: 12.5%;
      padding-right: 12.5%
  }

  .web-page.web-modern .web-content .section-wrapper .section-content {
      padding-top: 90px
  }

  .web-page.web-modern .prev-section-btn {
      bottom: 24px;
      left: 24px
  }

  .web-page.web-modern .next-section-btn {
      bottom: 24px;
      right: 24px
  }
}

@media (min-width: 1200px) {
  .web-page.web-modern .web-content .topbar {
      margin-left:50px;
      margin-right: 50px
  }

  .web-page.web-modern .web-content .section-wrapper {
      padding-bottom: 200px;
      padding-left: 120px;
      padding-right: 120px
  }

  .web-page.web-modern .web-content .section-wrapper .section-content,.web-page.web-modern .web-content .section-wrapper .section-title {
      padding-left: 8.33%
  }

  .web-page.web-modern .web-content .section-wrapper .section-title {
      padding-right: 16.66%
  }

  .web-page.web-modern .web-content .section-wrapper .section-content {
      padding-right: 8.33%
  }

  .web-page.web-modern .web-content .section-wrapper.profile-section .section-content,.web-page.web-modern .web-content .section-wrapper.text-section .section-content {
      padding-right: 25%
  }

  .web-page.web-modern .next-section-btn,.web-page.web-modern .prev-section-btn {
      bottom: clamp(1rem, calc(50vh - 25px), 3.5rem);
  }

  .web-page.web-modern .prev-section-btn {
      left: 50px
  }

  .web-page.web-modern .next-section-btn {
      right: 50px
  }
}

@media (min-width: 1440px) {
  .web-page.web-modern .web-content .topbar .topbar-name {
      margin:0;
      pointer-events: none;
      position: absolute;
      text-align: center;
      width: 100%
  }
}

@media (min-width: 1920px) {
  .web-page.web-modern .web-content .section-wrapper {
      padding-left:clamp(1rem, calc(50% - 820px), 3.5rem);
      padding-right: clamp(1rem, calc(50% - 820px), 3.5rem);
  }
}

.web-page.web-modern.modern_01 .background-0.web-content,.web-page.web-modern.modern_01 .background-1.web-content,.web-page.web-modern.modern_01 .background-2.web-content,.web-page.web-modern.modern_01 .background-3.web-content,.web-page.web-modern.modern_01 .background-4.web-content,.web-page.web-modern.modern_01 .background-5.web-content {
  color: #214427
}

.web-page.web-modern.modern_01 .background-0.web-content a:focus,.web-page.web-modern.modern_01 .background-1.web-content a:focus,.web-page.web-modern.modern_01 .background-2.web-content a:focus,.web-page.web-modern.modern_01 .background-3.web-content a:focus,.web-page.web-modern.modern_01 .background-4.web-content a:focus,.web-page.web-modern.modern_01 .background-5.web-content a:focus {
  outline-color: rgba(33,68,39,.5)
}

.web-page.web-modern.modern_01 .background-0.web-content .topbar-avatar.no-avatar .avatar .initials,.web-page.web-modern.modern_01 .background-1.web-content .topbar-avatar.no-avatar .avatar .initials,.web-page.web-modern.modern_01 .background-2.web-content .topbar-avatar.no-avatar .avatar .initials,.web-page.web-modern.modern_01 .background-3.web-content .topbar-avatar.no-avatar .avatar .initials,.web-page.web-modern.modern_01 .background-4.web-content .topbar-avatar.no-avatar .avatar .initials,.web-page.web-modern.modern_01 .background-5.web-content .topbar-avatar.no-avatar .avatar .initials {
  background-color: #214427
}

.web-page.web-modern.modern_01 .background-0.web-content .topbar .topbar-buttons .btn svg,.web-page.web-modern.modern_01 .background-1.web-content .topbar .topbar-buttons .btn svg,.web-page.web-modern.modern_01 .background-2.web-content .topbar .topbar-buttons .btn svg,.web-page.web-modern.modern_01 .background-3.web-content .topbar .topbar-buttons .btn svg,.web-page.web-modern.modern_01 .background-4.web-content .topbar .topbar-buttons .btn svg,.web-page.web-modern.modern_01 .background-5.web-content .topbar .topbar-buttons .btn svg {
  fill: #214427
}

.web-page.web-modern.modern_01 .background-0.web-content .menu .menu-content,.web-page.web-modern.modern_01 .background-0.web-content .topbar .topbar-buttons .btn .btn-tooltip,.web-page.web-modern.modern_01 .background-1.web-content .menu .menu-content,.web-page.web-modern.modern_01 .background-1.web-content .topbar .topbar-buttons .btn .btn-tooltip,.web-page.web-modern.modern_01 .background-2.web-content .menu .menu-content,.web-page.web-modern.modern_01 .background-2.web-content .topbar .topbar-buttons .btn .btn-tooltip,.web-page.web-modern.modern_01 .background-3.web-content .menu .menu-content,.web-page.web-modern.modern_01 .background-3.web-content .topbar .topbar-buttons .btn .btn-tooltip,.web-page.web-modern.modern_01 .background-4.web-content .menu .menu-content,.web-page.web-modern.modern_01 .background-4.web-content .topbar .topbar-buttons .btn .btn-tooltip,.web-page.web-modern.modern_01 .background-5.web-content .menu .menu-content,.web-page.web-modern.modern_01 .background-5.web-content .topbar .topbar-buttons .btn .btn-tooltip {
  background: #214427
}

.web-page.web-modern.modern_01 .background-0.web-content .graph-section circle,.web-page.web-modern.modern_01 .background-1.web-content .graph-section circle,.web-page.web-modern.modern_01 .background-2.web-content .graph-section circle,.web-page.web-modern.modern_01 .background-3.web-content .graph-section circle,.web-page.web-modern.modern_01 .background-4.web-content .graph-section circle,.web-page.web-modern.modern_01 .background-5.web-content .graph-section circle {
  stroke: #214427
}

.web-page.web-modern.modern_01 .background-0.web-content .hobby-section svg,.web-page.web-modern.modern_01 .background-0.web-content .social-section svg,.web-page.web-modern.modern_01 .background-1.web-content .hobby-section svg,.web-page.web-modern.modern_01 .background-1.web-content .social-section svg,.web-page.web-modern.modern_01 .background-2.web-content .hobby-section svg,.web-page.web-modern.modern_01 .background-2.web-content .social-section svg,.web-page.web-modern.modern_01 .background-3.web-content .hobby-section svg,.web-page.web-modern.modern_01 .background-3.web-content .social-section svg,.web-page.web-modern.modern_01 .background-4.web-content .hobby-section svg,.web-page.web-modern.modern_01 .background-4.web-content .social-section svg,.web-page.web-modern.modern_01 .background-5.web-content .hobby-section svg,.web-page.web-modern.modern_01 .background-5.web-content .social-section svg {
  fill: #214427
}

.web-page.web-modern.modern_01 .background-0.web-content .experience-section .slick-dots li button,.web-page.web-modern.modern_01 .background-0.web-content .publication-section .slick-dots li button,.web-page.web-modern.modern_01 .background-0.web-content .skill-section .slick-dots li button,.web-page.web-modern.modern_01 .background-1.web-content .experience-section .slick-dots li button,.web-page.web-modern.modern_01 .background-1.web-content .publication-section .slick-dots li button,.web-page.web-modern.modern_01 .background-1.web-content .skill-section .slick-dots li button,.web-page.web-modern.modern_01 .background-2.web-content .experience-section .slick-dots li button,.web-page.web-modern.modern_01 .background-2.web-content .publication-section .slick-dots li button,.web-page.web-modern.modern_01 .background-2.web-content .skill-section .slick-dots li button,.web-page.web-modern.modern_01 .background-3.web-content .experience-section .slick-dots li button,.web-page.web-modern.modern_01 .background-3.web-content .publication-section .slick-dots li button,.web-page.web-modern.modern_01 .background-3.web-content .skill-section .slick-dots li button,.web-page.web-modern.modern_01 .background-4.web-content .experience-section .slick-dots li button,.web-page.web-modern.modern_01 .background-4.web-content .publication-section .slick-dots li button,.web-page.web-modern.modern_01 .background-4.web-content .skill-section .slick-dots li button,.web-page.web-modern.modern_01 .background-5.web-content .experience-section .slick-dots li button,.web-page.web-modern.modern_01 .background-5.web-content .publication-section .slick-dots li button,.web-page.web-modern.modern_01 .background-5.web-content .skill-section .slick-dots li button {
  border-color: #214427
}

.web-page.web-modern.modern_01 .background-0.web-content .experience-section .slick-dots li.slick-active button,.web-page.web-modern.modern_01 .background-0.web-content .publication-section .slick-dots li.slick-active button,.web-page.web-modern.modern_01 .background-0.web-content .skill-section .slick-dots li.slick-active button,.web-page.web-modern.modern_01 .background-1.web-content .experience-section .slick-dots li.slick-active button,.web-page.web-modern.modern_01 .background-1.web-content .publication-section .slick-dots li.slick-active button,.web-page.web-modern.modern_01 .background-1.web-content .skill-section .slick-dots li.slick-active button,.web-page.web-modern.modern_01 .background-2.web-content .experience-section .slick-dots li.slick-active button,.web-page.web-modern.modern_01 .background-2.web-content .publication-section .slick-dots li.slick-active button,.web-page.web-modern.modern_01 .background-2.web-content .skill-section .slick-dots li.slick-active button,.web-page.web-modern.modern_01 .background-3.web-content .experience-section .slick-dots li.slick-active button,.web-page.web-modern.modern_01 .background-3.web-content .publication-section .slick-dots li.slick-active button,.web-page.web-modern.modern_01 .background-3.web-content .skill-section .slick-dots li.slick-active button,.web-page.web-modern.modern_01 .background-4.web-content .experience-section .slick-dots li.slick-active button,.web-page.web-modern.modern_01 .background-4.web-content .publication-section .slick-dots li.slick-active button,.web-page.web-modern.modern_01 .background-4.web-content .skill-section .slick-dots li.slick-active button,.web-page.web-modern.modern_01 .background-5.web-content .experience-section .slick-dots li.slick-active button,.web-page.web-modern.modern_01 .background-5.web-content .publication-section .slick-dots li.slick-active button,.web-page.web-modern.modern_01 .background-5.web-content .skill-section .slick-dots li.slick-active button {
  background: #214427
}

.web-page.web-modern.modern_01 .background-0 .next-section-btn,.web-page.web-modern.modern_01 .background-0 .prev-section-btn,.web-page.web-modern.modern_01 .background-1 .next-section-btn,.web-page.web-modern.modern_01 .background-1 .prev-section-btn,.web-page.web-modern.modern_01 .background-2 .next-section-btn,.web-page.web-modern.modern_01 .background-2 .prev-section-btn,.web-page.web-modern.modern_01 .background-3 .next-section-btn,.web-page.web-modern.modern_01 .background-3 .prev-section-btn,.web-page.web-modern.modern_01 .background-4 .next-section-btn,.web-page.web-modern.modern_01 .background-4 .prev-section-btn,.web-page.web-modern.modern_01 .background-5 .next-section-btn,.web-page.web-modern.modern_01 .background-5 .prev-section-btn {
  fill: #214427
}

@media (max-width: 767px) {
  .web-page.web-modern.modern_01 .background-0.web-content .topbar:not(.closed),.web-page.web-modern.modern_01 .background-1.web-content .topbar:not(.closed),.web-page.web-modern.modern_01 .background-2.web-content .topbar:not(.closed),.web-page.web-modern.modern_01 .background-3.web-content .topbar:not(.closed),.web-page.web-modern.modern_01 .background-4.web-content .topbar:not(.closed),.web-page.web-modern.modern_01 .background-5.web-content .topbar:not(.closed) {
      background-color:#214427
  }
}

.web-page.web-modern.modern_01 .background-0.web-content .topbar-avatar.no-avatar .avatar .initials .first,.web-page.web-modern.modern_01 .background-0.web-content .topbar-avatar.no-avatar .avatar .initials .second,.web-page.web-modern.modern_01 .background-1.web-content .topbar-avatar.no-avatar .avatar .initials .first,.web-page.web-modern.modern_01 .background-1.web-content .topbar-avatar.no-avatar .avatar .initials .second,.web-page.web-modern.modern_01 .background-2.web-content .topbar-avatar.no-avatar .avatar .initials .first,.web-page.web-modern.modern_01 .background-2.web-content .topbar-avatar.no-avatar .avatar .initials .second,.web-page.web-modern.modern_01 .background-3.web-content .topbar-avatar.no-avatar .avatar .initials .first,.web-page.web-modern.modern_01 .background-3.web-content .topbar-avatar.no-avatar .avatar .initials .second,.web-page.web-modern.modern_01 .background-4.web-content .topbar-avatar.no-avatar .avatar .initials .first,.web-page.web-modern.modern_01 .background-4.web-content .topbar-avatar.no-avatar .avatar .initials .second,.web-page.web-modern.modern_01 .background-5.web-content .topbar-avatar.no-avatar .avatar .initials .first,.web-page.web-modern.modern_01 .background-5.web-content .topbar-avatar.no-avatar .avatar .initials .second {
  color: #fff
}

.web-page.web-modern.modern_01 .background-0.web-content .topbar-avatar.no-avatar .avatar .initials .line,.web-page.web-modern.modern_01 .background-1.web-content .topbar-avatar.no-avatar .avatar .initials .line,.web-page.web-modern.modern_01 .background-2.web-content .topbar-avatar.no-avatar .avatar .initials .line,.web-page.web-modern.modern_01 .background-3.web-content .topbar-avatar.no-avatar .avatar .initials .line,.web-page.web-modern.modern_01 .background-4.web-content .topbar-avatar.no-avatar .avatar .initials .line,.web-page.web-modern.modern_01 .background-5.web-content .topbar-avatar.no-avatar .avatar .initials .line {
  background: #fff
}

.web-page.web-modern.modern_01 .background-0.web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_01 .background-0.web-content .menu .menu-content .section-list .section-list-item,.web-page.web-modern.modern_01 .background-0.web-content .topbar .btn .btn-tooltip,.web-page.web-modern.modern_01 .background-1.web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_01 .background-1.web-content .menu .menu-content .section-list .section-list-item,.web-page.web-modern.modern_01 .background-1.web-content .topbar .btn .btn-tooltip,.web-page.web-modern.modern_01 .background-2.web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_01 .background-2.web-content .menu .menu-content .section-list .section-list-item,.web-page.web-modern.modern_01 .background-2.web-content .topbar .btn .btn-tooltip,.web-page.web-modern.modern_01 .background-3.web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_01 .background-3.web-content .menu .menu-content .section-list .section-list-item,.web-page.web-modern.modern_01 .background-3.web-content .topbar .btn .btn-tooltip,.web-page.web-modern.modern_01 .background-4.web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_01 .background-4.web-content .menu .menu-content .section-list .section-list-item,.web-page.web-modern.modern_01 .background-4.web-content .topbar .btn .btn-tooltip,.web-page.web-modern.modern_01 .background-5.web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_01 .background-5.web-content .menu .menu-content .section-list .section-list-item,.web-page.web-modern.modern_01 .background-5.web-content .topbar .btn .btn-tooltip {
  color: #fff
}

.web-page.web-modern.modern_01 .background-0.web-content .menu .menu-content .section-list .section-list-item:not(:last-of-type),.web-page.web-modern.modern_01 .background-1.web-content .menu .menu-content .section-list .section-list-item:not(:last-of-type),.web-page.web-modern.modern_01 .background-2.web-content .menu .menu-content .section-list .section-list-item:not(:last-of-type),.web-page.web-modern.modern_01 .background-3.web-content .menu .menu-content .section-list .section-list-item:not(:last-of-type),.web-page.web-modern.modern_01 .background-4.web-content .menu .menu-content .section-list .section-list-item:not(:last-of-type),.web-page.web-modern.modern_01 .background-5.web-content .menu .menu-content .section-list .section-list-item:not(:last-of-type) {
  border-bottom-color: hsla(0,0%,100%,.4)
}

.web-page.web-modern.modern_01 .background-0.web-content .menu .menu-content .section-list .section-list-item.active:before,.web-page.web-modern.modern_01 .background-1.web-content .menu .menu-content .section-list .section-list-item.active:before,.web-page.web-modern.modern_01 .background-2.web-content .menu .menu-content .section-list .section-list-item.active:before,.web-page.web-modern.modern_01 .background-3.web-content .menu .menu-content .section-list .section-list-item.active:before,.web-page.web-modern.modern_01 .background-4.web-content .menu .menu-content .section-list .section-list-item.active:before,.web-page.web-modern.modern_01 .background-5.web-content .menu .menu-content .section-list .section-list-item.active:before {
  background: hsla(0,0%,100%,.4)
}

.web-page.web-modern.modern_01 .background-0.web-content .menu .menu-content .section-list .section-list-item:focus,.web-page.web-modern.modern_01 .background-0.web-content .menu .menu-content .section-list .section-list-item:hover,.web-page.web-modern.modern_01 .background-1.web-content .menu .menu-content .section-list .section-list-item:focus,.web-page.web-modern.modern_01 .background-1.web-content .menu .menu-content .section-list .section-list-item:hover,.web-page.web-modern.modern_01 .background-2.web-content .menu .menu-content .section-list .section-list-item:focus,.web-page.web-modern.modern_01 .background-2.web-content .menu .menu-content .section-list .section-list-item:hover,.web-page.web-modern.modern_01 .background-3.web-content .menu .menu-content .section-list .section-list-item:focus,.web-page.web-modern.modern_01 .background-3.web-content .menu .menu-content .section-list .section-list-item:hover,.web-page.web-modern.modern_01 .background-4.web-content .menu .menu-content .section-list .section-list-item:focus,.web-page.web-modern.modern_01 .background-4.web-content .menu .menu-content .section-list .section-list-item:hover,.web-page.web-modern.modern_01 .background-5.web-content .menu .menu-content .section-list .section-list-item:focus,.web-page.web-modern.modern_01 .background-5.web-content .menu .menu-content .section-list .section-list-item:hover {
  background: hsla(0,0%,100%,.1)
}

.web-page.web-modern.modern_01 .background-0.web-content .menu .menu-content .track-vertical .thumb-vertical,.web-page.web-modern.modern_01 .background-1.web-content .menu .menu-content .track-vertical .thumb-vertical,.web-page.web-modern.modern_01 .background-2.web-content .menu .menu-content .track-vertical .thumb-vertical,.web-page.web-modern.modern_01 .background-3.web-content .menu .menu-content .track-vertical .thumb-vertical,.web-page.web-modern.modern_01 .background-4.web-content .menu .menu-content .track-vertical .thumb-vertical,.web-page.web-modern.modern_01 .background-5.web-content .menu .menu-content .track-vertical .thumb-vertical {
  background-color: hsla(0,0%,100%,.2)
}

.web-page.web-modern.modern_01 .background-0 .next-section-btn,.web-page.web-modern.modern_01 .background-1 .next-section-btn,.web-page.web-modern.modern_01 .background-2 .next-section-btn,.web-page.web-modern.modern_01 .background-3 .next-section-btn,.web-page.web-modern.modern_01 .background-4 .next-section-btn,.web-page.web-modern.modern_01 .background-5 .next-section-btn {
  background-color: #fff
}

@media (max-width: 767px) {
  .web-page.web-modern.modern_01 .background-0.web-content .topbar:not(.closed) .topbar-buttons svg,.web-page.web-modern.modern_01 .background-1.web-content .topbar:not(.closed) .topbar-buttons svg,.web-page.web-modern.modern_01 .background-2.web-content .topbar:not(.closed) .topbar-buttons svg,.web-page.web-modern.modern_01 .background-3.web-content .topbar:not(.closed) .topbar-buttons svg,.web-page.web-modern.modern_01 .background-4.web-content .topbar:not(.closed) .topbar-buttons svg,.web-page.web-modern.modern_01 .background-5.web-content .topbar:not(.closed) .topbar-buttons svg {
      fill:#fff
  }

  .web-page.web-modern.modern_01 .background-0.web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_01 .background-1.web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_01 .background-2.web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_01 .background-3.web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_01 .background-4.web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_01 .background-5.web-content .menu .menu-content .menu-header .name {
      color: #fff
  }
}

.web-page.web-modern.modern_01 .web-content.background-0:not(.cover-background) {
  background-color: #a9c1b4
}

.web-page.web-modern.modern_01 .web-content.background-0:not(.cover-background) .topbar.closed {
  background: #a9c1b4
}

.web-page.web-modern.modern_01 .web-content.background-0:not(.cover-background) .prev-section-btn {
  background-color: #a9c1b4
}

.web-page.web-modern.modern_01 .web-content.background-1:not(.cover-background) {
  background-color: #ffe2d0
}

.web-page.web-modern.modern_01 .web-content.background-1:not(.cover-background) .topbar.closed {
  background: #ffe2d0
}

.web-page.web-modern.modern_01 .web-content.background-1:not(.cover-background) .prev-section-btn {
  background-color: #ffe2d0
}

.web-page.web-modern.modern_01 .web-content.background-2:not(.cover-background) {
  background-color: #e5a385
}

.web-page.web-modern.modern_01 .web-content.background-2:not(.cover-background) .topbar.closed {
  background: #e5a385
}

.web-page.web-modern.modern_01 .web-content.background-2:not(.cover-background) .prev-section-btn {
  background-color: #e5a385
}

.web-page.web-modern.modern_01 .web-content.background-3:not(.cover-background) {
  background-color: #cecdc7
}

.web-page.web-modern.modern_01 .web-content.background-3:not(.cover-background) .topbar.closed {
  background: #cecdc7
}

.web-page.web-modern.modern_01 .web-content.background-3:not(.cover-background) .prev-section-btn {
  background-color: #cecdc7
}

.web-page.web-modern.modern_01 .web-content.background-4:not(.cover-background) {
  background-color: #bcc1a9
}

.web-page.web-modern.modern_01 .web-content.background-4:not(.cover-background) .topbar.closed {
  background: #bcc1a9
}

.web-page.web-modern.modern_01 .web-content.background-4:not(.cover-background) .prev-section-btn {
  background-color: #bcc1a9
}

.web-page.web-modern.modern_01 .web-content.background-5:not(.cover-background) {
  background-color: #eee2c1
}

.web-page.web-modern.modern_01 .web-content.background-5:not(.cover-background) .topbar.closed {
  background: #eee2c1
}

.web-page.web-modern.modern_01 .web-content.background-5:not(.cover-background) .prev-section-btn {
  background-color: #eee2c1
}

.web-page.web-modern.modern_01 .web-content.cover-background {
  background-image: url(https://d2sn08my3g92cp.cloudfront.net/backgrounds/modern_01.jpg)
}

.web-page.web-modern.modern_01 .web-content.cover-background a:focus {
  outline-color: rgba(33,68,39,.5)
}

.web-page.web-modern.modern_01 .web-content.cover-background .general-avatar.no-avatar .avatar .initials {
  background-color: #214427
}

.web-page.web-modern.modern_01 .web-content.cover-background .topbar .topbar-buttons .btn .btn-tooltip {
  background: #fff;
  color: #214427
}

.web-page.web-modern.modern_01 .web-content.cover-background .cover-section .name,.web-page.web-modern.modern_01 .web-content.cover-background .general-info .info-wrapper .key,.web-page.web-modern.modern_01 .web-content.cover-background .general-info .info-wrapper .value {
  color: #214427
}

.web-page.web-modern.modern_01 .web-content.cover-background .menu .menu-content {
  background: #214427
}

.web-page.web-modern.modern_01 .web-content.cover-background .next-section-btn {
  fill: #214427;
  background-color: #fff
}

@media (max-width: 767px) {
  .web-page.web-modern.modern_01 .web-content.cover-background .topbar:not(.closed) {
      background:#214427
  }

  .web-page.web-modern.modern_01 .web-content.cover-background .topbar.closed .topbar-buttons .btn svg {
      fill: #214427
  }
}

@media (min-width: 768px) {
  .web-page.web-modern.modern_01 .web-content.cover-background .topbar .topbar-buttons .btn svg {
      fill:#fff
  }

  .web-page.web-modern.modern_01 .web-content.cover-background .next-section-btn {
      fill: #fff;
      background-color: #214427
  }
}

.web-page.web-modern.modern_02 .background-0.web-content,.web-page.web-modern.modern_02 .background-1.web-content,.web-page.web-modern.modern_02 .background-3.web-content,.web-page.web-modern.modern_02 .background-4.web-content {
  color: #394869
}

.web-page.web-modern.modern_02 .background-0.web-content a:focus,.web-page.web-modern.modern_02 .background-1.web-content a:focus,.web-page.web-modern.modern_02 .background-3.web-content a:focus,.web-page.web-modern.modern_02 .background-4.web-content a:focus {
  outline-color: rgba(57,72,105,.5)
}

.web-page.web-modern.modern_02 .background-0.web-content .topbar-avatar.no-avatar .avatar .initials,.web-page.web-modern.modern_02 .background-1.web-content .topbar-avatar.no-avatar .avatar .initials,.web-page.web-modern.modern_02 .background-3.web-content .topbar-avatar.no-avatar .avatar .initials,.web-page.web-modern.modern_02 .background-4.web-content .topbar-avatar.no-avatar .avatar .initials {
  background-color: #394869
}

.web-page.web-modern.modern_02 .background-0.web-content .topbar .topbar-buttons .btn svg,.web-page.web-modern.modern_02 .background-1.web-content .topbar .topbar-buttons .btn svg,.web-page.web-modern.modern_02 .background-3.web-content .topbar .topbar-buttons .btn svg,.web-page.web-modern.modern_02 .background-4.web-content .topbar .topbar-buttons .btn svg {
  fill: #394869
}

.web-page.web-modern.modern_02 .background-0.web-content .menu .menu-content,.web-page.web-modern.modern_02 .background-0.web-content .topbar .topbar-buttons .btn .btn-tooltip,.web-page.web-modern.modern_02 .background-1.web-content .menu .menu-content,.web-page.web-modern.modern_02 .background-1.web-content .topbar .topbar-buttons .btn .btn-tooltip,.web-page.web-modern.modern_02 .background-3.web-content .menu .menu-content,.web-page.web-modern.modern_02 .background-3.web-content .topbar .topbar-buttons .btn .btn-tooltip,.web-page.web-modern.modern_02 .background-4.web-content .menu .menu-content,.web-page.web-modern.modern_02 .background-4.web-content .topbar .topbar-buttons .btn .btn-tooltip {
  background: #394869
}

.web-page.web-modern.modern_02 .background-0.web-content .graph-section circle,.web-page.web-modern.modern_02 .background-1.web-content .graph-section circle,.web-page.web-modern.modern_02 .background-3.web-content .graph-section circle,.web-page.web-modern.modern_02 .background-4.web-content .graph-section circle {
  stroke: #394869
}

.web-page.web-modern.modern_02 .background-0.web-content .hobby-section svg,.web-page.web-modern.modern_02 .background-0.web-content .social-section svg,.web-page.web-modern.modern_02 .background-1.web-content .hobby-section svg,.web-page.web-modern.modern_02 .background-1.web-content .social-section svg,.web-page.web-modern.modern_02 .background-3.web-content .hobby-section svg,.web-page.web-modern.modern_02 .background-3.web-content .social-section svg,.web-page.web-modern.modern_02 .background-4.web-content .hobby-section svg,.web-page.web-modern.modern_02 .background-4.web-content .social-section svg {
  fill: #394869
}

.web-page.web-modern.modern_02 .background-0.web-content .experience-section .slick-dots li button,.web-page.web-modern.modern_02 .background-0.web-content .publication-section .slick-dots li button,.web-page.web-modern.modern_02 .background-0.web-content .skill-section .slick-dots li button,.web-page.web-modern.modern_02 .background-1.web-content .experience-section .slick-dots li button,.web-page.web-modern.modern_02 .background-1.web-content .publication-section .slick-dots li button,.web-page.web-modern.modern_02 .background-1.web-content .skill-section .slick-dots li button,.web-page.web-modern.modern_02 .background-3.web-content .experience-section .slick-dots li button,.web-page.web-modern.modern_02 .background-3.web-content .publication-section .slick-dots li button,.web-page.web-modern.modern_02 .background-3.web-content .skill-section .slick-dots li button,.web-page.web-modern.modern_02 .background-4.web-content .experience-section .slick-dots li button,.web-page.web-modern.modern_02 .background-4.web-content .publication-section .slick-dots li button,.web-page.web-modern.modern_02 .background-4.web-content .skill-section .slick-dots li button {
  border-color: #394869
}

.web-page.web-modern.modern_02 .background-0.web-content .experience-section .slick-dots li.slick-active button,.web-page.web-modern.modern_02 .background-0.web-content .publication-section .slick-dots li.slick-active button,.web-page.web-modern.modern_02 .background-0.web-content .skill-section .slick-dots li.slick-active button,.web-page.web-modern.modern_02 .background-1.web-content .experience-section .slick-dots li.slick-active button,.web-page.web-modern.modern_02 .background-1.web-content .publication-section .slick-dots li.slick-active button,.web-page.web-modern.modern_02 .background-1.web-content .skill-section .slick-dots li.slick-active button,.web-page.web-modern.modern_02 .background-3.web-content .experience-section .slick-dots li.slick-active button,.web-page.web-modern.modern_02 .background-3.web-content .publication-section .slick-dots li.slick-active button,.web-page.web-modern.modern_02 .background-3.web-content .skill-section .slick-dots li.slick-active button,.web-page.web-modern.modern_02 .background-4.web-content .experience-section .slick-dots li.slick-active button,.web-page.web-modern.modern_02 .background-4.web-content .publication-section .slick-dots li.slick-active button,.web-page.web-modern.modern_02 .background-4.web-content .skill-section .slick-dots li.slick-active button {
  background: #394869
}

.web-page.web-modern.modern_02 .background-0 .next-section-btn,.web-page.web-modern.modern_02 .background-0 .prev-section-btn,.web-page.web-modern.modern_02 .background-1 .next-section-btn,.web-page.web-modern.modern_02 .background-1 .prev-section-btn,.web-page.web-modern.modern_02 .background-3 .next-section-btn,.web-page.web-modern.modern_02 .background-3 .prev-section-btn,.web-page.web-modern.modern_02 .background-4 .next-section-btn,.web-page.web-modern.modern_02 .background-4 .prev-section-btn {
  fill: #394869
}

@media (max-width: 767px) {
  .web-page.web-modern.modern_02 .background-0.web-content .topbar:not(.closed),.web-page.web-modern.modern_02 .background-1.web-content .topbar:not(.closed),.web-page.web-modern.modern_02 .background-3.web-content .topbar:not(.closed),.web-page.web-modern.modern_02 .background-4.web-content .topbar:not(.closed) {
      background-color:#394869
  }
}

.web-page.web-modern.modern_02 .background-2.web-content,.web-page.web-modern.modern_02 .background-5.web-content {
  color: #fff
}

.web-page.web-modern.modern_02 .background-2.web-content a:focus,.web-page.web-modern.modern_02 .background-5.web-content a:focus {
  outline-color: hsla(0,0%,100%,.5)
}

.web-page.web-modern.modern_02 .background-2.web-content .topbar-avatar.no-avatar .avatar .initials,.web-page.web-modern.modern_02 .background-5.web-content .topbar-avatar.no-avatar .avatar .initials {
  background-color: #fff
}

.web-page.web-modern.modern_02 .background-2.web-content .topbar .topbar-buttons .btn svg,.web-page.web-modern.modern_02 .background-5.web-content .topbar .topbar-buttons .btn svg {
  fill: #fff
}

.web-page.web-modern.modern_02 .background-2.web-content .menu .menu-content,.web-page.web-modern.modern_02 .background-2.web-content .topbar .topbar-buttons .btn .btn-tooltip,.web-page.web-modern.modern_02 .background-5.web-content .menu .menu-content,.web-page.web-modern.modern_02 .background-5.web-content .topbar .topbar-buttons .btn .btn-tooltip {
  background: #fff
}

.web-page.web-modern.modern_02 .background-2.web-content .graph-section circle,.web-page.web-modern.modern_02 .background-5.web-content .graph-section circle {
  stroke: #fff
}

.web-page.web-modern.modern_02 .background-2.web-content .hobby-section svg,.web-page.web-modern.modern_02 .background-2.web-content .social-section svg,.web-page.web-modern.modern_02 .background-5.web-content .hobby-section svg,.web-page.web-modern.modern_02 .background-5.web-content .social-section svg {
  fill: #fff
}

.web-page.web-modern.modern_02 .background-2.web-content .experience-section .slick-dots li button,.web-page.web-modern.modern_02 .background-2.web-content .publication-section .slick-dots li button,.web-page.web-modern.modern_02 .background-2.web-content .skill-section .slick-dots li button,.web-page.web-modern.modern_02 .background-5.web-content .experience-section .slick-dots li button,.web-page.web-modern.modern_02 .background-5.web-content .publication-section .slick-dots li button,.web-page.web-modern.modern_02 .background-5.web-content .skill-section .slick-dots li button {
  border-color: #fff
}

.web-page.web-modern.modern_02 .background-2.web-content .experience-section .slick-dots li.slick-active button,.web-page.web-modern.modern_02 .background-2.web-content .publication-section .slick-dots li.slick-active button,.web-page.web-modern.modern_02 .background-2.web-content .skill-section .slick-dots li.slick-active button,.web-page.web-modern.modern_02 .background-5.web-content .experience-section .slick-dots li.slick-active button,.web-page.web-modern.modern_02 .background-5.web-content .publication-section .slick-dots li.slick-active button,.web-page.web-modern.modern_02 .background-5.web-content .skill-section .slick-dots li.slick-active button {
  background: #fff
}

.web-page.web-modern.modern_02 .background-2 .next-section-btn,.web-page.web-modern.modern_02 .background-2 .prev-section-btn,.web-page.web-modern.modern_02 .background-5 .next-section-btn,.web-page.web-modern.modern_02 .background-5 .prev-section-btn {
  fill: #fff
}

@media (max-width: 767px) {
  .web-page.web-modern.modern_02 .background-2.web-content .topbar:not(.closed),.web-page.web-modern.modern_02 .background-5.web-content .topbar:not(.closed) {
      background-color:#fff
  }
}

.web-page.web-modern.modern_02 .web-content.background-0:not(.cover-background) {
  background-color: #f7c2af
}

.web-page.web-modern.modern_02 .web-content.background-0:not(.cover-background) .topbar.closed {
  background: #f7c2af
}

.web-page.web-modern.modern_02 .web-content.background-0:not(.cover-background) .prev-section-btn {
  background-color: #f7c2af
}

.web-page.web-modern.modern_02 .web-content.background-0:not(.cover-background).web-content .topbar-avatar.no-avatar .avatar .initials .first,.web-page.web-modern.modern_02 .web-content.background-0:not(.cover-background).web-content .topbar-avatar.no-avatar .avatar .initials .second {
  color: #f7c2af
}

.web-page.web-modern.modern_02 .web-content.background-0:not(.cover-background).web-content .topbar-avatar.no-avatar .avatar .initials .line {
  background: #f7c2af
}

.web-page.web-modern.modern_02 .web-content.background-0:not(.cover-background).web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_02 .web-content.background-0:not(.cover-background).web-content .menu .menu-content .section-list .section-list-item,.web-page.web-modern.modern_02 .web-content.background-0:not(.cover-background).web-content .topbar .btn .btn-tooltip {
  color: #f7c2af
}

.web-page.web-modern.modern_02 .web-content.background-0:not(.cover-background).web-content .menu .menu-content .section-list .section-list-item:not(:last-of-type) {
  border-bottom-color: hsla(16,82%,83%,.4)
}

.web-page.web-modern.modern_02 .web-content.background-0:not(.cover-background).web-content .menu .menu-content .section-list .section-list-item.active:before {
  background: hsla(16,82%,83%,.4)
}

.web-page.web-modern.modern_02 .web-content.background-0:not(.cover-background).web-content .menu .menu-content .section-list .section-list-item:focus,.web-page.web-modern.modern_02 .web-content.background-0:not(.cover-background).web-content .menu .menu-content .section-list .section-list-item:hover {
  background: hsla(16,82%,83%,.1)
}

.web-page.web-modern.modern_02 .web-content.background-0:not(.cover-background).web-content .menu .menu-content .track-vertical .thumb-vertical {
  background-color: hsla(16,82%,83%,.2)
}

.web-page.web-modern.modern_02 .web-content.background-0:not(.cover-background) .next-section-btn {
  background-color: #f7c2af
}

@media (max-width: 767px) {
  .web-page.web-modern.modern_02 .web-content.background-0:not(.cover-background).web-content .topbar:not(.closed) .topbar-buttons svg {
      fill:#f7c2af
  }

  .web-page.web-modern.modern_02 .web-content.background-0:not(.cover-background).web-content .menu .menu-content .menu-header .name {
      color: #f7c2af
  }
}

.web-page.web-modern.modern_02 .web-content.background-1:not(.cover-background) {
  background-color: #89c9c9
}

.web-page.web-modern.modern_02 .web-content.background-1:not(.cover-background) .topbar.closed {
  background: #89c9c9
}

.web-page.web-modern.modern_02 .web-content.background-1:not(.cover-background) .prev-section-btn {
  background-color: #89c9c9
}

.web-page.web-modern.modern_02 .web-content.background-1:not(.cover-background).web-content .topbar-avatar.no-avatar .avatar .initials .first,.web-page.web-modern.modern_02 .web-content.background-1:not(.cover-background).web-content .topbar-avatar.no-avatar .avatar .initials .second {
  color: #89c9c9
}

.web-page.web-modern.modern_02 .web-content.background-1:not(.cover-background).web-content .topbar-avatar.no-avatar .avatar .initials .line {
  background: #89c9c9
}

.web-page.web-modern.modern_02 .web-content.background-1:not(.cover-background).web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_02 .web-content.background-1:not(.cover-background).web-content .menu .menu-content .section-list .section-list-item,.web-page.web-modern.modern_02 .web-content.background-1:not(.cover-background).web-content .topbar .btn .btn-tooltip {
  color: #89c9c9
}

.web-page.web-modern.modern_02 .web-content.background-1:not(.cover-background).web-content .menu .menu-content .section-list .section-list-item:not(:last-of-type) {
  border-bottom-color: rgba(137,201,201,.4)
}

.web-page.web-modern.modern_02 .web-content.background-1:not(.cover-background).web-content .menu .menu-content .section-list .section-list-item.active:before {
  background: rgba(137,201,201,.4)
}

.web-page.web-modern.modern_02 .web-content.background-1:not(.cover-background).web-content .menu .menu-content .section-list .section-list-item:focus,.web-page.web-modern.modern_02 .web-content.background-1:not(.cover-background).web-content .menu .menu-content .section-list .section-list-item:hover {
  background: rgba(137,201,201,.1)
}

.web-page.web-modern.modern_02 .web-content.background-1:not(.cover-background).web-content .menu .menu-content .track-vertical .thumb-vertical {
  background-color: rgba(137,201,201,.2)
}

.web-page.web-modern.modern_02 .web-content.background-1:not(.cover-background) .next-section-btn {
  background-color: #89c9c9
}

@media (max-width: 767px) {
  .web-page.web-modern.modern_02 .web-content.background-1:not(.cover-background).web-content .topbar:not(.closed) .topbar-buttons svg {
      fill:#89c9c9
  }

  .web-page.web-modern.modern_02 .web-content.background-1:not(.cover-background).web-content .menu .menu-content .menu-header .name {
      color: #89c9c9
  }
}

.web-page.web-modern.modern_02 .web-content.background-2:not(.cover-background) {
  background-color: #394869
}

.web-page.web-modern.modern_02 .web-content.background-2:not(.cover-background) .topbar.closed {
  background: #394869
}

.web-page.web-modern.modern_02 .web-content.background-2:not(.cover-background) .prev-section-btn {
  background-color: #394869
}

.web-page.web-modern.modern_02 .web-content.background-2:not(.cover-background).web-content .topbar-avatar.no-avatar .avatar .initials .first,.web-page.web-modern.modern_02 .web-content.background-2:not(.cover-background).web-content .topbar-avatar.no-avatar .avatar .initials .second {
  color: #394869
}

.web-page.web-modern.modern_02 .web-content.background-2:not(.cover-background).web-content .topbar-avatar.no-avatar .avatar .initials .line {
  background: #394869
}

.web-page.web-modern.modern_02 .web-content.background-2:not(.cover-background).web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_02 .web-content.background-2:not(.cover-background).web-content .menu .menu-content .section-list .section-list-item,.web-page.web-modern.modern_02 .web-content.background-2:not(.cover-background).web-content .topbar .btn .btn-tooltip {
  color: #394869
}

.web-page.web-modern.modern_02 .web-content.background-2:not(.cover-background).web-content .menu .menu-content .section-list .section-list-item:not(:last-of-type) {
  border-bottom-color: rgba(57,72,105,.4)
}

.web-page.web-modern.modern_02 .web-content.background-2:not(.cover-background).web-content .menu .menu-content .section-list .section-list-item.active:before {
  background: rgba(57,72,105,.4)
}

.web-page.web-modern.modern_02 .web-content.background-2:not(.cover-background).web-content .menu .menu-content .section-list .section-list-item:focus,.web-page.web-modern.modern_02 .web-content.background-2:not(.cover-background).web-content .menu .menu-content .section-list .section-list-item:hover {
  background: rgba(57,72,105,.1)
}

.web-page.web-modern.modern_02 .web-content.background-2:not(.cover-background).web-content .menu .menu-content .track-vertical .thumb-vertical {
  background-color: rgba(57,72,105,.2)
}

.web-page.web-modern.modern_02 .web-content.background-2:not(.cover-background) .next-section-btn {
  background-color: #394869
}

@media (max-width: 767px) {
  .web-page.web-modern.modern_02 .web-content.background-2:not(.cover-background).web-content .topbar:not(.closed) .topbar-buttons svg {
      fill:#394869
  }

  .web-page.web-modern.modern_02 .web-content.background-2:not(.cover-background).web-content .menu .menu-content .menu-header .name {
      color: #394869
  }
}

.web-page.web-modern.modern_02 .web-content.background-3:not(.cover-background) {
  background-color: #f7c2af
}

.web-page.web-modern.modern_02 .web-content.background-3:not(.cover-background) .topbar.closed {
  background: #f7c2af
}

.web-page.web-modern.modern_02 .web-content.background-3:not(.cover-background) .prev-section-btn {
  background-color: #f7c2af
}

.web-page.web-modern.modern_02 .web-content.background-3:not(.cover-background).web-content .topbar-avatar.no-avatar .avatar .initials .first,.web-page.web-modern.modern_02 .web-content.background-3:not(.cover-background).web-content .topbar-avatar.no-avatar .avatar .initials .second {
  color: #f7c2af
}

.web-page.web-modern.modern_02 .web-content.background-3:not(.cover-background).web-content .topbar-avatar.no-avatar .avatar .initials .line {
  background: #f7c2af
}

.web-page.web-modern.modern_02 .web-content.background-3:not(.cover-background).web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_02 .web-content.background-3:not(.cover-background).web-content .menu .menu-content .section-list .section-list-item,.web-page.web-modern.modern_02 .web-content.background-3:not(.cover-background).web-content .topbar .btn .btn-tooltip {
  color: #f7c2af
}

.web-page.web-modern.modern_02 .web-content.background-3:not(.cover-background).web-content .menu .menu-content .section-list .section-list-item:not(:last-of-type) {
  border-bottom-color: hsla(16,82%,83%,.4)
}

.web-page.web-modern.modern_02 .web-content.background-3:not(.cover-background).web-content .menu .menu-content .section-list .section-list-item.active:before {
  background: hsla(16,82%,83%,.4)
}

.web-page.web-modern.modern_02 .web-content.background-3:not(.cover-background).web-content .menu .menu-content .section-list .section-list-item:focus,.web-page.web-modern.modern_02 .web-content.background-3:not(.cover-background).web-content .menu .menu-content .section-list .section-list-item:hover {
  background: hsla(16,82%,83%,.1)
}

.web-page.web-modern.modern_02 .web-content.background-3:not(.cover-background).web-content .menu .menu-content .track-vertical .thumb-vertical {
  background-color: hsla(16,82%,83%,.2)
}

.web-page.web-modern.modern_02 .web-content.background-3:not(.cover-background) .next-section-btn {
  background-color: #f7c2af
}

@media (max-width: 767px) {
  .web-page.web-modern.modern_02 .web-content.background-3:not(.cover-background).web-content .topbar:not(.closed) .topbar-buttons svg {
      fill:#f7c2af
  }

  .web-page.web-modern.modern_02 .web-content.background-3:not(.cover-background).web-content .menu .menu-content .menu-header .name {
      color: #f7c2af
  }
}

.web-page.web-modern.modern_02 .web-content.background-4:not(.cover-background) {
  background-color: #89c9c9
}

.web-page.web-modern.modern_02 .web-content.background-4:not(.cover-background) .topbar.closed {
  background: #89c9c9
}

.web-page.web-modern.modern_02 .web-content.background-4:not(.cover-background) .prev-section-btn {
  background-color: #89c9c9
}

.web-page.web-modern.modern_02 .web-content.background-4:not(.cover-background).web-content .topbar-avatar.no-avatar .avatar .initials .first,.web-page.web-modern.modern_02 .web-content.background-4:not(.cover-background).web-content .topbar-avatar.no-avatar .avatar .initials .second {
  color: #89c9c9
}

.web-page.web-modern.modern_02 .web-content.background-4:not(.cover-background).web-content .topbar-avatar.no-avatar .avatar .initials .line {
  background: #89c9c9
}

.web-page.web-modern.modern_02 .web-content.background-4:not(.cover-background).web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_02 .web-content.background-4:not(.cover-background).web-content .menu .menu-content .section-list .section-list-item,.web-page.web-modern.modern_02 .web-content.background-4:not(.cover-background).web-content .topbar .btn .btn-tooltip {
  color: #89c9c9
}

.web-page.web-modern.modern_02 .web-content.background-4:not(.cover-background).web-content .menu .menu-content .section-list .section-list-item:not(:last-of-type) {
  border-bottom-color: rgba(137,201,201,.4)
}

.web-page.web-modern.modern_02 .web-content.background-4:not(.cover-background).web-content .menu .menu-content .section-list .section-list-item.active:before {
  background: rgba(137,201,201,.4)
}

.web-page.web-modern.modern_02 .web-content.background-4:not(.cover-background).web-content .menu .menu-content .section-list .section-list-item:focus,.web-page.web-modern.modern_02 .web-content.background-4:not(.cover-background).web-content .menu .menu-content .section-list .section-list-item:hover {
  background: rgba(137,201,201,.1)
}

.web-page.web-modern.modern_02 .web-content.background-4:not(.cover-background).web-content .menu .menu-content .track-vertical .thumb-vertical {
  background-color: rgba(137,201,201,.2)
}

.web-page.web-modern.modern_02 .web-content.background-4:not(.cover-background) .next-section-btn {
  background-color: #89c9c9
}

@media (max-width: 767px) {
  .web-page.web-modern.modern_02 .web-content.background-4:not(.cover-background).web-content .topbar:not(.closed) .topbar-buttons svg {
      fill:#89c9c9
  }

  .web-page.web-modern.modern_02 .web-content.background-4:not(.cover-background).web-content .menu .menu-content .menu-header .name {
      color: #89c9c9
  }
}

.web-page.web-modern.modern_02 .web-content.background-5:not(.cover-background) {
  background-color: #394869
}

.web-page.web-modern.modern_02 .web-content.background-5:not(.cover-background) .topbar.closed {
  background: #394869
}

.web-page.web-modern.modern_02 .web-content.background-5:not(.cover-background) .prev-section-btn {
  background-color: #394869
}

.web-page.web-modern.modern_02 .web-content.background-5:not(.cover-background).web-content .topbar-avatar.no-avatar .avatar .initials .first,.web-page.web-modern.modern_02 .web-content.background-5:not(.cover-background).web-content .topbar-avatar.no-avatar .avatar .initials .second {
  color: #394869
}

.web-page.web-modern.modern_02 .web-content.background-5:not(.cover-background).web-content .topbar-avatar.no-avatar .avatar .initials .line {
  background: #394869
}

.web-page.web-modern.modern_02 .web-content.background-5:not(.cover-background).web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_02 .web-content.background-5:not(.cover-background).web-content .menu .menu-content .section-list .section-list-item,.web-page.web-modern.modern_02 .web-content.background-5:not(.cover-background).web-content .topbar .btn .btn-tooltip {
  color: #394869
}

.web-page.web-modern.modern_02 .web-content.background-5:not(.cover-background).web-content .menu .menu-content .section-list .section-list-item:not(:last-of-type) {
  border-bottom-color: rgba(57,72,105,.4)
}

.web-page.web-modern.modern_02 .web-content.background-5:not(.cover-background).web-content .menu .menu-content .section-list .section-list-item.active:before {
  background: rgba(57,72,105,.4)
}

.web-page.web-modern.modern_02 .web-content.background-5:not(.cover-background).web-content .menu .menu-content .section-list .section-list-item:focus,.web-page.web-modern.modern_02 .web-content.background-5:not(.cover-background).web-content .menu .menu-content .section-list .section-list-item:hover {
  background: rgba(57,72,105,.1)
}

.web-page.web-modern.modern_02 .web-content.background-5:not(.cover-background).web-content .menu .menu-content .track-vertical .thumb-vertical {
  background-color: rgba(57,72,105,.2)
}

.web-page.web-modern.modern_02 .web-content.background-5:not(.cover-background) .next-section-btn {
  background-color: #394869
}

@media (max-width: 767px) {
  .web-page.web-modern.modern_02 .web-content.background-5:not(.cover-background).web-content .topbar:not(.closed) .topbar-buttons svg {
      fill:#394869
  }

  .web-page.web-modern.modern_02 .web-content.background-5:not(.cover-background).web-content .menu .menu-content .menu-header .name {
      color: #394869
  }
}

.web-page.web-modern.modern_02 .web-content.cover-background {
  background-image: url(https://d2sn08my3g92cp.cloudfront.net/backgrounds/modern_02.svg)
}

.web-page.web-modern.modern_02 .web-content.cover-background a:focus {
  outline-color: rgba(57,72,105,.5)
}

.web-page.web-modern.modern_02 .web-content.cover-background .general-avatar.no-avatar .avatar .initials {
  background-color: #394869
}

.web-page.web-modern.modern_02 .web-content.cover-background .topbar .topbar-buttons .btn .btn-tooltip {
  background: #fff;
  color: #394869
}

.web-page.web-modern.modern_02 .web-content.cover-background .cover-section .name,.web-page.web-modern.modern_02 .web-content.cover-background .general-info .info-wrapper .key,.web-page.web-modern.modern_02 .web-content.cover-background .general-info .info-wrapper .value {
  color: #394869
}

.web-page.web-modern.modern_02 .web-content.cover-background .menu .menu-content {
  background: #394869
}

.web-page.web-modern.modern_02 .web-content.cover-background .next-section-btn {
  fill: #394869;
  background-color: #fff
}

@media (max-width: 767px) {
  .web-page.web-modern.modern_02 .web-content.cover-background .topbar:not(.closed) {
      background:#394869
  }

  .web-page.web-modern.modern_02 .web-content.cover-background .topbar.closed .topbar-buttons .btn svg {
      fill: #394869
  }
}

@media (min-width: 768px) {
  .web-page.web-modern.modern_02 .web-content.cover-background .topbar .topbar-buttons .btn svg {
      fill:#fff
  }

  .web-page.web-modern.modern_02 .web-content.cover-background .next-section-btn {
      fill: #fff;
      background-color: #394869
  }
}

.web-page.web-modern.modern_02 .web-content.cover-background .menu .menu-content .menu-header .name,.web-page.web-modern.modern_02 .web-content.cover-background .menu .menu-content .section-list .section-list-item {
  color: #394869
}

.web-page.web-modern.modern_02 .web-content.cover-background .menu .menu-content .section-list .section-list-item:not(:last-of-type) {
  border-bottom-color: rgba(57,72,105,.4)
}

.web-page.web-modern.modern_02 .web-content.cover-background .menu .menu-content .section-list .section-list-item.active:before {
  background: rgba(57,72,105,.4)
}

.web-page.web-modern.modern_02 .web-content.cover-background .menu .menu-content .section-list .section-list-item:focus,.web-page.web-modern.modern_02 .web-content.cover-background .menu .menu-content .section-list .section-list-item:hover {
  background: rgba(57,72,105,.1)
}

.web-page.web-modern.modern_02 .web-content.cover-background .menu .menu-content .track-vertical .thumb-vertical {
  background-color: rgba(57,72,105,.2)
}

.web-page.web-modern.modern_02 .web-content.cover-background .menu .menu-content {
  background: #fff
}

@media (max-width: 767px) {
  .web-page.web-modern.modern_02 .web-content.background-2 .share-popover,.web-page.web-modern.modern_02 .web-content.background-5 .share-popover {
      background-color:#313131
  }

  .web-page.web-modern.modern_02 .web-content.cover-background .topbar:not(.closed) {
      background: #fff
  }

  .web-page.web-modern.modern_02 .web-content.cover-background .topbar:not(.closed) .topbar-buttons .btn svg {
      fill: #394869
  }
}

.web-page.web-modern.modern_03 .background-0.web-content,.web-page.web-modern.modern_03 .background-1.web-content,.web-page.web-modern.modern_03 .background-2.web-content,.web-page.web-modern.modern_03 .background-3.web-content,.web-page.web-modern.modern_03 .background-4.web-content,.web-page.web-modern.modern_03 .background-5.web-content {
  color: #dea8dd
}

.web-page.web-modern.modern_03 .background-0.web-content a:focus,.web-page.web-modern.modern_03 .background-1.web-content a:focus,.web-page.web-modern.modern_03 .background-2.web-content a:focus,.web-page.web-modern.modern_03 .background-3.web-content a:focus,.web-page.web-modern.modern_03 .background-4.web-content a:focus,.web-page.web-modern.modern_03 .background-5.web-content a:focus {
  outline-color: rgba(222,168,221,.5)
}

.web-page.web-modern.modern_03 .background-0.web-content .topbar-avatar.no-avatar .avatar .initials,.web-page.web-modern.modern_03 .background-1.web-content .topbar-avatar.no-avatar .avatar .initials,.web-page.web-modern.modern_03 .background-2.web-content .topbar-avatar.no-avatar .avatar .initials,.web-page.web-modern.modern_03 .background-3.web-content .topbar-avatar.no-avatar .avatar .initials,.web-page.web-modern.modern_03 .background-4.web-content .topbar-avatar.no-avatar .avatar .initials,.web-page.web-modern.modern_03 .background-5.web-content .topbar-avatar.no-avatar .avatar .initials {
  background-color: #dea8dd
}

.web-page.web-modern.modern_03 .background-0.web-content .topbar .topbar-buttons .btn svg,.web-page.web-modern.modern_03 .background-1.web-content .topbar .topbar-buttons .btn svg,.web-page.web-modern.modern_03 .background-2.web-content .topbar .topbar-buttons .btn svg,.web-page.web-modern.modern_03 .background-3.web-content .topbar .topbar-buttons .btn svg,.web-page.web-modern.modern_03 .background-4.web-content .topbar .topbar-buttons .btn svg,.web-page.web-modern.modern_03 .background-5.web-content .topbar .topbar-buttons .btn svg {
  fill: #dea8dd
}

.web-page.web-modern.modern_03 .background-0.web-content .menu .menu-content,.web-page.web-modern.modern_03 .background-0.web-content .topbar .topbar-buttons .btn .btn-tooltip,.web-page.web-modern.modern_03 .background-1.web-content .menu .menu-content,.web-page.web-modern.modern_03 .background-1.web-content .topbar .topbar-buttons .btn .btn-tooltip,.web-page.web-modern.modern_03 .background-2.web-content .menu .menu-content,.web-page.web-modern.modern_03 .background-2.web-content .topbar .topbar-buttons .btn .btn-tooltip,.web-page.web-modern.modern_03 .background-3.web-content .menu .menu-content,.web-page.web-modern.modern_03 .background-3.web-content .topbar .topbar-buttons .btn .btn-tooltip,.web-page.web-modern.modern_03 .background-4.web-content .menu .menu-content,.web-page.web-modern.modern_03 .background-4.web-content .topbar .topbar-buttons .btn .btn-tooltip,.web-page.web-modern.modern_03 .background-5.web-content .menu .menu-content,.web-page.web-modern.modern_03 .background-5.web-content .topbar .topbar-buttons .btn .btn-tooltip {
  background: #dea8dd
}

.web-page.web-modern.modern_03 .background-0.web-content .graph-section circle,.web-page.web-modern.modern_03 .background-1.web-content .graph-section circle,.web-page.web-modern.modern_03 .background-2.web-content .graph-section circle,.web-page.web-modern.modern_03 .background-3.web-content .graph-section circle,.web-page.web-modern.modern_03 .background-4.web-content .graph-section circle,.web-page.web-modern.modern_03 .background-5.web-content .graph-section circle {
  stroke: #dea8dd
}

.web-page.web-modern.modern_03 .background-0.web-content .hobby-section svg,.web-page.web-modern.modern_03 .background-0.web-content .social-section svg,.web-page.web-modern.modern_03 .background-1.web-content .hobby-section svg,.web-page.web-modern.modern_03 .background-1.web-content .social-section svg,.web-page.web-modern.modern_03 .background-2.web-content .hobby-section svg,.web-page.web-modern.modern_03 .background-2.web-content .social-section svg,.web-page.web-modern.modern_03 .background-3.web-content .hobby-section svg,.web-page.web-modern.modern_03 .background-3.web-content .social-section svg,.web-page.web-modern.modern_03 .background-4.web-content .hobby-section svg,.web-page.web-modern.modern_03 .background-4.web-content .social-section svg,.web-page.web-modern.modern_03 .background-5.web-content .hobby-section svg,.web-page.web-modern.modern_03 .background-5.web-content .social-section svg {
  fill: #dea8dd
}

.web-page.web-modern.modern_03 .background-0.web-content .experience-section .slick-dots li button,.web-page.web-modern.modern_03 .background-0.web-content .publication-section .slick-dots li button,.web-page.web-modern.modern_03 .background-0.web-content .skill-section .slick-dots li button,.web-page.web-modern.modern_03 .background-1.web-content .experience-section .slick-dots li button,.web-page.web-modern.modern_03 .background-1.web-content .publication-section .slick-dots li button,.web-page.web-modern.modern_03 .background-1.web-content .skill-section .slick-dots li button,.web-page.web-modern.modern_03 .background-2.web-content .experience-section .slick-dots li button,.web-page.web-modern.modern_03 .background-2.web-content .publication-section .slick-dots li button,.web-page.web-modern.modern_03 .background-2.web-content .skill-section .slick-dots li button,.web-page.web-modern.modern_03 .background-3.web-content .experience-section .slick-dots li button,.web-page.web-modern.modern_03 .background-3.web-content .publication-section .slick-dots li button,.web-page.web-modern.modern_03 .background-3.web-content .skill-section .slick-dots li button,.web-page.web-modern.modern_03 .background-4.web-content .experience-section .slick-dots li button,.web-page.web-modern.modern_03 .background-4.web-content .publication-section .slick-dots li button,.web-page.web-modern.modern_03 .background-4.web-content .skill-section .slick-dots li button,.web-page.web-modern.modern_03 .background-5.web-content .experience-section .slick-dots li button,.web-page.web-modern.modern_03 .background-5.web-content .publication-section .slick-dots li button,.web-page.web-modern.modern_03 .background-5.web-content .skill-section .slick-dots li button {
  border-color: #dea8dd
}

.web-page.web-modern.modern_03 .background-0.web-content .experience-section .slick-dots li.slick-active button,.web-page.web-modern.modern_03 .background-0.web-content .publication-section .slick-dots li.slick-active button,.web-page.web-modern.modern_03 .background-0.web-content .skill-section .slick-dots li.slick-active button,.web-page.web-modern.modern_03 .background-1.web-content .experience-section .slick-dots li.slick-active button,.web-page.web-modern.modern_03 .background-1.web-content .publication-section .slick-dots li.slick-active button,.web-page.web-modern.modern_03 .background-1.web-content .skill-section .slick-dots li.slick-active button,.web-page.web-modern.modern_03 .background-2.web-content .experience-section .slick-dots li.slick-active button,.web-page.web-modern.modern_03 .background-2.web-content .publication-section .slick-dots li.slick-active button,.web-page.web-modern.modern_03 .background-2.web-content .skill-section .slick-dots li.slick-active button,.web-page.web-modern.modern_03 .background-3.web-content .experience-section .slick-dots li.slick-active button,.web-page.web-modern.modern_03 .background-3.web-content .publication-section .slick-dots li.slick-active button,.web-page.web-modern.modern_03 .background-3.web-content .skill-section .slick-dots li.slick-active button,.web-page.web-modern.modern_03 .background-4.web-content .experience-section .slick-dots li.slick-active button,.web-page.web-modern.modern_03 .background-4.web-content .publication-section .slick-dots li.slick-active button,.web-page.web-modern.modern_03 .background-4.web-content .skill-section .slick-dots li.slick-active button,.web-page.web-modern.modern_03 .background-5.web-content .experience-section .slick-dots li.slick-active button,.web-page.web-modern.modern_03 .background-5.web-content .publication-section .slick-dots li.slick-active button,.web-page.web-modern.modern_03 .background-5.web-content .skill-section .slick-dots li.slick-active button {
  background: #dea8dd
}

.web-page.web-modern.modern_03 .background-0 .next-section-btn,.web-page.web-modern.modern_03 .background-0 .prev-section-btn,.web-page.web-modern.modern_03 .background-1 .next-section-btn,.web-page.web-modern.modern_03 .background-1 .prev-section-btn,.web-page.web-modern.modern_03 .background-2 .next-section-btn,.web-page.web-modern.modern_03 .background-2 .prev-section-btn,.web-page.web-modern.modern_03 .background-3 .next-section-btn,.web-page.web-modern.modern_03 .background-3 .prev-section-btn,.web-page.web-modern.modern_03 .background-4 .next-section-btn,.web-page.web-modern.modern_03 .background-4 .prev-section-btn,.web-page.web-modern.modern_03 .background-5 .next-section-btn,.web-page.web-modern.modern_03 .background-5 .prev-section-btn {
  fill: #dea8dd
}

@media (max-width: 767px) {
  .web-page.web-modern.modern_03 .background-0.web-content .topbar:not(.closed),.web-page.web-modern.modern_03 .background-1.web-content .topbar:not(.closed),.web-page.web-modern.modern_03 .background-2.web-content .topbar:not(.closed),.web-page.web-modern.modern_03 .background-3.web-content .topbar:not(.closed),.web-page.web-modern.modern_03 .background-4.web-content .topbar:not(.closed),.web-page.web-modern.modern_03 .background-5.web-content .topbar:not(.closed) {
      background-color:#dea8dd
  }
}

.web-page.web-modern.modern_03 .web-content.background-0:not(.cover-background) {
  background-color: #181041
}

.web-page.web-modern.modern_03 .web-content.background-0:not(.cover-background) .topbar.closed {
  background: #181041
}

.web-page.web-modern.modern_03 .web-content.background-0:not(.cover-background) .prev-section-btn {
  background-color: #181041
}

.web-page.web-modern.modern_03 .web-content.background-0:not(.cover-background).web-content .topbar-avatar.no-avatar .avatar .initials .first,.web-page.web-modern.modern_03 .web-content.background-0:not(.cover-background).web-content .topbar-avatar.no-avatar .avatar .initials .second {
  color: #181041
}

.web-page.web-modern.modern_03 .web-content.background-0:not(.cover-background).web-content .topbar-avatar.no-avatar .avatar .initials .line {
  background: #181041
}

.web-page.web-modern.modern_03 .web-content.background-0:not(.cover-background).web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_03 .web-content.background-0:not(.cover-background).web-content .menu .menu-content .section-list .section-list-item,.web-page.web-modern.modern_03 .web-content.background-0:not(.cover-background).web-content .topbar .btn .btn-tooltip {
  color: #181041
}

.web-page.web-modern.modern_03 .web-content.background-0:not(.cover-background).web-content .menu .menu-content .section-list .section-list-item:not(:last-of-type) {
  border-bottom-color: rgba(24,16,65,.4)
}

.web-page.web-modern.modern_03 .web-content.background-0:not(.cover-background).web-content .menu .menu-content .section-list .section-list-item.active:before {
  background: rgba(24,16,65,.4)
}

.web-page.web-modern.modern_03 .web-content.background-0:not(.cover-background).web-content .menu .menu-content .section-list .section-list-item:focus,.web-page.web-modern.modern_03 .web-content.background-0:not(.cover-background).web-content .menu .menu-content .section-list .section-list-item:hover {
  background: rgba(24,16,65,.1)
}

.web-page.web-modern.modern_03 .web-content.background-0:not(.cover-background).web-content .menu .menu-content .track-vertical .thumb-vertical {
  background-color: rgba(24,16,65,.2)
}

.web-page.web-modern.modern_03 .web-content.background-0:not(.cover-background) .next-section-btn {
  background-color: #181041
}

@media (max-width: 767px) {
  .web-page.web-modern.modern_03 .web-content.background-0:not(.cover-background).web-content .topbar:not(.closed) .topbar-buttons svg {
      fill:#181041
  }

  .web-page.web-modern.modern_03 .web-content.background-0:not(.cover-background).web-content .menu .menu-content .menu-header .name {
      color: #181041
  }
}

.web-page.web-modern.modern_03 .web-content.background-1:not(.cover-background) {
  background-color: #221953
}

.web-page.web-modern.modern_03 .web-content.background-1:not(.cover-background) .topbar.closed {
  background: #221953
}

.web-page.web-modern.modern_03 .web-content.background-1:not(.cover-background) .prev-section-btn {
  background-color: #221953
}

.web-page.web-modern.modern_03 .web-content.background-1:not(.cover-background).web-content .topbar-avatar.no-avatar .avatar .initials .first,.web-page.web-modern.modern_03 .web-content.background-1:not(.cover-background).web-content .topbar-avatar.no-avatar .avatar .initials .second {
  color: #221953
}

.web-page.web-modern.modern_03 .web-content.background-1:not(.cover-background).web-content .topbar-avatar.no-avatar .avatar .initials .line {
  background: #221953
}

.web-page.web-modern.modern_03 .web-content.background-1:not(.cover-background).web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_03 .web-content.background-1:not(.cover-background).web-content .menu .menu-content .section-list .section-list-item,.web-page.web-modern.modern_03 .web-content.background-1:not(.cover-background).web-content .topbar .btn .btn-tooltip {
  color: #221953
}

.web-page.web-modern.modern_03 .web-content.background-1:not(.cover-background).web-content .menu .menu-content .section-list .section-list-item:not(:last-of-type) {
  border-bottom-color: rgba(34,25,83,.4)
}

.web-page.web-modern.modern_03 .web-content.background-1:not(.cover-background).web-content .menu .menu-content .section-list .section-list-item.active:before {
  background: rgba(34,25,83,.4)
}

.web-page.web-modern.modern_03 .web-content.background-1:not(.cover-background).web-content .menu .menu-content .section-list .section-list-item:focus,.web-page.web-modern.modern_03 .web-content.background-1:not(.cover-background).web-content .menu .menu-content .section-list .section-list-item:hover {
  background: rgba(34,25,83,.1)
}

.web-page.web-modern.modern_03 .web-content.background-1:not(.cover-background).web-content .menu .menu-content .track-vertical .thumb-vertical {
  background-color: rgba(34,25,83,.2)
}

.web-page.web-modern.modern_03 .web-content.background-1:not(.cover-background) .next-section-btn {
  background-color: #221953
}

@media (max-width: 767px) {
  .web-page.web-modern.modern_03 .web-content.background-1:not(.cover-background).web-content .topbar:not(.closed) .topbar-buttons svg {
      fill:#221953
  }

  .web-page.web-modern.modern_03 .web-content.background-1:not(.cover-background).web-content .menu .menu-content .menu-header .name {
      color: #221953
  }
}

.web-page.web-modern.modern_03 .web-content.background-2:not(.cover-background) {
  background-color: #3e187b
}

.web-page.web-modern.modern_03 .web-content.background-2:not(.cover-background) .topbar.closed {
  background: #3e187b
}

.web-page.web-modern.modern_03 .web-content.background-2:not(.cover-background) .prev-section-btn {
  background-color: #3e187b
}

.web-page.web-modern.modern_03 .web-content.background-2:not(.cover-background).web-content .topbar-avatar.no-avatar .avatar .initials .first,.web-page.web-modern.modern_03 .web-content.background-2:not(.cover-background).web-content .topbar-avatar.no-avatar .avatar .initials .second {
  color: #3e187b
}

.web-page.web-modern.modern_03 .web-content.background-2:not(.cover-background).web-content .topbar-avatar.no-avatar .avatar .initials .line {
  background: #3e187b
}

.web-page.web-modern.modern_03 .web-content.background-2:not(.cover-background).web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_03 .web-content.background-2:not(.cover-background).web-content .menu .menu-content .section-list .section-list-item,.web-page.web-modern.modern_03 .web-content.background-2:not(.cover-background).web-content .topbar .btn .btn-tooltip {
  color: #3e187b
}

.web-page.web-modern.modern_03 .web-content.background-2:not(.cover-background).web-content .menu .menu-content .section-list .section-list-item:not(:last-of-type) {
  border-bottom-color: rgba(62,24,123,.4)
}

.web-page.web-modern.modern_03 .web-content.background-2:not(.cover-background).web-content .menu .menu-content .section-list .section-list-item.active:before {
  background: rgba(62,24,123,.4)
}

.web-page.web-modern.modern_03 .web-content.background-2:not(.cover-background).web-content .menu .menu-content .section-list .section-list-item:focus,.web-page.web-modern.modern_03 .web-content.background-2:not(.cover-background).web-content .menu .menu-content .section-list .section-list-item:hover {
  background: rgba(62,24,123,.1)
}

.web-page.web-modern.modern_03 .web-content.background-2:not(.cover-background).web-content .menu .menu-content .track-vertical .thumb-vertical {
  background-color: rgba(62,24,123,.2)
}

.web-page.web-modern.modern_03 .web-content.background-2:not(.cover-background) .next-section-btn {
  background-color: #3e187b
}

@media (max-width: 767px) {
  .web-page.web-modern.modern_03 .web-content.background-2:not(.cover-background).web-content .topbar:not(.closed) .topbar-buttons svg {
      fill:#3e187b
  }

  .web-page.web-modern.modern_03 .web-content.background-2:not(.cover-background).web-content .menu .menu-content .menu-header .name {
      color: #3e187b
  }
}

.web-page.web-modern.modern_03 .web-content.background-3:not(.cover-background) {
  background-color: #5e2595
}

.web-page.web-modern.modern_03 .web-content.background-3:not(.cover-background) .topbar.closed {
  background: #5e2595
}

.web-page.web-modern.modern_03 .web-content.background-3:not(.cover-background) .prev-section-btn {
  background-color: #5e2595
}

.web-page.web-modern.modern_03 .web-content.background-3:not(.cover-background).web-content .topbar-avatar.no-avatar .avatar .initials .first,.web-page.web-modern.modern_03 .web-content.background-3:not(.cover-background).web-content .topbar-avatar.no-avatar .avatar .initials .second {
  color: #5e2595
}

.web-page.web-modern.modern_03 .web-content.background-3:not(.cover-background).web-content .topbar-avatar.no-avatar .avatar .initials .line {
  background: #5e2595
}

.web-page.web-modern.modern_03 .web-content.background-3:not(.cover-background).web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_03 .web-content.background-3:not(.cover-background).web-content .menu .menu-content .section-list .section-list-item,.web-page.web-modern.modern_03 .web-content.background-3:not(.cover-background).web-content .topbar .btn .btn-tooltip {
  color: #5e2595
}

.web-page.web-modern.modern_03 .web-content.background-3:not(.cover-background).web-content .menu .menu-content .section-list .section-list-item:not(:last-of-type) {
  border-bottom-color: rgba(94,37,149,.4)
}

.web-page.web-modern.modern_03 .web-content.background-3:not(.cover-background).web-content .menu .menu-content .section-list .section-list-item.active:before {
  background: rgba(94,37,149,.4)
}

.web-page.web-modern.modern_03 .web-content.background-3:not(.cover-background).web-content .menu .menu-content .section-list .section-list-item:focus,.web-page.web-modern.modern_03 .web-content.background-3:not(.cover-background).web-content .menu .menu-content .section-list .section-list-item:hover {
  background: rgba(94,37,149,.1)
}

.web-page.web-modern.modern_03 .web-content.background-3:not(.cover-background).web-content .menu .menu-content .track-vertical .thumb-vertical {
  background-color: rgba(94,37,149,.2)
}

.web-page.web-modern.modern_03 .web-content.background-3:not(.cover-background) .next-section-btn {
  background-color: #5e2595
}

@media (max-width: 767px) {
  .web-page.web-modern.modern_03 .web-content.background-3:not(.cover-background).web-content .topbar:not(.closed) .topbar-buttons svg {
      fill:#5e2595
  }

  .web-page.web-modern.modern_03 .web-content.background-3:not(.cover-background).web-content .menu .menu-content .menu-header .name {
      color: #5e2595
  }
}

.web-page.web-modern.modern_03 .web-content.background-4:not(.cover-background) {
  background-color: #5f1359
}

.web-page.web-modern.modern_03 .web-content.background-4:not(.cover-background) .topbar.closed {
  background: #5f1359
}

.web-page.web-modern.modern_03 .web-content.background-4:not(.cover-background) .prev-section-btn {
  background-color: #5f1359
}

.web-page.web-modern.modern_03 .web-content.background-4:not(.cover-background).web-content .topbar-avatar.no-avatar .avatar .initials .first,.web-page.web-modern.modern_03 .web-content.background-4:not(.cover-background).web-content .topbar-avatar.no-avatar .avatar .initials .second {
  color: #5f1359
}

.web-page.web-modern.modern_03 .web-content.background-4:not(.cover-background).web-content .topbar-avatar.no-avatar .avatar .initials .line {
  background: #5f1359
}

.web-page.web-modern.modern_03 .web-content.background-4:not(.cover-background).web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_03 .web-content.background-4:not(.cover-background).web-content .menu .menu-content .section-list .section-list-item,.web-page.web-modern.modern_03 .web-content.background-4:not(.cover-background).web-content .topbar .btn .btn-tooltip {
  color: #5f1359
}

.web-page.web-modern.modern_03 .web-content.background-4:not(.cover-background).web-content .menu .menu-content .section-list .section-list-item:not(:last-of-type) {
  border-bottom-color: rgba(95,19,89,.4)
}

.web-page.web-modern.modern_03 .web-content.background-4:not(.cover-background).web-content .menu .menu-content .section-list .section-list-item.active:before {
  background: rgba(95,19,89,.4)
}

.web-page.web-modern.modern_03 .web-content.background-4:not(.cover-background).web-content .menu .menu-content .section-list .section-list-item:focus,.web-page.web-modern.modern_03 .web-content.background-4:not(.cover-background).web-content .menu .menu-content .section-list .section-list-item:hover {
  background: rgba(95,19,89,.1)
}

.web-page.web-modern.modern_03 .web-content.background-4:not(.cover-background).web-content .menu .menu-content .track-vertical .thumb-vertical {
  background-color: rgba(95,19,89,.2)
}

.web-page.web-modern.modern_03 .web-content.background-4:not(.cover-background) .next-section-btn {
  background-color: #5f1359
}

@media (max-width: 767px) {
  .web-page.web-modern.modern_03 .web-content.background-4:not(.cover-background).web-content .topbar:not(.closed) .topbar-buttons svg {
      fill:#5f1359
  }

  .web-page.web-modern.modern_03 .web-content.background-4:not(.cover-background).web-content .menu .menu-content .menu-header .name {
      color: #5f1359
  }
}

.web-page.web-modern.modern_03 .web-content.background-5:not(.cover-background) {
  background-color: #86257e
}

.web-page.web-modern.modern_03 .web-content.background-5:not(.cover-background) .topbar.closed {
  background: #86257e
}

.web-page.web-modern.modern_03 .web-content.background-5:not(.cover-background) .prev-section-btn {
  background-color: #86257e
}

.web-page.web-modern.modern_03 .web-content.background-5:not(.cover-background).web-content .topbar-avatar.no-avatar .avatar .initials .first,.web-page.web-modern.modern_03 .web-content.background-5:not(.cover-background).web-content .topbar-avatar.no-avatar .avatar .initials .second {
  color: #86257e
}

.web-page.web-modern.modern_03 .web-content.background-5:not(.cover-background).web-content .topbar-avatar.no-avatar .avatar .initials .line {
  background: #86257e
}

.web-page.web-modern.modern_03 .web-content.background-5:not(.cover-background).web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_03 .web-content.background-5:not(.cover-background).web-content .menu .menu-content .section-list .section-list-item,.web-page.web-modern.modern_03 .web-content.background-5:not(.cover-background).web-content .topbar .btn .btn-tooltip {
  color: #86257e
}

.web-page.web-modern.modern_03 .web-content.background-5:not(.cover-background).web-content .menu .menu-content .section-list .section-list-item:not(:last-of-type) {
  border-bottom-color: rgba(134,37,126,.4)
}

.web-page.web-modern.modern_03 .web-content.background-5:not(.cover-background).web-content .menu .menu-content .section-list .section-list-item.active:before {
  background: rgba(134,37,126,.4)
}

.web-page.web-modern.modern_03 .web-content.background-5:not(.cover-background).web-content .menu .menu-content .section-list .section-list-item:focus,.web-page.web-modern.modern_03 .web-content.background-5:not(.cover-background).web-content .menu .menu-content .section-list .section-list-item:hover {
  background: rgba(134,37,126,.1)
}

.web-page.web-modern.modern_03 .web-content.background-5:not(.cover-background).web-content .menu .menu-content .track-vertical .thumb-vertical {
  background-color: rgba(134,37,126,.2)
}

.web-page.web-modern.modern_03 .web-content.background-5:not(.cover-background) .next-section-btn {
  background-color: #86257e
}

@media (max-width: 767px) {
  .web-page.web-modern.modern_03 .web-content.background-5:not(.cover-background).web-content .topbar:not(.closed) .topbar-buttons svg {
      fill:#86257e
  }

  .web-page.web-modern.modern_03 .web-content.background-5:not(.cover-background).web-content .menu .menu-content .menu-header .name {
      color: #86257e
  }
}

.web-page.web-modern.modern_03 .web-content.cover-background {
  background-image: url(https://d2sn08my3g92cp.cloudfront.net/backgrounds/modern_03.jpg)
}

.web-page.web-modern.modern_03 .web-content.cover-background a:focus {
  outline-color: rgba(24,16,65,.5)
}

.web-page.web-modern.modern_03 .web-content.cover-background .general-avatar.no-avatar .avatar .initials {
  background-color: #181041
}

.web-page.web-modern.modern_03 .web-content.cover-background .topbar .topbar-buttons .btn .btn-tooltip {
  background: #fff;
  color: #181041
}

.web-page.web-modern.modern_03 .web-content.cover-background .cover-section .name,.web-page.web-modern.modern_03 .web-content.cover-background .general-info .info-wrapper .key,.web-page.web-modern.modern_03 .web-content.cover-background .general-info .info-wrapper .value {
  color: #181041
}

.web-page.web-modern.modern_03 .web-content.cover-background .menu .menu-content {
  background: #181041
}

.web-page.web-modern.modern_03 .web-content.cover-background .next-section-btn {
  fill: #181041;
  background-color: #fff
}

@media (max-width: 767px) {
  .web-page.web-modern.modern_03 .web-content.cover-background .topbar:not(.closed) {
      background:#181041
  }

  .web-page.web-modern.modern_03 .web-content.cover-background .topbar.closed .topbar-buttons .btn svg {
      fill: #181041
  }
}

@media (min-width: 768px) {
  .web-page.web-modern.modern_03 .web-content.cover-background .topbar .topbar-buttons .btn svg {
      fill:#fff
  }

  .web-page.web-modern.modern_03 .web-content.cover-background .next-section-btn {
      fill: #fff;
      background-color: #181041
  }
}

.web-page.web-modern.modern_03 .web-content.cover-background .menu .menu-content .menu-header .name,.web-page.web-modern.modern_03 .web-content.cover-background .menu .menu-content .section-list .section-list-item {
  color: #dea8dd
}

.web-page.web-modern.modern_03 .web-content.cover-background .menu .menu-content .section-list .section-list-item:not(:last-of-type) {
  border-bottom-color: rgba(222,168,221,.4)
}

.web-page.web-modern.modern_03 .web-content.cover-background .menu .menu-content .section-list .section-list-item.active:before {
  background: rgba(222,168,221,.4)
}

.web-page.web-modern.modern_03 .web-content.cover-background .menu .menu-content .section-list .section-list-item:focus,.web-page.web-modern.modern_03 .web-content.cover-background .menu .menu-content .section-list .section-list-item:hover {
  background: rgba(222,168,221,.1)
}

.web-page.web-modern.modern_03 .web-content.cover-background .menu .menu-content .track-vertical .thumb-vertical {
  background-color: rgba(222,168,221,.2)
}

.web-page.web-modern.modern_04 .background-0.web-content,.web-page.web-modern.modern_04 .background-1.web-content,.web-page.web-modern.modern_04 .background-2.web-content,.web-page.web-modern.modern_04 .background-3.web-content,.web-page.web-modern.modern_04 .background-4.web-content,.web-page.web-modern.modern_04 .background-5.web-content {
  color: #214427
}

.web-page.web-modern.modern_04 .background-0.web-content a:focus,.web-page.web-modern.modern_04 .background-1.web-content a:focus,.web-page.web-modern.modern_04 .background-2.web-content a:focus,.web-page.web-modern.modern_04 .background-3.web-content a:focus,.web-page.web-modern.modern_04 .background-4.web-content a:focus,.web-page.web-modern.modern_04 .background-5.web-content a:focus {
  outline-color: rgba(33,68,39,.5)
}

.web-page.web-modern.modern_04 .background-0.web-content .topbar-avatar.no-avatar .avatar .initials,.web-page.web-modern.modern_04 .background-1.web-content .topbar-avatar.no-avatar .avatar .initials,.web-page.web-modern.modern_04 .background-2.web-content .topbar-avatar.no-avatar .avatar .initials,.web-page.web-modern.modern_04 .background-3.web-content .topbar-avatar.no-avatar .avatar .initials,.web-page.web-modern.modern_04 .background-4.web-content .topbar-avatar.no-avatar .avatar .initials,.web-page.web-modern.modern_04 .background-5.web-content .topbar-avatar.no-avatar .avatar .initials {
  background-color: #214427
}

.web-page.web-modern.modern_04 .background-0.web-content .topbar .topbar-buttons .btn svg,.web-page.web-modern.modern_04 .background-1.web-content .topbar .topbar-buttons .btn svg,.web-page.web-modern.modern_04 .background-2.web-content .topbar .topbar-buttons .btn svg,.web-page.web-modern.modern_04 .background-3.web-content .topbar .topbar-buttons .btn svg,.web-page.web-modern.modern_04 .background-4.web-content .topbar .topbar-buttons .btn svg,.web-page.web-modern.modern_04 .background-5.web-content .topbar .topbar-buttons .btn svg {
  fill: #214427
}

.web-page.web-modern.modern_04 .background-0.web-content .menu .menu-content,.web-page.web-modern.modern_04 .background-0.web-content .topbar .topbar-buttons .btn .btn-tooltip,.web-page.web-modern.modern_04 .background-1.web-content .menu .menu-content,.web-page.web-modern.modern_04 .background-1.web-content .topbar .topbar-buttons .btn .btn-tooltip,.web-page.web-modern.modern_04 .background-2.web-content .menu .menu-content,.web-page.web-modern.modern_04 .background-2.web-content .topbar .topbar-buttons .btn .btn-tooltip,.web-page.web-modern.modern_04 .background-3.web-content .menu .menu-content,.web-page.web-modern.modern_04 .background-3.web-content .topbar .topbar-buttons .btn .btn-tooltip,.web-page.web-modern.modern_04 .background-4.web-content .menu .menu-content,.web-page.web-modern.modern_04 .background-4.web-content .topbar .topbar-buttons .btn .btn-tooltip,.web-page.web-modern.modern_04 .background-5.web-content .menu .menu-content,.web-page.web-modern.modern_04 .background-5.web-content .topbar .topbar-buttons .btn .btn-tooltip {
  background: #214427
}

.web-page.web-modern.modern_04 .background-0.web-content .graph-section circle,.web-page.web-modern.modern_04 .background-1.web-content .graph-section circle,.web-page.web-modern.modern_04 .background-2.web-content .graph-section circle,.web-page.web-modern.modern_04 .background-3.web-content .graph-section circle,.web-page.web-modern.modern_04 .background-4.web-content .graph-section circle,.web-page.web-modern.modern_04 .background-5.web-content .graph-section circle {
  stroke: #214427
}

.web-page.web-modern.modern_04 .background-0.web-content .hobby-section svg,.web-page.web-modern.modern_04 .background-0.web-content .social-section svg,.web-page.web-modern.modern_04 .background-1.web-content .hobby-section svg,.web-page.web-modern.modern_04 .background-1.web-content .social-section svg,.web-page.web-modern.modern_04 .background-2.web-content .hobby-section svg,.web-page.web-modern.modern_04 .background-2.web-content .social-section svg,.web-page.web-modern.modern_04 .background-3.web-content .hobby-section svg,.web-page.web-modern.modern_04 .background-3.web-content .social-section svg,.web-page.web-modern.modern_04 .background-4.web-content .hobby-section svg,.web-page.web-modern.modern_04 .background-4.web-content .social-section svg,.web-page.web-modern.modern_04 .background-5.web-content .hobby-section svg,.web-page.web-modern.modern_04 .background-5.web-content .social-section svg {
  fill: #214427
}

.web-page.web-modern.modern_04 .background-0.web-content .experience-section .slick-dots li button,.web-page.web-modern.modern_04 .background-0.web-content .publication-section .slick-dots li button,.web-page.web-modern.modern_04 .background-0.web-content .skill-section .slick-dots li button,.web-page.web-modern.modern_04 .background-1.web-content .experience-section .slick-dots li button,.web-page.web-modern.modern_04 .background-1.web-content .publication-section .slick-dots li button,.web-page.web-modern.modern_04 .background-1.web-content .skill-section .slick-dots li button,.web-page.web-modern.modern_04 .background-2.web-content .experience-section .slick-dots li button,.web-page.web-modern.modern_04 .background-2.web-content .publication-section .slick-dots li button,.web-page.web-modern.modern_04 .background-2.web-content .skill-section .slick-dots li button,.web-page.web-modern.modern_04 .background-3.web-content .experience-section .slick-dots li button,.web-page.web-modern.modern_04 .background-3.web-content .publication-section .slick-dots li button,.web-page.web-modern.modern_04 .background-3.web-content .skill-section .slick-dots li button,.web-page.web-modern.modern_04 .background-4.web-content .experience-section .slick-dots li button,.web-page.web-modern.modern_04 .background-4.web-content .publication-section .slick-dots li button,.web-page.web-modern.modern_04 .background-4.web-content .skill-section .slick-dots li button,.web-page.web-modern.modern_04 .background-5.web-content .experience-section .slick-dots li button,.web-page.web-modern.modern_04 .background-5.web-content .publication-section .slick-dots li button,.web-page.web-modern.modern_04 .background-5.web-content .skill-section .slick-dots li button {
  border-color: #214427
}

.web-page.web-modern.modern_04 .background-0.web-content .experience-section .slick-dots li.slick-active button,.web-page.web-modern.modern_04 .background-0.web-content .publication-section .slick-dots li.slick-active button,.web-page.web-modern.modern_04 .background-0.web-content .skill-section .slick-dots li.slick-active button,.web-page.web-modern.modern_04 .background-1.web-content .experience-section .slick-dots li.slick-active button,.web-page.web-modern.modern_04 .background-1.web-content .publication-section .slick-dots li.slick-active button,.web-page.web-modern.modern_04 .background-1.web-content .skill-section .slick-dots li.slick-active button,.web-page.web-modern.modern_04 .background-2.web-content .experience-section .slick-dots li.slick-active button,.web-page.web-modern.modern_04 .background-2.web-content .publication-section .slick-dots li.slick-active button,.web-page.web-modern.modern_04 .background-2.web-content .skill-section .slick-dots li.slick-active button,.web-page.web-modern.modern_04 .background-3.web-content .experience-section .slick-dots li.slick-active button,.web-page.web-modern.modern_04 .background-3.web-content .publication-section .slick-dots li.slick-active button,.web-page.web-modern.modern_04 .background-3.web-content .skill-section .slick-dots li.slick-active button,.web-page.web-modern.modern_04 .background-4.web-content .experience-section .slick-dots li.slick-active button,.web-page.web-modern.modern_04 .background-4.web-content .publication-section .slick-dots li.slick-active button,.web-page.web-modern.modern_04 .background-4.web-content .skill-section .slick-dots li.slick-active button,.web-page.web-modern.modern_04 .background-5.web-content .experience-section .slick-dots li.slick-active button,.web-page.web-modern.modern_04 .background-5.web-content .publication-section .slick-dots li.slick-active button,.web-page.web-modern.modern_04 .background-5.web-content .skill-section .slick-dots li.slick-active button {
  background: #214427
}

.web-page.web-modern.modern_04 .background-0 .next-section-btn,.web-page.web-modern.modern_04 .background-0 .prev-section-btn,.web-page.web-modern.modern_04 .background-1 .next-section-btn,.web-page.web-modern.modern_04 .background-1 .prev-section-btn,.web-page.web-modern.modern_04 .background-2 .next-section-btn,.web-page.web-modern.modern_04 .background-2 .prev-section-btn,.web-page.web-modern.modern_04 .background-3 .next-section-btn,.web-page.web-modern.modern_04 .background-3 .prev-section-btn,.web-page.web-modern.modern_04 .background-4 .next-section-btn,.web-page.web-modern.modern_04 .background-4 .prev-section-btn,.web-page.web-modern.modern_04 .background-5 .next-section-btn,.web-page.web-modern.modern_04 .background-5 .prev-section-btn {
  fill: #214427
}

@media (max-width: 767px) {
  .web-page.web-modern.modern_04 .background-0.web-content .topbar:not(.closed),.web-page.web-modern.modern_04 .background-1.web-content .topbar:not(.closed),.web-page.web-modern.modern_04 .background-2.web-content .topbar:not(.closed),.web-page.web-modern.modern_04 .background-3.web-content .topbar:not(.closed),.web-page.web-modern.modern_04 .background-4.web-content .topbar:not(.closed),.web-page.web-modern.modern_04 .background-5.web-content .topbar:not(.closed) {
      background-color:#214427
  }
}

.web-page.web-modern.modern_04 .background-0.web-content .topbar-avatar.no-avatar .avatar .initials .first,.web-page.web-modern.modern_04 .background-0.web-content .topbar-avatar.no-avatar .avatar .initials .second,.web-page.web-modern.modern_04 .background-1.web-content .topbar-avatar.no-avatar .avatar .initials .first,.web-page.web-modern.modern_04 .background-1.web-content .topbar-avatar.no-avatar .avatar .initials .second,.web-page.web-modern.modern_04 .background-2.web-content .topbar-avatar.no-avatar .avatar .initials .first,.web-page.web-modern.modern_04 .background-2.web-content .topbar-avatar.no-avatar .avatar .initials .second,.web-page.web-modern.modern_04 .background-3.web-content .topbar-avatar.no-avatar .avatar .initials .first,.web-page.web-modern.modern_04 .background-3.web-content .topbar-avatar.no-avatar .avatar .initials .second,.web-page.web-modern.modern_04 .background-4.web-content .topbar-avatar.no-avatar .avatar .initials .first,.web-page.web-modern.modern_04 .background-4.web-content .topbar-avatar.no-avatar .avatar .initials .second,.web-page.web-modern.modern_04 .background-5.web-content .topbar-avatar.no-avatar .avatar .initials .first,.web-page.web-modern.modern_04 .background-5.web-content .topbar-avatar.no-avatar .avatar .initials .second {
  color: #fff
}

.web-page.web-modern.modern_04 .background-0.web-content .topbar-avatar.no-avatar .avatar .initials .line,.web-page.web-modern.modern_04 .background-1.web-content .topbar-avatar.no-avatar .avatar .initials .line,.web-page.web-modern.modern_04 .background-2.web-content .topbar-avatar.no-avatar .avatar .initials .line,.web-page.web-modern.modern_04 .background-3.web-content .topbar-avatar.no-avatar .avatar .initials .line,.web-page.web-modern.modern_04 .background-4.web-content .topbar-avatar.no-avatar .avatar .initials .line,.web-page.web-modern.modern_04 .background-5.web-content .topbar-avatar.no-avatar .avatar .initials .line {
  background: #fff
}

.web-page.web-modern.modern_04 .background-0.web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_04 .background-0.web-content .menu .menu-content .section-list .section-list-item,.web-page.web-modern.modern_04 .background-0.web-content .topbar .btn .btn-tooltip,.web-page.web-modern.modern_04 .background-1.web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_04 .background-1.web-content .menu .menu-content .section-list .section-list-item,.web-page.web-modern.modern_04 .background-1.web-content .topbar .btn .btn-tooltip,.web-page.web-modern.modern_04 .background-2.web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_04 .background-2.web-content .menu .menu-content .section-list .section-list-item,.web-page.web-modern.modern_04 .background-2.web-content .topbar .btn .btn-tooltip,.web-page.web-modern.modern_04 .background-3.web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_04 .background-3.web-content .menu .menu-content .section-list .section-list-item,.web-page.web-modern.modern_04 .background-3.web-content .topbar .btn .btn-tooltip,.web-page.web-modern.modern_04 .background-4.web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_04 .background-4.web-content .menu .menu-content .section-list .section-list-item,.web-page.web-modern.modern_04 .background-4.web-content .topbar .btn .btn-tooltip,.web-page.web-modern.modern_04 .background-5.web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_04 .background-5.web-content .menu .menu-content .section-list .section-list-item,.web-page.web-modern.modern_04 .background-5.web-content .topbar .btn .btn-tooltip {
  color: #fff
}

.web-page.web-modern.modern_04 .background-0.web-content .menu .menu-content .section-list .section-list-item:not(:last-of-type),.web-page.web-modern.modern_04 .background-1.web-content .menu .menu-content .section-list .section-list-item:not(:last-of-type),.web-page.web-modern.modern_04 .background-2.web-content .menu .menu-content .section-list .section-list-item:not(:last-of-type),.web-page.web-modern.modern_04 .background-3.web-content .menu .menu-content .section-list .section-list-item:not(:last-of-type),.web-page.web-modern.modern_04 .background-4.web-content .menu .menu-content .section-list .section-list-item:not(:last-of-type),.web-page.web-modern.modern_04 .background-5.web-content .menu .menu-content .section-list .section-list-item:not(:last-of-type) {
  border-bottom-color: hsla(0,0%,100%,.4)
}

.web-page.web-modern.modern_04 .background-0.web-content .menu .menu-content .section-list .section-list-item.active:before,.web-page.web-modern.modern_04 .background-1.web-content .menu .menu-content .section-list .section-list-item.active:before,.web-page.web-modern.modern_04 .background-2.web-content .menu .menu-content .section-list .section-list-item.active:before,.web-page.web-modern.modern_04 .background-3.web-content .menu .menu-content .section-list .section-list-item.active:before,.web-page.web-modern.modern_04 .background-4.web-content .menu .menu-content .section-list .section-list-item.active:before,.web-page.web-modern.modern_04 .background-5.web-content .menu .menu-content .section-list .section-list-item.active:before {
  background: hsla(0,0%,100%,.4)
}

.web-page.web-modern.modern_04 .background-0.web-content .menu .menu-content .section-list .section-list-item:focus,.web-page.web-modern.modern_04 .background-0.web-content .menu .menu-content .section-list .section-list-item:hover,.web-page.web-modern.modern_04 .background-1.web-content .menu .menu-content .section-list .section-list-item:focus,.web-page.web-modern.modern_04 .background-1.web-content .menu .menu-content .section-list .section-list-item:hover,.web-page.web-modern.modern_04 .background-2.web-content .menu .menu-content .section-list .section-list-item:focus,.web-page.web-modern.modern_04 .background-2.web-content .menu .menu-content .section-list .section-list-item:hover,.web-page.web-modern.modern_04 .background-3.web-content .menu .menu-content .section-list .section-list-item:focus,.web-page.web-modern.modern_04 .background-3.web-content .menu .menu-content .section-list .section-list-item:hover,.web-page.web-modern.modern_04 .background-4.web-content .menu .menu-content .section-list .section-list-item:focus,.web-page.web-modern.modern_04 .background-4.web-content .menu .menu-content .section-list .section-list-item:hover,.web-page.web-modern.modern_04 .background-5.web-content .menu .menu-content .section-list .section-list-item:focus,.web-page.web-modern.modern_04 .background-5.web-content .menu .menu-content .section-list .section-list-item:hover {
  background: hsla(0,0%,100%,.1)
}

.web-page.web-modern.modern_04 .background-0.web-content .menu .menu-content .track-vertical .thumb-vertical,.web-page.web-modern.modern_04 .background-1.web-content .menu .menu-content .track-vertical .thumb-vertical,.web-page.web-modern.modern_04 .background-2.web-content .menu .menu-content .track-vertical .thumb-vertical,.web-page.web-modern.modern_04 .background-3.web-content .menu .menu-content .track-vertical .thumb-vertical,.web-page.web-modern.modern_04 .background-4.web-content .menu .menu-content .track-vertical .thumb-vertical,.web-page.web-modern.modern_04 .background-5.web-content .menu .menu-content .track-vertical .thumb-vertical {
  background-color: hsla(0,0%,100%,.2)
}

.web-page.web-modern.modern_04 .background-0 .next-section-btn,.web-page.web-modern.modern_04 .background-1 .next-section-btn,.web-page.web-modern.modern_04 .background-2 .next-section-btn,.web-page.web-modern.modern_04 .background-3 .next-section-btn,.web-page.web-modern.modern_04 .background-4 .next-section-btn,.web-page.web-modern.modern_04 .background-5 .next-section-btn {
  background-color: #fff
}

@media (max-width: 767px) {
  .web-page.web-modern.modern_04 .background-0.web-content .topbar:not(.closed) .topbar-buttons svg,.web-page.web-modern.modern_04 .background-1.web-content .topbar:not(.closed) .topbar-buttons svg,.web-page.web-modern.modern_04 .background-2.web-content .topbar:not(.closed) .topbar-buttons svg,.web-page.web-modern.modern_04 .background-3.web-content .topbar:not(.closed) .topbar-buttons svg,.web-page.web-modern.modern_04 .background-4.web-content .topbar:not(.closed) .topbar-buttons svg,.web-page.web-modern.modern_04 .background-5.web-content .topbar:not(.closed) .topbar-buttons svg {
      fill:#fff
  }

  .web-page.web-modern.modern_04 .background-0.web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_04 .background-1.web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_04 .background-2.web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_04 .background-3.web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_04 .background-4.web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_04 .background-5.web-content .menu .menu-content .menu-header .name {
      color: #fff
  }
}

.web-page.web-modern.modern_04 .web-content:not(.cover-background) {
  background-color: #ffeec9
}

.web-page.web-modern.modern_04 .web-content:not(.cover-background) .topbar.closed {
  background: #ffeec9
}

.web-page.web-modern.modern_04 .web-content:not(.cover-background) .prev-section-btn {
  background-color: #ffeec9
}

.web-page.web-modern.modern_04 .web-content.cover-background {
  background-image: url(https://d2sn08my3g92cp.cloudfront.net/backgrounds/modern_04.jpg)
}

.web-page.web-modern.modern_04 .web-content.cover-background a:focus {
  outline-color: rgba(33,68,39,.5)
}

.web-page.web-modern.modern_04 .web-content.cover-background .general-avatar.no-avatar .avatar .initials {
  background-color: #214427
}

.web-page.web-modern.modern_04 .web-content.cover-background .topbar .topbar-buttons .btn .btn-tooltip {
  background: #fff;
  color: #214427
}

.web-page.web-modern.modern_04 .web-content.cover-background .cover-section .name,.web-page.web-modern.modern_04 .web-content.cover-background .general-info .info-wrapper .key,.web-page.web-modern.modern_04 .web-content.cover-background .general-info .info-wrapper .value {
  color: #214427
}

.web-page.web-modern.modern_04 .web-content.cover-background .menu .menu-content {
  background: #214427
}

.web-page.web-modern.modern_04 .web-content.cover-background .next-section-btn {
  fill: #214427;
  background-color: #fff
}

@media (max-width: 767px) {
  .web-page.web-modern.modern_04 .web-content.cover-background .topbar:not(.closed) {
      background:#214427
  }

  .web-page.web-modern.modern_04 .web-content.cover-background .topbar.closed .topbar-buttons .btn svg {
      fill: #214427
  }
}

@media (min-width: 768px) {
  .web-page.web-modern.modern_04 .web-content.cover-background .topbar .topbar-buttons .btn svg {
      fill:#fff
  }

  .web-page.web-modern.modern_04 .web-content.cover-background .next-section-btn {
      fill: #fff;
      background-color: #214427
  }
}

.web-page.web-modern.modern_05 .background-0.web-content,.web-page.web-modern.modern_05 .background-1.web-content,.web-page.web-modern.modern_05 .background-2.web-content,.web-page.web-modern.modern_05 .background-3.web-content,.web-page.web-modern.modern_05 .background-4.web-content,.web-page.web-modern.modern_05 .background-5.web-content {
  color: #bebab4
}

.web-page.web-modern.modern_05 .background-0.web-content a:focus,.web-page.web-modern.modern_05 .background-1.web-content a:focus,.web-page.web-modern.modern_05 .background-2.web-content a:focus,.web-page.web-modern.modern_05 .background-3.web-content a:focus,.web-page.web-modern.modern_05 .background-4.web-content a:focus,.web-page.web-modern.modern_05 .background-5.web-content a:focus {
  outline-color: hsla(36,7%,73%,.5)
}

.web-page.web-modern.modern_05 .background-0.web-content .topbar-avatar.no-avatar .avatar .initials,.web-page.web-modern.modern_05 .background-1.web-content .topbar-avatar.no-avatar .avatar .initials,.web-page.web-modern.modern_05 .background-2.web-content .topbar-avatar.no-avatar .avatar .initials,.web-page.web-modern.modern_05 .background-3.web-content .topbar-avatar.no-avatar .avatar .initials,.web-page.web-modern.modern_05 .background-4.web-content .topbar-avatar.no-avatar .avatar .initials,.web-page.web-modern.modern_05 .background-5.web-content .topbar-avatar.no-avatar .avatar .initials {
  background-color: #bebab4
}

.web-page.web-modern.modern_05 .background-0.web-content .topbar .topbar-buttons .btn svg,.web-page.web-modern.modern_05 .background-1.web-content .topbar .topbar-buttons .btn svg,.web-page.web-modern.modern_05 .background-2.web-content .topbar .topbar-buttons .btn svg,.web-page.web-modern.modern_05 .background-3.web-content .topbar .topbar-buttons .btn svg,.web-page.web-modern.modern_05 .background-4.web-content .topbar .topbar-buttons .btn svg,.web-page.web-modern.modern_05 .background-5.web-content .topbar .topbar-buttons .btn svg {
  fill: #bebab4
}

.web-page.web-modern.modern_05 .background-0.web-content .menu .menu-content,.web-page.web-modern.modern_05 .background-0.web-content .topbar .topbar-buttons .btn .btn-tooltip,.web-page.web-modern.modern_05 .background-1.web-content .menu .menu-content,.web-page.web-modern.modern_05 .background-1.web-content .topbar .topbar-buttons .btn .btn-tooltip,.web-page.web-modern.modern_05 .background-2.web-content .menu .menu-content,.web-page.web-modern.modern_05 .background-2.web-content .topbar .topbar-buttons .btn .btn-tooltip,.web-page.web-modern.modern_05 .background-3.web-content .menu .menu-content,.web-page.web-modern.modern_05 .background-3.web-content .topbar .topbar-buttons .btn .btn-tooltip,.web-page.web-modern.modern_05 .background-4.web-content .menu .menu-content,.web-page.web-modern.modern_05 .background-4.web-content .topbar .topbar-buttons .btn .btn-tooltip,.web-page.web-modern.modern_05 .background-5.web-content .menu .menu-content,.web-page.web-modern.modern_05 .background-5.web-content .topbar .topbar-buttons .btn .btn-tooltip {
  background: #bebab4
}

.web-page.web-modern.modern_05 .background-0.web-content .graph-section circle,.web-page.web-modern.modern_05 .background-1.web-content .graph-section circle,.web-page.web-modern.modern_05 .background-2.web-content .graph-section circle,.web-page.web-modern.modern_05 .background-3.web-content .graph-section circle,.web-page.web-modern.modern_05 .background-4.web-content .graph-section circle,.web-page.web-modern.modern_05 .background-5.web-content .graph-section circle {
  stroke: #bebab4
}

.web-page.web-modern.modern_05 .background-0.web-content .hobby-section svg,.web-page.web-modern.modern_05 .background-0.web-content .social-section svg,.web-page.web-modern.modern_05 .background-1.web-content .hobby-section svg,.web-page.web-modern.modern_05 .background-1.web-content .social-section svg,.web-page.web-modern.modern_05 .background-2.web-content .hobby-section svg,.web-page.web-modern.modern_05 .background-2.web-content .social-section svg,.web-page.web-modern.modern_05 .background-3.web-content .hobby-section svg,.web-page.web-modern.modern_05 .background-3.web-content .social-section svg,.web-page.web-modern.modern_05 .background-4.web-content .hobby-section svg,.web-page.web-modern.modern_05 .background-4.web-content .social-section svg,.web-page.web-modern.modern_05 .background-5.web-content .hobby-section svg,.web-page.web-modern.modern_05 .background-5.web-content .social-section svg {
  fill: #bebab4
}

.web-page.web-modern.modern_05 .background-0.web-content .experience-section .slick-dots li button,.web-page.web-modern.modern_05 .background-0.web-content .publication-section .slick-dots li button,.web-page.web-modern.modern_05 .background-0.web-content .skill-section .slick-dots li button,.web-page.web-modern.modern_05 .background-1.web-content .experience-section .slick-dots li button,.web-page.web-modern.modern_05 .background-1.web-content .publication-section .slick-dots li button,.web-page.web-modern.modern_05 .background-1.web-content .skill-section .slick-dots li button,.web-page.web-modern.modern_05 .background-2.web-content .experience-section .slick-dots li button,.web-page.web-modern.modern_05 .background-2.web-content .publication-section .slick-dots li button,.web-page.web-modern.modern_05 .background-2.web-content .skill-section .slick-dots li button,.web-page.web-modern.modern_05 .background-3.web-content .experience-section .slick-dots li button,.web-page.web-modern.modern_05 .background-3.web-content .publication-section .slick-dots li button,.web-page.web-modern.modern_05 .background-3.web-content .skill-section .slick-dots li button,.web-page.web-modern.modern_05 .background-4.web-content .experience-section .slick-dots li button,.web-page.web-modern.modern_05 .background-4.web-content .publication-section .slick-dots li button,.web-page.web-modern.modern_05 .background-4.web-content .skill-section .slick-dots li button,.web-page.web-modern.modern_05 .background-5.web-content .experience-section .slick-dots li button,.web-page.web-modern.modern_05 .background-5.web-content .publication-section .slick-dots li button,.web-page.web-modern.modern_05 .background-5.web-content .skill-section .slick-dots li button {
  border-color: #bebab4
}

.web-page.web-modern.modern_05 .background-0.web-content .experience-section .slick-dots li.slick-active button,.web-page.web-modern.modern_05 .background-0.web-content .publication-section .slick-dots li.slick-active button,.web-page.web-modern.modern_05 .background-0.web-content .skill-section .slick-dots li.slick-active button,.web-page.web-modern.modern_05 .background-1.web-content .experience-section .slick-dots li.slick-active button,.web-page.web-modern.modern_05 .background-1.web-content .publication-section .slick-dots li.slick-active button,.web-page.web-modern.modern_05 .background-1.web-content .skill-section .slick-dots li.slick-active button,.web-page.web-modern.modern_05 .background-2.web-content .experience-section .slick-dots li.slick-active button,.web-page.web-modern.modern_05 .background-2.web-content .publication-section .slick-dots li.slick-active button,.web-page.web-modern.modern_05 .background-2.web-content .skill-section .slick-dots li.slick-active button,.web-page.web-modern.modern_05 .background-3.web-content .experience-section .slick-dots li.slick-active button,.web-page.web-modern.modern_05 .background-3.web-content .publication-section .slick-dots li.slick-active button,.web-page.web-modern.modern_05 .background-3.web-content .skill-section .slick-dots li.slick-active button,.web-page.web-modern.modern_05 .background-4.web-content .experience-section .slick-dots li.slick-active button,.web-page.web-modern.modern_05 .background-4.web-content .publication-section .slick-dots li.slick-active button,.web-page.web-modern.modern_05 .background-4.web-content .skill-section .slick-dots li.slick-active button,.web-page.web-modern.modern_05 .background-5.web-content .experience-section .slick-dots li.slick-active button,.web-page.web-modern.modern_05 .background-5.web-content .publication-section .slick-dots li.slick-active button,.web-page.web-modern.modern_05 .background-5.web-content .skill-section .slick-dots li.slick-active button {
  background: #bebab4
}

.web-page.web-modern.modern_05 .background-0 .next-section-btn,.web-page.web-modern.modern_05 .background-0 .prev-section-btn,.web-page.web-modern.modern_05 .background-1 .next-section-btn,.web-page.web-modern.modern_05 .background-1 .prev-section-btn,.web-page.web-modern.modern_05 .background-2 .next-section-btn,.web-page.web-modern.modern_05 .background-2 .prev-section-btn,.web-page.web-modern.modern_05 .background-3 .next-section-btn,.web-page.web-modern.modern_05 .background-3 .prev-section-btn,.web-page.web-modern.modern_05 .background-4 .next-section-btn,.web-page.web-modern.modern_05 .background-4 .prev-section-btn,.web-page.web-modern.modern_05 .background-5 .next-section-btn,.web-page.web-modern.modern_05 .background-5 .prev-section-btn {
  fill: #bebab4
}

@media (max-width: 767px) {
  .web-page.web-modern.modern_05 .background-0.web-content .topbar:not(.closed),.web-page.web-modern.modern_05 .background-1.web-content .topbar:not(.closed),.web-page.web-modern.modern_05 .background-2.web-content .topbar:not(.closed),.web-page.web-modern.modern_05 .background-3.web-content .topbar:not(.closed),.web-page.web-modern.modern_05 .background-4.web-content .topbar:not(.closed),.web-page.web-modern.modern_05 .background-5.web-content .topbar:not(.closed) {
      background-color:#bebab4
  }
}

.web-page.web-modern.modern_05 .background-0.web-content .topbar-avatar.no-avatar .avatar .initials .first,.web-page.web-modern.modern_05 .background-0.web-content .topbar-avatar.no-avatar .avatar .initials .second,.web-page.web-modern.modern_05 .background-1.web-content .topbar-avatar.no-avatar .avatar .initials .first,.web-page.web-modern.modern_05 .background-1.web-content .topbar-avatar.no-avatar .avatar .initials .second,.web-page.web-modern.modern_05 .background-2.web-content .topbar-avatar.no-avatar .avatar .initials .first,.web-page.web-modern.modern_05 .background-2.web-content .topbar-avatar.no-avatar .avatar .initials .second,.web-page.web-modern.modern_05 .background-3.web-content .topbar-avatar.no-avatar .avatar .initials .first,.web-page.web-modern.modern_05 .background-3.web-content .topbar-avatar.no-avatar .avatar .initials .second,.web-page.web-modern.modern_05 .background-4.web-content .topbar-avatar.no-avatar .avatar .initials .first,.web-page.web-modern.modern_05 .background-4.web-content .topbar-avatar.no-avatar .avatar .initials .second,.web-page.web-modern.modern_05 .background-5.web-content .topbar-avatar.no-avatar .avatar .initials .first,.web-page.web-modern.modern_05 .background-5.web-content .topbar-avatar.no-avatar .avatar .initials .second {
  color: #313131
}

.web-page.web-modern.modern_05 .background-0.web-content .topbar-avatar.no-avatar .avatar .initials .line,.web-page.web-modern.modern_05 .background-1.web-content .topbar-avatar.no-avatar .avatar .initials .line,.web-page.web-modern.modern_05 .background-2.web-content .topbar-avatar.no-avatar .avatar .initials .line,.web-page.web-modern.modern_05 .background-3.web-content .topbar-avatar.no-avatar .avatar .initials .line,.web-page.web-modern.modern_05 .background-4.web-content .topbar-avatar.no-avatar .avatar .initials .line,.web-page.web-modern.modern_05 .background-5.web-content .topbar-avatar.no-avatar .avatar .initials .line {
  background: #313131
}

.web-page.web-modern.modern_05 .background-0.web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_05 .background-0.web-content .menu .menu-content .section-list .section-list-item,.web-page.web-modern.modern_05 .background-0.web-content .topbar .btn .btn-tooltip,.web-page.web-modern.modern_05 .background-1.web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_05 .background-1.web-content .menu .menu-content .section-list .section-list-item,.web-page.web-modern.modern_05 .background-1.web-content .topbar .btn .btn-tooltip,.web-page.web-modern.modern_05 .background-2.web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_05 .background-2.web-content .menu .menu-content .section-list .section-list-item,.web-page.web-modern.modern_05 .background-2.web-content .topbar .btn .btn-tooltip,.web-page.web-modern.modern_05 .background-3.web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_05 .background-3.web-content .menu .menu-content .section-list .section-list-item,.web-page.web-modern.modern_05 .background-3.web-content .topbar .btn .btn-tooltip,.web-page.web-modern.modern_05 .background-4.web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_05 .background-4.web-content .menu .menu-content .section-list .section-list-item,.web-page.web-modern.modern_05 .background-4.web-content .topbar .btn .btn-tooltip,.web-page.web-modern.modern_05 .background-5.web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_05 .background-5.web-content .menu .menu-content .section-list .section-list-item,.web-page.web-modern.modern_05 .background-5.web-content .topbar .btn .btn-tooltip {
  color: #313131
}

.web-page.web-modern.modern_05 .background-0.web-content .menu .menu-content .section-list .section-list-item:not(:last-of-type),.web-page.web-modern.modern_05 .background-1.web-content .menu .menu-content .section-list .section-list-item:not(:last-of-type),.web-page.web-modern.modern_05 .background-2.web-content .menu .menu-content .section-list .section-list-item:not(:last-of-type),.web-page.web-modern.modern_05 .background-3.web-content .menu .menu-content .section-list .section-list-item:not(:last-of-type),.web-page.web-modern.modern_05 .background-4.web-content .menu .menu-content .section-list .section-list-item:not(:last-of-type),.web-page.web-modern.modern_05 .background-5.web-content .menu .menu-content .section-list .section-list-item:not(:last-of-type) {
  border-bottom-color: rgba(49,49,49,.4)
}

.web-page.web-modern.modern_05 .background-0.web-content .menu .menu-content .section-list .section-list-item.active:before,.web-page.web-modern.modern_05 .background-1.web-content .menu .menu-content .section-list .section-list-item.active:before,.web-page.web-modern.modern_05 .background-2.web-content .menu .menu-content .section-list .section-list-item.active:before,.web-page.web-modern.modern_05 .background-3.web-content .menu .menu-content .section-list .section-list-item.active:before,.web-page.web-modern.modern_05 .background-4.web-content .menu .menu-content .section-list .section-list-item.active:before,.web-page.web-modern.modern_05 .background-5.web-content .menu .menu-content .section-list .section-list-item.active:before {
  background: rgba(49,49,49,.4)
}

.web-page.web-modern.modern_05 .background-0.web-content .menu .menu-content .section-list .section-list-item:focus,.web-page.web-modern.modern_05 .background-0.web-content .menu .menu-content .section-list .section-list-item:hover,.web-page.web-modern.modern_05 .background-1.web-content .menu .menu-content .section-list .section-list-item:focus,.web-page.web-modern.modern_05 .background-1.web-content .menu .menu-content .section-list .section-list-item:hover,.web-page.web-modern.modern_05 .background-2.web-content .menu .menu-content .section-list .section-list-item:focus,.web-page.web-modern.modern_05 .background-2.web-content .menu .menu-content .section-list .section-list-item:hover,.web-page.web-modern.modern_05 .background-3.web-content .menu .menu-content .section-list .section-list-item:focus,.web-page.web-modern.modern_05 .background-3.web-content .menu .menu-content .section-list .section-list-item:hover,.web-page.web-modern.modern_05 .background-4.web-content .menu .menu-content .section-list .section-list-item:focus,.web-page.web-modern.modern_05 .background-4.web-content .menu .menu-content .section-list .section-list-item:hover,.web-page.web-modern.modern_05 .background-5.web-content .menu .menu-content .section-list .section-list-item:focus,.web-page.web-modern.modern_05 .background-5.web-content .menu .menu-content .section-list .section-list-item:hover {
  background: rgba(49,49,49,.1)
}

.web-page.web-modern.modern_05 .background-0.web-content .menu .menu-content .track-vertical .thumb-vertical,.web-page.web-modern.modern_05 .background-1.web-content .menu .menu-content .track-vertical .thumb-vertical,.web-page.web-modern.modern_05 .background-2.web-content .menu .menu-content .track-vertical .thumb-vertical,.web-page.web-modern.modern_05 .background-3.web-content .menu .menu-content .track-vertical .thumb-vertical,.web-page.web-modern.modern_05 .background-4.web-content .menu .menu-content .track-vertical .thumb-vertical,.web-page.web-modern.modern_05 .background-5.web-content .menu .menu-content .track-vertical .thumb-vertical {
  background-color: rgba(49,49,49,.2)
}

.web-page.web-modern.modern_05 .background-0 .next-section-btn,.web-page.web-modern.modern_05 .background-1 .next-section-btn,.web-page.web-modern.modern_05 .background-2 .next-section-btn,.web-page.web-modern.modern_05 .background-3 .next-section-btn,.web-page.web-modern.modern_05 .background-4 .next-section-btn,.web-page.web-modern.modern_05 .background-5 .next-section-btn {
  background-color: #313131
}

@media (max-width: 767px) {
  .web-page.web-modern.modern_05 .background-0.web-content .topbar:not(.closed) .topbar-buttons svg,.web-page.web-modern.modern_05 .background-1.web-content .topbar:not(.closed) .topbar-buttons svg,.web-page.web-modern.modern_05 .background-2.web-content .topbar:not(.closed) .topbar-buttons svg,.web-page.web-modern.modern_05 .background-3.web-content .topbar:not(.closed) .topbar-buttons svg,.web-page.web-modern.modern_05 .background-4.web-content .topbar:not(.closed) .topbar-buttons svg,.web-page.web-modern.modern_05 .background-5.web-content .topbar:not(.closed) .topbar-buttons svg {
      fill:#313131
  }

  .web-page.web-modern.modern_05 .background-0.web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_05 .background-1.web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_05 .background-2.web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_05 .background-3.web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_05 .background-4.web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_05 .background-5.web-content .menu .menu-content .menu-header .name {
      color: #313131
  }
}

.web-page.web-modern.modern_05 .web-content:not(.cover-background) {
  background-color: #313131
}

.web-page.web-modern.modern_05 .web-content:not(.cover-background) .topbar.closed {
  background: #313131
}

.web-page.web-modern.modern_05 .web-content:not(.cover-background) .prev-section-btn {
  background-color: #313131
}

.web-page.web-modern.modern_05 .web-content.cover-background {
  background-image: url(https://d2sn08my3g92cp.cloudfront.net/backgrounds/modern_05.jpg)
}

.web-page.web-modern.modern_05 .web-content.cover-background a:focus {
  outline-color: rgba(49,49,49,.5)
}

.web-page.web-modern.modern_05 .web-content.cover-background .general-avatar.no-avatar .avatar .initials {
  background-color: #313131
}

.web-page.web-modern.modern_05 .web-content.cover-background .topbar .topbar-buttons .btn .btn-tooltip {
  background: #fff;
  color: #313131
}

.web-page.web-modern.modern_05 .web-content.cover-background .cover-section .name,.web-page.web-modern.modern_05 .web-content.cover-background .general-info .info-wrapper .key,.web-page.web-modern.modern_05 .web-content.cover-background .general-info .info-wrapper .value {
  color: #313131
}

.web-page.web-modern.modern_05 .web-content.cover-background .menu .menu-content {
  background: #313131
}

.web-page.web-modern.modern_05 .web-content.cover-background .next-section-btn {
  fill: #313131;
  background-color: #fff
}

@media (max-width: 767px) {
  .web-page.web-modern.modern_05 .web-content.cover-background .topbar:not(.closed) {
      background:#313131
  }

  .web-page.web-modern.modern_05 .web-content.cover-background .topbar.closed .topbar-buttons .btn svg {
      fill: #313131
  }
}

@media (min-width: 768px) {
  .web-page.web-modern.modern_05 .web-content.cover-background .topbar .topbar-buttons .btn svg {
      fill:#fff
  }

  .web-page.web-modern.modern_05 .web-content.cover-background .next-section-btn {
      fill: #fff;
      background-color: #313131
  }
}

.web-page.web-modern.modern_05 .web-content.cover-background .menu .menu-content .menu-header .name,.web-page.web-modern.modern_05 .web-content.cover-background .menu .menu-content .section-list .section-list-item {
  color: #fff
}

.web-page.web-modern.modern_05 .web-content.cover-background .menu .menu-content .section-list .section-list-item:not(:last-of-type) {
  border-bottom-color: hsla(0,0%,100%,.4)
}

.web-page.web-modern.modern_05 .web-content.cover-background .menu .menu-content .section-list .section-list-item.active:before {
  background: hsla(0,0%,100%,.4)
}

.web-page.web-modern.modern_05 .web-content.cover-background .menu .menu-content .section-list .section-list-item:focus,.web-page.web-modern.modern_05 .web-content.cover-background .menu .menu-content .section-list .section-list-item:hover {
  background: hsla(0,0%,100%,.1)
}

.web-page.web-modern.modern_05 .web-content.cover-background .menu .menu-content .track-vertical .thumb-vertical {
  background-color: hsla(0,0%,100%,.2)
}

@media (max-width: 767px) {
  .web-page.web-modern.modern_05 .web-content.cover-background .topbar:not(.closed) .topbar-buttons .btn svg {
      fill:#fff
  }
}

@media (min-width: 768px) {
  .web-page.web-modern.modern_05 .web-content.cover-background .topbar .topbar-buttons .btn svg {
      fill:#313131
  }
}

.web-page.web-modern.modern_06 .background-0.web-content,.web-page.web-modern.modern_06 .background-1.web-content,.web-page.web-modern.modern_06 .background-2.web-content,.web-page.web-modern.modern_06 .background-3.web-content,.web-page.web-modern.modern_06 .background-4.web-content,.web-page.web-modern.modern_06 .background-5.web-content {
  color: #313131
}

.web-page.web-modern.modern_06 .background-0.web-content a:focus,.web-page.web-modern.modern_06 .background-1.web-content a:focus,.web-page.web-modern.modern_06 .background-2.web-content a:focus,.web-page.web-modern.modern_06 .background-3.web-content a:focus,.web-page.web-modern.modern_06 .background-4.web-content a:focus,.web-page.web-modern.modern_06 .background-5.web-content a:focus {
  outline-color: rgba(49,49,49,.5)
}

.web-page.web-modern.modern_06 .background-0.web-content .topbar-avatar.no-avatar .avatar .initials,.web-page.web-modern.modern_06 .background-1.web-content .topbar-avatar.no-avatar .avatar .initials,.web-page.web-modern.modern_06 .background-2.web-content .topbar-avatar.no-avatar .avatar .initials,.web-page.web-modern.modern_06 .background-3.web-content .topbar-avatar.no-avatar .avatar .initials,.web-page.web-modern.modern_06 .background-4.web-content .topbar-avatar.no-avatar .avatar .initials,.web-page.web-modern.modern_06 .background-5.web-content .topbar-avatar.no-avatar .avatar .initials {
  background-color: #313131
}

.web-page.web-modern.modern_06 .background-0.web-content .topbar .topbar-buttons .btn svg,.web-page.web-modern.modern_06 .background-1.web-content .topbar .topbar-buttons .btn svg,.web-page.web-modern.modern_06 .background-2.web-content .topbar .topbar-buttons .btn svg,.web-page.web-modern.modern_06 .background-3.web-content .topbar .topbar-buttons .btn svg,.web-page.web-modern.modern_06 .background-4.web-content .topbar .topbar-buttons .btn svg,.web-page.web-modern.modern_06 .background-5.web-content .topbar .topbar-buttons .btn svg {
  fill: #313131
}

.web-page.web-modern.modern_06 .background-0.web-content .menu .menu-content,.web-page.web-modern.modern_06 .background-0.web-content .topbar .topbar-buttons .btn .btn-tooltip,.web-page.web-modern.modern_06 .background-1.web-content .menu .menu-content,.web-page.web-modern.modern_06 .background-1.web-content .topbar .topbar-buttons .btn .btn-tooltip,.web-page.web-modern.modern_06 .background-2.web-content .menu .menu-content,.web-page.web-modern.modern_06 .background-2.web-content .topbar .topbar-buttons .btn .btn-tooltip,.web-page.web-modern.modern_06 .background-3.web-content .menu .menu-content,.web-page.web-modern.modern_06 .background-3.web-content .topbar .topbar-buttons .btn .btn-tooltip,.web-page.web-modern.modern_06 .background-4.web-content .menu .menu-content,.web-page.web-modern.modern_06 .background-4.web-content .topbar .topbar-buttons .btn .btn-tooltip,.web-page.web-modern.modern_06 .background-5.web-content .menu .menu-content,.web-page.web-modern.modern_06 .background-5.web-content .topbar .topbar-buttons .btn .btn-tooltip {
  background: #313131
}

.web-page.web-modern.modern_06 .background-0.web-content .graph-section circle,.web-page.web-modern.modern_06 .background-1.web-content .graph-section circle,.web-page.web-modern.modern_06 .background-2.web-content .graph-section circle,.web-page.web-modern.modern_06 .background-3.web-content .graph-section circle,.web-page.web-modern.modern_06 .background-4.web-content .graph-section circle,.web-page.web-modern.modern_06 .background-5.web-content .graph-section circle {
  stroke: #313131
}

.web-page.web-modern.modern_06 .background-0.web-content .hobby-section svg,.web-page.web-modern.modern_06 .background-0.web-content .social-section svg,.web-page.web-modern.modern_06 .background-1.web-content .hobby-section svg,.web-page.web-modern.modern_06 .background-1.web-content .social-section svg,.web-page.web-modern.modern_06 .background-2.web-content .hobby-section svg,.web-page.web-modern.modern_06 .background-2.web-content .social-section svg,.web-page.web-modern.modern_06 .background-3.web-content .hobby-section svg,.web-page.web-modern.modern_06 .background-3.web-content .social-section svg,.web-page.web-modern.modern_06 .background-4.web-content .hobby-section svg,.web-page.web-modern.modern_06 .background-4.web-content .social-section svg,.web-page.web-modern.modern_06 .background-5.web-content .hobby-section svg,.web-page.web-modern.modern_06 .background-5.web-content .social-section svg {
  fill: #313131
}

.web-page.web-modern.modern_06 .background-0.web-content .experience-section .slick-dots li button,.web-page.web-modern.modern_06 .background-0.web-content .publication-section .slick-dots li button,.web-page.web-modern.modern_06 .background-0.web-content .skill-section .slick-dots li button,.web-page.web-modern.modern_06 .background-1.web-content .experience-section .slick-dots li button,.web-page.web-modern.modern_06 .background-1.web-content .publication-section .slick-dots li button,.web-page.web-modern.modern_06 .background-1.web-content .skill-section .slick-dots li button,.web-page.web-modern.modern_06 .background-2.web-content .experience-section .slick-dots li button,.web-page.web-modern.modern_06 .background-2.web-content .publication-section .slick-dots li button,.web-page.web-modern.modern_06 .background-2.web-content .skill-section .slick-dots li button,.web-page.web-modern.modern_06 .background-3.web-content .experience-section .slick-dots li button,.web-page.web-modern.modern_06 .background-3.web-content .publication-section .slick-dots li button,.web-page.web-modern.modern_06 .background-3.web-content .skill-section .slick-dots li button,.web-page.web-modern.modern_06 .background-4.web-content .experience-section .slick-dots li button,.web-page.web-modern.modern_06 .background-4.web-content .publication-section .slick-dots li button,.web-page.web-modern.modern_06 .background-4.web-content .skill-section .slick-dots li button,.web-page.web-modern.modern_06 .background-5.web-content .experience-section .slick-dots li button,.web-page.web-modern.modern_06 .background-5.web-content .publication-section .slick-dots li button,.web-page.web-modern.modern_06 .background-5.web-content .skill-section .slick-dots li button {
  border-color: #313131
}

.web-page.web-modern.modern_06 .background-0.web-content .experience-section .slick-dots li.slick-active button,.web-page.web-modern.modern_06 .background-0.web-content .publication-section .slick-dots li.slick-active button,.web-page.web-modern.modern_06 .background-0.web-content .skill-section .slick-dots li.slick-active button,.web-page.web-modern.modern_06 .background-1.web-content .experience-section .slick-dots li.slick-active button,.web-page.web-modern.modern_06 .background-1.web-content .publication-section .slick-dots li.slick-active button,.web-page.web-modern.modern_06 .background-1.web-content .skill-section .slick-dots li.slick-active button,.web-page.web-modern.modern_06 .background-2.web-content .experience-section .slick-dots li.slick-active button,.web-page.web-modern.modern_06 .background-2.web-content .publication-section .slick-dots li.slick-active button,.web-page.web-modern.modern_06 .background-2.web-content .skill-section .slick-dots li.slick-active button,.web-page.web-modern.modern_06 .background-3.web-content .experience-section .slick-dots li.slick-active button,.web-page.web-modern.modern_06 .background-3.web-content .publication-section .slick-dots li.slick-active button,.web-page.web-modern.modern_06 .background-3.web-content .skill-section .slick-dots li.slick-active button,.web-page.web-modern.modern_06 .background-4.web-content .experience-section .slick-dots li.slick-active button,.web-page.web-modern.modern_06 .background-4.web-content .publication-section .slick-dots li.slick-active button,.web-page.web-modern.modern_06 .background-4.web-content .skill-section .slick-dots li.slick-active button,.web-page.web-modern.modern_06 .background-5.web-content .experience-section .slick-dots li.slick-active button,.web-page.web-modern.modern_06 .background-5.web-content .publication-section .slick-dots li.slick-active button,.web-page.web-modern.modern_06 .background-5.web-content .skill-section .slick-dots li.slick-active button {
  background: #313131
}

.web-page.web-modern.modern_06 .background-0 .next-section-btn,.web-page.web-modern.modern_06 .background-0 .prev-section-btn,.web-page.web-modern.modern_06 .background-1 .next-section-btn,.web-page.web-modern.modern_06 .background-1 .prev-section-btn,.web-page.web-modern.modern_06 .background-2 .next-section-btn,.web-page.web-modern.modern_06 .background-2 .prev-section-btn,.web-page.web-modern.modern_06 .background-3 .next-section-btn,.web-page.web-modern.modern_06 .background-3 .prev-section-btn,.web-page.web-modern.modern_06 .background-4 .next-section-btn,.web-page.web-modern.modern_06 .background-4 .prev-section-btn,.web-page.web-modern.modern_06 .background-5 .next-section-btn,.web-page.web-modern.modern_06 .background-5 .prev-section-btn {
  fill: #313131
}

@media (max-width: 767px) {
  .web-page.web-modern.modern_06 .background-0.web-content .topbar:not(.closed),.web-page.web-modern.modern_06 .background-1.web-content .topbar:not(.closed),.web-page.web-modern.modern_06 .background-2.web-content .topbar:not(.closed),.web-page.web-modern.modern_06 .background-3.web-content .topbar:not(.closed),.web-page.web-modern.modern_06 .background-4.web-content .topbar:not(.closed),.web-page.web-modern.modern_06 .background-5.web-content .topbar:not(.closed) {
      background-color:#313131
  }
}

.web-page.web-modern.modern_06 .background-0.web-content .topbar-avatar.no-avatar .avatar .initials .first,.web-page.web-modern.modern_06 .background-0.web-content .topbar-avatar.no-avatar .avatar .initials .second,.web-page.web-modern.modern_06 .background-1.web-content .topbar-avatar.no-avatar .avatar .initials .first,.web-page.web-modern.modern_06 .background-1.web-content .topbar-avatar.no-avatar .avatar .initials .second,.web-page.web-modern.modern_06 .background-2.web-content .topbar-avatar.no-avatar .avatar .initials .first,.web-page.web-modern.modern_06 .background-2.web-content .topbar-avatar.no-avatar .avatar .initials .second,.web-page.web-modern.modern_06 .background-3.web-content .topbar-avatar.no-avatar .avatar .initials .first,.web-page.web-modern.modern_06 .background-3.web-content .topbar-avatar.no-avatar .avatar .initials .second,.web-page.web-modern.modern_06 .background-4.web-content .topbar-avatar.no-avatar .avatar .initials .first,.web-page.web-modern.modern_06 .background-4.web-content .topbar-avatar.no-avatar .avatar .initials .second,.web-page.web-modern.modern_06 .background-5.web-content .topbar-avatar.no-avatar .avatar .initials .first,.web-page.web-modern.modern_06 .background-5.web-content .topbar-avatar.no-avatar .avatar .initials .second {
  color: #fff
}

.web-page.web-modern.modern_06 .background-0.web-content .topbar-avatar.no-avatar .avatar .initials .line,.web-page.web-modern.modern_06 .background-1.web-content .topbar-avatar.no-avatar .avatar .initials .line,.web-page.web-modern.modern_06 .background-2.web-content .topbar-avatar.no-avatar .avatar .initials .line,.web-page.web-modern.modern_06 .background-3.web-content .topbar-avatar.no-avatar .avatar .initials .line,.web-page.web-modern.modern_06 .background-4.web-content .topbar-avatar.no-avatar .avatar .initials .line,.web-page.web-modern.modern_06 .background-5.web-content .topbar-avatar.no-avatar .avatar .initials .line {
  background: #fff
}

.web-page.web-modern.modern_06 .background-0.web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_06 .background-0.web-content .menu .menu-content .section-list .section-list-item,.web-page.web-modern.modern_06 .background-0.web-content .topbar .btn .btn-tooltip,.web-page.web-modern.modern_06 .background-1.web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_06 .background-1.web-content .menu .menu-content .section-list .section-list-item,.web-page.web-modern.modern_06 .background-1.web-content .topbar .btn .btn-tooltip,.web-page.web-modern.modern_06 .background-2.web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_06 .background-2.web-content .menu .menu-content .section-list .section-list-item,.web-page.web-modern.modern_06 .background-2.web-content .topbar .btn .btn-tooltip,.web-page.web-modern.modern_06 .background-3.web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_06 .background-3.web-content .menu .menu-content .section-list .section-list-item,.web-page.web-modern.modern_06 .background-3.web-content .topbar .btn .btn-tooltip,.web-page.web-modern.modern_06 .background-4.web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_06 .background-4.web-content .menu .menu-content .section-list .section-list-item,.web-page.web-modern.modern_06 .background-4.web-content .topbar .btn .btn-tooltip,.web-page.web-modern.modern_06 .background-5.web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_06 .background-5.web-content .menu .menu-content .section-list .section-list-item,.web-page.web-modern.modern_06 .background-5.web-content .topbar .btn .btn-tooltip {
  color: #fff
}

.web-page.web-modern.modern_06 .background-0.web-content .menu .menu-content .section-list .section-list-item:not(:last-of-type),.web-page.web-modern.modern_06 .background-1.web-content .menu .menu-content .section-list .section-list-item:not(:last-of-type),.web-page.web-modern.modern_06 .background-2.web-content .menu .menu-content .section-list .section-list-item:not(:last-of-type),.web-page.web-modern.modern_06 .background-3.web-content .menu .menu-content .section-list .section-list-item:not(:last-of-type),.web-page.web-modern.modern_06 .background-4.web-content .menu .menu-content .section-list .section-list-item:not(:last-of-type),.web-page.web-modern.modern_06 .background-5.web-content .menu .menu-content .section-list .section-list-item:not(:last-of-type) {
  border-bottom-color: hsla(0,0%,100%,.4)
}

.web-page.web-modern.modern_06 .background-0.web-content .menu .menu-content .section-list .section-list-item.active:before,.web-page.web-modern.modern_06 .background-1.web-content .menu .menu-content .section-list .section-list-item.active:before,.web-page.web-modern.modern_06 .background-2.web-content .menu .menu-content .section-list .section-list-item.active:before,.web-page.web-modern.modern_06 .background-3.web-content .menu .menu-content .section-list .section-list-item.active:before,.web-page.web-modern.modern_06 .background-4.web-content .menu .menu-content .section-list .section-list-item.active:before,.web-page.web-modern.modern_06 .background-5.web-content .menu .menu-content .section-list .section-list-item.active:before {
  background: hsla(0,0%,100%,.4)
}

.web-page.web-modern.modern_06 .background-0.web-content .menu .menu-content .section-list .section-list-item:focus,.web-page.web-modern.modern_06 .background-0.web-content .menu .menu-content .section-list .section-list-item:hover,.web-page.web-modern.modern_06 .background-1.web-content .menu .menu-content .section-list .section-list-item:focus,.web-page.web-modern.modern_06 .background-1.web-content .menu .menu-content .section-list .section-list-item:hover,.web-page.web-modern.modern_06 .background-2.web-content .menu .menu-content .section-list .section-list-item:focus,.web-page.web-modern.modern_06 .background-2.web-content .menu .menu-content .section-list .section-list-item:hover,.web-page.web-modern.modern_06 .background-3.web-content .menu .menu-content .section-list .section-list-item:focus,.web-page.web-modern.modern_06 .background-3.web-content .menu .menu-content .section-list .section-list-item:hover,.web-page.web-modern.modern_06 .background-4.web-content .menu .menu-content .section-list .section-list-item:focus,.web-page.web-modern.modern_06 .background-4.web-content .menu .menu-content .section-list .section-list-item:hover,.web-page.web-modern.modern_06 .background-5.web-content .menu .menu-content .section-list .section-list-item:focus,.web-page.web-modern.modern_06 .background-5.web-content .menu .menu-content .section-list .section-list-item:hover {
  background: hsla(0,0%,100%,.1)
}

.web-page.web-modern.modern_06 .background-0.web-content .menu .menu-content .track-vertical .thumb-vertical,.web-page.web-modern.modern_06 .background-1.web-content .menu .menu-content .track-vertical .thumb-vertical,.web-page.web-modern.modern_06 .background-2.web-content .menu .menu-content .track-vertical .thumb-vertical,.web-page.web-modern.modern_06 .background-3.web-content .menu .menu-content .track-vertical .thumb-vertical,.web-page.web-modern.modern_06 .background-4.web-content .menu .menu-content .track-vertical .thumb-vertical,.web-page.web-modern.modern_06 .background-5.web-content .menu .menu-content .track-vertical .thumb-vertical {
  background-color: hsla(0,0%,100%,.2)
}

.web-page.web-modern.modern_06 .background-0 .next-section-btn,.web-page.web-modern.modern_06 .background-1 .next-section-btn,.web-page.web-modern.modern_06 .background-2 .next-section-btn,.web-page.web-modern.modern_06 .background-3 .next-section-btn,.web-page.web-modern.modern_06 .background-4 .next-section-btn,.web-page.web-modern.modern_06 .background-5 .next-section-btn {
  background-color: #fff
}

@media (max-width: 767px) {
  .web-page.web-modern.modern_06 .background-0.web-content .topbar:not(.closed) .topbar-buttons svg,.web-page.web-modern.modern_06 .background-1.web-content .topbar:not(.closed) .topbar-buttons svg,.web-page.web-modern.modern_06 .background-2.web-content .topbar:not(.closed) .topbar-buttons svg,.web-page.web-modern.modern_06 .background-3.web-content .topbar:not(.closed) .topbar-buttons svg,.web-page.web-modern.modern_06 .background-4.web-content .topbar:not(.closed) .topbar-buttons svg,.web-page.web-modern.modern_06 .background-5.web-content .topbar:not(.closed) .topbar-buttons svg {
      fill:#fff
  }

  .web-page.web-modern.modern_06 .background-0.web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_06 .background-1.web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_06 .background-2.web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_06 .background-3.web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_06 .background-4.web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_06 .background-5.web-content .menu .menu-content .menu-header .name {
      color: #fff
  }
}

.web-page.web-modern.modern_06 .web-content:not(.cover-background) {
  background-color: #d9cfc7
}

.web-page.web-modern.modern_06 .web-content:not(.cover-background) .topbar.closed {
  background: #d9cfc7
}

.web-page.web-modern.modern_06 .web-content:not(.cover-background) .prev-section-btn {
  background-color: #d9cfc7
}

.web-page.web-modern.modern_06 .web-content.cover-background {
  background-image: url(https://d2sn08my3g92cp.cloudfront.net/backgrounds/modern_06.jpg)
}

.web-page.web-modern.modern_06 .web-content.cover-background a:focus {
  outline-color: rgba(49,49,49,.5)
}

.web-page.web-modern.modern_06 .web-content.cover-background .general-avatar.no-avatar .avatar .initials {
  background-color: #313131
}

.web-page.web-modern.modern_06 .web-content.cover-background .topbar .topbar-buttons .btn .btn-tooltip {
  background: #fff;
  color: #313131
}

.web-page.web-modern.modern_06 .web-content.cover-background .cover-section .name,.web-page.web-modern.modern_06 .web-content.cover-background .general-info .info-wrapper .key,.web-page.web-modern.modern_06 .web-content.cover-background .general-info .info-wrapper .value {
  color: #313131
}

.web-page.web-modern.modern_06 .web-content.cover-background .menu .menu-content {
  background: #313131
}

.web-page.web-modern.modern_06 .web-content.cover-background .next-section-btn {
  fill: #313131;
  background-color: #fff
}

@media (max-width: 767px) {
  .web-page.web-modern.modern_06 .web-content.cover-background .topbar:not(.closed) {
      background:#313131
  }

  .web-page.web-modern.modern_06 .web-content.cover-background .topbar.closed .topbar-buttons .btn svg {
      fill: #313131
  }
}

@media (min-width: 768px) {
  .web-page.web-modern.modern_06 .web-content.cover-background .topbar .topbar-buttons .btn svg {
      fill:#fff
  }

  .web-page.web-modern.modern_06 .web-content.cover-background .next-section-btn {
      fill: #fff;
      background-color: #313131
  }
}

.web-page.web-modern.modern_07 .background-0.web-content,.web-page.web-modern.modern_07 .background-1.web-content,.web-page.web-modern.modern_07 .background-2.web-content,.web-page.web-modern.modern_07 .background-3.web-content,.web-page.web-modern.modern_07 .background-4.web-content,.web-page.web-modern.modern_07 .background-5.web-content {
  color: #bebab4
}

.web-page.web-modern.modern_07 .background-0.web-content a:focus,.web-page.web-modern.modern_07 .background-1.web-content a:focus,.web-page.web-modern.modern_07 .background-2.web-content a:focus,.web-page.web-modern.modern_07 .background-3.web-content a:focus,.web-page.web-modern.modern_07 .background-4.web-content a:focus,.web-page.web-modern.modern_07 .background-5.web-content a:focus {
  outline-color: hsla(36,7%,73%,.5)
}

.web-page.web-modern.modern_07 .background-0.web-content .topbar-avatar.no-avatar .avatar .initials,.web-page.web-modern.modern_07 .background-1.web-content .topbar-avatar.no-avatar .avatar .initials,.web-page.web-modern.modern_07 .background-2.web-content .topbar-avatar.no-avatar .avatar .initials,.web-page.web-modern.modern_07 .background-3.web-content .topbar-avatar.no-avatar .avatar .initials,.web-page.web-modern.modern_07 .background-4.web-content .topbar-avatar.no-avatar .avatar .initials,.web-page.web-modern.modern_07 .background-5.web-content .topbar-avatar.no-avatar .avatar .initials {
  background-color: #bebab4
}

.web-page.web-modern.modern_07 .background-0.web-content .topbar .topbar-buttons .btn svg,.web-page.web-modern.modern_07 .background-1.web-content .topbar .topbar-buttons .btn svg,.web-page.web-modern.modern_07 .background-2.web-content .topbar .topbar-buttons .btn svg,.web-page.web-modern.modern_07 .background-3.web-content .topbar .topbar-buttons .btn svg,.web-page.web-modern.modern_07 .background-4.web-content .topbar .topbar-buttons .btn svg,.web-page.web-modern.modern_07 .background-5.web-content .topbar .topbar-buttons .btn svg {
  fill: #bebab4
}

.web-page.web-modern.modern_07 .background-0.web-content .menu .menu-content,.web-page.web-modern.modern_07 .background-0.web-content .topbar .topbar-buttons .btn .btn-tooltip,.web-page.web-modern.modern_07 .background-1.web-content .menu .menu-content,.web-page.web-modern.modern_07 .background-1.web-content .topbar .topbar-buttons .btn .btn-tooltip,.web-page.web-modern.modern_07 .background-2.web-content .menu .menu-content,.web-page.web-modern.modern_07 .background-2.web-content .topbar .topbar-buttons .btn .btn-tooltip,.web-page.web-modern.modern_07 .background-3.web-content .menu .menu-content,.web-page.web-modern.modern_07 .background-3.web-content .topbar .topbar-buttons .btn .btn-tooltip,.web-page.web-modern.modern_07 .background-4.web-content .menu .menu-content,.web-page.web-modern.modern_07 .background-4.web-content .topbar .topbar-buttons .btn .btn-tooltip,.web-page.web-modern.modern_07 .background-5.web-content .menu .menu-content,.web-page.web-modern.modern_07 .background-5.web-content .topbar .topbar-buttons .btn .btn-tooltip {
  background: #bebab4
}

.web-page.web-modern.modern_07 .background-0.web-content .graph-section circle,.web-page.web-modern.modern_07 .background-1.web-content .graph-section circle,.web-page.web-modern.modern_07 .background-2.web-content .graph-section circle,.web-page.web-modern.modern_07 .background-3.web-content .graph-section circle,.web-page.web-modern.modern_07 .background-4.web-content .graph-section circle,.web-page.web-modern.modern_07 .background-5.web-content .graph-section circle {
  stroke: #bebab4
}

.web-page.web-modern.modern_07 .background-0.web-content .hobby-section svg,.web-page.web-modern.modern_07 .background-0.web-content .social-section svg,.web-page.web-modern.modern_07 .background-1.web-content .hobby-section svg,.web-page.web-modern.modern_07 .background-1.web-content .social-section svg,.web-page.web-modern.modern_07 .background-2.web-content .hobby-section svg,.web-page.web-modern.modern_07 .background-2.web-content .social-section svg,.web-page.web-modern.modern_07 .background-3.web-content .hobby-section svg,.web-page.web-modern.modern_07 .background-3.web-content .social-section svg,.web-page.web-modern.modern_07 .background-4.web-content .hobby-section svg,.web-page.web-modern.modern_07 .background-4.web-content .social-section svg,.web-page.web-modern.modern_07 .background-5.web-content .hobby-section svg,.web-page.web-modern.modern_07 .background-5.web-content .social-section svg {
  fill: #bebab4
}

.web-page.web-modern.modern_07 .background-0.web-content .experience-section .slick-dots li button,.web-page.web-modern.modern_07 .background-0.web-content .publication-section .slick-dots li button,.web-page.web-modern.modern_07 .background-0.web-content .skill-section .slick-dots li button,.web-page.web-modern.modern_07 .background-1.web-content .experience-section .slick-dots li button,.web-page.web-modern.modern_07 .background-1.web-content .publication-section .slick-dots li button,.web-page.web-modern.modern_07 .background-1.web-content .skill-section .slick-dots li button,.web-page.web-modern.modern_07 .background-2.web-content .experience-section .slick-dots li button,.web-page.web-modern.modern_07 .background-2.web-content .publication-section .slick-dots li button,.web-page.web-modern.modern_07 .background-2.web-content .skill-section .slick-dots li button,.web-page.web-modern.modern_07 .background-3.web-content .experience-section .slick-dots li button,.web-page.web-modern.modern_07 .background-3.web-content .publication-section .slick-dots li button,.web-page.web-modern.modern_07 .background-3.web-content .skill-section .slick-dots li button,.web-page.web-modern.modern_07 .background-4.web-content .experience-section .slick-dots li button,.web-page.web-modern.modern_07 .background-4.web-content .publication-section .slick-dots li button,.web-page.web-modern.modern_07 .background-4.web-content .skill-section .slick-dots li button,.web-page.web-modern.modern_07 .background-5.web-content .experience-section .slick-dots li button,.web-page.web-modern.modern_07 .background-5.web-content .publication-section .slick-dots li button,.web-page.web-modern.modern_07 .background-5.web-content .skill-section .slick-dots li button {
  border-color: #bebab4
}

.web-page.web-modern.modern_07 .background-0.web-content .experience-section .slick-dots li.slick-active button,.web-page.web-modern.modern_07 .background-0.web-content .publication-section .slick-dots li.slick-active button,.web-page.web-modern.modern_07 .background-0.web-content .skill-section .slick-dots li.slick-active button,.web-page.web-modern.modern_07 .background-1.web-content .experience-section .slick-dots li.slick-active button,.web-page.web-modern.modern_07 .background-1.web-content .publication-section .slick-dots li.slick-active button,.web-page.web-modern.modern_07 .background-1.web-content .skill-section .slick-dots li.slick-active button,.web-page.web-modern.modern_07 .background-2.web-content .experience-section .slick-dots li.slick-active button,.web-page.web-modern.modern_07 .background-2.web-content .publication-section .slick-dots li.slick-active button,.web-page.web-modern.modern_07 .background-2.web-content .skill-section .slick-dots li.slick-active button,.web-page.web-modern.modern_07 .background-3.web-content .experience-section .slick-dots li.slick-active button,.web-page.web-modern.modern_07 .background-3.web-content .publication-section .slick-dots li.slick-active button,.web-page.web-modern.modern_07 .background-3.web-content .skill-section .slick-dots li.slick-active button,.web-page.web-modern.modern_07 .background-4.web-content .experience-section .slick-dots li.slick-active button,.web-page.web-modern.modern_07 .background-4.web-content .publication-section .slick-dots li.slick-active button,.web-page.web-modern.modern_07 .background-4.web-content .skill-section .slick-dots li.slick-active button,.web-page.web-modern.modern_07 .background-5.web-content .experience-section .slick-dots li.slick-active button,.web-page.web-modern.modern_07 .background-5.web-content .publication-section .slick-dots li.slick-active button,.web-page.web-modern.modern_07 .background-5.web-content .skill-section .slick-dots li.slick-active button {
  background: #bebab4
}

.web-page.web-modern.modern_07 .background-0 .next-section-btn,.web-page.web-modern.modern_07 .background-0 .prev-section-btn,.web-page.web-modern.modern_07 .background-1 .next-section-btn,.web-page.web-modern.modern_07 .background-1 .prev-section-btn,.web-page.web-modern.modern_07 .background-2 .next-section-btn,.web-page.web-modern.modern_07 .background-2 .prev-section-btn,.web-page.web-modern.modern_07 .background-3 .next-section-btn,.web-page.web-modern.modern_07 .background-3 .prev-section-btn,.web-page.web-modern.modern_07 .background-4 .next-section-btn,.web-page.web-modern.modern_07 .background-4 .prev-section-btn,.web-page.web-modern.modern_07 .background-5 .next-section-btn,.web-page.web-modern.modern_07 .background-5 .prev-section-btn {
  fill: #bebab4
}

@media (max-width: 767px) {
  .web-page.web-modern.modern_07 .background-0.web-content .topbar:not(.closed),.web-page.web-modern.modern_07 .background-1.web-content .topbar:not(.closed),.web-page.web-modern.modern_07 .background-2.web-content .topbar:not(.closed),.web-page.web-modern.modern_07 .background-3.web-content .topbar:not(.closed),.web-page.web-modern.modern_07 .background-4.web-content .topbar:not(.closed),.web-page.web-modern.modern_07 .background-5.web-content .topbar:not(.closed) {
      background-color:#bebab4
  }
}

.web-page.web-modern.modern_07 .background-0.web-content .topbar-avatar.no-avatar .avatar .initials .first,.web-page.web-modern.modern_07 .background-0.web-content .topbar-avatar.no-avatar .avatar .initials .second,.web-page.web-modern.modern_07 .background-1.web-content .topbar-avatar.no-avatar .avatar .initials .first,.web-page.web-modern.modern_07 .background-1.web-content .topbar-avatar.no-avatar .avatar .initials .second,.web-page.web-modern.modern_07 .background-2.web-content .topbar-avatar.no-avatar .avatar .initials .first,.web-page.web-modern.modern_07 .background-2.web-content .topbar-avatar.no-avatar .avatar .initials .second,.web-page.web-modern.modern_07 .background-3.web-content .topbar-avatar.no-avatar .avatar .initials .first,.web-page.web-modern.modern_07 .background-3.web-content .topbar-avatar.no-avatar .avatar .initials .second,.web-page.web-modern.modern_07 .background-4.web-content .topbar-avatar.no-avatar .avatar .initials .first,.web-page.web-modern.modern_07 .background-4.web-content .topbar-avatar.no-avatar .avatar .initials .second,.web-page.web-modern.modern_07 .background-5.web-content .topbar-avatar.no-avatar .avatar .initials .first,.web-page.web-modern.modern_07 .background-5.web-content .topbar-avatar.no-avatar .avatar .initials .second {
  color: #000
}

.web-page.web-modern.modern_07 .background-0.web-content .topbar-avatar.no-avatar .avatar .initials .line,.web-page.web-modern.modern_07 .background-1.web-content .topbar-avatar.no-avatar .avatar .initials .line,.web-page.web-modern.modern_07 .background-2.web-content .topbar-avatar.no-avatar .avatar .initials .line,.web-page.web-modern.modern_07 .background-3.web-content .topbar-avatar.no-avatar .avatar .initials .line,.web-page.web-modern.modern_07 .background-4.web-content .topbar-avatar.no-avatar .avatar .initials .line,.web-page.web-modern.modern_07 .background-5.web-content .topbar-avatar.no-avatar .avatar .initials .line {
  background: #000
}

.web-page.web-modern.modern_07 .background-0.web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_07 .background-0.web-content .menu .menu-content .section-list .section-list-item,.web-page.web-modern.modern_07 .background-0.web-content .topbar .btn .btn-tooltip,.web-page.web-modern.modern_07 .background-1.web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_07 .background-1.web-content .menu .menu-content .section-list .section-list-item,.web-page.web-modern.modern_07 .background-1.web-content .topbar .btn .btn-tooltip,.web-page.web-modern.modern_07 .background-2.web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_07 .background-2.web-content .menu .menu-content .section-list .section-list-item,.web-page.web-modern.modern_07 .background-2.web-content .topbar .btn .btn-tooltip,.web-page.web-modern.modern_07 .background-3.web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_07 .background-3.web-content .menu .menu-content .section-list .section-list-item,.web-page.web-modern.modern_07 .background-3.web-content .topbar .btn .btn-tooltip,.web-page.web-modern.modern_07 .background-4.web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_07 .background-4.web-content .menu .menu-content .section-list .section-list-item,.web-page.web-modern.modern_07 .background-4.web-content .topbar .btn .btn-tooltip,.web-page.web-modern.modern_07 .background-5.web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_07 .background-5.web-content .menu .menu-content .section-list .section-list-item,.web-page.web-modern.modern_07 .background-5.web-content .topbar .btn .btn-tooltip {
  color: #000
}

.web-page.web-modern.modern_07 .background-0.web-content .menu .menu-content .section-list .section-list-item:not(:last-of-type),.web-page.web-modern.modern_07 .background-1.web-content .menu .menu-content .section-list .section-list-item:not(:last-of-type),.web-page.web-modern.modern_07 .background-2.web-content .menu .menu-content .section-list .section-list-item:not(:last-of-type),.web-page.web-modern.modern_07 .background-3.web-content .menu .menu-content .section-list .section-list-item:not(:last-of-type),.web-page.web-modern.modern_07 .background-4.web-content .menu .menu-content .section-list .section-list-item:not(:last-of-type),.web-page.web-modern.modern_07 .background-5.web-content .menu .menu-content .section-list .section-list-item:not(:last-of-type) {
  border-bottom-color: rgba(0,0,0,.4)
}

.web-page.web-modern.modern_07 .background-0.web-content .menu .menu-content .section-list .section-list-item.active:before,.web-page.web-modern.modern_07 .background-1.web-content .menu .menu-content .section-list .section-list-item.active:before,.web-page.web-modern.modern_07 .background-2.web-content .menu .menu-content .section-list .section-list-item.active:before,.web-page.web-modern.modern_07 .background-3.web-content .menu .menu-content .section-list .section-list-item.active:before,.web-page.web-modern.modern_07 .background-4.web-content .menu .menu-content .section-list .section-list-item.active:before,.web-page.web-modern.modern_07 .background-5.web-content .menu .menu-content .section-list .section-list-item.active:before {
  background: rgba(0,0,0,.4)
}

.web-page.web-modern.modern_07 .background-0.web-content .menu .menu-content .section-list .section-list-item:focus,.web-page.web-modern.modern_07 .background-0.web-content .menu .menu-content .section-list .section-list-item:hover,.web-page.web-modern.modern_07 .background-1.web-content .menu .menu-content .section-list .section-list-item:focus,.web-page.web-modern.modern_07 .background-1.web-content .menu .menu-content .section-list .section-list-item:hover,.web-page.web-modern.modern_07 .background-2.web-content .menu .menu-content .section-list .section-list-item:focus,.web-page.web-modern.modern_07 .background-2.web-content .menu .menu-content .section-list .section-list-item:hover,.web-page.web-modern.modern_07 .background-3.web-content .menu .menu-content .section-list .section-list-item:focus,.web-page.web-modern.modern_07 .background-3.web-content .menu .menu-content .section-list .section-list-item:hover,.web-page.web-modern.modern_07 .background-4.web-content .menu .menu-content .section-list .section-list-item:focus,.web-page.web-modern.modern_07 .background-4.web-content .menu .menu-content .section-list .section-list-item:hover,.web-page.web-modern.modern_07 .background-5.web-content .menu .menu-content .section-list .section-list-item:focus,.web-page.web-modern.modern_07 .background-5.web-content .menu .menu-content .section-list .section-list-item:hover {
  background: rgba(0,0,0,.1)
}

.web-page.web-modern.modern_07 .background-0.web-content .menu .menu-content .track-vertical .thumb-vertical,.web-page.web-modern.modern_07 .background-1.web-content .menu .menu-content .track-vertical .thumb-vertical,.web-page.web-modern.modern_07 .background-2.web-content .menu .menu-content .track-vertical .thumb-vertical,.web-page.web-modern.modern_07 .background-3.web-content .menu .menu-content .track-vertical .thumb-vertical,.web-page.web-modern.modern_07 .background-4.web-content .menu .menu-content .track-vertical .thumb-vertical,.web-page.web-modern.modern_07 .background-5.web-content .menu .menu-content .track-vertical .thumb-vertical {
  background-color: rgba(0,0,0,.2)
}

.web-page.web-modern.modern_07 .background-0 .next-section-btn,.web-page.web-modern.modern_07 .background-1 .next-section-btn,.web-page.web-modern.modern_07 .background-2 .next-section-btn,.web-page.web-modern.modern_07 .background-3 .next-section-btn,.web-page.web-modern.modern_07 .background-4 .next-section-btn,.web-page.web-modern.modern_07 .background-5 .next-section-btn {
  background-color: #000
}

@media (max-width: 767px) {
  .web-page.web-modern.modern_07 .background-0.web-content .topbar:not(.closed) .topbar-buttons svg,.web-page.web-modern.modern_07 .background-1.web-content .topbar:not(.closed) .topbar-buttons svg,.web-page.web-modern.modern_07 .background-2.web-content .topbar:not(.closed) .topbar-buttons svg,.web-page.web-modern.modern_07 .background-3.web-content .topbar:not(.closed) .topbar-buttons svg,.web-page.web-modern.modern_07 .background-4.web-content .topbar:not(.closed) .topbar-buttons svg,.web-page.web-modern.modern_07 .background-5.web-content .topbar:not(.closed) .topbar-buttons svg {
      fill:#000
  }

  .web-page.web-modern.modern_07 .background-0.web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_07 .background-1.web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_07 .background-2.web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_07 .background-3.web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_07 .background-4.web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_07 .background-5.web-content .menu .menu-content .menu-header .name {
      color: #000
  }
}

.web-page.web-modern.modern_07 .web-content:not(.cover-background) {
  background-color: #000
}

.web-page.web-modern.modern_07 .web-content:not(.cover-background) .topbar.closed {
  background: #000
}

.web-page.web-modern.modern_07 .web-content:not(.cover-background) .prev-section-btn {
  background-color: #000
}

.web-page.web-modern.modern_07 .web-content.cover-background {
  background-image: url(https://d2sn08my3g92cp.cloudfront.net/backgrounds/modern_07.jpg)
}

.web-page.web-modern.modern_07 .web-content.cover-background a:focus {
  outline-color: rgba(0,0,0,.5)
}

.web-page.web-modern.modern_07 .web-content.cover-background .general-avatar.no-avatar .avatar .initials {
  background-color: #000
}

.web-page.web-modern.modern_07 .web-content.cover-background .topbar .topbar-buttons .btn .btn-tooltip {
  background: #fff;
  color: #000
}

.web-page.web-modern.modern_07 .web-content.cover-background .cover-section .name,.web-page.web-modern.modern_07 .web-content.cover-background .general-info .info-wrapper .key,.web-page.web-modern.modern_07 .web-content.cover-background .general-info .info-wrapper .value {
  color: #000
}

.web-page.web-modern.modern_07 .web-content.cover-background .menu .menu-content {
  background: #000
}

.web-page.web-modern.modern_07 .web-content.cover-background .next-section-btn {
  fill: #000;
  background-color: #fff
}

@media (max-width: 767px) {
  .web-page.web-modern.modern_07 .web-content.cover-background .topbar:not(.closed) {
      background:#000
  }

  .web-page.web-modern.modern_07 .web-content.cover-background .topbar.closed .topbar-buttons .btn svg {
      fill: #000
  }
}

@media (min-width: 768px) {
  .web-page.web-modern.modern_07 .web-content.cover-background .topbar .topbar-buttons .btn svg {
      fill:#fff
  }

  .web-page.web-modern.modern_07 .web-content.cover-background .next-section-btn {
      fill: #fff;
      background-color: #000
  }
}

.web-page.web-modern.modern_07 .web-content.cover-background .menu .menu-content .menu-header .name,.web-page.web-modern.modern_07 .web-content.cover-background .menu .menu-content .section-list .section-list-item {
  color: #fff
}

.web-page.web-modern.modern_07 .web-content.cover-background .menu .menu-content .section-list .section-list-item:not(:last-of-type) {
  border-bottom-color: hsla(0,0%,100%,.4)
}

.web-page.web-modern.modern_07 .web-content.cover-background .menu .menu-content .section-list .section-list-item.active:before {
  background: hsla(0,0%,100%,.4)
}

.web-page.web-modern.modern_07 .web-content.cover-background .menu .menu-content .section-list .section-list-item:focus,.web-page.web-modern.modern_07 .web-content.cover-background .menu .menu-content .section-list .section-list-item:hover {
  background: hsla(0,0%,100%,.1)
}

.web-page.web-modern.modern_07 .web-content.cover-background .menu .menu-content .track-vertical .thumb-vertical {
  background-color: hsla(0,0%,100%,.2)
}

@media (max-width: 767px) {
  .web-page.web-modern.modern_07 .web-content.cover-background .topbar:not(.closed) .topbar-buttons .btn svg {
      fill:#fff
  }
}

.web-page.web-modern.modern_08 .background-0.web-content,.web-page.web-modern.modern_08 .background-1.web-content,.web-page.web-modern.modern_08 .background-2.web-content,.web-page.web-modern.modern_08 .background-3.web-content,.web-page.web-modern.modern_08 .background-4.web-content,.web-page.web-modern.modern_08 .background-5.web-content {
  color: #313131
}

.web-page.web-modern.modern_08 .background-0.web-content a:focus,.web-page.web-modern.modern_08 .background-1.web-content a:focus,.web-page.web-modern.modern_08 .background-2.web-content a:focus,.web-page.web-modern.modern_08 .background-3.web-content a:focus,.web-page.web-modern.modern_08 .background-4.web-content a:focus,.web-page.web-modern.modern_08 .background-5.web-content a:focus {
  outline-color: rgba(49,49,49,.5)
}

.web-page.web-modern.modern_08 .background-0.web-content .topbar-avatar.no-avatar .avatar .initials,.web-page.web-modern.modern_08 .background-1.web-content .topbar-avatar.no-avatar .avatar .initials,.web-page.web-modern.modern_08 .background-2.web-content .topbar-avatar.no-avatar .avatar .initials,.web-page.web-modern.modern_08 .background-3.web-content .topbar-avatar.no-avatar .avatar .initials,.web-page.web-modern.modern_08 .background-4.web-content .topbar-avatar.no-avatar .avatar .initials,.web-page.web-modern.modern_08 .background-5.web-content .topbar-avatar.no-avatar .avatar .initials {
  background-color: #313131
}

.web-page.web-modern.modern_08 .background-0.web-content .topbar .topbar-buttons .btn svg,.web-page.web-modern.modern_08 .background-1.web-content .topbar .topbar-buttons .btn svg,.web-page.web-modern.modern_08 .background-2.web-content .topbar .topbar-buttons .btn svg,.web-page.web-modern.modern_08 .background-3.web-content .topbar .topbar-buttons .btn svg,.web-page.web-modern.modern_08 .background-4.web-content .topbar .topbar-buttons .btn svg,.web-page.web-modern.modern_08 .background-5.web-content .topbar .topbar-buttons .btn svg {
  fill: #313131
}

.web-page.web-modern.modern_08 .background-0.web-content .menu .menu-content,.web-page.web-modern.modern_08 .background-0.web-content .topbar .topbar-buttons .btn .btn-tooltip,.web-page.web-modern.modern_08 .background-1.web-content .menu .menu-content,.web-page.web-modern.modern_08 .background-1.web-content .topbar .topbar-buttons .btn .btn-tooltip,.web-page.web-modern.modern_08 .background-2.web-content .menu .menu-content,.web-page.web-modern.modern_08 .background-2.web-content .topbar .topbar-buttons .btn .btn-tooltip,.web-page.web-modern.modern_08 .background-3.web-content .menu .menu-content,.web-page.web-modern.modern_08 .background-3.web-content .topbar .topbar-buttons .btn .btn-tooltip,.web-page.web-modern.modern_08 .background-4.web-content .menu .menu-content,.web-page.web-modern.modern_08 .background-4.web-content .topbar .topbar-buttons .btn .btn-tooltip,.web-page.web-modern.modern_08 .background-5.web-content .menu .menu-content,.web-page.web-modern.modern_08 .background-5.web-content .topbar .topbar-buttons .btn .btn-tooltip {
  background: #313131
}

.web-page.web-modern.modern_08 .background-0.web-content .graph-section circle,.web-page.web-modern.modern_08 .background-1.web-content .graph-section circle,.web-page.web-modern.modern_08 .background-2.web-content .graph-section circle,.web-page.web-modern.modern_08 .background-3.web-content .graph-section circle,.web-page.web-modern.modern_08 .background-4.web-content .graph-section circle,.web-page.web-modern.modern_08 .background-5.web-content .graph-section circle {
  stroke: #313131
}

.web-page.web-modern.modern_08 .background-0.web-content .hobby-section svg,.web-page.web-modern.modern_08 .background-0.web-content .social-section svg,.web-page.web-modern.modern_08 .background-1.web-content .hobby-section svg,.web-page.web-modern.modern_08 .background-1.web-content .social-section svg,.web-page.web-modern.modern_08 .background-2.web-content .hobby-section svg,.web-page.web-modern.modern_08 .background-2.web-content .social-section svg,.web-page.web-modern.modern_08 .background-3.web-content .hobby-section svg,.web-page.web-modern.modern_08 .background-3.web-content .social-section svg,.web-page.web-modern.modern_08 .background-4.web-content .hobby-section svg,.web-page.web-modern.modern_08 .background-4.web-content .social-section svg,.web-page.web-modern.modern_08 .background-5.web-content .hobby-section svg,.web-page.web-modern.modern_08 .background-5.web-content .social-section svg {
  fill: #313131
}

.web-page.web-modern.modern_08 .background-0.web-content .experience-section .slick-dots li button,.web-page.web-modern.modern_08 .background-0.web-content .publication-section .slick-dots li button,.web-page.web-modern.modern_08 .background-0.web-content .skill-section .slick-dots li button,.web-page.web-modern.modern_08 .background-1.web-content .experience-section .slick-dots li button,.web-page.web-modern.modern_08 .background-1.web-content .publication-section .slick-dots li button,.web-page.web-modern.modern_08 .background-1.web-content .skill-section .slick-dots li button,.web-page.web-modern.modern_08 .background-2.web-content .experience-section .slick-dots li button,.web-page.web-modern.modern_08 .background-2.web-content .publication-section .slick-dots li button,.web-page.web-modern.modern_08 .background-2.web-content .skill-section .slick-dots li button,.web-page.web-modern.modern_08 .background-3.web-content .experience-section .slick-dots li button,.web-page.web-modern.modern_08 .background-3.web-content .publication-section .slick-dots li button,.web-page.web-modern.modern_08 .background-3.web-content .skill-section .slick-dots li button,.web-page.web-modern.modern_08 .background-4.web-content .experience-section .slick-dots li button,.web-page.web-modern.modern_08 .background-4.web-content .publication-section .slick-dots li button,.web-page.web-modern.modern_08 .background-4.web-content .skill-section .slick-dots li button,.web-page.web-modern.modern_08 .background-5.web-content .experience-section .slick-dots li button,.web-page.web-modern.modern_08 .background-5.web-content .publication-section .slick-dots li button,.web-page.web-modern.modern_08 .background-5.web-content .skill-section .slick-dots li button {
  border-color: #313131
}

.web-page.web-modern.modern_08 .background-0.web-content .experience-section .slick-dots li.slick-active button,.web-page.web-modern.modern_08 .background-0.web-content .publication-section .slick-dots li.slick-active button,.web-page.web-modern.modern_08 .background-0.web-content .skill-section .slick-dots li.slick-active button,.web-page.web-modern.modern_08 .background-1.web-content .experience-section .slick-dots li.slick-active button,.web-page.web-modern.modern_08 .background-1.web-content .publication-section .slick-dots li.slick-active button,.web-page.web-modern.modern_08 .background-1.web-content .skill-section .slick-dots li.slick-active button,.web-page.web-modern.modern_08 .background-2.web-content .experience-section .slick-dots li.slick-active button,.web-page.web-modern.modern_08 .background-2.web-content .publication-section .slick-dots li.slick-active button,.web-page.web-modern.modern_08 .background-2.web-content .skill-section .slick-dots li.slick-active button,.web-page.web-modern.modern_08 .background-3.web-content .experience-section .slick-dots li.slick-active button,.web-page.web-modern.modern_08 .background-3.web-content .publication-section .slick-dots li.slick-active button,.web-page.web-modern.modern_08 .background-3.web-content .skill-section .slick-dots li.slick-active button,.web-page.web-modern.modern_08 .background-4.web-content .experience-section .slick-dots li.slick-active button,.web-page.web-modern.modern_08 .background-4.web-content .publication-section .slick-dots li.slick-active button,.web-page.web-modern.modern_08 .background-4.web-content .skill-section .slick-dots li.slick-active button,.web-page.web-modern.modern_08 .background-5.web-content .experience-section .slick-dots li.slick-active button,.web-page.web-modern.modern_08 .background-5.web-content .publication-section .slick-dots li.slick-active button,.web-page.web-modern.modern_08 .background-5.web-content .skill-section .slick-dots li.slick-active button {
  background: #313131
}

.web-page.web-modern.modern_08 .background-0 .next-section-btn,.web-page.web-modern.modern_08 .background-0 .prev-section-btn,.web-page.web-modern.modern_08 .background-1 .next-section-btn,.web-page.web-modern.modern_08 .background-1 .prev-section-btn,.web-page.web-modern.modern_08 .background-2 .next-section-btn,.web-page.web-modern.modern_08 .background-2 .prev-section-btn,.web-page.web-modern.modern_08 .background-3 .next-section-btn,.web-page.web-modern.modern_08 .background-3 .prev-section-btn,.web-page.web-modern.modern_08 .background-4 .next-section-btn,.web-page.web-modern.modern_08 .background-4 .prev-section-btn,.web-page.web-modern.modern_08 .background-5 .next-section-btn,.web-page.web-modern.modern_08 .background-5 .prev-section-btn {
  fill: #313131
}

@media (max-width: 767px) {
  .web-page.web-modern.modern_08 .background-0.web-content .topbar:not(.closed),.web-page.web-modern.modern_08 .background-1.web-content .topbar:not(.closed),.web-page.web-modern.modern_08 .background-2.web-content .topbar:not(.closed),.web-page.web-modern.modern_08 .background-3.web-content .topbar:not(.closed),.web-page.web-modern.modern_08 .background-4.web-content .topbar:not(.closed),.web-page.web-modern.modern_08 .background-5.web-content .topbar:not(.closed) {
      background-color:#313131
  }
}

.web-page.web-modern.modern_08 .background-0.web-content .topbar-avatar.no-avatar .avatar .initials .first,.web-page.web-modern.modern_08 .background-0.web-content .topbar-avatar.no-avatar .avatar .initials .second,.web-page.web-modern.modern_08 .background-1.web-content .topbar-avatar.no-avatar .avatar .initials .first,.web-page.web-modern.modern_08 .background-1.web-content .topbar-avatar.no-avatar .avatar .initials .second,.web-page.web-modern.modern_08 .background-2.web-content .topbar-avatar.no-avatar .avatar .initials .first,.web-page.web-modern.modern_08 .background-2.web-content .topbar-avatar.no-avatar .avatar .initials .second,.web-page.web-modern.modern_08 .background-3.web-content .topbar-avatar.no-avatar .avatar .initials .first,.web-page.web-modern.modern_08 .background-3.web-content .topbar-avatar.no-avatar .avatar .initials .second,.web-page.web-modern.modern_08 .background-4.web-content .topbar-avatar.no-avatar .avatar .initials .first,.web-page.web-modern.modern_08 .background-4.web-content .topbar-avatar.no-avatar .avatar .initials .second,.web-page.web-modern.modern_08 .background-5.web-content .topbar-avatar.no-avatar .avatar .initials .first,.web-page.web-modern.modern_08 .background-5.web-content .topbar-avatar.no-avatar .avatar .initials .second {
  color: #fff
}

.web-page.web-modern.modern_08 .background-0.web-content .topbar-avatar.no-avatar .avatar .initials .line,.web-page.web-modern.modern_08 .background-1.web-content .topbar-avatar.no-avatar .avatar .initials .line,.web-page.web-modern.modern_08 .background-2.web-content .topbar-avatar.no-avatar .avatar .initials .line,.web-page.web-modern.modern_08 .background-3.web-content .topbar-avatar.no-avatar .avatar .initials .line,.web-page.web-modern.modern_08 .background-4.web-content .topbar-avatar.no-avatar .avatar .initials .line,.web-page.web-modern.modern_08 .background-5.web-content .topbar-avatar.no-avatar .avatar .initials .line {
  background: #fff
}

.web-page.web-modern.modern_08 .background-0.web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_08 .background-0.web-content .menu .menu-content .section-list .section-list-item,.web-page.web-modern.modern_08 .background-0.web-content .topbar .btn .btn-tooltip,.web-page.web-modern.modern_08 .background-1.web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_08 .background-1.web-content .menu .menu-content .section-list .section-list-item,.web-page.web-modern.modern_08 .background-1.web-content .topbar .btn .btn-tooltip,.web-page.web-modern.modern_08 .background-2.web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_08 .background-2.web-content .menu .menu-content .section-list .section-list-item,.web-page.web-modern.modern_08 .background-2.web-content .topbar .btn .btn-tooltip,.web-page.web-modern.modern_08 .background-3.web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_08 .background-3.web-content .menu .menu-content .section-list .section-list-item,.web-page.web-modern.modern_08 .background-3.web-content .topbar .btn .btn-tooltip,.web-page.web-modern.modern_08 .background-4.web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_08 .background-4.web-content .menu .menu-content .section-list .section-list-item,.web-page.web-modern.modern_08 .background-4.web-content .topbar .btn .btn-tooltip,.web-page.web-modern.modern_08 .background-5.web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_08 .background-5.web-content .menu .menu-content .section-list .section-list-item,.web-page.web-modern.modern_08 .background-5.web-content .topbar .btn .btn-tooltip {
  color: #fff
}

.web-page.web-modern.modern_08 .background-0.web-content .menu .menu-content .section-list .section-list-item:not(:last-of-type),.web-page.web-modern.modern_08 .background-1.web-content .menu .menu-content .section-list .section-list-item:not(:last-of-type),.web-page.web-modern.modern_08 .background-2.web-content .menu .menu-content .section-list .section-list-item:not(:last-of-type),.web-page.web-modern.modern_08 .background-3.web-content .menu .menu-content .section-list .section-list-item:not(:last-of-type),.web-page.web-modern.modern_08 .background-4.web-content .menu .menu-content .section-list .section-list-item:not(:last-of-type),.web-page.web-modern.modern_08 .background-5.web-content .menu .menu-content .section-list .section-list-item:not(:last-of-type) {
  border-bottom-color: hsla(0,0%,100%,.4)
}

.web-page.web-modern.modern_08 .background-0.web-content .menu .menu-content .section-list .section-list-item.active:before,.web-page.web-modern.modern_08 .background-1.web-content .menu .menu-content .section-list .section-list-item.active:before,.web-page.web-modern.modern_08 .background-2.web-content .menu .menu-content .section-list .section-list-item.active:before,.web-page.web-modern.modern_08 .background-3.web-content .menu .menu-content .section-list .section-list-item.active:before,.web-page.web-modern.modern_08 .background-4.web-content .menu .menu-content .section-list .section-list-item.active:before,.web-page.web-modern.modern_08 .background-5.web-content .menu .menu-content .section-list .section-list-item.active:before {
  background: hsla(0,0%,100%,.4)
}

.web-page.web-modern.modern_08 .background-0.web-content .menu .menu-content .section-list .section-list-item:focus,.web-page.web-modern.modern_08 .background-0.web-content .menu .menu-content .section-list .section-list-item:hover,.web-page.web-modern.modern_08 .background-1.web-content .menu .menu-content .section-list .section-list-item:focus,.web-page.web-modern.modern_08 .background-1.web-content .menu .menu-content .section-list .section-list-item:hover,.web-page.web-modern.modern_08 .background-2.web-content .menu .menu-content .section-list .section-list-item:focus,.web-page.web-modern.modern_08 .background-2.web-content .menu .menu-content .section-list .section-list-item:hover,.web-page.web-modern.modern_08 .background-3.web-content .menu .menu-content .section-list .section-list-item:focus,.web-page.web-modern.modern_08 .background-3.web-content .menu .menu-content .section-list .section-list-item:hover,.web-page.web-modern.modern_08 .background-4.web-content .menu .menu-content .section-list .section-list-item:focus,.web-page.web-modern.modern_08 .background-4.web-content .menu .menu-content .section-list .section-list-item:hover,.web-page.web-modern.modern_08 .background-5.web-content .menu .menu-content .section-list .section-list-item:focus,.web-page.web-modern.modern_08 .background-5.web-content .menu .menu-content .section-list .section-list-item:hover {
  background: hsla(0,0%,100%,.1)
}

.web-page.web-modern.modern_08 .background-0.web-content .menu .menu-content .track-vertical .thumb-vertical,.web-page.web-modern.modern_08 .background-1.web-content .menu .menu-content .track-vertical .thumb-vertical,.web-page.web-modern.modern_08 .background-2.web-content .menu .menu-content .track-vertical .thumb-vertical,.web-page.web-modern.modern_08 .background-3.web-content .menu .menu-content .track-vertical .thumb-vertical,.web-page.web-modern.modern_08 .background-4.web-content .menu .menu-content .track-vertical .thumb-vertical,.web-page.web-modern.modern_08 .background-5.web-content .menu .menu-content .track-vertical .thumb-vertical {
  background-color: hsla(0,0%,100%,.2)
}

.web-page.web-modern.modern_08 .background-0 .next-section-btn,.web-page.web-modern.modern_08 .background-1 .next-section-btn,.web-page.web-modern.modern_08 .background-2 .next-section-btn,.web-page.web-modern.modern_08 .background-3 .next-section-btn,.web-page.web-modern.modern_08 .background-4 .next-section-btn,.web-page.web-modern.modern_08 .background-5 .next-section-btn {
  background-color: #fff
}

@media (max-width: 767px) {
  .web-page.web-modern.modern_08 .background-0.web-content .topbar:not(.closed) .topbar-buttons svg,.web-page.web-modern.modern_08 .background-1.web-content .topbar:not(.closed) .topbar-buttons svg,.web-page.web-modern.modern_08 .background-2.web-content .topbar:not(.closed) .topbar-buttons svg,.web-page.web-modern.modern_08 .background-3.web-content .topbar:not(.closed) .topbar-buttons svg,.web-page.web-modern.modern_08 .background-4.web-content .topbar:not(.closed) .topbar-buttons svg,.web-page.web-modern.modern_08 .background-5.web-content .topbar:not(.closed) .topbar-buttons svg {
      fill:#fff
  }

  .web-page.web-modern.modern_08 .background-0.web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_08 .background-1.web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_08 .background-2.web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_08 .background-3.web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_08 .background-4.web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_08 .background-5.web-content .menu .menu-content .menu-header .name {
      color: #fff
  }
}

.web-page.web-modern.modern_08 .web-content:not(.cover-background) {
  background-color: #c4e1e8
}

.web-page.web-modern.modern_08 .web-content:not(.cover-background) .topbar.closed {
  background: #c4e1e8
}

.web-page.web-modern.modern_08 .web-content:not(.cover-background) .prev-section-btn {
  background-color: #c4e1e8
}

.web-page.web-modern.modern_08 .web-content.cover-background {
  background-image: url(https://d2sn08my3g92cp.cloudfront.net/backgrounds/modern_08.jpg)
}

.web-page.web-modern.modern_08 .web-content.cover-background a:focus {
  outline-color: rgba(49,49,49,.5)
}

.web-page.web-modern.modern_08 .web-content.cover-background .general-avatar.no-avatar .avatar .initials {
  background-color: #313131
}

.web-page.web-modern.modern_08 .web-content.cover-background .topbar .topbar-buttons .btn .btn-tooltip {
  background: #fff;
  color: #313131
}

.web-page.web-modern.modern_08 .web-content.cover-background .cover-section .name,.web-page.web-modern.modern_08 .web-content.cover-background .general-info .info-wrapper .key,.web-page.web-modern.modern_08 .web-content.cover-background .general-info .info-wrapper .value {
  color: #313131
}

.web-page.web-modern.modern_08 .web-content.cover-background .menu .menu-content {
  background: #313131
}

.web-page.web-modern.modern_08 .web-content.cover-background .next-section-btn {
  fill: #313131;
  background-color: #fff
}

@media (max-width: 767px) {
  .web-page.web-modern.modern_08 .web-content.cover-background .topbar:not(.closed) {
      background:#313131
  }

  .web-page.web-modern.modern_08 .web-content.cover-background .topbar.closed .topbar-buttons .btn svg {
      fill: #313131
  }
}

@media (min-width: 768px) {
  .web-page.web-modern.modern_08 .web-content.cover-background .topbar .topbar-buttons .btn svg {
      fill:#fff
  }

  .web-page.web-modern.modern_08 .web-content.cover-background .next-section-btn {
      fill: #fff;
      background-color: #313131
  }
}

.web-page.web-modern.modern_09 .background-0.web-content,.web-page.web-modern.modern_09 .background-1.web-content,.web-page.web-modern.modern_09 .background-2.web-content,.web-page.web-modern.modern_09 .background-3.web-content,.web-page.web-modern.modern_09 .background-4.web-content,.web-page.web-modern.modern_09 .background-5.web-content {
  color: #00406d
}

.web-page.web-modern.modern_09 .background-0.web-content a:focus,.web-page.web-modern.modern_09 .background-1.web-content a:focus,.web-page.web-modern.modern_09 .background-2.web-content a:focus,.web-page.web-modern.modern_09 .background-3.web-content a:focus,.web-page.web-modern.modern_09 .background-4.web-content a:focus,.web-page.web-modern.modern_09 .background-5.web-content a:focus {
  outline-color: rgba(0,64,109,.5)
}

.web-page.web-modern.modern_09 .background-0.web-content .topbar-avatar.no-avatar .avatar .initials,.web-page.web-modern.modern_09 .background-1.web-content .topbar-avatar.no-avatar .avatar .initials,.web-page.web-modern.modern_09 .background-2.web-content .topbar-avatar.no-avatar .avatar .initials,.web-page.web-modern.modern_09 .background-3.web-content .topbar-avatar.no-avatar .avatar .initials,.web-page.web-modern.modern_09 .background-4.web-content .topbar-avatar.no-avatar .avatar .initials,.web-page.web-modern.modern_09 .background-5.web-content .topbar-avatar.no-avatar .avatar .initials {
  background-color: #00406d
}

.web-page.web-modern.modern_09 .background-0.web-content .topbar .topbar-buttons .btn svg,.web-page.web-modern.modern_09 .background-1.web-content .topbar .topbar-buttons .btn svg,.web-page.web-modern.modern_09 .background-2.web-content .topbar .topbar-buttons .btn svg,.web-page.web-modern.modern_09 .background-3.web-content .topbar .topbar-buttons .btn svg,.web-page.web-modern.modern_09 .background-4.web-content .topbar .topbar-buttons .btn svg,.web-page.web-modern.modern_09 .background-5.web-content .topbar .topbar-buttons .btn svg {
  fill: #00406d
}

.web-page.web-modern.modern_09 .background-0.web-content .menu .menu-content,.web-page.web-modern.modern_09 .background-0.web-content .topbar .topbar-buttons .btn .btn-tooltip,.web-page.web-modern.modern_09 .background-1.web-content .menu .menu-content,.web-page.web-modern.modern_09 .background-1.web-content .topbar .topbar-buttons .btn .btn-tooltip,.web-page.web-modern.modern_09 .background-2.web-content .menu .menu-content,.web-page.web-modern.modern_09 .background-2.web-content .topbar .topbar-buttons .btn .btn-tooltip,.web-page.web-modern.modern_09 .background-3.web-content .menu .menu-content,.web-page.web-modern.modern_09 .background-3.web-content .topbar .topbar-buttons .btn .btn-tooltip,.web-page.web-modern.modern_09 .background-4.web-content .menu .menu-content,.web-page.web-modern.modern_09 .background-4.web-content .topbar .topbar-buttons .btn .btn-tooltip,.web-page.web-modern.modern_09 .background-5.web-content .menu .menu-content,.web-page.web-modern.modern_09 .background-5.web-content .topbar .topbar-buttons .btn .btn-tooltip {
  background: #00406d
}

.web-page.web-modern.modern_09 .background-0.web-content .graph-section circle,.web-page.web-modern.modern_09 .background-1.web-content .graph-section circle,.web-page.web-modern.modern_09 .background-2.web-content .graph-section circle,.web-page.web-modern.modern_09 .background-3.web-content .graph-section circle,.web-page.web-modern.modern_09 .background-4.web-content .graph-section circle,.web-page.web-modern.modern_09 .background-5.web-content .graph-section circle {
  stroke: #00406d
}

.web-page.web-modern.modern_09 .background-0.web-content .hobby-section svg,.web-page.web-modern.modern_09 .background-0.web-content .social-section svg,.web-page.web-modern.modern_09 .background-1.web-content .hobby-section svg,.web-page.web-modern.modern_09 .background-1.web-content .social-section svg,.web-page.web-modern.modern_09 .background-2.web-content .hobby-section svg,.web-page.web-modern.modern_09 .background-2.web-content .social-section svg,.web-page.web-modern.modern_09 .background-3.web-content .hobby-section svg,.web-page.web-modern.modern_09 .background-3.web-content .social-section svg,.web-page.web-modern.modern_09 .background-4.web-content .hobby-section svg,.web-page.web-modern.modern_09 .background-4.web-content .social-section svg,.web-page.web-modern.modern_09 .background-5.web-content .hobby-section svg,.web-page.web-modern.modern_09 .background-5.web-content .social-section svg {
  fill: #00406d
}

.web-page.web-modern.modern_09 .background-0.web-content .experience-section .slick-dots li button,.web-page.web-modern.modern_09 .background-0.web-content .publication-section .slick-dots li button,.web-page.web-modern.modern_09 .background-0.web-content .skill-section .slick-dots li button,.web-page.web-modern.modern_09 .background-1.web-content .experience-section .slick-dots li button,.web-page.web-modern.modern_09 .background-1.web-content .publication-section .slick-dots li button,.web-page.web-modern.modern_09 .background-1.web-content .skill-section .slick-dots li button,.web-page.web-modern.modern_09 .background-2.web-content .experience-section .slick-dots li button,.web-page.web-modern.modern_09 .background-2.web-content .publication-section .slick-dots li button,.web-page.web-modern.modern_09 .background-2.web-content .skill-section .slick-dots li button,.web-page.web-modern.modern_09 .background-3.web-content .experience-section .slick-dots li button,.web-page.web-modern.modern_09 .background-3.web-content .publication-section .slick-dots li button,.web-page.web-modern.modern_09 .background-3.web-content .skill-section .slick-dots li button,.web-page.web-modern.modern_09 .background-4.web-content .experience-section .slick-dots li button,.web-page.web-modern.modern_09 .background-4.web-content .publication-section .slick-dots li button,.web-page.web-modern.modern_09 .background-4.web-content .skill-section .slick-dots li button,.web-page.web-modern.modern_09 .background-5.web-content .experience-section .slick-dots li button,.web-page.web-modern.modern_09 .background-5.web-content .publication-section .slick-dots li button,.web-page.web-modern.modern_09 .background-5.web-content .skill-section .slick-dots li button {
  border-color: #00406d
}

.web-page.web-modern.modern_09 .background-0.web-content .experience-section .slick-dots li.slick-active button,.web-page.web-modern.modern_09 .background-0.web-content .publication-section .slick-dots li.slick-active button,.web-page.web-modern.modern_09 .background-0.web-content .skill-section .slick-dots li.slick-active button,.web-page.web-modern.modern_09 .background-1.web-content .experience-section .slick-dots li.slick-active button,.web-page.web-modern.modern_09 .background-1.web-content .publication-section .slick-dots li.slick-active button,.web-page.web-modern.modern_09 .background-1.web-content .skill-section .slick-dots li.slick-active button,.web-page.web-modern.modern_09 .background-2.web-content .experience-section .slick-dots li.slick-active button,.web-page.web-modern.modern_09 .background-2.web-content .publication-section .slick-dots li.slick-active button,.web-page.web-modern.modern_09 .background-2.web-content .skill-section .slick-dots li.slick-active button,.web-page.web-modern.modern_09 .background-3.web-content .experience-section .slick-dots li.slick-active button,.web-page.web-modern.modern_09 .background-3.web-content .publication-section .slick-dots li.slick-active button,.web-page.web-modern.modern_09 .background-3.web-content .skill-section .slick-dots li.slick-active button,.web-page.web-modern.modern_09 .background-4.web-content .experience-section .slick-dots li.slick-active button,.web-page.web-modern.modern_09 .background-4.web-content .publication-section .slick-dots li.slick-active button,.web-page.web-modern.modern_09 .background-4.web-content .skill-section .slick-dots li.slick-active button,.web-page.web-modern.modern_09 .background-5.web-content .experience-section .slick-dots li.slick-active button,.web-page.web-modern.modern_09 .background-5.web-content .publication-section .slick-dots li.slick-active button,.web-page.web-modern.modern_09 .background-5.web-content .skill-section .slick-dots li.slick-active button {
  background: #00406d
}

.web-page.web-modern.modern_09 .background-0 .next-section-btn,.web-page.web-modern.modern_09 .background-0 .prev-section-btn,.web-page.web-modern.modern_09 .background-1 .next-section-btn,.web-page.web-modern.modern_09 .background-1 .prev-section-btn,.web-page.web-modern.modern_09 .background-2 .next-section-btn,.web-page.web-modern.modern_09 .background-2 .prev-section-btn,.web-page.web-modern.modern_09 .background-3 .next-section-btn,.web-page.web-modern.modern_09 .background-3 .prev-section-btn,.web-page.web-modern.modern_09 .background-4 .next-section-btn,.web-page.web-modern.modern_09 .background-4 .prev-section-btn,.web-page.web-modern.modern_09 .background-5 .next-section-btn,.web-page.web-modern.modern_09 .background-5 .prev-section-btn {
  fill: #00406d
}

@media (max-width: 767px) {
  .web-page.web-modern.modern_09 .background-0.web-content .topbar:not(.closed),.web-page.web-modern.modern_09 .background-1.web-content .topbar:not(.closed),.web-page.web-modern.modern_09 .background-2.web-content .topbar:not(.closed),.web-page.web-modern.modern_09 .background-3.web-content .topbar:not(.closed),.web-page.web-modern.modern_09 .background-4.web-content .topbar:not(.closed),.web-page.web-modern.modern_09 .background-5.web-content .topbar:not(.closed) {
      background-color:#00406d
  }
}

.web-page.web-modern.modern_09 .background-0.web-content .topbar-avatar.no-avatar .avatar .initials .first,.web-page.web-modern.modern_09 .background-0.web-content .topbar-avatar.no-avatar .avatar .initials .second,.web-page.web-modern.modern_09 .background-1.web-content .topbar-avatar.no-avatar .avatar .initials .first,.web-page.web-modern.modern_09 .background-1.web-content .topbar-avatar.no-avatar .avatar .initials .second,.web-page.web-modern.modern_09 .background-2.web-content .topbar-avatar.no-avatar .avatar .initials .first,.web-page.web-modern.modern_09 .background-2.web-content .topbar-avatar.no-avatar .avatar .initials .second,.web-page.web-modern.modern_09 .background-3.web-content .topbar-avatar.no-avatar .avatar .initials .first,.web-page.web-modern.modern_09 .background-3.web-content .topbar-avatar.no-avatar .avatar .initials .second,.web-page.web-modern.modern_09 .background-4.web-content .topbar-avatar.no-avatar .avatar .initials .first,.web-page.web-modern.modern_09 .background-4.web-content .topbar-avatar.no-avatar .avatar .initials .second,.web-page.web-modern.modern_09 .background-5.web-content .topbar-avatar.no-avatar .avatar .initials .first,.web-page.web-modern.modern_09 .background-5.web-content .topbar-avatar.no-avatar .avatar .initials .second {
  color: #fff
}

.web-page.web-modern.modern_09 .background-0.web-content .topbar-avatar.no-avatar .avatar .initials .line,.web-page.web-modern.modern_09 .background-1.web-content .topbar-avatar.no-avatar .avatar .initials .line,.web-page.web-modern.modern_09 .background-2.web-content .topbar-avatar.no-avatar .avatar .initials .line,.web-page.web-modern.modern_09 .background-3.web-content .topbar-avatar.no-avatar .avatar .initials .line,.web-page.web-modern.modern_09 .background-4.web-content .topbar-avatar.no-avatar .avatar .initials .line,.web-page.web-modern.modern_09 .background-5.web-content .topbar-avatar.no-avatar .avatar .initials .line {
  background: #fff
}

.web-page.web-modern.modern_09 .background-0.web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_09 .background-0.web-content .menu .menu-content .section-list .section-list-item,.web-page.web-modern.modern_09 .background-0.web-content .topbar .btn .btn-tooltip,.web-page.web-modern.modern_09 .background-1.web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_09 .background-1.web-content .menu .menu-content .section-list .section-list-item,.web-page.web-modern.modern_09 .background-1.web-content .topbar .btn .btn-tooltip,.web-page.web-modern.modern_09 .background-2.web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_09 .background-2.web-content .menu .menu-content .section-list .section-list-item,.web-page.web-modern.modern_09 .background-2.web-content .topbar .btn .btn-tooltip,.web-page.web-modern.modern_09 .background-3.web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_09 .background-3.web-content .menu .menu-content .section-list .section-list-item,.web-page.web-modern.modern_09 .background-3.web-content .topbar .btn .btn-tooltip,.web-page.web-modern.modern_09 .background-4.web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_09 .background-4.web-content .menu .menu-content .section-list .section-list-item,.web-page.web-modern.modern_09 .background-4.web-content .topbar .btn .btn-tooltip,.web-page.web-modern.modern_09 .background-5.web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_09 .background-5.web-content .menu .menu-content .section-list .section-list-item,.web-page.web-modern.modern_09 .background-5.web-content .topbar .btn .btn-tooltip {
  color: #fff
}

.web-page.web-modern.modern_09 .background-0.web-content .menu .menu-content .section-list .section-list-item:not(:last-of-type),.web-page.web-modern.modern_09 .background-1.web-content .menu .menu-content .section-list .section-list-item:not(:last-of-type),.web-page.web-modern.modern_09 .background-2.web-content .menu .menu-content .section-list .section-list-item:not(:last-of-type),.web-page.web-modern.modern_09 .background-3.web-content .menu .menu-content .section-list .section-list-item:not(:last-of-type),.web-page.web-modern.modern_09 .background-4.web-content .menu .menu-content .section-list .section-list-item:not(:last-of-type),.web-page.web-modern.modern_09 .background-5.web-content .menu .menu-content .section-list .section-list-item:not(:last-of-type) {
  border-bottom-color: hsla(0,0%,100%,.4)
}

.web-page.web-modern.modern_09 .background-0.web-content .menu .menu-content .section-list .section-list-item.active:before,.web-page.web-modern.modern_09 .background-1.web-content .menu .menu-content .section-list .section-list-item.active:before,.web-page.web-modern.modern_09 .background-2.web-content .menu .menu-content .section-list .section-list-item.active:before,.web-page.web-modern.modern_09 .background-3.web-content .menu .menu-content .section-list .section-list-item.active:before,.web-page.web-modern.modern_09 .background-4.web-content .menu .menu-content .section-list .section-list-item.active:before,.web-page.web-modern.modern_09 .background-5.web-content .menu .menu-content .section-list .section-list-item.active:before {
  background: hsla(0,0%,100%,.4)
}

.web-page.web-modern.modern_09 .background-0.web-content .menu .menu-content .section-list .section-list-item:focus,.web-page.web-modern.modern_09 .background-0.web-content .menu .menu-content .section-list .section-list-item:hover,.web-page.web-modern.modern_09 .background-1.web-content .menu .menu-content .section-list .section-list-item:focus,.web-page.web-modern.modern_09 .background-1.web-content .menu .menu-content .section-list .section-list-item:hover,.web-page.web-modern.modern_09 .background-2.web-content .menu .menu-content .section-list .section-list-item:focus,.web-page.web-modern.modern_09 .background-2.web-content .menu .menu-content .section-list .section-list-item:hover,.web-page.web-modern.modern_09 .background-3.web-content .menu .menu-content .section-list .section-list-item:focus,.web-page.web-modern.modern_09 .background-3.web-content .menu .menu-content .section-list .section-list-item:hover,.web-page.web-modern.modern_09 .background-4.web-content .menu .menu-content .section-list .section-list-item:focus,.web-page.web-modern.modern_09 .background-4.web-content .menu .menu-content .section-list .section-list-item:hover,.web-page.web-modern.modern_09 .background-5.web-content .menu .menu-content .section-list .section-list-item:focus,.web-page.web-modern.modern_09 .background-5.web-content .menu .menu-content .section-list .section-list-item:hover {
  background: hsla(0,0%,100%,.1)
}

.web-page.web-modern.modern_09 .background-0.web-content .menu .menu-content .track-vertical .thumb-vertical,.web-page.web-modern.modern_09 .background-1.web-content .menu .menu-content .track-vertical .thumb-vertical,.web-page.web-modern.modern_09 .background-2.web-content .menu .menu-content .track-vertical .thumb-vertical,.web-page.web-modern.modern_09 .background-3.web-content .menu .menu-content .track-vertical .thumb-vertical,.web-page.web-modern.modern_09 .background-4.web-content .menu .menu-content .track-vertical .thumb-vertical,.web-page.web-modern.modern_09 .background-5.web-content .menu .menu-content .track-vertical .thumb-vertical {
  background-color: hsla(0,0%,100%,.2)
}

.web-page.web-modern.modern_09 .background-0 .next-section-btn,.web-page.web-modern.modern_09 .background-1 .next-section-btn,.web-page.web-modern.modern_09 .background-2 .next-section-btn,.web-page.web-modern.modern_09 .background-3 .next-section-btn,.web-page.web-modern.modern_09 .background-4 .next-section-btn,.web-page.web-modern.modern_09 .background-5 .next-section-btn {
  background-color: #fff
}

@media (max-width: 767px) {
  .web-page.web-modern.modern_09 .background-0.web-content .topbar:not(.closed) .topbar-buttons svg,.web-page.web-modern.modern_09 .background-1.web-content .topbar:not(.closed) .topbar-buttons svg,.web-page.web-modern.modern_09 .background-2.web-content .topbar:not(.closed) .topbar-buttons svg,.web-page.web-modern.modern_09 .background-3.web-content .topbar:not(.closed) .topbar-buttons svg,.web-page.web-modern.modern_09 .background-4.web-content .topbar:not(.closed) .topbar-buttons svg,.web-page.web-modern.modern_09 .background-5.web-content .topbar:not(.closed) .topbar-buttons svg {
      fill:#fff
  }

  .web-page.web-modern.modern_09 .background-0.web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_09 .background-1.web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_09 .background-2.web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_09 .background-3.web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_09 .background-4.web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_09 .background-5.web-content .menu .menu-content .menu-header .name {
      color: #fff
  }
}

.web-page.web-modern.modern_09 .web-content:not(.cover-background) {
  background-color: #fff
}

.web-page.web-modern.modern_09 .web-content:not(.cover-background) .topbar.closed {
  background: #fff
}

.web-page.web-modern.modern_09 .web-content:not(.cover-background) .prev-section-btn {
  background-color: #fff
}

.web-page.web-modern.modern_09 .web-content.cover-background {
  background-image: url(https://d2sn08my3g92cp.cloudfront.net/backgrounds/modern_09.jpg)
}

.web-page.web-modern.modern_09 .web-content.cover-background a:focus {
  outline-color: rgba(0,64,109,.5)
}

.web-page.web-modern.modern_09 .web-content.cover-background .general-avatar.no-avatar .avatar .initials {
  background-color: #00406d
}

.web-page.web-modern.modern_09 .web-content.cover-background .topbar .topbar-buttons .btn .btn-tooltip {
  background: #fff;
  color: #00406d
}

.web-page.web-modern.modern_09 .web-content.cover-background .cover-section .name,.web-page.web-modern.modern_09 .web-content.cover-background .general-info .info-wrapper .key,.web-page.web-modern.modern_09 .web-content.cover-background .general-info .info-wrapper .value {
  color: #00406d
}

.web-page.web-modern.modern_09 .web-content.cover-background .menu .menu-content {
  background: #00406d
}

.web-page.web-modern.modern_09 .web-content.cover-background .next-section-btn {
  fill: #00406d;
  background-color: #fff
}

@media (max-width: 767px) {
  .web-page.web-modern.modern_09 .web-content.cover-background .topbar:not(.closed) {
      background:#00406d
  }

  .web-page.web-modern.modern_09 .web-content.cover-background .topbar.closed .topbar-buttons .btn svg {
      fill: #00406d
  }
}

@media (min-width: 768px) {
  .web-page.web-modern.modern_09 .web-content.cover-background .topbar .topbar-buttons .btn svg {
      fill:#fff
  }

  .web-page.web-modern.modern_09 .web-content.cover-background .next-section-btn {
      fill: #fff;
      background-color: #00406d
  }
}

.web-page.web-modern.modern_09 .web-content .share-popover {
  border: 1px solid #00406d
}

.web-page.web-modern.modern_10 .background-0.web-content,.web-page.web-modern.modern_10 .background-1.web-content,.web-page.web-modern.modern_10 .background-2.web-content,.web-page.web-modern.modern_10 .background-3.web-content,.web-page.web-modern.modern_10 .background-4.web-content,.web-page.web-modern.modern_10 .background-5.web-content {
  color: #f20a0a
}

.web-page.web-modern.modern_10 .background-0.web-content a:focus,.web-page.web-modern.modern_10 .background-1.web-content a:focus,.web-page.web-modern.modern_10 .background-2.web-content a:focus,.web-page.web-modern.modern_10 .background-3.web-content a:focus,.web-page.web-modern.modern_10 .background-4.web-content a:focus,.web-page.web-modern.modern_10 .background-5.web-content a:focus {
  outline-color: rgba(242,10,10,.5)
}

.web-page.web-modern.modern_10 .background-0.web-content .topbar-avatar.no-avatar .avatar .initials,.web-page.web-modern.modern_10 .background-1.web-content .topbar-avatar.no-avatar .avatar .initials,.web-page.web-modern.modern_10 .background-2.web-content .topbar-avatar.no-avatar .avatar .initials,.web-page.web-modern.modern_10 .background-3.web-content .topbar-avatar.no-avatar .avatar .initials,.web-page.web-modern.modern_10 .background-4.web-content .topbar-avatar.no-avatar .avatar .initials,.web-page.web-modern.modern_10 .background-5.web-content .topbar-avatar.no-avatar .avatar .initials {
  background-color: #f20a0a
}

.web-page.web-modern.modern_10 .background-0.web-content .topbar .topbar-buttons .btn svg,.web-page.web-modern.modern_10 .background-1.web-content .topbar .topbar-buttons .btn svg,.web-page.web-modern.modern_10 .background-2.web-content .topbar .topbar-buttons .btn svg,.web-page.web-modern.modern_10 .background-3.web-content .topbar .topbar-buttons .btn svg,.web-page.web-modern.modern_10 .background-4.web-content .topbar .topbar-buttons .btn svg,.web-page.web-modern.modern_10 .background-5.web-content .topbar .topbar-buttons .btn svg {
  fill: #f20a0a
}

.web-page.web-modern.modern_10 .background-0.web-content .menu .menu-content,.web-page.web-modern.modern_10 .background-0.web-content .topbar .topbar-buttons .btn .btn-tooltip,.web-page.web-modern.modern_10 .background-1.web-content .menu .menu-content,.web-page.web-modern.modern_10 .background-1.web-content .topbar .topbar-buttons .btn .btn-tooltip,.web-page.web-modern.modern_10 .background-2.web-content .menu .menu-content,.web-page.web-modern.modern_10 .background-2.web-content .topbar .topbar-buttons .btn .btn-tooltip,.web-page.web-modern.modern_10 .background-3.web-content .menu .menu-content,.web-page.web-modern.modern_10 .background-3.web-content .topbar .topbar-buttons .btn .btn-tooltip,.web-page.web-modern.modern_10 .background-4.web-content .menu .menu-content,.web-page.web-modern.modern_10 .background-4.web-content .topbar .topbar-buttons .btn .btn-tooltip,.web-page.web-modern.modern_10 .background-5.web-content .menu .menu-content,.web-page.web-modern.modern_10 .background-5.web-content .topbar .topbar-buttons .btn .btn-tooltip {
  background: #f20a0a
}

.web-page.web-modern.modern_10 .background-0.web-content .graph-section circle,.web-page.web-modern.modern_10 .background-1.web-content .graph-section circle,.web-page.web-modern.modern_10 .background-2.web-content .graph-section circle,.web-page.web-modern.modern_10 .background-3.web-content .graph-section circle,.web-page.web-modern.modern_10 .background-4.web-content .graph-section circle,.web-page.web-modern.modern_10 .background-5.web-content .graph-section circle {
  stroke: #f20a0a
}

.web-page.web-modern.modern_10 .background-0.web-content .hobby-section svg,.web-page.web-modern.modern_10 .background-0.web-content .social-section svg,.web-page.web-modern.modern_10 .background-1.web-content .hobby-section svg,.web-page.web-modern.modern_10 .background-1.web-content .social-section svg,.web-page.web-modern.modern_10 .background-2.web-content .hobby-section svg,.web-page.web-modern.modern_10 .background-2.web-content .social-section svg,.web-page.web-modern.modern_10 .background-3.web-content .hobby-section svg,.web-page.web-modern.modern_10 .background-3.web-content .social-section svg,.web-page.web-modern.modern_10 .background-4.web-content .hobby-section svg,.web-page.web-modern.modern_10 .background-4.web-content .social-section svg,.web-page.web-modern.modern_10 .background-5.web-content .hobby-section svg,.web-page.web-modern.modern_10 .background-5.web-content .social-section svg {
  fill: #f20a0a
}

.web-page.web-modern.modern_10 .background-0.web-content .experience-section .slick-dots li button,.web-page.web-modern.modern_10 .background-0.web-content .publication-section .slick-dots li button,.web-page.web-modern.modern_10 .background-0.web-content .skill-section .slick-dots li button,.web-page.web-modern.modern_10 .background-1.web-content .experience-section .slick-dots li button,.web-page.web-modern.modern_10 .background-1.web-content .publication-section .slick-dots li button,.web-page.web-modern.modern_10 .background-1.web-content .skill-section .slick-dots li button,.web-page.web-modern.modern_10 .background-2.web-content .experience-section .slick-dots li button,.web-page.web-modern.modern_10 .background-2.web-content .publication-section .slick-dots li button,.web-page.web-modern.modern_10 .background-2.web-content .skill-section .slick-dots li button,.web-page.web-modern.modern_10 .background-3.web-content .experience-section .slick-dots li button,.web-page.web-modern.modern_10 .background-3.web-content .publication-section .slick-dots li button,.web-page.web-modern.modern_10 .background-3.web-content .skill-section .slick-dots li button,.web-page.web-modern.modern_10 .background-4.web-content .experience-section .slick-dots li button,.web-page.web-modern.modern_10 .background-4.web-content .publication-section .slick-dots li button,.web-page.web-modern.modern_10 .background-4.web-content .skill-section .slick-dots li button,.web-page.web-modern.modern_10 .background-5.web-content .experience-section .slick-dots li button,.web-page.web-modern.modern_10 .background-5.web-content .publication-section .slick-dots li button,.web-page.web-modern.modern_10 .background-5.web-content .skill-section .slick-dots li button {
  border-color: #f20a0a
}

.web-page.web-modern.modern_10 .background-0.web-content .experience-section .slick-dots li.slick-active button,.web-page.web-modern.modern_10 .background-0.web-content .publication-section .slick-dots li.slick-active button,.web-page.web-modern.modern_10 .background-0.web-content .skill-section .slick-dots li.slick-active button,.web-page.web-modern.modern_10 .background-1.web-content .experience-section .slick-dots li.slick-active button,.web-page.web-modern.modern_10 .background-1.web-content .publication-section .slick-dots li.slick-active button,.web-page.web-modern.modern_10 .background-1.web-content .skill-section .slick-dots li.slick-active button,.web-page.web-modern.modern_10 .background-2.web-content .experience-section .slick-dots li.slick-active button,.web-page.web-modern.modern_10 .background-2.web-content .publication-section .slick-dots li.slick-active button,.web-page.web-modern.modern_10 .background-2.web-content .skill-section .slick-dots li.slick-active button,.web-page.web-modern.modern_10 .background-3.web-content .experience-section .slick-dots li.slick-active button,.web-page.web-modern.modern_10 .background-3.web-content .publication-section .slick-dots li.slick-active button,.web-page.web-modern.modern_10 .background-3.web-content .skill-section .slick-dots li.slick-active button,.web-page.web-modern.modern_10 .background-4.web-content .experience-section .slick-dots li.slick-active button,.web-page.web-modern.modern_10 .background-4.web-content .publication-section .slick-dots li.slick-active button,.web-page.web-modern.modern_10 .background-4.web-content .skill-section .slick-dots li.slick-active button,.web-page.web-modern.modern_10 .background-5.web-content .experience-section .slick-dots li.slick-active button,.web-page.web-modern.modern_10 .background-5.web-content .publication-section .slick-dots li.slick-active button,.web-page.web-modern.modern_10 .background-5.web-content .skill-section .slick-dots li.slick-active button {
  background: #f20a0a
}

.web-page.web-modern.modern_10 .background-0 .next-section-btn,.web-page.web-modern.modern_10 .background-0 .prev-section-btn,.web-page.web-modern.modern_10 .background-1 .next-section-btn,.web-page.web-modern.modern_10 .background-1 .prev-section-btn,.web-page.web-modern.modern_10 .background-2 .next-section-btn,.web-page.web-modern.modern_10 .background-2 .prev-section-btn,.web-page.web-modern.modern_10 .background-3 .next-section-btn,.web-page.web-modern.modern_10 .background-3 .prev-section-btn,.web-page.web-modern.modern_10 .background-4 .next-section-btn,.web-page.web-modern.modern_10 .background-4 .prev-section-btn,.web-page.web-modern.modern_10 .background-5 .next-section-btn,.web-page.web-modern.modern_10 .background-5 .prev-section-btn {
  fill: #f20a0a
}

@media (max-width: 767px) {
  .web-page.web-modern.modern_10 .background-0.web-content .topbar:not(.closed),.web-page.web-modern.modern_10 .background-1.web-content .topbar:not(.closed),.web-page.web-modern.modern_10 .background-2.web-content .topbar:not(.closed),.web-page.web-modern.modern_10 .background-3.web-content .topbar:not(.closed),.web-page.web-modern.modern_10 .background-4.web-content .topbar:not(.closed),.web-page.web-modern.modern_10 .background-5.web-content .topbar:not(.closed) {
      background-color:#f20a0a
  }
}

.web-page.web-modern.modern_10 .background-0.web-content .topbar-avatar.no-avatar .avatar .initials .first,.web-page.web-modern.modern_10 .background-0.web-content .topbar-avatar.no-avatar .avatar .initials .second,.web-page.web-modern.modern_10 .background-1.web-content .topbar-avatar.no-avatar .avatar .initials .first,.web-page.web-modern.modern_10 .background-1.web-content .topbar-avatar.no-avatar .avatar .initials .second,.web-page.web-modern.modern_10 .background-2.web-content .topbar-avatar.no-avatar .avatar .initials .first,.web-page.web-modern.modern_10 .background-2.web-content .topbar-avatar.no-avatar .avatar .initials .second,.web-page.web-modern.modern_10 .background-3.web-content .topbar-avatar.no-avatar .avatar .initials .first,.web-page.web-modern.modern_10 .background-3.web-content .topbar-avatar.no-avatar .avatar .initials .second,.web-page.web-modern.modern_10 .background-4.web-content .topbar-avatar.no-avatar .avatar .initials .first,.web-page.web-modern.modern_10 .background-4.web-content .topbar-avatar.no-avatar .avatar .initials .second,.web-page.web-modern.modern_10 .background-5.web-content .topbar-avatar.no-avatar .avatar .initials .first,.web-page.web-modern.modern_10 .background-5.web-content .topbar-avatar.no-avatar .avatar .initials .second {
  color: #fff
}

.web-page.web-modern.modern_10 .background-0.web-content .topbar-avatar.no-avatar .avatar .initials .line,.web-page.web-modern.modern_10 .background-1.web-content .topbar-avatar.no-avatar .avatar .initials .line,.web-page.web-modern.modern_10 .background-2.web-content .topbar-avatar.no-avatar .avatar .initials .line,.web-page.web-modern.modern_10 .background-3.web-content .topbar-avatar.no-avatar .avatar .initials .line,.web-page.web-modern.modern_10 .background-4.web-content .topbar-avatar.no-avatar .avatar .initials .line,.web-page.web-modern.modern_10 .background-5.web-content .topbar-avatar.no-avatar .avatar .initials .line {
  background: #fff
}

.web-page.web-modern.modern_10 .background-0.web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_10 .background-0.web-content .menu .menu-content .section-list .section-list-item,.web-page.web-modern.modern_10 .background-0.web-content .topbar .btn .btn-tooltip,.web-page.web-modern.modern_10 .background-1.web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_10 .background-1.web-content .menu .menu-content .section-list .section-list-item,.web-page.web-modern.modern_10 .background-1.web-content .topbar .btn .btn-tooltip,.web-page.web-modern.modern_10 .background-2.web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_10 .background-2.web-content .menu .menu-content .section-list .section-list-item,.web-page.web-modern.modern_10 .background-2.web-content .topbar .btn .btn-tooltip,.web-page.web-modern.modern_10 .background-3.web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_10 .background-3.web-content .menu .menu-content .section-list .section-list-item,.web-page.web-modern.modern_10 .background-3.web-content .topbar .btn .btn-tooltip,.web-page.web-modern.modern_10 .background-4.web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_10 .background-4.web-content .menu .menu-content .section-list .section-list-item,.web-page.web-modern.modern_10 .background-4.web-content .topbar .btn .btn-tooltip,.web-page.web-modern.modern_10 .background-5.web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_10 .background-5.web-content .menu .menu-content .section-list .section-list-item,.web-page.web-modern.modern_10 .background-5.web-content .topbar .btn .btn-tooltip {
  color: #fff
}

.web-page.web-modern.modern_10 .background-0.web-content .menu .menu-content .section-list .section-list-item:not(:last-of-type),.web-page.web-modern.modern_10 .background-1.web-content .menu .menu-content .section-list .section-list-item:not(:last-of-type),.web-page.web-modern.modern_10 .background-2.web-content .menu .menu-content .section-list .section-list-item:not(:last-of-type),.web-page.web-modern.modern_10 .background-3.web-content .menu .menu-content .section-list .section-list-item:not(:last-of-type),.web-page.web-modern.modern_10 .background-4.web-content .menu .menu-content .section-list .section-list-item:not(:last-of-type),.web-page.web-modern.modern_10 .background-5.web-content .menu .menu-content .section-list .section-list-item:not(:last-of-type) {
  border-bottom-color: hsla(0,0%,100%,.4)
}

.web-page.web-modern.modern_10 .background-0.web-content .menu .menu-content .section-list .section-list-item.active:before,.web-page.web-modern.modern_10 .background-1.web-content .menu .menu-content .section-list .section-list-item.active:before,.web-page.web-modern.modern_10 .background-2.web-content .menu .menu-content .section-list .section-list-item.active:before,.web-page.web-modern.modern_10 .background-3.web-content .menu .menu-content .section-list .section-list-item.active:before,.web-page.web-modern.modern_10 .background-4.web-content .menu .menu-content .section-list .section-list-item.active:before,.web-page.web-modern.modern_10 .background-5.web-content .menu .menu-content .section-list .section-list-item.active:before {
  background: hsla(0,0%,100%,.4)
}

.web-page.web-modern.modern_10 .background-0.web-content .menu .menu-content .section-list .section-list-item:focus,.web-page.web-modern.modern_10 .background-0.web-content .menu .menu-content .section-list .section-list-item:hover,.web-page.web-modern.modern_10 .background-1.web-content .menu .menu-content .section-list .section-list-item:focus,.web-page.web-modern.modern_10 .background-1.web-content .menu .menu-content .section-list .section-list-item:hover,.web-page.web-modern.modern_10 .background-2.web-content .menu .menu-content .section-list .section-list-item:focus,.web-page.web-modern.modern_10 .background-2.web-content .menu .menu-content .section-list .section-list-item:hover,.web-page.web-modern.modern_10 .background-3.web-content .menu .menu-content .section-list .section-list-item:focus,.web-page.web-modern.modern_10 .background-3.web-content .menu .menu-content .section-list .section-list-item:hover,.web-page.web-modern.modern_10 .background-4.web-content .menu .menu-content .section-list .section-list-item:focus,.web-page.web-modern.modern_10 .background-4.web-content .menu .menu-content .section-list .section-list-item:hover,.web-page.web-modern.modern_10 .background-5.web-content .menu .menu-content .section-list .section-list-item:focus,.web-page.web-modern.modern_10 .background-5.web-content .menu .menu-content .section-list .section-list-item:hover {
  background: hsla(0,0%,100%,.1)
}

.web-page.web-modern.modern_10 .background-0.web-content .menu .menu-content .track-vertical .thumb-vertical,.web-page.web-modern.modern_10 .background-1.web-content .menu .menu-content .track-vertical .thumb-vertical,.web-page.web-modern.modern_10 .background-2.web-content .menu .menu-content .track-vertical .thumb-vertical,.web-page.web-modern.modern_10 .background-3.web-content .menu .menu-content .track-vertical .thumb-vertical,.web-page.web-modern.modern_10 .background-4.web-content .menu .menu-content .track-vertical .thumb-vertical,.web-page.web-modern.modern_10 .background-5.web-content .menu .menu-content .track-vertical .thumb-vertical {
  background-color: hsla(0,0%,100%,.2)
}

.web-page.web-modern.modern_10 .background-0 .next-section-btn,.web-page.web-modern.modern_10 .background-1 .next-section-btn,.web-page.web-modern.modern_10 .background-2 .next-section-btn,.web-page.web-modern.modern_10 .background-3 .next-section-btn,.web-page.web-modern.modern_10 .background-4 .next-section-btn,.web-page.web-modern.modern_10 .background-5 .next-section-btn {
  background-color: #fff
}

@media (max-width: 767px) {
  .web-page.web-modern.modern_10 .background-0.web-content .topbar:not(.closed) .topbar-buttons svg,.web-page.web-modern.modern_10 .background-1.web-content .topbar:not(.closed) .topbar-buttons svg,.web-page.web-modern.modern_10 .background-2.web-content .topbar:not(.closed) .topbar-buttons svg,.web-page.web-modern.modern_10 .background-3.web-content .topbar:not(.closed) .topbar-buttons svg,.web-page.web-modern.modern_10 .background-4.web-content .topbar:not(.closed) .topbar-buttons svg,.web-page.web-modern.modern_10 .background-5.web-content .topbar:not(.closed) .topbar-buttons svg {
      fill:#fff
  }

  .web-page.web-modern.modern_10 .background-0.web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_10 .background-1.web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_10 .background-2.web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_10 .background-3.web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_10 .background-4.web-content .menu .menu-content .menu-header .name,.web-page.web-modern.modern_10 .background-5.web-content .menu .menu-content .menu-header .name {
      color: #fff
  }
}

.web-page.web-modern.modern_10 .web-content:not(.cover-background) {
  background-color: #ffe6e6
}

.web-page.web-modern.modern_10 .web-content:not(.cover-background) .topbar.closed {
  background: #ffe6e6
}

.web-page.web-modern.modern_10 .web-content:not(.cover-background) .prev-section-btn {
  background-color: #ffe6e6
}

.web-page.web-modern.modern_10 .web-content.cover-background {
  background-image: url(https://d2sn08my3g92cp.cloudfront.net/backgrounds/modern_10.jpg)
}

.web-page.web-modern.modern_10 .web-content.cover-background a:focus {
  outline-color: rgba(242,10,10,.5)
}

.web-page.web-modern.modern_10 .web-content.cover-background .general-avatar.no-avatar .avatar .initials {
  background-color: #f20a0a
}

.web-page.web-modern.modern_10 .web-content.cover-background .topbar .topbar-buttons .btn .btn-tooltip {
  background: #fff;
  color: #f20a0a
}

.web-page.web-modern.modern_10 .web-content.cover-background .cover-section .name,.web-page.web-modern.modern_10 .web-content.cover-background .general-info .info-wrapper .key,.web-page.web-modern.modern_10 .web-content.cover-background .general-info .info-wrapper .value {
  color: #f20a0a
}

.web-page.web-modern.modern_10 .web-content.cover-background .menu .menu-content {
  background: #f20a0a
}

.web-page.web-modern.modern_10 .web-content.cover-background .next-section-btn {
  fill: #f20a0a;
  background-color: #fff
}

@media (max-width: 767px) {
  .web-page.web-modern.modern_10 .web-content.cover-background .topbar:not(.closed) {
      background:#f20a0a
  }

  .web-page.web-modern.modern_10 .web-content.cover-background .topbar.closed .topbar-buttons .btn svg {
      fill: #f20a0a
  }
}

@media (min-width: 768px) {
  .web-page.web-modern.modern_10 .web-content.cover-background .topbar .topbar-buttons .btn svg {
      fill:#fff
  }

  .web-page.web-modern.modern_10 .web-content.cover-background .next-section-btn {
      fill: #fff;
      background-color: #f20a0a
  }
}

.publish-display {
  background-color: #fff;
  flex: 1 1
}

.publish-display .outer-page {
  margin-bottom: 50px
}

.publish-display .outer-page .page {
  box-shadow: 1px 2px 20px rgba(0,0,0,.1)
}

.publish-display .outer-page .first-page {
  margin-top: 100px
}

.publish-display .resume-website-wrapper>div {
  margin: 0 auto
}

.publish-display .footer {
  margin: 0 auto;
  max-width: min(100vw,1200px);
  padding-left: 24px;
  padding-right: 24px
}

.web-page.web-rocket a,.web-page.web-rocket b,.web-page.web-rocket del,.web-page.web-rocket div,.web-page.web-rocket em,.web-page.web-rocket ins,.web-page.web-rocket li,.web-page.web-rocket mark,.web-page.web-rocket ol,.web-page.web-rocket p,.web-page.web-rocket s,.web-page.web-rocket small,.web-page.web-rocket strong,.web-page.web-rocket sub,.web-page.web-rocket sup,.web-page.web-rocket u,.web-page.web-rocket ul {
  font-size: 18px;
  line-height: 28px
}

.web-page.web-rocket .topbar .btn-tooltip {
  font-size: 12px;
  line-height: 22px
}

.web-page.web-rocket .section-title {
  font-size: 36px;
  line-height: 46px
}

.web-page.web-rocket .section-icon {
  height: 38px;
  width: 38px
}

.web-page.web-rocket .menu .section-list-item {
  font-size: 24px;
  line-height: 34px
}

.web-page.web-rocket .category-name,.web-page.web-rocket .general-section .key {
  font-size: 16px;
  line-height: 26px
}

.web-page.web-rocket .degree,.web-page.web-rocket .keyword,.web-page.web-rocket .position,.web-page.web-rocket .publication-name {
  font-size: 26px;
  line-height: 36px
}

.web-page.web-rocket .company,.web-page.web-rocket .publisher {
  font-size: 22px;
  line-height: 32px
}

@media (min-width: 768px) {
  .web-page.web-rocket .section-title {
      font-size:46px;
      line-height: 56px
  }

  .web-page.web-rocket .section-icon {
      height: 45px;
      width: 45px
  }

  .web-page.web-rocket .degree,.web-page.web-rocket .keyword,.web-page.web-rocket .position,.web-page.web-rocket .publication-name {
      font-size: 30px;
      line-height: 40px
  }

  .web-page.web-rocket .company,.web-page.web-rocket .publisher {
      font-size: 24px;
      line-height: 34px
  }
}

@media (min-width: 1200px) {
  .web-page.web-rocket .section-title {
      font-size:56px;
      line-height: 66px
  }

  .web-page.web-rocket .degree,.web-page.web-rocket .keyword,.web-page.web-rocket .position,.web-page.web-rocket .publication-name {
      font-size: 34px;
      line-height: 44px
  }

  .web-page.web-rocket .company,.web-page.web-rocket .publisher {
      font-size: 26px;
      line-height: 36px
  }
}

.web-page.web-rocket .web-content {
  background-color: #231a37;
  color: #ffd4b0
}

.web-page.web-rocket .web-content a:focus {
  outline-color: rgba(255,212,176,.5)
}

.web-page.web-rocket .web-content .menu .menu-header .btn:not(.menu-btn),.web-page.web-rocket .web-content .topbar .btn:not(.menu-btn) {
  background-color: #231a37
}

.web-page.web-rocket .web-content .menu .menu-header .btn svg,.web-page.web-rocket .web-content .topbar .btn svg {
  fill: #ffd4b0
}

.web-page.web-rocket .web-content .menu .menu-header .btn .btn-tooltip,.web-page.web-rocket .web-content .topbar .btn .btn-tooltip {
  background: #ffd4b0;
  color: #231a37
}

.web-page.web-rocket .web-content .menu {
  background-color: #231a37
}

.web-page.web-rocket .web-content .menu .menu-content .section-list .section-list-item:focus,.web-page.web-rocket .web-content .menu .menu-content .section-list .section-list-item:hover {
  background-color: rgba(255,212,176,.1)
}

.web-page.web-rocket .web-content .backdrop {
  background: #ffd4b0
}

.web-page.web-rocket .web-content .section-wrapper:after {
  background-color: #ffd4b0
}

.web-page.web-rocket .web-content .section-wrapper.graph-section .second-full-circle circle {
  stroke: #231a37
}

.web-page.web-rocket .web-content .section-wrapper.general-section .section-content .general-info-wrapper .general-avatar.no-avatar .avatar .initials {
  background-color: #ffd4b0
}

.web-page.web-rocket .web-content .section-wrapper.general-section .section-content .general-info-wrapper .general-avatar.no-avatar .avatar .initials .first,.web-page.web-rocket .web-content .section-wrapper.general-section .section-content .general-info-wrapper .general-avatar.no-avatar .avatar .initials .second {
  color: #231a37
}

.web-page.web-rocket .web-content .section-wrapper.general-section .section-content .general-info-wrapper .general-avatar.no-avatar .avatar .initials .line {
  background: #231a37
}

.web-page.web-rocket .web-content .section-wrapper .section-icon {
  fill: #ffd4b0
}

.web-page.web-rocket .web-content .section-wrapper .section-content {
  border-top-color: #ffd4b0
}

.web-page.web-rocket .web-content .next-section-btn {
  background-color: #231a37
}

.web-page.web-rocket .web-content .next-section-btn svg {
  fill: #ffd4b0
}

.web-page.web-rocket .web-content .next-section-btn:focus svg,.web-page.web-rocket .web-content .next-section-btn:hover svg {
  background: #ffd4b0
}

.web-page.web-rocket .web-content .next-section-btn:focus svg path:last-child,.web-page.web-rocket .web-content .next-section-btn:hover svg path:last-child {
  fill: #231a37
}

@media (min-width: 768px) {
  .web-page.web-rocket .web-content .menu .menu-header .btn,.web-page.web-rocket .web-content .next-section-btn,.web-page.web-rocket .web-content .topbar .btn:not(.menu-btn) {
      background-color:initial
  }
}

.web-page.web-rocket .web-content:before {
  border-image-slice: 1;
  border-image-source: linear-gradient(180deg,#ffbe5c,#f189b4 62.5%);
  border-style: solid;
  border-width: 8px;
  content: "";
  height: 100vh;
  left: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 2
}

.web-page.web-rocket .web-content .rocket-background {
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%
}

.web-page.web-rocket .web-content .menu .menu-header .btn,.web-page.web-rocket .web-content .topbar .btn {
  background: transparent;
  border-radius: 50%;
  display: flex;
  pointer-events: auto
}

.web-page.web-rocket .web-content .menu .menu-header .btn svg,.web-page.web-rocket .web-content .topbar .btn svg {
  width: 40px
}

.web-page.web-rocket .web-content .menu .menu-header .btn:not(:last-of-type),.web-page.web-rocket .web-content .topbar .btn:not(:last-of-type) {
  margin-right: 10px
}

.web-page.web-rocket .web-content .menu .menu-header .btn .btn-tooltip,.web-page.web-rocket .web-content .topbar .btn .btn-tooltip {
  border-radius: 5px
}

.web-page.web-rocket .web-content .topbar {
  align-items: center;
  display: flex;
  height: 40px;
  left: 0;
  margin: 30px 24px 0;
  pointer-events: none;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 3
}

.web-page.web-rocket .web-content .topbar.closed .btn:not(.menu-btn):not(.download-btn) {
  display: none
}

.web-page.web-rocket .web-content .topbar .menu-btn {
  margin-left: auto
}

.web-page.web-rocket .web-content .topbar .menu-btn svg {
  width: 28px
}

.web-page.web-rocket .web-content .topbar .share-popover {
  background-color: #fff;
  border-radius: 5px;
  padding: 10px 20px;
  pointer-events: auto
}

.web-page.web-rocket .web-content .menu {
  height: 100vh;
  position: fixed;
  right: 0;
  top: 0;
  transition: right .3s ease-in-out;
  width: 100%;
  z-index: 2
}

.web-page.web-rocket .web-content .menu.closed {
  right: -100vw
}

.web-page.web-rocket .web-content .menu .menu-header {
  display: none
}

.web-page.web-rocket .web-content .menu .menu-content {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-y: auto;
  padding: 0 24px
}

.web-page.web-rocket .web-content .menu .menu-content .section-list {
  display: flex;
  flex-direction: column;
  margin-top: 105px
}

.web-page.web-rocket .web-content .menu .menu-content .section-list .section-list-item {
  border-bottom: 1px solid;
  color: currentColor;
  cursor: pointer;
  padding: 10px 0;
  position: relative
}

.web-page.web-rocket .web-content .menu .menu-content .section-list .section-list-item.active:after {
  background-color: currentColor;
  bottom: 0;
  content: "";
  height: 4px;
  left: 0;
  position: absolute;
  width: 60px
}

.web-page.web-rocket .web-content .menu .menu-content .section-list .section-list-item:focus,.web-page.web-rocket .web-content .menu .menu-content .section-list .section-list-item:hover {
  outline: none;
  text-decoration: none
}

.web-page.web-rocket .web-content .section-wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  padding: 30px 24px 90px;
  position: relative
}

.web-page.web-rocket .web-content .section-wrapper:after {
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%
}

.web-page.web-rocket .web-content .section-wrapper.general-section .general-info-wrapper {
  color: currentColor
}

.web-page.web-rocket .web-content .section-wrapper.general-section .general-info-wrapper .general-avatar {
  display: none
}

.web-page.web-rocket .web-content .section-wrapper.general-section .general-info-wrapper .general-avatar.no-avatar .avatar .initials {
  align-items: center;
  background-color: #000;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  height: 90px;
  justify-content: center;
  padding: 0 20px;
  width: 90px
}

.web-page.web-rocket .web-content .section-wrapper.general-section .general-info-wrapper .general-avatar.no-avatar .avatar .initials .first,.web-page.web-rocket .web-content .section-wrapper.general-section .general-info-wrapper .general-avatar.no-avatar .avatar .initials .second {
  color: #fff;
  font-size: 28px;
  line-height: 28px;
  padding: 3px 0
}

.web-page.web-rocket .web-content .section-wrapper.general-section .general-info-wrapper .general-avatar.no-avatar .avatar .initials .line {
  background: #fff;
  height: 2px;
  width: 100%
}

@media (min-width: 1200px) {
  .web-page.web-rocket .web-content .section-wrapper.general-section .general-info-wrapper .general-avatar.no-avatar .avatar .initials {
      height:120px;
      padding: 0 30px;
      width: 120px
  }

  .web-page.web-rocket .web-content .section-wrapper.general-section .general-info-wrapper .general-avatar.no-avatar .avatar .initials .first,.web-page.web-rocket .web-content .section-wrapper.general-section .general-info-wrapper .general-avatar.no-avatar .avatar .initials .second {
      font-size: 36px;
      line-height: 36px
  }
}

.web-page.web-rocket .web-content .section-wrapper.general-section .general-info-wrapper .general-info {
  grid-row-gap: 20px;
  color: currentColor;
  display: grid;
  grid-template-columns: 1fr
}

.web-page.web-rocket .web-content .section-wrapper.general-section .general-info-wrapper .general-info .info-wrapper {
  display: flex;
  flex-direction: column
}

.web-page.web-rocket .web-content .section-wrapper.general-section .general-info-wrapper .general-info .info-wrapper .key,.web-page.web-rocket .web-content .section-wrapper.general-section .general-info-wrapper .general-info .info-wrapper .value {
  color: currentColor
}

.web-page.web-rocket .web-content .section-wrapper.general-section .general-info-wrapper:not(.empty-description) {
  margin-bottom: 30px
}

.web-page.web-rocket .web-content .section-wrapper.general-section .general-description {
  text-align: left
}

@media (min-width: 768px) {
  .web-page.web-rocket .web-content .section-wrapper.general-section .general-info-wrapper .general-info {
      grid-column-gap:16px;
      grid-template-columns: 1fr 1fr
  }

  .web-page.web-rocket .web-content .section-wrapper.general-section .general-info-wrapper:not(.empty-description) {
      margin-bottom: 60px
  }
}

@media (min-width: 1200px) {
  .web-page.web-rocket .web-content .section-wrapper.general-section .general-info-wrapper {
      display:grid;
      grid-template-columns: 1fr 3fr 1fr
  }

  .web-page.web-rocket .web-content .section-wrapper.general-section .general-info-wrapper .general-avatar {
      align-items: center;
      display: flex;
      height: 163px;
      justify-content: center;
      position: relative;
      width: 163px
  }

  .web-page.web-rocket .web-content .section-wrapper.general-section .general-info-wrapper .general-avatar .avatar {
      width: 136px
  }

  .web-page.web-rocket .web-content .section-wrapper.general-section .general-info-wrapper .general-avatar .avatar .thumbnail,.web-page.web-rocket .web-content .section-wrapper.general-section .general-info-wrapper .general-avatar .avatar .thumbnail img,.web-page.web-rocket .web-content .section-wrapper.general-section .general-info-wrapper .general-avatar.no-avatar .avatar .initials {
      height: 136px;
      width: 136px
  }

  .web-page.web-rocket .web-content .section-wrapper.general-section .general-info-wrapper .general-avatar .avatar {
      height: 136px
  }

  .web-page.web-rocket .web-content .section-wrapper.general-section .general-info-wrapper .general-avatar .avatar .thumbnail img {
      border-radius: 50%
  }

  .web-page.web-rocket .web-content .section-wrapper.general-section .general-info-wrapper .general-avatar .avatar-outline {
      fill: currentColor;
      height: 163px;
      position: absolute;
      width: 163px
  }

  .web-page.web-rocket .web-content .section-wrapper.general-section .general-info-wrapper .general-avatar.no-avatar .avatar .initials {
      padding: 0 28px
  }

  .web-page.web-rocket .web-content .section-wrapper.general-section .general-info-wrapper .general-avatar.no-avatar .avatar .initials .first,.web-page.web-rocket .web-content .section-wrapper.general-section .general-info-wrapper .general-avatar.no-avatar .avatar .initials .second {
      font-size: 34px;
      line-height: 34px
  }
}

.web-page.web-rocket .web-content .section-wrapper.experience-section .entry-wrapper,.web-page.web-rocket .web-content .section-wrapper.publication-section .entry-wrapper {
  display: flex;
  word-break: break-word
}

.web-page.web-rocket .web-content .section-wrapper.experience-section .entry-wrapper:not(:last-of-type),.web-page.web-rocket .web-content .section-wrapper.publication-section .entry-wrapper:not(:last-of-type) {
  margin-bottom: 10px
}

.web-page.web-rocket .web-content .section-wrapper.experience-section .entry-wrapper .entry-icon,.web-page.web-rocket .web-content .section-wrapper.publication-section .entry-wrapper .entry-icon {
  align-items: center;
  display: flex;
  flex-direction: column;
  min-width: 40px;
  padding-right: 20px
}

.web-page.web-rocket .web-content .section-wrapper.experience-section .entry-wrapper .entry-icon svg,.web-page.web-rocket .web-content .section-wrapper.publication-section .entry-wrapper .entry-icon svg {
  fill: currentColor;
  min-height: 34px;
  padding: 4px 0 10px;
  width: 20px
}

.web-page.web-rocket .web-content .section-wrapper.experience-section .entry-wrapper .entry-icon .line,.web-page.web-rocket .web-content .section-wrapper.publication-section .entry-wrapper .entry-icon .line {
  background-color: currentColor;
  height: 100%;
  width: 1px
}

.web-page.web-rocket .web-content .section-wrapper.experience-section .entry-wrapper .entry-content,.web-page.web-rocket .web-content .section-wrapper.publication-section .entry-wrapper .entry-content {
  padding-bottom: 15px
}

.web-page.web-rocket .web-content .section-wrapper.experience-section .entry-wrapper .entry-content .date,.web-page.web-rocket .web-content .section-wrapper.publication-section .entry-wrapper .entry-content .date {
  color: inherit
}

.web-page.web-rocket .web-content .section-wrapper.experience-section .entry-wrapper .entry-content .header-item:not(:empty),.web-page.web-rocket .web-content .section-wrapper.publication-section .entry-wrapper .entry-content .header-item:not(:empty) {
  margin-bottom: 20px
}

.web-page.web-rocket .web-content .section-wrapper.experience-section .entry-wrapper .entry-content .experience-description ol,.web-page.web-rocket .web-content .section-wrapper.publication-section .entry-wrapper .entry-content .experience-description ol {
  list-style-type: disc
}

@media (min-width: 768px) {
  .web-page.web-rocket .web-content .section-wrapper.experience-section .entry-wrapper .entry-icon,.web-page.web-rocket .web-content .section-wrapper.publication-section .entry-wrapper .entry-icon {
      margin-left:-40px
  }
}

@media (min-width: 1200px) {
  .web-page.web-rocket .web-content .section-wrapper.experience-section,.web-page.web-rocket .web-content .section-wrapper.publication-section {
      display:flex;
      flex-direction: column
  }

  .web-page.web-rocket .web-content .section-wrapper.experience-section .entry-wrapper,.web-page.web-rocket .web-content .section-wrapper.publication-section .entry-wrapper {
      width: clamp(1rem, calc(50% - 32px), 3.5rem);
  }

  .web-page.web-rocket .web-content .section-wrapper.experience-section .entry-wrapper .entry-icon,.web-page.web-rocket .web-content .section-wrapper.publication-section .entry-wrapper .entry-icon {
      min-width: 42px
  }

  .web-page.web-rocket .web-content .section-wrapper.experience-section .entry-wrapper:nth-of-type(2n),.web-page.web-rocket .web-content .section-wrapper.publication-section .entry-wrapper:nth-of-type(2n) {
      margin-left: auto
  }

  .web-page.web-rocket .web-content .section-wrapper.experience-section .entry-wrapper:nth-of-type(2n) .entry-icon,.web-page.web-rocket .web-content .section-wrapper.publication-section .entry-wrapper:nth-of-type(2n) .entry-icon {
      margin: 0 0 0 -42px;
      padding: 0 22px 0 0
  }

  .web-page.web-rocket .web-content .section-wrapper.experience-section .entry-wrapper:nth-of-type(odd),.web-page.web-rocket .web-content .section-wrapper.publication-section .entry-wrapper:nth-of-type(odd) {
      flex-direction: row-reverse
  }

  .web-page.web-rocket .web-content .section-wrapper.experience-section .entry-wrapper:nth-of-type(odd) .entry-icon,.web-page.web-rocket .web-content .section-wrapper.publication-section .entry-wrapper:nth-of-type(odd) .entry-icon {
      margin: 0 -42px 0 0;
      padding: 0 0 0 22px
  }

  .web-page.web-rocket .web-content .section-wrapper.experience-section .entry-wrapper:nth-of-type(odd) .entry-content,.web-page.web-rocket .web-content .section-wrapper.publication-section .entry-wrapper:nth-of-type(odd) .entry-content {
      text-align: right
  }

  .web-page.web-rocket .web-content .section-wrapper.experience-section .entry-wrapper:nth-of-type(odd) .entry-content .experience-description ol,.web-page.web-rocket .web-content .section-wrapper.experience-section .entry-wrapper:nth-of-type(odd) .entry-content .experience-description ul,.web-page.web-rocket .web-content .section-wrapper.publication-section .entry-wrapper:nth-of-type(odd) .entry-content .experience-description ol,.web-page.web-rocket .web-content .section-wrapper.publication-section .entry-wrapper:nth-of-type(odd) .entry-content .experience-description ul {
      direction: rtl
  }
}

.web-page.web-rocket .web-content .section-wrapper.graph-section .section-content .entries-wrapper {
  grid-row-gap: 50px;
  display: grid;
  grid-template-columns: 1fr
}

.web-page.web-rocket .web-content .section-wrapper.graph-section .section-content .entries-wrapper .graph-entry .graph-name {
  margin-top: 10px
}

.web-page.web-rocket .web-content .section-wrapper.graph-section .section-content .entries-wrapper .graph-entry .graph-value-wrapper .value,.web-page.web-rocket .web-content .section-wrapper.graph-section .section-content .entries-wrapper .graph-entry .graph-value-wrapper svg {
  height: 146px;
  width: 146px
}

.web-page.web-rocket .web-content .section-wrapper.graph-section .section-content .entries-wrapper .graph-entry .graph-value-wrapper svg circle {
  stroke-width: 18px
}

.web-page.web-rocket .web-content .section-wrapper.graph-section .section-content .entries-wrapper .graph-entry .graph-value-wrapper svg:not(.second-full-circle) circle {
  stroke: currentColor
}

.web-page.web-rocket .web-content .section-wrapper.graph-section .section-content .entries-wrapper .graph-entry .graph-value-wrapper svg.second-full-circle circle {
  stroke-width: 15px
}

@media (min-width: 360px) {
  .web-page.web-rocket .web-content .section-wrapper.graph-section .section-content .entries-wrapper {
      grid-template-columns:1fr 1fr
  }

  .web-page.web-rocket .web-content .section-wrapper.graph-section .section-content .entries-wrapper .graph-entry .graph-name {
      margin-left: 5px;
      margin-right: 5px
  }
}

@media (min-width: 768px) {
  .web-page.web-rocket .web-content .section-wrapper.graph-section .section-content .entries-wrapper {
      grid-template-columns:1fr 1fr 1fr
  }
}

@media (min-width: 1200px) {
  .web-page.web-rocket .web-content .section-wrapper.graph-section .section-content .entries-wrapper {
      grid-template-columns:1fr 1fr 1fr 1fr
  }
}

.web-page.web-rocket .web-content .section-wrapper.hobby-section .section-content .entries-wrapper,.web-page.web-rocket .web-content .section-wrapper.social-section .section-content .entries-wrapper {
  margin-bottom: -50px
}

.web-page.web-rocket .web-content .section-wrapper.hobby-section .section-content .entries-wrapper .hobby,.web-page.web-rocket .web-content .section-wrapper.hobby-section .section-content .entries-wrapper .social,.web-page.web-rocket .web-content .section-wrapper.social-section .section-content .entries-wrapper .hobby,.web-page.web-rocket .web-content .section-wrapper.social-section .section-content .entries-wrapper .social {
  flex-basis: 100%;
  margin-bottom: 50px
}

.web-page.web-rocket .web-content .section-wrapper.hobby-section .section-content .entries-wrapper .hobby .icon,.web-page.web-rocket .web-content .section-wrapper.hobby-section .section-content .entries-wrapper .social .icon,.web-page.web-rocket .web-content .section-wrapper.social-section .section-content .entries-wrapper .hobby .icon,.web-page.web-rocket .web-content .section-wrapper.social-section .section-content .entries-wrapper .social .icon {
  height: 40px;
  margin-bottom: 15px;
  min-height: 40px;
  width: 40px
}

.web-page.web-rocket .web-content .section-wrapper.hobby-section .section-content .entries-wrapper .hobby .icon svg,.web-page.web-rocket .web-content .section-wrapper.hobby-section .section-content .entries-wrapper .social .icon svg,.web-page.web-rocket .web-content .section-wrapper.social-section .section-content .entries-wrapper .hobby .icon svg,.web-page.web-rocket .web-content .section-wrapper.social-section .section-content .entries-wrapper .social .icon svg {
  fill: currentColor
}

@media (min-width: 360px) {
  .web-page.web-rocket .web-content .section-wrapper.hobby-section .section-content .entries-wrapper .hobby,.web-page.web-rocket .web-content .section-wrapper.hobby-section .section-content .entries-wrapper .social,.web-page.web-rocket .web-content .section-wrapper.social-section .section-content .entries-wrapper .hobby,.web-page.web-rocket .web-content .section-wrapper.social-section .section-content .entries-wrapper .social {
      flex-basis:50%
  }

  .web-page.web-rocket .web-content .section-wrapper.hobby-section .section-content .entries-wrapper .hobby .hobby-name,.web-page.web-rocket .web-content .section-wrapper.hobby-section .section-content .entries-wrapper .hobby .social-description,.web-page.web-rocket .web-content .section-wrapper.hobby-section .section-content .entries-wrapper .social .hobby-name,.web-page.web-rocket .web-content .section-wrapper.hobby-section .section-content .entries-wrapper .social .social-description,.web-page.web-rocket .web-content .section-wrapper.social-section .section-content .entries-wrapper .hobby .hobby-name,.web-page.web-rocket .web-content .section-wrapper.social-section .section-content .entries-wrapper .hobby .social-description,.web-page.web-rocket .web-content .section-wrapper.social-section .section-content .entries-wrapper .social .hobby-name,.web-page.web-rocket .web-content .section-wrapper.social-section .section-content .entries-wrapper .social .social-description {
      margin-left: 8px;
      margin-right: 8px
  }
}

@media (min-width: 768px) {
  .web-page.web-rocket .web-content .section-wrapper.hobby-section .section-content .entries-wrapper .hobby,.web-page.web-rocket .web-content .section-wrapper.hobby-section .section-content .entries-wrapper .social,.web-page.web-rocket .web-content .section-wrapper.social-section .section-content .entries-wrapper .hobby,.web-page.web-rocket .web-content .section-wrapper.social-section .section-content .entries-wrapper .social {
      flex-basis:33.33%
  }
}

@media (min-width: 1200px) {
  .web-page.web-rocket .web-content .section-wrapper.hobby-section .section-content .entries-wrapper .hobby,.web-page.web-rocket .web-content .section-wrapper.hobby-section .section-content .entries-wrapper .social,.web-page.web-rocket .web-content .section-wrapper.social-section .section-content .entries-wrapper .hobby,.web-page.web-rocket .web-content .section-wrapper.social-section .section-content .entries-wrapper .social {
      flex-basis:25%
  }
}

.web-page.web-rocket .web-content .section-wrapper.keyword-section .section-content .keyword-list {
  justify-content: center;
  margin: 0 -15px -30px
}

.web-page.web-rocket .web-content .section-wrapper.keyword-section .section-content .keyword-list .keyword {
  border: 1px solid;
  border-radius: 5px;
  margin: 0 15px 30px;
  padding: 5px 20px
}

.web-page.web-rocket .web-content .section-wrapper.skill-section .skill-category:not(:last-of-type) {
  margin-bottom: 40px
}

.web-page.web-rocket .web-content .section-wrapper.skill-section .skill-category .category-name {
  margin-bottom: 20px
}

.web-page.web-rocket .web-content .section-wrapper.skill-section .skill-category .skill-wrapper {
  grid-row-gap: 10px;
  display: grid;
  grid-template-columns: 1fr
}

.web-page.web-rocket .web-content .section-wrapper.skill-section .skill-category .skill-wrapper:not(:last-of-type) {
  margin-bottom: 25px
}

.web-page.web-rocket .web-content .section-wrapper.skill-section .skill-category .skill-wrapper .skill-level:before {
  border: 1px solid;
  height: 15px
}

.web-page.web-rocket .web-content .section-wrapper.skill-section .skill-category .skill-wrapper .skill-level:after {
  background-color: currentColor;
  height: 15px
}

@media (min-width: 768px) {
  .web-page.web-rocket .web-content .section-wrapper.skill-section .skill-category .category-name,.web-page.web-rocket .web-content .section-wrapper.skill-section .skill-category .skill-wrapper {
      grid-column-gap:16px;
      grid-template-columns: 1fr 1fr
  }

  .web-page.web-rocket .web-content .section-wrapper.skill-section .skill-category .category-name {
      display: grid;
      text-align: right
  }

  .web-page.web-rocket .web-content .section-wrapper.skill-section .skill-category .skill-wrapper {
      grid-row-gap: 0
  }

  .web-page.web-rocket .web-content .section-wrapper.skill-section .skill-category .skill-wrapper .skill-name {
      text-align: right
  }

  .web-page.web-rocket .web-content .section-wrapper.skill-section .skill-category .category-name,.web-page.web-rocket .web-content .section-wrapper.skill-section .skill-category .skill-wrapper {
      grid-column-gap: 60px
  }
}

.web-page.web-rocket .web-content .section-wrapper .section-content,.web-page.web-rocket .web-content .section-wrapper .section-icon,.web-page.web-rocket .web-content .section-wrapper .section-title {
  z-index: 1
}

.web-page.web-rocket .web-content .section-wrapper .section-icon {
  margin: 0 auto 27px
}

.web-page.web-rocket .web-content .section-wrapper .section-title {
  text-align: center
}

.web-page.web-rocket .web-content .section-wrapper .section-content {
  border-top-style: solid;
  border-top-width: 1px;
  margin-top: 30px;
  padding-top: 40px
}

.web-page.web-rocket .web-content .footer {
  padding-left: 24px;
  padding-right: 24px;
  position: relative
}

.web-page.web-rocket .web-content .next-section-btn {
  background-color: initial;
  border-radius: 50%;
  bottom: 24px;
  cursor: pointer;
  height: 40px;
  padding: 0;
  position: fixed;
  right: 24px;
  width: 40px;
  z-index: 1
}

.web-page.web-rocket .web-content .next-section-btn.up svg {
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1)
}

.web-page.web-rocket .web-content .next-section-btn svg {
  border-radius: 50%
}

@media (min-width: 768px) {
  .web-page.web-rocket .web-content:before {
      display:none
  }

  .web-page.web-rocket .web-content .topbar:not(.closed) .btn:not(.menu-btn) {
      pointer-events: none;
      -webkit-user-select: none;
      user-select: none
  }

  .web-page.web-rocket .web-content .topbar .btn:not(.menu-btn):not(.download-btn) {
      display: none
  }

  .web-page.web-rocket .web-content .menu {
      width: 468px
  }

  .web-page.web-rocket .web-content .menu.closed {
      right: -468px
  }

  .web-page.web-rocket .web-content .menu .menu-header {
      display: flex;
      margin: 30px 24px
  }

  .web-page.web-rocket .web-content .menu .menu-header .btn {
      margin-right: 10px
  }

  .web-page.web-rocket .web-content .menu .menu-content {
      height: clamp(1rem, calc(100% - 100px), 3.5rem);
  }

  .web-page.web-rocket .web-content .menu .menu-content .section-list {
      margin-top: 0
  }

  .web-page.web-rocket .web-content .backdrop {
      bottom: 0;
      left: 0;
      opacity: .5;
      position: fixed;
      right: 0;
      top: 0;
      transition: opacity .3s ease-in-out;
      z-index: 2
  }

  .web-page.web-rocket .web-content .backdrop:not(.open) {
      opacity: 0;
      z-index: -4
  }

  .web-page.web-rocket .web-content .section-wrapper .section-content,.web-page.web-rocket .web-content .section-wrapper .section-title {
      padding-left: 12.5%;
      padding-right: 12.5%
  }

  .web-page.web-rocket .web-content .section-wrapper .section-icon {
      margin-bottom: 30px
  }

  .web-page.web-rocket .web-content .section-wrapper .section-content {
      margin-top: 60px;
      padding-top: 60px
  }

  .web-page.web-rocket .web-content .footer .footer-row {
      margin-left: 12.5%;
      margin-right: 12.5%
  }
}

@media (min-width: 1200px) {
  .web-page.web-rocket .web-content .topbar .btn:not(.menu-btn):not(.download-btn),.web-page.web-rocket .web-content .topbar.closed .btn:not(.menu-btn):not(.download-btn) {
      display:flex
  }

  .web-page.web-rocket .web-content .menu .menu-header {
      display: none
  }

  .web-page.web-rocket .web-content .menu .menu-content {
      height: 100%
  }

  .web-page.web-rocket .web-content .menu .menu-content .section-list {
      margin-top: 105px
  }

  .web-page.web-rocket .web-content .footer,.web-page.web-rocket .web-content .section-wrapper {
      padding-left: clamp(1rem, calc(20px + 8.33333%), 3.5rem);
      padding-right: clamp(1rem, calc(20px + 8.33333%), 3.5rem);
  }

  .web-page.web-rocket .web-content .section-wrapper .section-content,.web-page.web-rocket .web-content .section-wrapper .section-title {
      padding-left: 10%;
      padding-right: 10%
  }

  .web-page.web-rocket .web-content .section-wrapper.general-section .section-content {
      padding-left: 0;
      padding-right: 0
  }

  .web-page.web-rocket .web-content .section-wrapper.general-section .section-content .general-description {
      padding-left: 20%;
      padding-right: 20%
  }

  .web-page.web-rocket .web-content .footer .footer-row {
      margin-left: 10%;
      margin-right: 10%
  }
}

@media (min-width: 1440px) {
  .web-page.web-rocket .web-content .menu {
      width:516px
  }

  .web-page.web-rocket .web-content .menu.closed {
      right: -516px
  }

  .web-page.web-rocket .web-content .footer,.web-page.web-rocket .web-content .section-wrapper {
      padding-left: clamp(1rem, calc(116.66667px + 8.33333%), 3.5rem);
      padding-right: clamp(1rem, calc(116.66667px + 8.33333%), 3.5rem);
  }
}

@media (min-width: 1920px) {
  .web-page.web-rocket .web-content .menu {
      width:516px
  }

  .web-page.web-rocket .web-content .menu.closed {
      right: -516px
  }

  .web-page.web-rocket .web-content .section-wrapper {
      padding-left: clamp(1rem, calc(50vw - 682px), 3.5rem);
      padding-right: clamp(1rem, calc(50vw - 682px), 3.5rem);
  }

  .web-page.web-rocket .web-content .next-section-btn {
      right: 24px
  }
}

@media (min-height: 1080px) {
  .web-page.web-rocket .web-content .sections .section-wrapper {
      min-height:auto
  }
}

.web-page.web-rocket.blu .web-content {
  background-color: #231a37;
  color: #ffd4b0
}

.web-page.web-rocket.blu .web-content a:focus {
  outline-color: rgba(255,212,176,.5)
}

.web-page.web-rocket.blu .web-content .menu .menu-header .btn:not(.menu-btn),.web-page.web-rocket.blu .web-content .topbar .btn:not(.menu-btn) {
  background-color: #231a37
}

.web-page.web-rocket.blu .web-content .menu .menu-header .btn svg,.web-page.web-rocket.blu .web-content .topbar .btn svg {
  fill: #ffd4b0
}

.web-page.web-rocket.blu .web-content .menu .menu-header .btn .btn-tooltip,.web-page.web-rocket.blu .web-content .topbar .btn .btn-tooltip {
  background: #ffd4b0;
  color: #231a37
}

.web-page.web-rocket.blu .web-content .menu {
  background-color: #231a37
}

.web-page.web-rocket.blu .web-content .menu .menu-content .section-list .section-list-item:focus,.web-page.web-rocket.blu .web-content .menu .menu-content .section-list .section-list-item:hover {
  background-color: rgba(255,212,176,.1)
}

.web-page.web-rocket.blu .web-content .backdrop {
  background: #ffd4b0
}

.web-page.web-rocket.blu .web-content .section-wrapper:after {
  background-color: #ffd4b0
}

.web-page.web-rocket.blu .web-content .section-wrapper.graph-section .second-full-circle circle {
  stroke: #231a37
}

.web-page.web-rocket.blu .web-content .section-wrapper.general-section .section-content .general-info-wrapper .general-avatar.no-avatar .avatar .initials {
  background-color: #ffd4b0
}

.web-page.web-rocket.blu .web-content .section-wrapper.general-section .section-content .general-info-wrapper .general-avatar.no-avatar .avatar .initials .first,.web-page.web-rocket.blu .web-content .section-wrapper.general-section .section-content .general-info-wrapper .general-avatar.no-avatar .avatar .initials .second {
  color: #231a37
}

.web-page.web-rocket.blu .web-content .section-wrapper.general-section .section-content .general-info-wrapper .general-avatar.no-avatar .avatar .initials .line {
  background: #231a37
}

.web-page.web-rocket.blu .web-content .section-wrapper .section-icon {
  fill: #ffd4b0
}

.web-page.web-rocket.blu .web-content .section-wrapper .section-content {
  border-top-color: #ffd4b0
}

.web-page.web-rocket.blu .web-content .next-section-btn {
  background-color: #231a37
}

.web-page.web-rocket.blu .web-content .next-section-btn svg {
  fill: #ffd4b0
}

.web-page.web-rocket.blu .web-content .next-section-btn:focus svg,.web-page.web-rocket.blu .web-content .next-section-btn:hover svg {
  background: #ffd4b0
}

.web-page.web-rocket.blu .web-content .next-section-btn:focus svg path:last-child,.web-page.web-rocket.blu .web-content .next-section-btn:hover svg path:last-child {
  fill: #231a37
}

@media (min-width: 768px) {
  .web-page.web-rocket.blu .web-content .menu .menu-header .btn,.web-page.web-rocket.blu .web-content .next-section-btn,.web-page.web-rocket.blu .web-content .topbar .btn:not(.menu-btn) {
      background-color:initial
  }
}

.web-page.web-rocket.blu .web-content:before {
  border-image-source: linear-gradient(180deg,#ffbe5c,#f189b4 62.5%)
}

.web-page.web-rocket.grn .web-content {
  background-color: #133a3d;
  color: #fbefda
}

.web-page.web-rocket.grn .web-content a:focus {
  outline-color: hsla(38,80%,92%,.5)
}

.web-page.web-rocket.grn .web-content .menu .menu-header .btn:not(.menu-btn),.web-page.web-rocket.grn .web-content .topbar .btn:not(.menu-btn) {
  background-color: #133a3d
}

.web-page.web-rocket.grn .web-content .menu .menu-header .btn svg,.web-page.web-rocket.grn .web-content .topbar .btn svg {
  fill: #fbefda
}

.web-page.web-rocket.grn .web-content .menu .menu-header .btn .btn-tooltip,.web-page.web-rocket.grn .web-content .topbar .btn .btn-tooltip {
  background: #fbefda;
  color: #133a3d
}

.web-page.web-rocket.grn .web-content .menu {
  background-color: #133a3d
}

.web-page.web-rocket.grn .web-content .menu .menu-content .section-list .section-list-item:focus,.web-page.web-rocket.grn .web-content .menu .menu-content .section-list .section-list-item:hover {
  background-color: hsla(38,80%,92%,.1)
}

.web-page.web-rocket.grn .web-content .backdrop {
  background: #fbefda
}

.web-page.web-rocket.grn .web-content .section-wrapper:after {
  background-color: #fbefda
}

.web-page.web-rocket.grn .web-content .section-wrapper.graph-section .second-full-circle circle {
  stroke: #133a3d
}

.web-page.web-rocket.grn .web-content .section-wrapper.general-section .section-content .general-info-wrapper .general-avatar.no-avatar .avatar .initials {
  background-color: #fbefda
}

.web-page.web-rocket.grn .web-content .section-wrapper.general-section .section-content .general-info-wrapper .general-avatar.no-avatar .avatar .initials .first,.web-page.web-rocket.grn .web-content .section-wrapper.general-section .section-content .general-info-wrapper .general-avatar.no-avatar .avatar .initials .second {
  color: #133a3d
}

.web-page.web-rocket.grn .web-content .section-wrapper.general-section .section-content .general-info-wrapper .general-avatar.no-avatar .avatar .initials .line {
  background: #133a3d
}

.web-page.web-rocket.grn .web-content .section-wrapper .section-icon {
  fill: #fbefda
}

.web-page.web-rocket.grn .web-content .section-wrapper .section-content {
  border-top-color: #fbefda
}

.web-page.web-rocket.grn .web-content .next-section-btn {
  background-color: #133a3d
}

.web-page.web-rocket.grn .web-content .next-section-btn svg {
  fill: #fbefda
}

.web-page.web-rocket.grn .web-content .next-section-btn:focus svg,.web-page.web-rocket.grn .web-content .next-section-btn:hover svg {
  background: #fbefda
}

.web-page.web-rocket.grn .web-content .next-section-btn:focus svg path:last-child,.web-page.web-rocket.grn .web-content .next-section-btn:hover svg path:last-child {
  fill: #133a3d
}

@media (min-width: 768px) {
  .web-page.web-rocket.grn .web-content .menu .menu-header .btn,.web-page.web-rocket.grn .web-content .next-section-btn,.web-page.web-rocket.grn .web-content .topbar .btn:not(.menu-btn) {
      background-color:initial
  }
}

.web-page.web-rocket.grn .web-content:before {
  border-image-source: linear-gradient(180deg,#ff835c,#ffbf75 62.5%)
}

.web-page.web-rocket.vio .web-content {
  background-color: #4e0b66;
  color: #ffb6ac
}

.web-page.web-rocket.vio .web-content a:focus {
  outline-color: hsla(7,100%,84%,.5)
}

.web-page.web-rocket.vio .web-content .menu .menu-header .btn:not(.menu-btn),.web-page.web-rocket.vio .web-content .topbar .btn:not(.menu-btn) {
  background-color: #4e0b66
}

.web-page.web-rocket.vio .web-content .menu .menu-header .btn svg,.web-page.web-rocket.vio .web-content .topbar .btn svg {
  fill: #ffb6ac
}

.web-page.web-rocket.vio .web-content .menu .menu-header .btn .btn-tooltip,.web-page.web-rocket.vio .web-content .topbar .btn .btn-tooltip {
  background: #ffb6ac;
  color: #4e0b66
}

.web-page.web-rocket.vio .web-content .menu {
  background-color: #4e0b66
}

.web-page.web-rocket.vio .web-content .menu .menu-content .section-list .section-list-item:focus,.web-page.web-rocket.vio .web-content .menu .menu-content .section-list .section-list-item:hover {
  background-color: hsla(7,100%,84%,.1)
}

.web-page.web-rocket.vio .web-content .backdrop {
  background: #ffb6ac
}

.web-page.web-rocket.vio .web-content .section-wrapper:after {
  background-color: #ffb6ac
}

.web-page.web-rocket.vio .web-content .section-wrapper.graph-section .second-full-circle circle {
  stroke: #4e0b66
}

.web-page.web-rocket.vio .web-content .section-wrapper.general-section .section-content .general-info-wrapper .general-avatar.no-avatar .avatar .initials {
  background-color: #ffb6ac
}

.web-page.web-rocket.vio .web-content .section-wrapper.general-section .section-content .general-info-wrapper .general-avatar.no-avatar .avatar .initials .first,.web-page.web-rocket.vio .web-content .section-wrapper.general-section .section-content .general-info-wrapper .general-avatar.no-avatar .avatar .initials .second {
  color: #4e0b66
}

.web-page.web-rocket.vio .web-content .section-wrapper.general-section .section-content .general-info-wrapper .general-avatar.no-avatar .avatar .initials .line {
  background: #4e0b66
}

.web-page.web-rocket.vio .web-content .section-wrapper .section-icon {
  fill: #ffb6ac
}

.web-page.web-rocket.vio .web-content .section-wrapper .section-content {
  border-top-color: #ffb6ac
}

.web-page.web-rocket.vio .web-content .next-section-btn {
  background-color: #4e0b66
}

.web-page.web-rocket.vio .web-content .next-section-btn svg {
  fill: #ffb6ac
}

.web-page.web-rocket.vio .web-content .next-section-btn:focus svg,.web-page.web-rocket.vio .web-content .next-section-btn:hover svg {
  background: #ffb6ac
}

.web-page.web-rocket.vio .web-content .next-section-btn:focus svg path:last-child,.web-page.web-rocket.vio .web-content .next-section-btn:hover svg path:last-child {
  fill: #4e0b66
}

@media (min-width: 768px) {
  .web-page.web-rocket.vio .web-content .menu .menu-header .btn,.web-page.web-rocket.vio .web-content .next-section-btn,.web-page.web-rocket.vio .web-content .topbar .btn:not(.menu-btn) {
      background-color:initial
  }
}

.web-page.web-rocket.vio .web-content:before {
  border-image-source: linear-gradient(180deg,#3e1f99 3.65%,#d44286 46.38%,#9d1d59 97.92%)
}

.web-page.web-rocket.bro .web-content {
  background-color: #291f10;
  color: #36f3d1
}

.web-page.web-rocket.bro .web-content a:focus {
  outline-color: rgba(54,243,209,.5)
}

.web-page.web-rocket.bro .web-content .menu .menu-header .btn:not(.menu-btn),.web-page.web-rocket.bro .web-content .topbar .btn:not(.menu-btn) {
  background-color: #291f10
}

.web-page.web-rocket.bro .web-content .menu .menu-header .btn svg,.web-page.web-rocket.bro .web-content .topbar .btn svg {
  fill: #36f3d1
}

.web-page.web-rocket.bro .web-content .menu .menu-header .btn .btn-tooltip,.web-page.web-rocket.bro .web-content .topbar .btn .btn-tooltip {
  background: #36f3d1;
  color: #291f10
}

.web-page.web-rocket.bro .web-content .menu {
  background-color: #291f10
}

.web-page.web-rocket.bro .web-content .menu .menu-content .section-list .section-list-item:focus,.web-page.web-rocket.bro .web-content .menu .menu-content .section-list .section-list-item:hover {
  background-color: rgba(54,243,209,.1)
}

.web-page.web-rocket.bro .web-content .backdrop {
  background: #36f3d1
}

.web-page.web-rocket.bro .web-content .section-wrapper:after {
  background-color: #36f3d1
}

.web-page.web-rocket.bro .web-content .section-wrapper.graph-section .second-full-circle circle {
  stroke: #291f10
}

.web-page.web-rocket.bro .web-content .section-wrapper.general-section .section-content .general-info-wrapper .general-avatar.no-avatar .avatar .initials {
  background-color: #36f3d1
}

.web-page.web-rocket.bro .web-content .section-wrapper.general-section .section-content .general-info-wrapper .general-avatar.no-avatar .avatar .initials .first,.web-page.web-rocket.bro .web-content .section-wrapper.general-section .section-content .general-info-wrapper .general-avatar.no-avatar .avatar .initials .second {
  color: #291f10
}

.web-page.web-rocket.bro .web-content .section-wrapper.general-section .section-content .general-info-wrapper .general-avatar.no-avatar .avatar .initials .line {
  background: #291f10
}

.web-page.web-rocket.bro .web-content .section-wrapper .section-icon {
  fill: #36f3d1
}

.web-page.web-rocket.bro .web-content .section-wrapper .section-content {
  border-top-color: #36f3d1
}

.web-page.web-rocket.bro .web-content .next-section-btn {
  background-color: #291f10
}

.web-page.web-rocket.bro .web-content .next-section-btn svg {
  fill: #36f3d1
}

.web-page.web-rocket.bro .web-content .next-section-btn:focus svg,.web-page.web-rocket.bro .web-content .next-section-btn:hover svg {
  background: #36f3d1
}

.web-page.web-rocket.bro .web-content .next-section-btn:focus svg path:last-child,.web-page.web-rocket.bro .web-content .next-section-btn:hover svg path:last-child {
  fill: #291f10
}

@media (min-width: 768px) {
  .web-page.web-rocket.bro .web-content .menu .menu-header .btn,.web-page.web-rocket.bro .web-content .next-section-btn,.web-page.web-rocket.bro .web-content .topbar .btn:not(.menu-btn) {
      background-color:initial
  }
}

.web-page.web-rocket.bro .web-content:before {
  border-image-source: linear-gradient(180deg,#8b199d 24.48%,#5cece3 70.31%)
}

.web-page.web-rocket.bla .web-content {
  background-color: #0e0e0e;
  color: #c3e2ff
}

.web-page.web-rocket.bla .web-content a:focus {
  outline-color: rgba(195,226,255,.5)
}

.web-page.web-rocket.bla .web-content .menu .menu-header .btn:not(.menu-btn),.web-page.web-rocket.bla .web-content .topbar .btn:not(.menu-btn) {
  background-color: #0e0e0e
}

.web-page.web-rocket.bla .web-content .menu .menu-header .btn svg,.web-page.web-rocket.bla .web-content .topbar .btn svg {
  fill: #c3e2ff
}

.web-page.web-rocket.bla .web-content .menu .menu-header .btn .btn-tooltip,.web-page.web-rocket.bla .web-content .topbar .btn .btn-tooltip {
  background: #c3e2ff;
  color: #0e0e0e
}

.web-page.web-rocket.bla .web-content .menu {
  background-color: #0e0e0e
}

.web-page.web-rocket.bla .web-content .menu .menu-content .section-list .section-list-item:focus,.web-page.web-rocket.bla .web-content .menu .menu-content .section-list .section-list-item:hover {
  background-color: rgba(195,226,255,.1)
}

.web-page.web-rocket.bla .web-content .backdrop {
  background: #c3e2ff
}

.web-page.web-rocket.bla .web-content .section-wrapper:after {
  background-color: #c3e2ff
}

.web-page.web-rocket.bla .web-content .section-wrapper.graph-section .second-full-circle circle {
  stroke: #0e0e0e
}

.web-page.web-rocket.bla .web-content .section-wrapper.general-section .section-content .general-info-wrapper .general-avatar.no-avatar .avatar .initials {
  background-color: #c3e2ff
}

.web-page.web-rocket.bla .web-content .section-wrapper.general-section .section-content .general-info-wrapper .general-avatar.no-avatar .avatar .initials .first,.web-page.web-rocket.bla .web-content .section-wrapper.general-section .section-content .general-info-wrapper .general-avatar.no-avatar .avatar .initials .second {
  color: #0e0e0e
}

.web-page.web-rocket.bla .web-content .section-wrapper.general-section .section-content .general-info-wrapper .general-avatar.no-avatar .avatar .initials .line {
  background: #0e0e0e
}

.web-page.web-rocket.bla .web-content .section-wrapper .section-icon {
  fill: #c3e2ff
}

.web-page.web-rocket.bla .web-content .section-wrapper .section-content {
  border-top-color: #c3e2ff
}

.web-page.web-rocket.bla .web-content .next-section-btn {
  background-color: #0e0e0e
}

.web-page.web-rocket.bla .web-content .next-section-btn svg {
  fill: #c3e2ff
}

.web-page.web-rocket.bla .web-content .next-section-btn:focus svg,.web-page.web-rocket.bla .web-content .next-section-btn:hover svg {
  background: #c3e2ff
}

.web-page.web-rocket.bla .web-content .next-section-btn:focus svg path:last-child,.web-page.web-rocket.bla .web-content .next-section-btn:hover svg path:last-child {
  fill: #0e0e0e
}

@media (min-width: 768px) {
  .web-page.web-rocket.bla .web-content .menu .menu-header .btn,.web-page.web-rocket.bla .web-content .next-section-btn,.web-page.web-rocket.bla .web-content .topbar .btn:not(.menu-btn) {
      background-color:initial
  }
}

.web-page.web-rocket.bla .web-content:before {
  border-image-source: linear-gradient(180deg,#ffbe5c,#f189b4 62.5%)
}

.web-page.web-rocket.whi .web-content {
  background-color: #fafafa;
  color: #313131
}

.web-page.web-rocket.whi .web-content a:focus {
  outline-color: rgba(49,49,49,.5)
}

.web-page.web-rocket.whi .web-content .menu .menu-header .btn:not(.menu-btn),.web-page.web-rocket.whi .web-content .topbar .btn:not(.menu-btn) {
  background-color: #fafafa
}

.web-page.web-rocket.whi .web-content .menu .menu-header .btn svg,.web-page.web-rocket.whi .web-content .topbar .btn svg {
  fill: #313131
}

.web-page.web-rocket.whi .web-content .menu .menu-header .btn .btn-tooltip,.web-page.web-rocket.whi .web-content .topbar .btn .btn-tooltip {
  background: #313131;
  color: #fafafa
}

.web-page.web-rocket.whi .web-content .menu {
  background-color: #fafafa
}

.web-page.web-rocket.whi .web-content .menu .menu-content .section-list .section-list-item:focus,.web-page.web-rocket.whi .web-content .menu .menu-content .section-list .section-list-item:hover {
  background-color: rgba(49,49,49,.1)
}

.web-page.web-rocket.whi .web-content .backdrop {
  background: #313131
}

.web-page.web-rocket.whi .web-content .section-wrapper:after {
  background-color: #313131
}

.web-page.web-rocket.whi .web-content .section-wrapper.graph-section .second-full-circle circle {
  stroke: #fafafa
}

.web-page.web-rocket.whi .web-content .section-wrapper.general-section .section-content .general-info-wrapper .general-avatar.no-avatar .avatar .initials {
  background-color: #313131
}

.web-page.web-rocket.whi .web-content .section-wrapper.general-section .section-content .general-info-wrapper .general-avatar.no-avatar .avatar .initials .first,.web-page.web-rocket.whi .web-content .section-wrapper.general-section .section-content .general-info-wrapper .general-avatar.no-avatar .avatar .initials .second {
  color: #fafafa
}

.web-page.web-rocket.whi .web-content .section-wrapper.general-section .section-content .general-info-wrapper .general-avatar.no-avatar .avatar .initials .line {
  background: #fafafa
}

.web-page.web-rocket.whi .web-content .section-wrapper .section-icon {
  fill: #313131
}

.web-page.web-rocket.whi .web-content .section-wrapper .section-content {
  border-top-color: #313131
}

.web-page.web-rocket.whi .web-content .next-section-btn {
  background-color: #fafafa
}

.web-page.web-rocket.whi .web-content .next-section-btn svg {
  fill: #313131
}

.web-page.web-rocket.whi .web-content .next-section-btn:focus svg,.web-page.web-rocket.whi .web-content .next-section-btn:hover svg {
  background: #313131
}

.web-page.web-rocket.whi .web-content .next-section-btn:focus svg path:last-child,.web-page.web-rocket.whi .web-content .next-section-btn:hover svg path:last-child {
  fill: #fafafa
}

@media (min-width: 768px) {
  .web-page.web-rocket.whi .web-content .menu .menu-header .btn,.web-page.web-rocket.whi .web-content .next-section-btn,.web-page.web-rocket.whi .web-content .topbar .btn:not(.menu-btn) {
      background-color:initial
  }
}

.web-page.web-rocket.whi .web-content .topbar .share-popover {
  background-color: #313131
}

.web-page.web-rocket.whi .web-content:before {
  border-image-source: linear-gradient(180deg,#ff5cdb,#ff8e75 62.5%)
}

.web-page.web-sidebar a,.web-page.web-sidebar b,.web-page.web-sidebar del,.web-page.web-sidebar div,.web-page.web-sidebar em,.web-page.web-sidebar ins,.web-page.web-sidebar li,.web-page.web-sidebar mark,.web-page.web-sidebar ol,.web-page.web-sidebar p,.web-page.web-sidebar s,.web-page.web-sidebar small,.web-page.web-sidebar strong,.web-page.web-sidebar sub,.web-page.web-sidebar sup,.web-page.web-sidebar u,.web-page.web-sidebar ul {
  font-size: 18px;
  line-height: 28px
}

.web-page.web-sidebar .sidebar-footer .btn-tooltip {
  font-size: 14px
}

.web-page.web-sidebar .degree,.web-page.web-sidebar .keyword,.web-page.web-sidebar .position,.web-page.web-sidebar .publication-name {
  font-size: 26px;
  line-height: 36px
}

.web-page.web-sidebar .address,.web-page.web-sidebar .company,.web-page.web-sidebar .publisher {
  font-size: 22px;
  line-height: 32px
}

.web-page.web-sidebar .category-name,.web-page.web-sidebar .general-section .key {
  font-size: 16px;
  line-height: 26px
}

.web-page.web-sidebar .section-title {
  font-size: 36px;
  line-height: 46px
}

.web-page.web-sidebar .sidebar .name,.web-page.web-sidebar .sidebar .section-list-item {
  font-size: 20px;
  line-height: 30px
}

@media (min-width: 768px) {
  .web-page.web-sidebar .degree,.web-page.web-sidebar .keyword,.web-page.web-sidebar .position,.web-page.web-sidebar .publication-name {
      font-size:30px;
      line-height: 40px
  }

  .web-page.web-sidebar .section-title {
      font-size: 46px;
      line-height: 56px
  }
}

@media (min-width: 1200px) {
  .web-page.web-sidebar .degree,.web-page.web-sidebar .keyword,.web-page.web-sidebar .position,.web-page.web-sidebar .publication-name {
      font-size:34px;
      line-height: 44px
  }

  .web-page.web-sidebar .section-title {
      font-size: 56px;
      line-height: 66px
  }
}

.web-page.web-sidebar .sidebar .btn,.web-page.web-sidebar .topbar .btn {
  background: transparent;
  display: flex
}

.web-page.web-sidebar .topbar {
  align-items: center;
  background: #313131;
  display: flex;
  left: 0;
  min-height: 80px;
  padding: 0 24px;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1
}

.web-page.web-sidebar .topbar .btn svg {
  fill: #faf7f7;
  width: 28px
}

.web-page.web-sidebar .topbar .btn.open {
  display: none
}

.web-page.web-sidebar .topbar .btn:not(.open) {
  padding: 7px
}

.web-page.web-sidebar .topbar .btn:not(.open) svg {
  width: 40px
}

.web-page.web-sidebar .sidebar {
  background: #313131;
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  transition: left .3s ease-in-out;
  width: 100vw;
  z-index: 1
}

.web-page.web-sidebar .sidebar .avatar-btn {
  padding: 0
}

.web-page.web-sidebar .sidebar.closed {
  left: -100vw
}

.web-page.web-sidebar .sidebar .sidebar-content {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-y: auto
}

.web-page.web-sidebar .sidebar .sidebar-content .sidebar-header {
  border-bottom: 2px solid hsla(0,0%,73%,.3);
  margin-bottom: 21px;
  padding: 21px 24px 28px
}

.web-page.web-sidebar .sidebar .sidebar-content .sidebar-header .avatar .thumbnail {
  background: transparent;
  border: none;
  display: inline-block;
  margin: 0;
  padding: 0
}

.web-page.web-sidebar .sidebar .sidebar-content .sidebar-header .avatar .thumbnail img {
  border-radius: 50%
}

.web-page.web-sidebar .sidebar .sidebar-content .sidebar-header.no-avatar .avatar .initials {
  align-items: center;
  background-color: hsla(0,0%,100%,.1);
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 20px
}

.web-page.web-sidebar .sidebar .sidebar-content .sidebar-header.no-avatar .avatar .initials .first,.web-page.web-sidebar .sidebar .sidebar-content .sidebar-header.no-avatar .avatar .initials .second {
  color: #faf7f7;
  font-size: 28px;
  line-height: 28px;
  padding: 3px 0
}

.web-page.web-sidebar .sidebar .sidebar-content .sidebar-header.no-avatar .avatar .initials .line {
  background: #faf7f7;
  height: 2px;
  width: 100%
}

@media (min-width: 1200px) {
  .web-page.web-sidebar .sidebar .sidebar-content .sidebar-header.no-avatar .avatar .initials {
      height:120px;
      padding: 0 30px;
      width: 120px
  }

  .web-page.web-sidebar .sidebar .sidebar-content .sidebar-header.no-avatar .avatar .initials .first,.web-page.web-sidebar .sidebar .sidebar-content .sidebar-header.no-avatar .avatar .initials .second {
      font-size: 36px;
      line-height: 36px
  }
}

.web-page.web-sidebar .sidebar .sidebar-content .sidebar-header .avatar {
  width: 90px
}

.web-page.web-sidebar .sidebar .sidebar-content .sidebar-header .avatar .thumbnail,.web-page.web-sidebar .sidebar .sidebar-content .sidebar-header .avatar .thumbnail img,.web-page.web-sidebar .sidebar .sidebar-content .sidebar-header.no-avatar .avatar .initials {
  height: 90px;
  width: 90px
}

.web-page.web-sidebar .sidebar .sidebar-content .sidebar-header .name {
  color: #faf7f7;
  padding-top: 15px
}

.web-page.web-sidebar .sidebar .sidebar-content .section-list {
  align-items: flex-start;
  display: flex;
  flex-direction: column
}

.web-page.web-sidebar .sidebar .sidebar-content .section-list .section-list-item {
  border-left: 4px solid transparent;
  color: #faf7f7;
  cursor: pointer;
  opacity: .3;
  padding: 15px 24px 15px 20px;
  width: 100%
}

.web-page.web-sidebar .sidebar .sidebar-content .section-list .section-list-item:focus,.web-page.web-sidebar .sidebar .sidebar-content .section-list .section-list-item:hover {
  background: hsla(0,0%,100%,.05);
  outline: none;
  text-decoration: none
}

.web-page.web-sidebar .sidebar .sidebar-content .section-list .section-list-item.active {
  background: hsla(0,0%,100%,.1);
  border-left-color: #faf7f7;
  opacity: 1
}

.web-page.web-sidebar .sidebar .sidebar-content .sidebar-footer {
  display: flex;
  margin-top: auto;
  padding: 20px 0 20px 24px;
  position: relative
}

.web-page.web-sidebar .sidebar .sidebar-content .sidebar-footer .share-popover {
  background-color: #fff;
  border-radius: 10px;
  padding: 20px
}

.web-page.web-sidebar .sidebar .sidebar-content .sidebar-footer .btn {
  margin-right: 20px
}

.web-page.web-sidebar .sidebar .sidebar-content .sidebar-footer .btn svg {
  fill: #faf7f7;
  cursor: pointer;
  opacity: .3;
  width: 50px
}

.web-page.web-sidebar .sidebar .sidebar-content .sidebar-footer .btn:focus svg,.web-page.web-sidebar .sidebar .sidebar-content .sidebar-footer .btn:hover svg {
  opacity: 1
}

.web-page.web-sidebar .sidebar .sidebar-content .sidebar-footer .btn .btn-tooltip {
  background: #000;
  border-radius: 5px;
  color: #fff
}

.web-page.web-sidebar .backdrop {
  background: #000;
  bottom: 0;
  left: 0;
  opacity: .3;
  position: fixed;
  right: 0;
  top: 0;
  transition: opacity .3s ease-in-out;
  z-index: 1
}

.web-page.web-sidebar .backdrop:not(.open) {
  opacity: 0;
  z-index: -4
}

.web-page.web-sidebar .web-content {
  padding-top: 80px
}

.web-page.web-sidebar .web-content a:focus {
  outline-color: #676767
}

.web-page.web-sidebar .web-content .sections .section-wrapper {
  border-bottom: 1px solid #676767;
  display: flex;
  flex-direction: column;
  min-height: clamp(1rem, calc(100vh - 80px), 3.5rem);
}

.web-page.web-sidebar .web-content .sections .section-wrapper.general-section .general-info {
  grid-row-gap: 20px;
  display: grid;
  grid-template-columns: 1fr
}

.web-page.web-sidebar .web-content .sections .section-wrapper.general-section .general-info:not(:empty):not(.empty-description) {
  border-bottom: 2px solid rgba(49,49,49,.2);
  margin-bottom: 30px;
  padding-bottom: 30px
}

.web-page.web-sidebar .web-content .sections .section-wrapper.general-section .general-info .info-wrapper {
  display: flex;
  flex-direction: column
}

.web-page.web-sidebar .web-content .sections .section-wrapper.general-section .general-info .info-wrapper .key {
  color: #313131
}

.web-page.web-sidebar .web-content .sections .section-wrapper.general-section .general-description,.web-page.web-sidebar .web-content .sections .section-wrapper.general-section .general-info .info-wrapper .value {
  color: #676767
}

@media (min-width: 768px) {
  .web-page.web-sidebar .web-content .sections .section-wrapper.general-section .general-info {
      grid-column-gap:16px;
      grid-template-columns: 1fr 1fr
  }
}

@media (min-width: 1920px) {
  .web-page.web-sidebar .web-content .sections .section-wrapper.general-section .general-info {
      grid-column-gap:16px;
      grid-row-gap: 40px
  }

  .web-page.web-sidebar .web-content .sections .section-wrapper.general-section .general-info:not(:empty):not(.empty-description) {
      margin-bottom: 80px;
      padding-bottom: 80px
  }
}

.web-page.web-sidebar .web-content .sections .section-wrapper.experience-section .entry-wrapper,.web-page.web-sidebar .web-content .sections .section-wrapper.publication-section .entry-wrapper {
  color: #313131;
  word-break: break-word
}

.web-page.web-sidebar .web-content .sections .section-wrapper.experience-section .entry-wrapper:not(:last-of-type),.web-page.web-sidebar .web-content .sections .section-wrapper.publication-section .entry-wrapper:not(:last-of-type) {
  margin-bottom: 60px
}

.web-page.web-sidebar .web-content .sections .section-wrapper.experience-section .entry-wrapper .date,.web-page.web-sidebar .web-content .sections .section-wrapper.publication-section .entry-wrapper .date {
  color: #676767
}

.web-page.web-sidebar .web-content .sections .section-wrapper.experience-section .entry-wrapper .date-content-divider,.web-page.web-sidebar .web-content .sections .section-wrapper.publication-section .entry-wrapper .date-content-divider {
  background: #676767;
  height: 2px;
  margin: 20px 0;
  width: 100%
}

.web-page.web-sidebar .web-content .sections .section-wrapper.experience-section .entry-wrapper .content-wrapper .position-degree-wrapper:not(:empty),.web-page.web-sidebar .web-content .sections .section-wrapper.experience-section .entry-wrapper .content-wrapper .publication-name:not(:empty),.web-page.web-sidebar .web-content .sections .section-wrapper.publication-section .entry-wrapper .content-wrapper .position-degree-wrapper:not(:empty),.web-page.web-sidebar .web-content .sections .section-wrapper.publication-section .entry-wrapper .content-wrapper .publication-name:not(:empty) {
  margin-bottom: 10px
}

.web-page.web-sidebar .web-content .sections .section-wrapper.experience-section .entry-wrapper .content-wrapper .entry-header:not(:empty),.web-page.web-sidebar .web-content .sections .section-wrapper.publication-section .entry-wrapper .content-wrapper .entry-header:not(:empty) {
  margin-bottom: 40px
}

.web-page.web-sidebar .web-content .sections .section-wrapper.experience-section .entry-wrapper .content-wrapper .experience-description,.web-page.web-sidebar .web-content .sections .section-wrapper.experience-section .entry-wrapper .content-wrapper .publication-description,.web-page.web-sidebar .web-content .sections .section-wrapper.publication-section .entry-wrapper .content-wrapper .experience-description,.web-page.web-sidebar .web-content .sections .section-wrapper.publication-section .entry-wrapper .content-wrapper .publication-description {
  color: #676767
}

@media (min-width: 768px) {
  .web-page.web-sidebar .web-content .sections .section-wrapper.experience-section .entry-wrapper,.web-page.web-sidebar .web-content .sections .section-wrapper.publication-section .entry-wrapper {
      display:flex
  }

  .web-page.web-sidebar .web-content .sections .section-wrapper.experience-section .entry-wrapper .date,.web-page.web-sidebar .web-content .sections .section-wrapper.publication-section .entry-wrapper .date {
      align-self: flex-start;
      padding-top: 30px;
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg);
      white-space: nowrap;
      -webkit-writing-mode: vertical-rl;
      writing-mode: vertical-rl
  }

  .web-page.web-sidebar .web-content .sections .section-wrapper.experience-section .entry-wrapper .date-content-divider,.web-page.web-sidebar .web-content .sections .section-wrapper.publication-section .entry-wrapper .date-content-divider {
      height: auto;
      margin: 0 30px 0 24px;
      min-width: 2px;
      width: 2px
  }

  .web-page.web-sidebar .web-content .sections .section-wrapper.experience-section .entry-wrapper .content-wrapper .position-degree-wrapper,.web-page.web-sidebar .web-content .sections .section-wrapper.publication-section .entry-wrapper .content-wrapper .position-degree-wrapper {
      display: flex
  }

  .web-page.web-sidebar .web-content .sections .section-wrapper.experience-section .entry-wrapper .content-wrapper .position-degree-wrapper .position,.web-page.web-sidebar .web-content .sections .section-wrapper.publication-section .entry-wrapper .content-wrapper .position-degree-wrapper .position {
      margin-right: 15px
  }

  .web-page.web-sidebar .web-content .sections .section-wrapper.experience-section .entry-wrapper:not(.reference) .content-wrapper .company-address-wrapper,.web-page.web-sidebar .web-content .sections .section-wrapper.publication-section .entry-wrapper:not(.reference) .content-wrapper .company-address-wrapper {
      align-items: center;
      display: flex
  }

  .web-page.web-sidebar .web-content .sections .section-wrapper.experience-section .entry-wrapper:not(.reference) .content-wrapper .company-address-wrapper .company-address-divider,.web-page.web-sidebar .web-content .sections .section-wrapper.publication-section .entry-wrapper:not(.reference) .content-wrapper .company-address-wrapper .company-address-divider {
      background: #676767;
      height: 2px;
      margin: 0 7px;
      width: 30px
  }
}

@media (min-width: 1200px) {
  .web-page.web-sidebar .web-content .sections .section-wrapper.experience-section .entry-wrapper .date-content-divider,.web-page.web-sidebar .web-content .sections .section-wrapper.publication-section .entry-wrapper .date-content-divider {
      margin-left:100px
  }
}

@media (min-width: 1920px) {
  .web-page.web-sidebar .web-content .sections .section-wrapper.experience-section .entry-wrapper:not(:last-of-type),.web-page.web-sidebar .web-content .sections .section-wrapper.publication-section .entry-wrapper:not(:last-of-type) {
      margin-bottom:100px
  }

  .web-page.web-sidebar .web-content .sections .section-wrapper.experience-section .entry-wrapper .date-content-divider,.web-page.web-sidebar .web-content .sections .section-wrapper.publication-section .entry-wrapper .date-content-divider {
      margin-left: 74px;
      margin-right: 40px
  }
}

.web-page.web-sidebar .web-content .sections .section-wrapper.graph-section .section-content .entries-wrapper {
  grid-row-gap: 70px;
  display: grid;
  grid-template-columns: 1fr
}

.web-page.web-sidebar .web-content .sections .section-wrapper.graph-section .section-content .entries-wrapper .graph-entry .graph-name {
  color: #313131;
  margin-top: 10px
}

.web-page.web-sidebar .web-content .sections .section-wrapper.graph-section .section-content .entries-wrapper .graph-entry .graph-value-wrapper .value {
  color: #313131;
  flex-direction: column
}

.web-page.web-sidebar .web-content .sections .section-wrapper.graph-section .section-content .entries-wrapper .graph-entry .graph-value-wrapper .value .number {
  font-size: 36px;
  line-height: 46px
}

.web-page.web-sidebar .web-content .sections .section-wrapper.graph-section .section-content .entries-wrapper .graph-entry .graph-value-wrapper .value .line {
  background: #676767;
  min-height: 2px;
  width: 86px
}

.web-page.web-sidebar .web-content .sections .section-wrapper.graph-section .section-content .entries-wrapper .graph-entry .graph-value-wrapper .value .circle-percentage {
  font-size: 20px;
  line-height: 27px;
  margin-bottom: 7px
}

.web-page.web-sidebar .web-content .sections .section-wrapper.graph-section .section-content .entries-wrapper .graph-entry .graph-value-wrapper .value,.web-page.web-sidebar .web-content .sections .section-wrapper.graph-section .section-content .entries-wrapper .graph-entry .graph-value-wrapper svg {
  height: 146px;
  width: 146px
}

.web-page.web-sidebar .web-content .sections .section-wrapper.graph-section .section-content .entries-wrapper .graph-entry .graph-value-wrapper svg.full-circle circle {
  stroke-width: 2px;
  stroke: #676767
}

.web-page.web-sidebar .web-content .sections .section-wrapper.graph-section .section-content .entries-wrapper .graph-entry .graph-value-wrapper svg.partial-circle circle {
  stroke-width: 10px;
  stroke: #313131
}

@media (min-width: 360px) {
  .web-page.web-sidebar .web-content .sections .section-wrapper.graph-section .section-content .entries-wrapper {
      grid-template-columns:1fr 1fr
  }

  .web-page.web-sidebar .web-content .sections .section-wrapper.graph-section .section-content .entries-wrapper .graph-entry .graph-name {
      margin-left: 5px;
      margin-right: 5px
  }
}

@media (min-width: 768px) {
  .web-page.web-sidebar .web-content .sections .section-wrapper.graph-section .section-content .entries-wrapper {
      grid-template-columns:1fr 1fr 1fr
  }
}

@media (min-width: 1440px) {
  .web-page.web-sidebar .web-content .sections .section-wrapper.graph-section .section-content .entries-wrapper {
      grid-template-columns:1fr 1fr 1fr 1fr
  }
}

@media (min-width: 1920px) {
  .web-page.web-sidebar .web-content .sections .section-wrapper.graph-section .section-content .entries-wrapper {
      grid-row-gap:100px
  }
}

.web-page.web-sidebar .web-content .sections .section-wrapper.hobby-section .section-content .entries-wrapper,.web-page.web-sidebar .web-content .sections .section-wrapper.social-section .section-content .entries-wrapper {
  margin-bottom: -70px
}

.web-page.web-sidebar .web-content .sections .section-wrapper.hobby-section .section-content .entries-wrapper .hobby,.web-page.web-sidebar .web-content .sections .section-wrapper.hobby-section .section-content .entries-wrapper .social,.web-page.web-sidebar .web-content .sections .section-wrapper.social-section .section-content .entries-wrapper .hobby,.web-page.web-sidebar .web-content .sections .section-wrapper.social-section .section-content .entries-wrapper .social {
  flex-basis: 100%;
  margin-bottom: 70px
}

.web-page.web-sidebar .web-content .sections .section-wrapper.hobby-section .section-content .entries-wrapper .hobby .icon,.web-page.web-sidebar .web-content .sections .section-wrapper.hobby-section .section-content .entries-wrapper .social .icon,.web-page.web-sidebar .web-content .sections .section-wrapper.social-section .section-content .entries-wrapper .hobby .icon,.web-page.web-sidebar .web-content .sections .section-wrapper.social-section .section-content .entries-wrapper .social .icon {
  height: 60px;
  margin-bottom: 20px;
  min-height: 60px;
  width: 60px
}

.web-page.web-sidebar .web-content .sections .section-wrapper.hobby-section .section-content .entries-wrapper .hobby .icon svg,.web-page.web-sidebar .web-content .sections .section-wrapper.hobby-section .section-content .entries-wrapper .social .icon svg,.web-page.web-sidebar .web-content .sections .section-wrapper.social-section .section-content .entries-wrapper .hobby .icon svg,.web-page.web-sidebar .web-content .sections .section-wrapper.social-section .section-content .entries-wrapper .social .icon svg {
  fill: #313131
}

.web-page.web-sidebar .web-content .sections .section-wrapper.hobby-section .section-content .entries-wrapper .hobby .hobby-name,.web-page.web-sidebar .web-content .sections .section-wrapper.hobby-section .section-content .entries-wrapper .hobby .social-description,.web-page.web-sidebar .web-content .sections .section-wrapper.hobby-section .section-content .entries-wrapper .social .hobby-name,.web-page.web-sidebar .web-content .sections .section-wrapper.hobby-section .section-content .entries-wrapper .social .social-description,.web-page.web-sidebar .web-content .sections .section-wrapper.hobby-section .section-content .entries-wrapper .social:hover,.web-page.web-sidebar .web-content .sections .section-wrapper.social-section .section-content .entries-wrapper .hobby .hobby-name,.web-page.web-sidebar .web-content .sections .section-wrapper.social-section .section-content .entries-wrapper .hobby .social-description,.web-page.web-sidebar .web-content .sections .section-wrapper.social-section .section-content .entries-wrapper .social .hobby-name,.web-page.web-sidebar .web-content .sections .section-wrapper.social-section .section-content .entries-wrapper .social .social-description,.web-page.web-sidebar .web-content .sections .section-wrapper.social-section .section-content .entries-wrapper .social:hover {
  color: #313131
}

@media (min-width: 360px) {
  .web-page.web-sidebar .web-content .sections .section-wrapper.hobby-section .section-content .entries-wrapper .hobby,.web-page.web-sidebar .web-content .sections .section-wrapper.hobby-section .section-content .entries-wrapper .social,.web-page.web-sidebar .web-content .sections .section-wrapper.social-section .section-content .entries-wrapper .hobby,.web-page.web-sidebar .web-content .sections .section-wrapper.social-section .section-content .entries-wrapper .social {
      flex-basis:50%
  }

  .web-page.web-sidebar .web-content .sections .section-wrapper.hobby-section .section-content .entries-wrapper .hobby .hobby-name,.web-page.web-sidebar .web-content .sections .section-wrapper.hobby-section .section-content .entries-wrapper .hobby .social-description,.web-page.web-sidebar .web-content .sections .section-wrapper.hobby-section .section-content .entries-wrapper .social .hobby-name,.web-page.web-sidebar .web-content .sections .section-wrapper.hobby-section .section-content .entries-wrapper .social .social-description,.web-page.web-sidebar .web-content .sections .section-wrapper.social-section .section-content .entries-wrapper .hobby .hobby-name,.web-page.web-sidebar .web-content .sections .section-wrapper.social-section .section-content .entries-wrapper .hobby .social-description,.web-page.web-sidebar .web-content .sections .section-wrapper.social-section .section-content .entries-wrapper .social .hobby-name,.web-page.web-sidebar .web-content .sections .section-wrapper.social-section .section-content .entries-wrapper .social .social-description {
      margin-left: 8px;
      margin-right: 8px
  }
}

@media (min-width: 768px) {
  .web-page.web-sidebar .web-content .sections .section-wrapper.hobby-section .section-content .entries-wrapper .hobby,.web-page.web-sidebar .web-content .sections .section-wrapper.hobby-section .section-content .entries-wrapper .social,.web-page.web-sidebar .web-content .sections .section-wrapper.social-section .section-content .entries-wrapper .hobby,.web-page.web-sidebar .web-content .sections .section-wrapper.social-section .section-content .entries-wrapper .social {
      flex-basis:33.33%
  }
}

@media (min-width: 1440px) {
  .web-page.web-sidebar .web-content .sections .section-wrapper.hobby-section .section-content .entries-wrapper .hobby,.web-page.web-sidebar .web-content .sections .section-wrapper.hobby-section .section-content .entries-wrapper .social,.web-page.web-sidebar .web-content .sections .section-wrapper.social-section .section-content .entries-wrapper .hobby,.web-page.web-sidebar .web-content .sections .section-wrapper.social-section .section-content .entries-wrapper .social {
      flex-basis:25%
  }
}

@media (min-width: 1920px) {
  .web-page.web-sidebar .web-content .sections .section-wrapper.hobby-section .section-content .entries-wrapper,.web-page.web-sidebar .web-content .sections .section-wrapper.social-section .section-content .entries-wrapper {
      margin-bottom:-100px
  }

  .web-page.web-sidebar .web-content .sections .section-wrapper.hobby-section .section-content .entries-wrapper .hobby,.web-page.web-sidebar .web-content .sections .section-wrapper.hobby-section .section-content .entries-wrapper .social,.web-page.web-sidebar .web-content .sections .section-wrapper.social-section .section-content .entries-wrapper .hobby,.web-page.web-sidebar .web-content .sections .section-wrapper.social-section .section-content .entries-wrapper .social {
      margin-bottom: 100px
  }

  .web-page.web-sidebar .web-content .sections .section-wrapper.hobby-section .section-content .entries-wrapper .hobby .hobby-name,.web-page.web-sidebar .web-content .sections .section-wrapper.hobby-section .section-content .entries-wrapper .hobby .social-description,.web-page.web-sidebar .web-content .sections .section-wrapper.hobby-section .section-content .entries-wrapper .social .hobby-name,.web-page.web-sidebar .web-content .sections .section-wrapper.hobby-section .section-content .entries-wrapper .social .social-description,.web-page.web-sidebar .web-content .sections .section-wrapper.social-section .section-content .entries-wrapper .hobby .hobby-name,.web-page.web-sidebar .web-content .sections .section-wrapper.social-section .section-content .entries-wrapper .hobby .social-description,.web-page.web-sidebar .web-content .sections .section-wrapper.social-section .section-content .entries-wrapper .social .hobby-name,.web-page.web-sidebar .web-content .sections .section-wrapper.social-section .section-content .entries-wrapper .social .social-description {
      margin-left: 8px;
      margin-right: 8px
  }
}

.web-page.web-sidebar .web-content .sections .section-wrapper.keyword-section .section-content .keyword-list {
  margin-bottom: -70px
}

.web-page.web-sidebar .web-content .sections .section-wrapper.keyword-section .section-content .keyword-list .keyword {
  color: #313131;
  margin: 0 70px 70px 0
}

@media (min-width: 1920px) {
  .web-page.web-sidebar .web-content .sections .section-wrapper.keyword-section .section-content .keyword-list {
      margin-bottom:-100px
  }

  .web-page.web-sidebar .web-content .sections .section-wrapper.keyword-section .section-content .keyword-list .keyword {
      margin-bottom: 100px;
      margin-right: 100px
  }
}

.web-page.web-sidebar .web-content .sections .section-wrapper.skill-section .skill-category:not(:last-of-type) {
  margin-bottom: 40px
}

.web-page.web-sidebar .web-content .sections .section-wrapper.skill-section .skill-category .category-name {
  color: #313131;
  margin-bottom: 30px
}

.web-page.web-sidebar .web-content .sections .section-wrapper.skill-section .skill-category .skill-wrapper {
  grid-row-gap: 20px;
  display: grid;
  grid-template-columns: 1fr
}

.web-page.web-sidebar .web-content .sections .section-wrapper.skill-section .skill-category .skill-wrapper:not(:last-of-type) {
  margin-bottom: 30px
}

.web-page.web-sidebar .web-content .sections .section-wrapper.skill-section .skill-category .skill-wrapper .skill-name {
  color: #676767
}

.web-page.web-sidebar .web-content .sections .section-wrapper.skill-section .skill-category .skill-wrapper .skill-description {
  color: #313131
}

.web-page.web-sidebar .web-content .sections .section-wrapper.skill-section .skill-category .skill-wrapper .skill-level:before {
  background: #676767;
  height: 2px
}

.web-page.web-sidebar .web-content .sections .section-wrapper.skill-section .skill-category .skill-wrapper .skill-level:after {
  background: #313131;
  height: 10px
}

@media (min-width: 768px) {
  .web-page.web-sidebar .web-content .sections .section-wrapper.skill-section .skill-category .skill-wrapper {
      grid-column-gap:16px;
      grid-row-gap: 0;
      grid-template-columns: 3fr 5fr
  }
}

@media (min-width: 1200px) {
  .web-page.web-sidebar .web-content .sections .section-wrapper.skill-section .skill-category .skill-wrapper {
      grid-template-columns:1fr 2fr
  }
}

@media (min-width: 1920px) {
  .web-page.web-sidebar .web-content .sections .section-wrapper.skill-section .skill-category {
      margin-bottom:10px
  }

  .web-page.web-sidebar .web-content .sections .section-wrapper.skill-section .skill-category .category-name {
      margin-bottom: 40px
  }

  .web-page.web-sidebar .web-content .sections .section-wrapper.skill-section .skill-category .skill-wrapper {
      grid-column-gap: 16px
  }
}

.web-page.web-sidebar .web-content .sections .section-wrapper.text-section .section-content {
  color: #676767
}

.web-page.web-sidebar .web-content .sections .section-wrapper .section-title {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 235px;
  padding: 24px;
  text-align: center;
  word-break: break-word
}

.web-page.web-sidebar .web-content .sections .section-wrapper .section-content {
  flex-grow: 1;
  padding: 60px 24px 70px
}

.web-page.web-sidebar .web-content .sections .section-wrapper:nth-of-type(odd) .section-title {
  background: #f2efef
}

.web-page.web-sidebar .web-content .sections .section-wrapper:nth-of-type(2n) .section-title,.web-page.web-sidebar .web-content .sections .section-wrapper:nth-of-type(odd) .section-content {
  background: #fff
}

.web-page.web-sidebar .web-content .sections .section-wrapper:nth-of-type(2n) .section-content {
  background: #f2efef
}

.web-page.web-sidebar .web-content .footer {
  background: #fafafa;
  padding-left: 24px;
  padding-right: 24px
}

.web-page.web-sidebar .web-content .next-section-btn {
  background-color: initial;
  bottom: 20px;
  cursor: pointer;
  height: 50px;
  padding: 0;
  position: fixed;
  right: 20px;
  width: 50px
}

.web-page.web-sidebar .web-content .next-section-btn.up svg {
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1)
}

.web-page.web-sidebar .web-content .next-section-btn svg {
  fill: #313131
}

.web-page.web-sidebar .web-content .next-section-btn:focus svg,.web-page.web-sidebar .web-content .next-section-btn:hover svg {
  fill: #464646
}

@media (min-width: 576px) {
  .web-page.web-sidebar .sidebar {
      width:348px
  }

  .web-page.web-sidebar .sidebar.closed {
      left: -100%
  }
}

@media (min-width: 768px) {
  .web-page.web-sidebar .topbar .btn.open {
      display:block;
      margin-left: auto
  }

  .web-page.web-sidebar .topbar .btn.open svg path {
      opacity: .3
  }

  .web-page.web-sidebar .sidebar {
      padding-left: 24px;
      width: 376px
  }

  .web-page.web-sidebar .sidebar:before {
      background: hsla(0,0%,73%,.3);
      content: "";
      height: 100%;
      left: 24px;
      position: absolute;
      top: 0;
      width: 2px
  }

  .web-page.web-sidebar .sidebar .sidebar-content {
      height: 100%
  }

  .web-page.web-sidebar .sidebar .sidebar-content .sidebar-header {
      padding-left: 30px;
      padding-right: 30px
  }

  .web-page.web-sidebar .sidebar .sidebar-content .section-list .section-list-item {
      border-left-width: 2px;
      padding-left: 30px;
      padding-right: 30px
  }

  .web-page.web-sidebar .sidebar .sidebar-content .sidebar-footer {
      padding-left: 30px
  }
}

@media (min-width: 1200px) {
  .web-page.web-sidebar .topbar {
      display:none
  }

  .web-page.web-sidebar .sidebar {
      width: 298px
  }

  .web-page.web-sidebar .sidebar.closed {
      left: 0
  }

  .web-page.web-sidebar .sidebar .sidebar-content .sidebar-header {
      align-items: center;
      border-bottom: none;
      display: flex;
      margin-bottom: 0;
      min-height: 260px
  }

  .web-page.web-sidebar .sidebar .sidebar-content .sidebar-header .avatar {
      width: 120px
  }

  .web-page.web-sidebar .sidebar .sidebar-content .sidebar-header .avatar .thumbnail,.web-page.web-sidebar .sidebar .sidebar-content .sidebar-header .avatar .thumbnail img,.web-page.web-sidebar .sidebar .sidebar-content .sidebar-header.no-avatar .avatar .initials {
      height: 120px;
      width: 120px
  }

  .web-page.web-sidebar .sidebar .sidebar-content .sidebar-header .name {
      display: none
  }

  .web-page.web-sidebar .sidebar .sidebar-content .sidebar-footer {
      padding-bottom: 20px
  }

  .web-page.web-sidebar .sidebar .sidebar-content .sidebar-footer .btn {
      margin-right: 10px
  }

  .web-page.web-sidebar .backdrop {
      display: none
  }

  .web-page.web-sidebar .web-content {
      padding-left: 298px;
      padding-top: 0
  }

  .web-page.web-sidebar .web-content .sections .section-wrapper {
      min-height: 100vh
  }

  .web-page.web-sidebar .web-content .sections .section-wrapper .section-title {
      min-height: 260px
  }

  .web-page.web-sidebar .web-content .sections .section-wrapper .section-content,.web-page.web-sidebar .web-content .sections .section-wrapper .section-title {
      padding-left: 100px;
      padding-right: 100px
  }

  .web-page.web-sidebar .web-content .next-section-btn {
      display: none
  }

  .web-page.web-sidebar .web-content .footer {
      padding-left: 100px;
      padding-right: 100px
  }
}

@media (min-width: 1440px) {
  .web-page.web-sidebar .sidebar {
      padding-left:40px;
      width: 381px
  }

  .web-page.web-sidebar .sidebar:before {
      left: 40px
  }

  .web-page.web-sidebar .sidebar .sidebar-content .sidebar-footer .btn {
      margin-right: 20px
  }

  .web-page.web-sidebar .web-content {
      padding-left: 381px
  }
}

@media (min-width: 1920px) {
  .web-page.web-sidebar .sidebar {
      min-width:372px;
      padding-left: 70px;
      width: 372px
  }

  .web-page.web-sidebar .sidebar:before {
      left: 70px
  }

  .web-page.web-sidebar .web-content {
      padding-left: 372px
  }

  .web-page.web-sidebar .web-content .sections .section-wrapper .section-title {
      padding-left: clamp(1rem, calc(50vw - 834px), 3.5rem);
      padding-right: clamp(1rem, calc(50vw - 834px), 3.5rem);
  }

  .web-page.web-sidebar .web-content .sections .section-wrapper .section-content {
      padding: 100px clamp(1rem, calc(50vw - 834px), 3.5rem) 110px;
  }

  .web-page.web-sidebar .web-content .footer {
      padding-left: clamp(1rem, calc(50vw - 834px), 3.5rem);
      padding-right: clamp(1rem, calc(50vw - 834px), 3.5rem);
  }
}

@media (min-height: 1080px) {
  .web-page.web-sidebar .web-content .sections .section-wrapper {
      min-height:auto
  }
}

.web-page.web-sidebar.whi .web-content .sections .section-wrapper:nth-of-type(odd) .section-title {
  background: #f2efef
}

.web-page.web-sidebar.whi .web-content .sections .section-wrapper:nth-of-type(2n+2) .section-title,.web-page.web-sidebar.whi .web-content .sections .section-wrapper:nth-of-type(odd) .section-content {
  background: #fff
}

.web-page.web-sidebar.whi .web-content .sections .section-wrapper:nth-of-type(2n+2) .section-content {
  background: #f2efef
}

.web-page.web-sidebar.yel .web-content .sections .section-wrapper:nth-of-type(odd) .section-title {
  background: #f5c800
}

.web-page.web-sidebar.yel .web-content .sections .section-wrapper:nth-of-type(2n+2) .section-title,.web-page.web-sidebar.yel .web-content .sections .section-wrapper:nth-of-type(odd) .section-content {
  background: #ffd000
}

.web-page.web-sidebar.yel .web-content .sections .section-wrapper:nth-of-type(2n+2) .section-content {
  background: #f5c800
}

.web-page.web-sidebar.bei .web-content .sections .section-wrapper:nth-of-type(odd) .section-title {
  background: #f0e3d3
}

.web-page.web-sidebar.bei .web-content .sections .section-wrapper:nth-of-type(2n+2) .section-title,.web-page.web-sidebar.bei .web-content .sections .section-wrapper:nth-of-type(odd) .section-content {
  background: #faf0e4
}

.web-page.web-sidebar.bei .web-content .sections .section-wrapper:nth-of-type(2n+2) .section-content {
  background: #f0e3d3
}

.web-page.web-sidebar.pin .web-content .sections .section-wrapper:nth-of-type(odd) .section-title {
  background: #fadddd
}

.web-page.web-sidebar.pin .web-content .sections .section-wrapper:nth-of-type(2n+2) .section-title,.web-page.web-sidebar.pin .web-content .sections .section-wrapper:nth-of-type(odd) .section-content {
  background: #fce7e7
}

.web-page.web-sidebar.pin .web-content .sections .section-wrapper:nth-of-type(2n+2) .section-content {
  background: #fadddd
}

.web-page.web-sidebar.blu .web-content .sections .section-wrapper:nth-of-type(odd) .section-title {
  background: #d0e4eb
}

.web-page.web-sidebar.blu .web-content .sections .section-wrapper:nth-of-type(2n+2) .section-title,.web-page.web-sidebar.blu .web-content .sections .section-wrapper:nth-of-type(odd) .section-content {
  background: #e1ecf0
}

.web-page.web-sidebar.blu .web-content .sections .section-wrapper:nth-of-type(2n+2) .section-content {
  background: #d0e4eb
}

.web-page.web-sidebar.rai .web-content .sections .section-wrapper:nth-of-type(9n+1) .section-title {
  background: #ccded8
}

.web-page.web-sidebar.rai .web-content .sections .section-wrapper:nth-of-type(9n+1) .section-content {
  background: #d7e3df
}

.web-page.web-sidebar.rai .web-content .sections .section-wrapper:nth-of-type(9n+2) .section-title {
  background: #f8e0cc
}

.web-page.web-sidebar.rai .web-content .sections .section-wrapper:nth-of-type(9n+2) .section-content {
  background: #fce8d8
}

.web-page.web-sidebar.rai .web-content .sections .section-wrapper:nth-of-type(9n+3) .section-title {
  background: #f2bdc9
}

.web-page.web-sidebar.rai .web-content .sections .section-wrapper:nth-of-type(9n+3) .section-content {
  background: #f7cbd5
}

.web-page.web-sidebar.rai .web-content .sections .section-wrapper:nth-of-type(9n+4) .section-title {
  background: #efa2ae
}

.web-page.web-sidebar.rai .web-content .sections .section-wrapper:nth-of-type(9n+4) .section-content {
  background: #f4aeb9
}

.web-page.web-sidebar.rai .web-content .sections .section-wrapper:nth-of-type(9n+5) .section-title {
  background: #bd8ad5
}

.web-page.web-sidebar.rai .web-content .sections .section-wrapper:nth-of-type(9n+5) .section-content {
  background: #c595db
}

.web-page.web-sidebar.rai .web-content .sections .section-wrapper:nth-of-type(9n+6) .section-title {
  background: #91aaef
}

.web-page.web-sidebar.rai .web-content .sections .section-wrapper:nth-of-type(9n+6) .section-content {
  background: #9fb6f5
}

.web-page.web-sidebar.rai .web-content .sections .section-wrapper:nth-of-type(9n+7) .section-title {
  background: #f59774
}

.web-page.web-sidebar.rai .web-content .sections .section-wrapper:nth-of-type(9n+7) .section-content {
  background: #fda382
}

.web-page.web-sidebar.rai .web-content .sections .section-wrapper:nth-of-type(9n+8) .section-title {
  background: #c9e6c0
}

.web-page.web-sidebar.rai .web-content .sections .section-wrapper:nth-of-type(9n+8) .section-content {
  background: #d6ebd0
}

.web-page.web-sidebar.rai .web-content .sections .section-wrapper:nth-of-type(9n+9) .section-title {
  background: #ddbb8c
}

.web-page.web-sidebar.rai .web-content .sections .section-wrapper:nth-of-type(9n+9) .section-content {
  background: #e0c298
}

.web-page.web-sidebar.uni .web-content .sections .section-wrapper:nth-of-type(9n+1) .section-title {
  background: #f0d4a9
}

.web-page.web-sidebar.uni .web-content .sections .section-wrapper:nth-of-type(9n+1) .section-content {
  background: #f4ddba
}

.web-page.web-sidebar.uni .web-content .sections .section-wrapper:nth-of-type(9n+2) .section-title {
  background: #f7c49e
}

.web-page.web-sidebar.uni .web-content .sections .section-wrapper:nth-of-type(9n+2) .section-content {
  background: #facba8
}

.web-page.web-sidebar.uni .web-content .sections .section-wrapper:nth-of-type(9n+3) .section-title {
  background: #c4bcf0
}

.web-page.web-sidebar.uni .web-content .sections .section-wrapper:nth-of-type(9n+3) .section-content {
  background: #d2cbf7
}

.web-page.web-sidebar.uni .web-content .sections .section-wrapper:nth-of-type(9n+4) .section-title {
  background: #ddb0f5
}

.web-page.web-sidebar.uni .web-content .sections .section-wrapper:nth-of-type(9n+4) .section-content {
  background: #e4bcfa
}

.web-page.web-sidebar.uni .web-content .sections .section-wrapper:nth-of-type(9n+5) .section-title {
  background: #8bd6b0
}

.web-page.web-sidebar.uni .web-content .sections .section-wrapper:nth-of-type(9n+5) .section-content {
  background: #95dbb8
}

.web-page.web-sidebar.uni .web-content .sections .section-wrapper:nth-of-type(9n+6) .section-title {
  background: #beb9b1
}

.web-page.web-sidebar.uni .web-content .sections .section-wrapper:nth-of-type(9n+6) .section-content {
  background: #c4c2bf
}

.web-page.web-sidebar.uni .web-content .sections .section-wrapper:nth-of-type(9n+7) .section-title {
  background: #f7c575
}

.web-page.web-sidebar.uni .web-content .sections .section-wrapper:nth-of-type(9n+7) .section-content {
  background: #fdce82
}

.web-page.web-sidebar.uni .web-content .sections .section-wrapper:nth-of-type(9n+8) .section-title {
  background: #bce0e3
}

.web-page.web-sidebar.uni .web-content .sections .section-wrapper:nth-of-type(9n+8) .section-content {
  background: #d0e9eb
}

.web-page.web-sidebar.uni .web-content .sections .section-wrapper:nth-of-type(9n+9) .section-title {
  background: #8cdbcc
}

.web-page.web-sidebar.uni .web-content .sections .section-wrapper:nth-of-type(9n+9) .section-content {
  background: #98e0d2
}

.slick-loading .slick-list {
  background: #fff url(data:image/gif;base64,R0lGODlhIAAgAPUAAP///wAAAPr6+sTExOjo6PDw8NDQ0H5+fpqamvb29ubm5vz8/JKSkoaGhuLi4ri4uKCgoOzs7K6urtzc3D4+PlZWVmBgYHx8fKioqO7u7kpKSmxsbAwMDAAAAM7OzsjIyNjY2CwsLF5eXh4eHkxMTLCwsAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH+GkNyZWF0ZWQgd2l0aCBhamF4bG9hZC5pbmZvACH5BAAKAAAAIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAIAAgAAAG/0CAcEgkFjgcR3HJJE4SxEGnMygKmkwJxRKdVocFBRRLfFAoj6GUOhQoFAVysULRjNdfQFghLxrODEJ4Qm5ifUUXZwQAgwBvEXIGBkUEZxuMXgAJb1dECWMABAcHDEpDEGcTBQMDBQtvcW0RbwuECKMHELEJF5NFCxm1AAt7cH4NuAOdcsURy0QCD7gYfcWgTQUQB6Zkr66HoeDCSwIF5ucFz3IC7O0CC6zx8YuHhW/3CvLyfPX4+OXozKnDssBdu3G/xIHTpGAgOUPrZimAJCfDPYfDin2TQ+xeBnWbHi37SC4YIYkQhdy7FvLdpwWvjA0JyU/ISyIx4xS6sgfkNS4me2rtVKkgw0JCb8YMZdjwqMQ2nIY8BbcUQNVCP7G4MQq1KRivR7tiDEuEFrggACH5BAAKAAEALAAAAAAgACAAAAb/QIBwSCQmNBpCcckkEgREA4ViKA6azM8BEZ1Wh6LOBls0HA5fgJQ6HHQ6InKRcWhA1d5hqMMpyIkOZw9Ca18Qbwd/RRhnfoUABRwdI3IESkQFZxB4bAdvV0YJQwkDAx9+bWcECQYGCQ5vFEQCEQoKC0ILHqUDBncCGA5LBiHCAAsFtgqoQwS8Aw64f8m2EXdFCxO8INPKomQCBgPMWAvL0n/ff+jYAu7vAuxy8O/myvfX8/f7/Arq+v0W0HMnr9zAeE0KJlQkJIGCfE0E+PtDq9qfDMogDkGmrIBCbNQUZIDosNq1kUsEZJBW0dY/b0ZsLViQIMFMW+RKKgjFzp4fNokPIdki+Y8JNVxA79jKwHAI0G9JGw5tCqDWTiFRhVhtmhVA16cMJTJ1OnVIMo1cy1KVI5NhEAAh+QQACgACACwAAAAAIAAgAAAG/0CAcEgkChqNQnHJJCYWRMfh4CgamkzFwBOdVocNCgNbJAwGhKGUOjRQKA1y8XOGAtZfgIWiSciJBWcTQnhCD28Qf0UgZwJ3XgAJGhQVcgKORmdXhRBvV0QMY0ILCgoRmIRnCQIODgIEbxtEJSMdHZ8AGaUKBXYLIEpFExZpAG62HRRFArsKfn8FIsgjiUwJu8FkJLYcB9lMCwUKqFgGHSJ5cnZ/uEULl/CX63/x8KTNu+RkzPj9zc/0/Cl4V0/APDIE6x0csrBJwybX9DFhBhCLgAilIvzRVUriKHGlev0JtyuDvmsZUZlcIiCDnYu7KsZ0UmrBggRP7n1DqcDJEzciOgHwcwTyZEUmIKEMFVIqgyIjpZ4tjdTxqRCMPYVMBYDV6tavUZ8yczpkKwBxHsVWtaqo5tMgACH5BAAKAAMALAAAAAAgACAAAAb/QIBwSCQuBgNBcck0FgvIQtHRZCYUGSJ0IB2WDo9qUaBQKIXbLsBxOJTExUh5mB4iDo0zXEhWJNBRQgZtA3tPZQsAdQINBwxwAnpCC2VSdQNtVEQSEkOUChGSVwoLCwUFpm0QRAMVFBQTQxllCqh0kkIECF0TG68UG2O0foYJDb8VYVa0alUXrxoQf1WmZnsTFA0EhgCJhrFMC5Hjkd57W0jpDsPDuFUDHfHyHRzstNN78PPxHOLk5dwcpBuoaYk5OAfhXHG3hAy+KgLkgNozqwzDbgWYJQyXsUwGXKNA6fnYMIO3iPeIpBwyqlSCBKUqEQk5E6YRmX2UdAT5kEnHKkQ5hXjkNqTPtKAARl1sIrGoxSFNuSEFMNWoVCxEpiqyRlQY165wEHELAgAh+QQACgAEACwAAAAAIAAgAAAG/0CAcEgsKhSLonJJTBIFR0GxwFwmFJlnlAgaTKpFqEIqFJMBhcEABC5GjkPz0KN2tsvHBH4sJKgdd1NHSXILah9tAmdCC0dUcg5qVEQfiIxHEYtXSACKnWoGXAwHBwRDGUcKBXYFi0IJHmQEEKQHEGGpCnp3AiW1DKFWqZNgGKQNA65FCwV8bQQHJcRtds9MC4rZitVgCQbf4AYEubnKTAYU6eoUGuSpu3fo6+ka2NrbgQAE4eCmS9xVAOW7Yq7IgA4Hpi0R8EZBhDshOnTgcOtfM0cAlTigILFDiAFFNjk8k0GZgAxOBozouIHIOyKbFixIkECmIyIHOEiEWbPJTTQ5FxcVOMCgzUVCWwAcyZJvzy45ADYVZNIwTlIAVfNB7XRVDLxEWLQ4E9JsKq+rTdsMyhcEACH5BAAKAAUALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RagJmQgtHaX5XZUYKQ4YKEYSKfVKPaUMZHwMDeQBxh04ABYSFGU4JBpsDBmFHdXMLIKofBEyKCpdgspsOoUsLXaRLCQMgwky+YJ1FC4POg8lVAg7U1Q5drtnHSw4H3t8HDdnZy2Dd4N4Nzc/QeqLW1bnM7rXuV9tEBhQQ5UoCbJDmWKBAQcMDZNhwRVNCYANBChZYEbkVCZOwASEcCDFQ4SEDIq6WTVqQIMECBx06iCACQQPBiSabHDqzRUTKARMhSFCDrc+WNQIcOoRw5+ZIHj8ADqSEQBQAwKKLhIzowEEeGKQ0owIYkPKjHihZoBKi0KFE01b4zg7h4y4IACH5BAAKAAYALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RagJmQgtHaX5XZUUJeQCGChGEin1SkGlubEhDcYdOAAWEhRlOC12HYUd1eqeRokOKCphgrY5MpotqhgWfunqPt4PCg71gpgXIyWSqqq9MBQPR0tHMzM5L0NPSC8PCxVUCyeLX38+/AFfXRA4HA+pjmoFqCAcHDQa3rbxzBRD1BwgcMFIlidMrAxYICHHA4N8DIqpsUWJ3wAEBChQaEBnQoB6RRr0uARjQocMAAA0w4nMz4IOaU0lImkSngYKFc3ZWyTwJAALGK4fnNA3ZOaQCBQ22wPgRQlSIAYwSfkHJMrQkTyEbKFzFydQq15ccOAjUEwQAIfkEAAoABwAsAAAAACAAIAAABv9AgHBILCoUi6JySUwSBUdBUcpUJhSZZ5RYUCSq060QqqACyAVwMXIcks2ZtlrrHYvJ3zn3mHwLjxFqAmZCC0dpfldlRQl5AIYKEYSKfVKQaW5sSENxh04ABYSFGU4LXYdhR3V6p5GiQ4oKmGCtjkymi2qGBZ+6eo+3g8KDvYLDxKrJuXNkys6qr0zNygvHxL/V1sVD29K/AFfRRQUDDt1PmoFqHgPtBLetvMwG7QMes0KxkkIFIQNKDhBgKvCh3gQiqmxt6NDBAAEIEAgUOHCgBBEH9Yg06uWAIQUABihQMACgBEUHTRwoUEOBIcqQI880OIDgm5ABDA8IgUkSwAAyij1/jejAARPPIQwONBCnBAJDCEOOCnFA8cOvEh1CEJEqBMIBEDaLcA3LJIEGDe/0BAEAIfkEAAoACAAsAAAAACAAIAAABv9AgHBILCoUi6JySUwSBUdBUcpUJhSZZ5RYUCSq060QqqACyAVwMXIcks2ZtlrrHYvJ3zn3mHwLjxFqAmZCC0dpfldlRQl5AIYKEYSKfVKQaW5sSENxh04ABYSFGU4LXYdhR3V6p5GiQ4oKmGCtjkymi2qGBZ+6eo+3g8KDvYLDxKrJuXNkys6qr0zNygvHxL/V1sVDDti/BQccA8yrYBAjHR0jc53LRQYU6R0UBnO4RxmiG/IjJUIJFuoVKeCBigBN5QCk43BgFgMKFCYUGDAgFEUQRGIRYbCh2xACEDcAcHDgQDcQFGf9s7VkA0QCI0t2W0DRw68h8ChAEELSJE8xijBvVqCgIU9PjwA+UNzG5AHEB9xkDpk4QMGvARQsEDlKxMCALDeLcA0rqEEDlWCCAAAh+QQACgAJACwAAAAAIAAgAAAG/0CAcEgsKhSLonJJTBIFR0FRylQmFJlnlFhQJKrTrRCqoALIBXAxchySzZm2Wusdi8nfOfeYfAuPEWoCZkILR2l+V2VFCXkAhgoRhIp9UpBpbmxIQ3GHTgAFhIUZTgtdh2FHdXqnkaJDigqYYK2OTKaLaoYFn7p6j0wOA8PEAw6/Z4PKUhwdzs8dEL9kqqrN0M7SetTVCsLFw8d6C8vKvUQEv+dVCRAaBnNQtkwPFRQUFXOduUoTG/cUNkyYg+tIBlEMAFYYMAaBuCekxmhaJeSeBgiOHhw4QECAAwcCLhGJRUQCg3RDCmyUVmBYmlOiGqmBsPGlyz9YkAlxsJEhqCubABS9AsPgQAMqLQfM0oTMwEZ4QpLOwvMLxAEEXIBG5aczqtaut4YNXRIEACH5BAAKAAoALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RahAQRQtHaX5XZUUJeQAGHR0jA0SKfVKGCmlubEhCBSGRHSQOQwVmQwsZTgtdh0UQHKIHm2quChGophuiJHO3jkwOFB2UaoYFTnMGegDKRQQG0tMGBM1nAtnaABoU3t8UD81kR+UK3eDe4nrk5grR1NLWegva9s9czfhVAgMNpWqgBGNigMGBAwzmxBGjhACEgwcgzAPTqlwGXQ8gMgAhZIGHWm5WjelUZ8jBBgPMTBgwIMGCRgsygVSkgMiHByD7DWDmx5WuMkZqDLCU4gfAq2sACrAEWFSRLjUfWDopCqDTNQIsJ1LF0yzDAA90UHV5eo0qUjB8mgUBACH5BAAKAAsALAAAAAAgACAAAAb/QIBwSCwqFIuickk0FIiCo6A4ZSoZnRBUSiwoEtYipNOBDKOKKgD9DBNHHU4brc4c3cUBeSOk949geEQUZA5rXABHEW4PD0UOZBSHaQAJiEMJgQATFBQVBkQHZKACUwtHbX0RR0mVFp0UFwRCBSQDSgsZrQteqEUPGrAQmmG9ChFqRAkMsBd4xsRLBBsUoG6nBa14E4IA2kUFDuLjDql4peilAA0H7e4H1udH8/Ps7+3xbmj0qOTj5mEWpEP3DUq3glYWOBgAcEmUaNI+DBjwAY+dS0USGJg4wABEXMYyJNvE8UOGISKVCNClah4xjg60WUKyINOCUwrMzVRARMGENWQ4n/jpNTKTm15J/CTK2e0MoD+UKmHEs4onVDVVmyqdpAbNR4cKTjqNSots07EjzzJh1S0IADsAAAAAAAAAAAA=) 50% no-repeat
}

@font-face {
  font-family: slick;
  font-style: normal;
  font-weight: 400;
  src: url(https://d1civoyjepycei.cloudfront.net/static/assets/bundle/media/slick.a4e97f5a.eot);
  src: url(https://d1civoyjepycei.cloudfront.net/static/assets/bundle/media/slick.a4e97f5a.eot?#iefix) format("embedded-opentype"),url(https://d1civoyjepycei.cloudfront.net/static/assets/bundle/media/slick.29518378.woff) format("woff"),url(https://d1civoyjepycei.cloudfront.net/static/assets/bundle/media/slick.c94f7671.ttf) format("truetype"),url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxmb250IGlkPSJzbGljayIgaG9yaXotYWR2LXg9IjUxMiI+PGZvbnQtZmFjZSBmb250LWZhbWlseT0ic2xpY2siIHVuaXRzLXBlci1lbT0iNTEyIiBhc2NlbnQ9IjQ4MCIgZGVzY2VudD0iLTMyIi8+PGdseXBoIHVuaWNvZGU9IuKGkiIgZD0ibTI0MSAxMTMgMTMwIDEzMGM0IDQgNiA4IDYgMTNzLTIgOS02IDEzTDI0MSAzOTljLTMgMy03IDUtMTIgNXMtMTAtMi0xMy01bC0yOS0zMGMtNC0zLTYtNy02LTEyczItMTAgNi0xM2w4Ny04OC04Ny04OGMtNC0zLTYtOC02LTEzczItOSA2LTEybDI5LTMwYzMtMyA4LTUgMTMtNXM5IDIgMTIgNXptMjM0IDE0M2MwLTQwLTktNzctMjktMTEwLTIwLTM0LTQ2LTYwLTgwLTgwLTMzLTIwLTcwLTI5LTExMC0yOXMtNzcgOS0xMTAgMjljLTM0IDIwLTYwIDQ2LTgwIDgwLTIwIDMzLTI5IDcwLTI5IDExMHM5IDc3IDI5IDExMGMyMCAzNCA0NiA2MCA4MCA4MCAzMyAyMCA3MCAyOSAxMTAgMjlzNzctOSAxMTAtMjljMzQtMjAgNjAtNDYgODAtODAgMjAtMzMgMjktNzAgMjktMTEweiIvPjxnbHlwaCB1bmljb2RlPSLihpAiIGQ9Im0yOTYgMTEzIDI5IDMwYzQgMyA2IDcgNiAxMnMtMiAxMC02IDEzbC04NyA4OCA4NyA4OGM0IDMgNiA4IDYgMTNzLTIgOS02IDEybC0yOSAzMGMtMyAzLTggNS0xMyA1cy05LTItMTItNUwxNDEgMjY5Yy00LTQtNi04LTYtMTNzMi05IDYtMTNsMTMwLTEzMGMzLTMgNy01IDEyLTVzMTAgMiAxMyA1em0xNzkgMTQzYzAtNDAtOS03Ny0yOS0xMTAtMjAtMzQtNDYtNjAtODAtODAtMzMtMjAtNzAtMjktMTEwLTI5cy03NyA5LTExMCAyOWMtMzQgMjAtNjAgNDYtODAgODAtMjAgMzMtMjkgNzAtMjkgMTEwczkgNzcgMjkgMTEwYzIwIDM0IDQ2IDYwIDgwIDgwIDMzIDIwIDcwIDI5IDExMCAyOXM3Ny05IDExMC0yOWMzNC0yMCA2MC00NiA4MC04MCAyMC0zMyAyOS03MCAyOS0xMTB6Ii8+PGdseXBoIHVuaWNvZGU9IuKAoiIgZD0iTTQ3NSAyNTZjMC00MC05LTc3LTI5LTExMC0yMC0zNC00Ni02MC04MC04MC0zMy0yMC03MC0yOS0xMTAtMjlzLTc3IDktMTEwIDI5Yy0zNCAyMC02MCA0Ni04MCA4MC0yMCAzMy0yOSA3MC0yOSAxMTBzOSA3NyAyOSAxMTBjMjAgMzQgNDYgNjAgODAgODAgMzMgMjAgNzAgMjkgMTEwIDI5czc3LTkgMTEwLTI5YzM0LTIwIDYwLTQ2IDgwLTgwIDIwLTMzIDI5LTcwIDI5LTExMHoiLz48Z2x5cGggdW5pY29kZT0iYSIgZD0iTTQ3NSA0MzlWMzExYzAtNS0xLTktNS0xM3MtOC01LTEzLTVIMzI5Yy04IDAtMTMgMy0xNyAxMS0zIDctMiAxNCA0IDIwbDQwIDM5Yy0yOCAyNi02MiAzOS0xMDAgMzktMjAgMC0zOS00LTU3LTExLTE4LTgtMzMtMTgtNDYtMzItMTQtMTMtMjQtMjgtMzItNDYtNy0xOC0xMS0zNy0xMS01N3M0LTM5IDExLTU3YzgtMTggMTgtMzMgMzItNDYgMTMtMTQgMjgtMjQgNDYtMzIgMTgtNyAzNy0xMSA1Ny0xMSAyMyAwIDQ0IDUgNjQgMTUgMjAgOSAzOCAyMyA1MSA0MiAyIDEgNCAzIDcgM3M1LTEgNy0zbDM5LTM5YzItMiAzLTMgMy02IDAtMi0xLTQtMi02LTIxLTI1LTQ2LTQ1LTc2LTU5LTI5LTE0LTYwLTIwLTkzLTIwLTMwIDAtNTggNS04NSAxN3MtNTEgMjctNzAgNDdjLTIwIDE5LTM1IDQzLTQ3IDcwcy0xNyA1NS0xNyA4NSA1IDU4IDE3IDg1IDI3IDUxIDQ3IDcwYzE5IDIwIDQzIDM1IDcwIDQ3czU1IDE3IDg1IDE3YzI4IDAgNTUtNSA4MS0xNSAyNi0xMSA1MC0yNiA3MC00NWwzNyAzN2M2IDYgMTIgNyAyMCA0IDgtNCAxMS05IDExLTE3eiIvPjwvZm9udD48L2RlZnM+PC9zdmc+#slick) format("svg")
}

.slick-next,.slick-prev {
  border: none;
  cursor: pointer;
  display: block;
  font-size: 0;
  height: 20px;
  line-height: 0;
  padding: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 20px
}

.slick-next,.slick-next:focus,.slick-next:hover,.slick-prev,.slick-prev:focus,.slick-prev:hover {
  background: transparent;
  color: transparent;
  outline: none
}

.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before {
  opacity: 1
}

.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before {
  opacity: .25
}

.slick-next:before,.slick-prev:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
  font-family: slick;
  font-size: 20px;
  line-height: 1;
  opacity: .75
}

.slick-prev {
  left: -25px
}

[dir=rtl] .slick-prev {
  left: auto;
  right: -25px
}

.slick-prev:before {
  content: "←"
}

[dir=rtl] .slick-prev:before {
  content: "→"
}

.slick-next {
  right: -25px
}

[dir=rtl] .slick-next {
  left: -25px;
  right: auto
}

.slick-next:before {
  content: "→"
}

[dir=rtl] .slick-next:before {
  content: "←"
}

.slick-dotted.slick-slider {
  margin-bottom: 30px
}

.slick-dots {
  bottom: -25px;
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  text-align: center;
  width: 100%
}

.slick-dots li {
  display: inline-block;
  margin: 0 5px;
  padding: 0;
  position: relative
}

.slick-dots li,.slick-dots li button {
  cursor: pointer;
  height: 20px;
  width: 20px
}

.slick-dots li button {
  background: transparent;
  border: 0;
  color: transparent;
  display: block;
  font-size: 0;
  line-height: 0;
  outline: none;
  padding: 5px
}

.slick-dots li button:focus,.slick-dots li button:hover {
  outline: none
}

.slick-dots li button:focus:before,.slick-dots li button:hover:before {
  opacity: 1
}

.slick-dots li button:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #000;
  content: "•";
  font-family: slick;
  font-size: 6px;
  height: 20px;
  left: 0;
  line-height: 20px;
  opacity: .25;
  position: absolute;
  text-align: center;
  top: 0;
  width: 20px
}

.slick-dots li.slick-active button:before {
  color: #000;
  opacity: .75
}

.slick-slider {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box;
  touch-action: pan-y;
  -webkit-user-select: none;
  user-select: none;
  -khtml-user-select: none
}

.slick-list,.slick-slider {
  display: block;
  position: relative
}

.slick-list {
  margin: 0;
  overflow: hidden;
  padding: 0
}

.slick-list:focus {
  outline: none
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand
}

.slick-slider .slick-list,.slick-slider .slick-track {
  -webkit-transform: translateZ(0);
  transform: translateZ(0)
}

.slick-track {
  display: block;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: 0
}

.slick-track:after,.slick-track:before {
  content: "";
  display: table
}

.slick-track:after {
  clear: both
}

.slick-loading .slick-track {
  visibility: hidden
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px
}

[dir=rtl] .slick-slide {
  float: right
}

.slick-slide img {
  display: block
}

.slick-slide.slick-loading img {
  display: none
}

.slick-slide.dragging img {
  pointer-events: none
}

.slick-initialized .slick-slide {
  display: block
}

.slick-loading .slick-slide {
  visibility: hidden
}

.slick-vertical .slick-slide {
  border: 1px solid transparent;
  display: block;
  height: auto
}

.slick-arrow.slick-hidden {
  display: none
}

.btn {
  border: none;
  border-radius: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  padding: 13px;
  transition: background .2s ease-in
}

.btn.active,.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active,.btn:active.focus,.btn:active:focus,.btn:focus {
  box-shadow: none;
  outline: none
}

.icon-btn {
  padding: 0
}

.app-primary-btn {
  background: #ff5e59;
  border-color: #ff5e59;
  border-radius: 4px;
  color: #fff
}

.app-primary-btn.focus,.app-primary-btn:focus {
  background: #ff5e59;
  border-color: #ff5e59;
  box-shadow: 0 0 0 3px #f8aca7;
  color: #fff;
  outline: none!important
}

.app-primary-btn:not(:disabled):not(.disabled):not([disabled]).active,.app-primary-btn:not(:disabled):not(.disabled):not([disabled]):active,.app-primary-btn:not(:disabled):not(.disabled):not([disabled]):active:focus,.app-primary-btn:not(:disabled):not(.disabled):not([disabled]):active:hover,.app-primary-btn:not(:disabled):not(.disabled):not([disabled]):hover {
  background: #f74c4a;
  border-color: #f74c4a;
  color: #fff
}

.cv-wrapper {
  align-items: center;
  background: transparent;
  display: flex;
  flex-direction: column
}

.cv-wrapper:not(.withWrapper) {
  padding-top: 20px
}

.cv-wrapper .page-wrapper {
  height: 100%
}

.cv-wrapper .page-wrapper .page {
  box-shadow: 1px 2px 20px rgba(0,0,0,.1);
  margin-bottom: 40px
}

.cv-wrapper .page-wrapper .page:first-child {
  margin-top: 40px
}

.cv-wrapper.withWrapper .page-wrapper {
  box-shadow: 1px 2px 20px rgba(0,0,0,.1);
  height: auto;
  margin-top: 20px
}

.cv-wrapper.withWrapper .page-wrapper .page {
  box-shadow: none;
  margin: 0;
  overflow: visible
}

.cv-wrapper .note-detail-item .note-detail--icon {
  background: #ff5e59;
  border: 6px solid #fff;
  border-radius: 50%;
  box-shadow: 1px 2px 10px rgba(0,0,0,.14);
  margin-left: 12px;
  position: relative
}

.cv-wrapper .note-detail-item .note-detail--icon i {
  font-size: 25px!important
}

.cv-wrapper .note-detail-item .note-detail--icon.active,.cv-wrapper .note-detail-item .note-detail--icon:hover,.cv-wrapper .note-detail-item .note-detail--icon:not(:only-child) {
  background: #fff
}

.cv-wrapper .note-detail-item .note-detail--icon.active:before,.cv-wrapper .note-detail-item .note-detail--icon:hover:before,.cv-wrapper .note-detail-item .note-detail--icon:not(:only-child):before {
  border: 1px solid #e9e9e9;
  border-radius: 50%;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.cv-wrapper .note-detail-item .note-detail--icon.active i,.cv-wrapper .note-detail-item .note-detail--icon:hover i,.cv-wrapper .note-detail-item .note-detail--icon:not(:only-child) i {
  color: #3f3f3f!important
}

.cv-wrapper .note-detail-item .note-detail--text-wrapper {
  border: none;
  border-radius: 4px;
  box-shadow: 1px 2px 10px rgba(0,0,0,.1);
  font-size: 14px;
  padding: 24px
}

.cv-wrapper .note-detail-item .note-detail--text-wrapper:global.bottom>.arrow,.cv-wrapper .note-detail-item .note-detail--text-wrapper:global.left>.arrow,.cv-wrapper .note-detail-item .note-detail--text-wrapper:global.right>.arrow,.cv-wrapper .note-detail-item .note-detail--text-wrapper:global.top>.arrow {
  border-color: transparent
}

.cv-wrapper .note-detail-item .note-detail--text-wrapper .note-detail--text-node * {
  color: #3f3f3f!important;
  font-size: 14px
}

button.download-cv {
  padding: 10px 15px;
  text-decoration: none
}

.no-pdf .download-cv {
  display: none
}

.web-resume-wrapper {
  align-items: center;
  display: flex;
  justify-content: center
}

.SlickRender__wrapper___DFFPBy0afv {
  -webkit-user-select: text;
  user-select: text
}

.SlickRender__wrapper___DFFPBy0afv .slick-dots {
  bottom: 30px
}

.SlickRender__wrapper___DFFPBy0afv .slick-dots li {
  padding: 10px 20px
}

.SlickRender__wrapper___DFFPBy0afv .slick-dots li button:before {
  color: #3f3f3f;
  font-size: 24px;
  opacity: .5
}

.SlickRender__wrapper___DFFPBy0afv .slick-dots li.slick-active button:before {
  color: #ff5e59;
  opacity: 1
}

.SlickRender__wrapper___DFFPBy0afv .slick-arrow {
  height: 60px;
  width: 60px
}

.SlickRender__wrapper___DFFPBy0afv .slick-arrow.slick-disabled:before {
  display: none
}

.SlickRender__wrapper___DFFPBy0afv .slick-arrow.slick-next {
  right: 10px;
  z-index: 1
}

.SlickRender__wrapper___DFFPBy0afv .slick-arrow.slick-prev {
  left: 10px;
  z-index: 1
}

.SlickRender__wrapper___DFFPBy0afv .slick-arrow:before {
  color: #ff5e59;
  font-size: 60px;
  opacity: 1
}

.work-content {
  display: inline-flex;
}

@media (max-width: 800px) {
  .work-content {
    display: block;
  }
}