html {
  box-sizing: border-box;
  height: 100%;
  min-height: 100%;
}

*, *:before, *:after {
  box-sizing: inherit;
}

body, h1, h2, h3, h4, h5, h6, ol, ul {
  margin: 0;
  padding: 0;
}

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

svg {
  width: 100%;
  height: 100%;
}

.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.gutters-4 {
  margin-right: -4px;
  margin-left: -4px;
}

.gutters-4 > .col,
.gutters-4 > [class*=col-] {
  padding-right: 4px;
  padding-left: 4px;
}

.gutters-9 {
  margin-right: -9px;
  margin-left: -9px;
}

.gutters-9 > .col,
.gutters-9 > [class*=col-] {
  padding-right: 9px;
  padding-left: 9px;
}

.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

[class*=col-], .col {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

._no-padding {
  padding-left: 0;
  padding-right: 0;
}

.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
  position: relative;
}

.col-auto {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.col-2 {
  -ms-flex: 0 0 16.66%;
  flex: 0 0 16.66%;
  max-width: 16.66%;
}

.col-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  -ms-flex: 0 0 33.33333%;
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
}

.col-5 {
  -ms-flex: 0 0 41.66%;
  flex: 0 0 41.66%;
  max-width: 41.66%;
}

.col-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  -ms-flex: 0 0 58.33%;
  flex: 0 0 58.33%;
  max-width: 58.33%;
}

.col-8 {
  -ms-flex: 0 0 66.66%;
  flex: 0 0 66.66%;
  max-width: 66.66%;
}

.col-10 {
  -ms-flex: 0 0 83.33%;
  flex: 0 0 83.33%;
  max-width: 83.33%;
}

@media (min-width: 768px) {
  .col-sm-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (min-width: 992px) {
  .col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
}

@media (min-width: 992px) {
  .col-md-4 {
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
}

@media (min-width: 992px) {
  .col-md-5 {
    -ms-flex: 0 0 41.6666666667%;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
}

@media (min-width: 992px) {
  .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (min-width: 992px) {
  .col-md-7 {
    -ms-flex: 0 0 58.3333333333%;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
}

@media (min-width: 992px) {
  .col-md-8 {
    -ms-flex: 0 0 66.66%;
    flex: 0 0 66.66%;
    max-width: 66.66%;
  }
}

@media (min-width: 992px) {
  .col-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (min-width: 1200px) {
  .col-lg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
}

@media (min-width: 1200px) {
  .col-lg-4 {
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
}

@media (min-width: 1200px) {
  .col-lg-8 {
    -ms-flex: 0 0 66.66%;
    flex: 0 0 66.66%;
    max-width: 66.66%;
  }
}

.container {
  width: 100%;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}
@media (max-width: 991px) {
  .container {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 510px) {
  .container {
    width: 100%;
    max-width: 100%;
  }
}
@media (min-width: 511px) {
  .container {
    width: 450px;
    max-width: 100%;
  }
}
@media (min-width: 768px) {
  .container {
    width: 750px;
    max-width: 100%;
  }
}
@media (min-width: 992px) {
  .container {
    width: 950px;
    max-width: 100%;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1140px;
    max-width: 100%;
  }
}

.form-group-underlined .focus-bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  padding: 21px 15px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}
.hamburger:hover {
  opacity: 0.7;
}
.hamburger.is-active:hover {
  opacity: 0.7;
}
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
  background-color: #888;
}

.hamburger-box {
  width: 20px;
  height: 14px;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -1px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 20px;
  height: 2px;
  background-color: #888;
  border-radius: 4px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}
.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block;
}
.hamburger-inner::before {
  top: -6px;
}
.hamburger-inner::after {
  bottom: -6px;
}

/*
 * Collapse
 */
.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse .hamburger-inner::after {
  top: -12px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}
.hamburger--collapse .hamburger-inner::before {
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse.is-active .hamburger-inner {
  transform: translate3d(0, -6px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--collapse.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}
.hamburger--collapse.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-90deg);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

h1, h2, h3, h4, h5, h6 {
  font-size: 1rem;
}

.h1, .h2, .h3, .h4, .h5, .h6 {
  line-height: 1.4;
}

.h1 {
  font-family: "Moderat", sans-serif;
  line-height: 1.025;
  font-weight: 400;
  font-size: 2.47rem;
  letter-spacing: -0.07rem;
}
@media (min-width: 768px) and (max-width: 991px) {
  .h1 {
    font-size: 2.94rem;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .h1 {
    font-size: 3.6rem;
  }
}
@media (min-width: 1200px) {
  .h1 {
    font-size: 4.1rem;
  }
}
.h1:not(.main--intro-h1) {
  margin-bottom: 20px;
}
@media (min-width: 1200px) {
  .h1:not(.main--intro-h1) {
    margin-bottom: 40px;
  }
}
.h1 p {
  margin: 0;
}

.h2 {
  font-family: "Moderat", sans-serif;
  line-height: 1.1;
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 30px;
  font-size: 1.471rem;
}
@media (min-width: 768px) and (max-width: 991px) {
  .h2 {
    font-size: 2.1rem;
    letter-spacing: -1.1px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .h2 {
    font-size: 2.47rem;
    letter-spacing: -1.3px;
  }
}
@media (min-width: 1200px) {
  .h2 {
    letter-spacing: -1.5px;
    font-size: 2.94rem;
  }
}
.h2 p {
  margin: 0;
}

.h3 {
  font-family: "Moderat", sans-serif;
  line-height: 1.2;
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.471rem;
}
@media (min-width: 768px) and (max-width: 991px) {
  .h3 {
    font-size: 2.1rem;
    letter-spacing: -1.1px;
  }
}
@media (min-width: 992px) {
  .h3 {
    font-size: 2.47rem;
    letter-spacing: -1.5px;
  }
}

.h4 {
  font-family: "Moderat", sans-serif;
  font-size: 1.235rem;
  line-height: 1.2;
  font-weight: 400;
}
@media (min-width: 768px) {
  .h4 {
    font-size: 1.471rem;
  }
}

.page-content-section h1 {
  font-family: "Moderat", sans-serif;
  line-height: 1.025;
  font-weight: 400;
  font-size: 2.47rem;
}
@media (min-width: 768px) and (max-width: 991px) {
  .page-content-section h1 {
    font-size: 2.94rem;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .page-content-section h1 {
    font-size: 3.6rem;
  }
}
@media (min-width: 1200px) {
  .page-content-section h1 {
    font-size: 4.1rem;
  }
}
.page-content-section h2 {
  font-family: "Moderat", sans-serif;
  line-height: 1.1;
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 30px;
  font-size: 1.471rem;
}
@media (min-width: 768px) and (max-width: 991px) {
  .page-content-section h2 {
    font-size: 2.1rem;
    letter-spacing: -1.1px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .page-content-section h2 {
    font-size: 2.47rem;
    letter-spacing: -1.3px;
  }
}
@media (min-width: 1200px) {
  .page-content-section h2 {
    letter-spacing: -1.5px;
    font-size: 2.94rem;
  }
}
.page-content-section h3 {
  font-family: "Moderat", sans-serif;
  line-height: 1.2;
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.471rem;
}
@media (min-width: 768px) and (max-width: 991px) {
  .page-content-section h3 {
    font-size: 2.1rem;
    letter-spacing: -1.1px;
  }
}
@media (min-width: 992px) {
  .page-content-section h3 {
    font-size: 2.47rem;
    letter-spacing: -1.5px;
  }
}
.page-content-section h4 {
  font-family: "Moderat", sans-serif;
  font-size: 1.235rem;
  line-height: 1.2;
  font-weight: 400;
}
@media (min-width: 768px) {
  .page-content-section h4 {
    font-size: 1.471rem;
  }
}

p {
  margin-top: 0;
  margin-bottom: 25px;
}

a {
  color: inherit;
  outline: 0 !important;
  transition: 0.25s ease-in-out;
}
a:hover {
  color: #a1cf77;
  transition: 0.25s ease-in-out;
}

b, strong {
  font-weight: 700;
}

@font-face {
  font-family: "Moderat";
  src: local("Moderat  Regular"), local("pcm_moderat-regular"), url("../themes/pcm/assets/fonts/pcm_moderat-regular.woff2") format("woff2"), url("../themes/pcm/assets/fonts/pcm_moderat-regular.woff") format("woff"), url("../themes/pcm/assets/fonts/pcm_moderat-regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Moderat";
  src: local("pcm_moderat bold"), local("pcm_moderat-bold"), url("../themes/pcm/assets/fonts/pcm_moderat-bold.woff2") format("woff2"), url("../themes/pcm/assets/fonts/pcm_moderat-bold.woff") format("woff"), url("../themes/pcm/assets/fonts/pcm_moderat-bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
/* poppins-regular - latin */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  src: url("../themes/pcm/assets/fonts/poppins-v19-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../themes/pcm/assets/fonts/poppins-v19-latin-regular.eot?#iefix") format("embedded-opentype"), url("../themes/pcm/assets/fonts/poppins-v19-latin-regular.woff2") format("woff2"), url("../themes/pcm/assets/fonts/poppins-v19-latin-regular.woff") format("woff"), url("../themes/pcm/assets/fonts/poppins-v19-latin-regular.ttf") format("truetype"), url("../themes/pcm/assets/fonts/poppins-v19-latin-regular.svg#Poppins") format("svg");
  /* Legacy iOS */
}
/* poppins-italic - latin */
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 400;
  src: url("../themes/pcm/assets/fonts/poppins-v19-latin-italic.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../themes/pcm/assets/fonts/poppins-v19-latin-italic.eot?#iefix") format("embedded-opentype"), url("../themes/pcm/assets/fonts/poppins-v19-latin-italic.woff2") format("woff2"), url("../themes/pcm/assets/fonts/poppins-v19-latin-italic.woff") format("woff"), url("../themes/pcm/assets/fonts/poppins-v19-latin-italic.ttf") format("truetype"), url("../themes/pcm/assets/fonts/poppins-v19-latin-italic.svg#Poppins") format("svg");
  /* Legacy iOS */
}
/* poppins-600 - latin */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  src: url("../themes/pcm/assets/fonts/poppins-v19-latin-600.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../themes/pcm/assets/fonts/poppins-v19-latin-600.eot?#iefix") format("embedded-opentype"), url("../themes/pcm/assets/fonts/poppins-v19-latin-600.woff2") format("woff2"), url("../themes/pcm/assets/fonts/poppins-v19-latin-600.woff") format("woff"), url("../themes/pcm/assets/fonts/poppins-v19-latin-600.ttf") format("truetype"), url("../themes/pcm/assets/fonts/poppins-v19-latin-600.svg#Poppins") format("svg");
  /* Legacy iOS */
}
html {
  font-size: 106.25%;
}
@media (min-width: 992px) and (max-width: 1199px) {
  html {
    font-size: 100%;
  }
}

body {
  color: #00175a;
  font-family: "Poppins", sans-serif;
  min-height: 100%;
  line-height: 1.8;
  font-weight: 400;
  margin: 0;
  position: relative;
  overflow-x: hidden;
}

.no-scroll {
  overflow: hidden;
}

.error {
  color: red;
}

.inner-page {
  display: flex;
  flex-direction: column;
}
.inner-page .checkout-wrapper, .inner-page .page-content-section {
  flex-basis: 0;
  flex-grow: 1;
}

.page404 .title-section {
  flex-basis: 0;
  flex-grow: 1;
  justify-content: center;
}

.section {
  padding-bottom: 30px;
}
@media (min-width: 768px) {
  .section {
    padding-bottom: 60px;
  }
}
@media (min-width: 992px) {
  .section {
    padding-bottom: 65px;
  }
}
.section.-smoky {
  background-color: rgba(0, 23, 90, 0.05);
}
.section.-lgreen {
  background-color: #eef6e6;
}
.section.-green {
  background-color: #a1cf77;
}
.section.-pink {
  background-color: #edbbbb;
}
.section.-top-hr-green .container::before {
  content: "";
  left: 15px;
  right: 15px;
  top: 0;
  height: 1px;
  display: block;
  background-color: #a1cf77;
  position: absolute;
}
@media (min-width: 992px) {
  .section.-top-hr-green .container::before {
    display: none;
  }
}
.section.-deco-angle-top {
  position: relative;
}
@media (min-width: 768px) {
  .section.-deco-angle-top::before {
    content: "";
    position: absolute;
    display: block;
    width: 90px;
    height: 90px;
    border-radius: 0 0 90px;
    background-color: #a1cf77;
    left: 0;
    top: 0;
  }
}
.section.-deco-angle-bottom {
  position: relative;
}
@media (min-width: 768px) {
  .section.-deco-angle-bottom::after {
    content: "";
    position: absolute;
    display: block;
    width: 90px;
    height: 90px;
    border-radius: 90px 0 0;
    background-color: #00175a;
    bottom: 0;
    right: 0;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section.-pic-top-shifted {
    margin-top: 380px;
  }
}
@media (min-width: 1200px) {
  .section.-pic-top-shifted {
    margin-top: 415px;
  }
}

.top-shifted-pic img {
  position: relative;
  margin: 0 auto;
  display: block;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .top-shifted-pic img {
    top: -330px;
  }
}
@media (min-width: 1200px) {
  .top-shifted-pic img {
    top: -390px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .top-shifted-pic + * {
    margin-top: -275px;
  }
}
@media (min-width: 1200px) {
  .top-shifted-pic + * {
    margin-top: -290px;
  }
}

.page-content-section {
  position: relative;
}
.accented-text {
  margin-top: 25px;
  position: relative;
  line-height: 1.4;
  font-family: "Moderat", sans-serif;
  letter-spacing: -0.92px;
  font-size: 1.471rem;
}
@media (min-width: 768px) and (max-width: 991px) {
  .accented-text {
    font-size: 2.1rem;
    letter-spacing: -1.1px;
  }
}
@media (min-width: 992px) {
  .accented-text {
    font-size: 2.47rem;
    letter-spacing: -1.5px;
  }
}

.accented-section {
  padding-top: 1px;
}
.accented-section .quote-block--title {
  margin-top: 80px;
}

.view-all-inline-btn svg {
  width: 13px;
  height: 13px;
}

.card-col {
  margin-bottom: 30px;
}

.center-block {
  margin: 0 auto;
}

.with-ordered-list ul, .text-col ul, .about-text-col ul {
  list-style: none;
  padding-inline-start: 20px;
  margin-bottom: 1rem;
}
.with-ordered-list ul li, .text-col ul li, .about-text-col ul li {
  margin-bottom: 25px;
  position: relative;
}
.with-ordered-list ul li::before, .text-col ul li::before, .about-text-col ul li::before {
  content: "";
  background-color: #a1cf77;
  font-weight: bold;
  display: inline-block;
  vertical-align: middle;
  width: 12px;
  height: 12px;
  border-radius: 0 12px 0 0;
  position: absolute;
  left: -20px;
  top: 9px;
  line-height: 1.6rem;
}
.with-ordered-list ol, .text-col ol, .about-text-col ol {
  padding-inline-start: 0;
  margin-bottom: 1rem;
  counter-reset: item;
  list-style: none;
}
.with-ordered-list ol li, .text-col ol li, .about-text-col ol li {
  margin-bottom: 25px;
  position: relative;
}
.with-ordered-list ol li:before, .text-col ol li:before, .about-text-col ol li:before {
  content: counter(item) ". ";
  counter-increment: item;
  color: #a1cf77;
}

ol li, ul li {
  margin-left: 2rem;
}

.left-curve {
  border-radius: 140px 0 0 0;
}
@media (min-width: 992px) {
  .left-curve {
    border-radius: 200px 0 0 0;
  }
}

.right-curve {
  border-radius: 0 140px 0 0;
}
@media (min-width: 992px) {
  .right-curve {
    border-radius: 0 200px 0 0;
  }
}

.notempty {
  background: #888;
}

[x-cloak] {
  display: none;
}

.s-selector {
  margin-bottom: 20px;
  position: relative;
}

.s-selector .s-title {
  border: 1px solid #BFC5D5;
  padding: 10px 30px 10px 20px;
  border-radius: 4px;
}
.s-selector .s-title svg {
  position: absolute;
  right: 10px;
  top: 18px;
  width: 14px;
  height: 7px;
  transition: 0.25s ease-in-out;
  transform: rotateZ(0);
  z-index: 4;
}

.s-selector .s-options {
  position: absolute;
  border: 1px solid #BFC5D5;
  z-index: 999;
  background: #fff;
  width: 100%;
  border-radius: 0 0 4px 4px;
}

.s-selector .s-option {
  padding: 10px;
  cursor: pointer;
}

.s-selector .s-option.active {
  background: rgba(191, 197, 213, 0.2);
}

._centered {
  text-align: center;
}

._img-fluid {
  display: block;
  max-width: 100%;
  height: auto;
}

._text-center {
  text-align: center;
}

._align-right {
  text-align: right;
}

._smaller-text {
  font-size: 0.825rem;
}

@media (min-width: 768px) {
  .text-bigger, ._bigger-text {
    font-size: 1.235rem;
  }
}

._green-text, .oc-text-green {
  color: #a1cf77;
}

._grey-text {
  color: #BFC5D5;
}

._pt-xl {
  padding-top: 30px;
}
@media (min-width: 992px) {
  ._pt-xl {
    padding-top: 60px;
  }
}

._hide-xs-sm {
  display: none !important;
}
@media (min-width: 992px) {
  ._hide-xs-sm {
    display: initial !important;
  }
}

@media (min-width: 992px) {
  ._hide-md-up {
    display: none !important;
  }
}

._transitionfix {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
}

@media (min-width: 768px) and (max-width: 991px) {
  .about-pcm .page-contents-list {
    margin-top: 30px;
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .about-pcm .title-section .pic-col {
    padding-bottom: 30%;
  }
  .about-pcm .title-section-wrapper {
    padding-bottom: 130px;
  }
}
.about-pcm .clients-section {
  margin-bottom: 60px;
}
@media (max-width: 991px) {
  .about-pcm .shifted-top-pic.pic-right .pic-col {
    order: 1;
  }
}
@media (max-width: 991px) {
  .about-pcm .shifted-top-pic.pic-right .pic-col + div {
    order: 2;
  }
}
.about-pcm .animated-block {
  position: absolute;
  left: 15px;
  top: -30px;
  right: 15px;
  bottom: 0;
  background: url(../themes/pcm/assets/images/trainer_2men_rightpart.png) no-repeat 0 0/contain;
}
@media (min-width: 992px) {
  .about-pcm .animated-block {
    bottom: 33px;
  }
}
.about-pcm .slide-left {
  animation-name: fallLeft;
  animation-duration: 0.9s;
  animation-fill-mode: forwards;
}

.about-taibi-section {
  padding-top: 15px;
  padding-bottom: 30px;
}
@media (min-width: 768px) {
  .about-taibi-section {
    padding-top: 40px;
  }
}
@media (min-width: 992px) {
  .about-taibi-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
.about-taibi-section .author-block--author + p {
  margin-top: 15px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .about-taibi-section .h2 {
    width: 50%;
    margin-top: -210px;
  }
}
@media (min-width: 768px) {
  .about-taibi-section .pic-col {
    text-align: right;
  }
}
@media (max-width: 767px) {
  .about-taibi-section .pic-col {
    margin-bottom: 35px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .about-taibi-section .pic-col {
    position: relative;
    height: 0;
    padding-bottom: 300px;
    flex: 0 0 300px;
    margin-left: auto;
    border-radius: 115px 0 0 0;
    overflow: hidden;
    left: -15px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .about-taibi-section .pic-col img {
    position: absolute;
    left: 0;
    width: 100%;
    top: 60%;
    transform: translateY(-50%);
  }
}
@media (min-width: 992px) {
  .about-taibi-section .pic-col img {
    max-width: 83.3333333333%;
    margin-left: auto;
  }
}
@media (max-width: 991px) {
  .about-taibi-section .text-col {
    order: 2;
  }
}

.nasa-section {
  padding-top: 40px;
  padding-bottom: 5px;
}
@media (max-width: 991px) {
  .nasa-section {
    text-align: center;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .nasa-section {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media (min-width: 992px) {
  .nasa-section {
    padding-top: 135px;
    padding-bottom: 135px;
  }
}
@media (min-width: 1200px) {
  .nasa-section {
    padding-top: 150px;
    padding-bottom: 150px;
  }
}
@media (max-width: 767px) {
  .nasa-section .text-col {
    order: 2;
    margin-top: 25px;
  }
}
.nasa-section img {
  display: block;
}
@media (min-width: 768px) and (max-width: 991px) {
  .nasa-section img {
    margin-right: auto;
    margin-left: auto;
  }
}
@media (min-width: 992px) {
  .nasa-section img {
    max-width: 83.3333333333%;
    margin-left: auto;
  }
}

.about-now-section {
  padding-top: 40px;
  margin-bottom: 40px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .about-now-section {
    padding-top: 100px;
    margin-bottom: 60px;
  }
}
@media (min-width: 992px) {
  .about-now-section {
    padding-top: 100px;
    margin-bottom: 60px;
  }
}
.about-now-section .text-col {
  padding-top: 25px;
}
@media (max-width: 767px) {
  .about-now-section .text-col {
    padding-bottom: 40px;
  }
}
@media (min-width: 768px) {
  .about-now-section .text-col {
    padding-top: 40px;
  }
}
@media (min-width: 1200px) {
  .about-now-section .text-col {
    padding-top: 80px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .about-now-section .pic-col {
    max-width: 50%;
  }
}
.about-now-section .pic-col img {
  display: block;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .about-now-section .pic-col img {
    max-width: 83.3333333333%;
  }
}

.founders-section {
  padding-top: 30px;
  padding-bottom: 30px;
}
@media (min-width: 768px) {
  .founders-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media (min-width: 992px) {
  .founders-section {
    padding-top: 95px;
    padding-bottom: 100px;
  }
}
.founders-section .h2 {
  text-align: center;
}
.founders-section .founders-button {
  text-align: center;
}
.founders-section .founders-button a {
  font-size: 0.825rem;
}
.founders-section .founders-desc {
  font-size: 0.825rem;
}

.founders-row {
  margin-top: 40px;
}
@media (min-width: 992px) {
  .founders-row {
    margin-top: 80px;
  }
}
.founders-row .pic-col img {
  max-width: 83.3333333333%;
}

.founders-item {
  padding: 0 10px 30px;
}
@media (min-width: 992px) {
  .founders-item {
    padding: 0 44px;
  }
}

@media (max-width: 991px) {
  .founders-item-border:not(:last-child) {
    border-bottom: 1px solid #a1cf77;
    margin-bottom: 30px;
  }
}
@media (min-width: 992px) {
  .founders-item-border:not(:last-child) {
    border-right: 1px solid #a1cf77;
  }
}

.founder-one-wrapper {
  overflow: hidden;
}

.founder-one-section.section {
  padding-bottom: 0;
  padding-top: 30px;
}
@media (max-width: 991px) {
  .founder-one-section.section {
    background-color: transparent;
  }
}
.founder-one-section.section img {
  display: block;
}
@media (max-width: 991px) {
  .founder-one-section.section img {
    max-width: 330px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 991px) {
  .founder-one-section.section .text-col {
    padding-top: 40px;
  }
}
@media (min-width: 992px) {
  .founder-one-section.section .text-col {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
@media (max-width: 991px) {
  .founder-one-section.section .pic-col {
    background-color: #eef6e6;
  }
}
@media (max-width: 991px) {
  .founder-one-section.section .pic-col::before, .founder-one-section.section .pic-col::after {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    background-color: #eef6e6;
  }
}
.founder-one-section.section .pic-col::before {
  transform: translateX(-100%);
}
.founder-one-section.section .pic-col::after {
  transform: translateX(100%);
}

.founders-pic {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}
.founders-pic img {
  border-radius: 50%;
  overflow: hidden;
}

.founders-name {
  display: block;
}

.founders-desc {
  margin-top: 20px;
}

.founders-button a {
  background: url(../themes/pcm/assets/images/envelope-about.svg) no-repeat 0 7px/18px auto;
  padding-left: 25px;
  color: #a1cf77;
  text-decoration: none;
  background-position: 1px 4px;
  font-weight: 700;
}

.aboutus-benefits-section {
  padding-top: 80px;
}
@media (min-width: 992px) {
  .aboutus-benefits-section {
    padding-top: 70px;
    padding-bottom: 30px;
  }
}
@media (min-width: 1200px) {
  .aboutus-benefits-section {
    padding-top: 150px;
    padding-bottom: 70px;
  }
}
.aboutus-benefits-section .h2 strong {
  color: #a1cf77;
  display: block;
  margin-bottom: 110px;
  font-weight: 400;
}
@media (min-width: 768px) and (max-width: 991px) {
  .aboutus-benefits-section .pic-col {
    display: flex;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .aboutus-benefits-section .pic-col .h2 {
    order: 2;
    padding-top: 60px;
  }
}
@media (max-width: 991px) {
  .aboutus-benefits-section .text-col {
    padding-top: 30px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .about-us .halfs-section .h2 {
    padding-top: 55px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .about-us .blog-top-section .card-col:nth-child(n+3) {
    display: none;
  }
}

.blog-top-section {
  padding-bottom: 70px;
}
@media (min-width: 992px) {
  .blog-top-section {
    padding-bottom: 60px;
  }
}
@media (min-width: 992px) {
  .blog-top-section .row > div:nth-child(5) {
    order: 6;
  }
}

.widepic-section {
  display: none;
}
@media (min-width: 768px) {
  .widepic-section {
    padding-top: 100px;
    padding-bottom: 50px;
    display: block;
  }
}
@media (min-width: 992px) {
  .widepic-section {
    padding-top: 190px;
    padding-bottom: 100px;
  }
}
.widepic-section .col-text {
  max-width: 540px;
}
.widepic-section .quote-block--title {
  color: #fff;
}
.widepic-section .networks-row {
  margin-top: 100px;
}
.widepic-section .networks-row a {
  color: #a1cf77;
}

@media (max-width: 767px) {
  .blog-book-section {
    display: none;
  }
}
@media (min-width: 768px) {
  .blog-book-section {
    padding-top: 40px;
  }
}
@media (min-width: 992px) {
  .blog-book-section {
    padding-top: 80px;
  }
}

@media (max-width: 767px) {
  .cp-section .col-md-8.card-col {
    display: none;
  }
}

@media (max-width: 767px) {
  .blog-all .quote-section {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .blog-all .title-section .text-col p {
    margin-top: 35px;
    margin-bottom: 85px;
  }
}

.sticky-subheader {
  border-top: 1px solid #BFC5D5;
  position: sticky;
  top: -1px;
  background: #fff;
  z-index: 100;
}
@media (max-width: 510px) {
  .sticky-subheader {
    display: none;
  }
}
@media (max-width: 992px) {
  .sticky-subheader .container {
    width: auto;
    max-width: 780px;
    margin: 0 auto;
    padding-left: 30px;
    padding-right: 30px;
  }
}

.cases-one .title-section-wrapper {
  padding-bottom: 30px;
}

.blogone-share-date {
  display: flex;
  z-index: 1;
  justify-content: flex-end;
  align-items: center;
  position: absolute;
  right: 0;
  top: -3px;
  width: 255px;
  font-size: 0.825rem;
}
@media (min-width: 992px) {
  .blogone-share-date {
    font-size: 1rem;
  }
}

.blogone-share-container {
  width: 21px;
  height: 21px;
  margin: 0 15px;
  position: relative;
}

.blogone-share-items {
  display: flex;
  padding: 19px;
  flex-wrap: wrap;
  justify-content: center;
  width: 70px;
  left: -24px;
  top: 46px;
  border: 1px solid #BFC5D5;
  background-color: #fff;
  box-sizing: border-box;
  border-radius: 5px;
  position: absolute;
}
.blogone-share-items a {
  width: 100%;
  text-align: center;
  display: block;
  margin: 0px 0 17px 0px;
  padding: 0;
  height: 23px;
}
.blogone-share-items a:last-child {
  margin: 0px 0 0px 0px;
}
.blogone-share-items a:hover {
  transform: scale(1.2);
}
.blogone-share-items:before {
  content: "";
  position: absolute;
  width: 0;
  top: -10px;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #bfc5d5 transparent;
}

.blogone-share-icon {
  cursor: pointer;
}

@media (max-width: 767px) {
  .blog-one .title-section-wrapper, .extranet-preview-article .title-section-wrapper {
    padding-bottom: 20px;
  }
}
@media (max-width: 991px) {
  .blog-one .title-section .pic-col, .extranet-preview-article .title-section .pic-col {
    display: none;
  }
}
@media (min-width: 992px) {
  .blog-one .title-section .pic-col, .extranet-preview-article .title-section .pic-col {
    padding-bottom: 39%;
  }
}
.blog-one .title-section .pic-col img, .extranet-preview-article .title-section .pic-col img {
  border-radius: 0 135px 0 0;
  overflow: hidden;
}
@media (min-width: 992px) {
  .blog-one .-with-pic ~ .blocks-group, .blog-one .-with-pic ~ .embed-block, .extranet-preview-article .-with-pic ~ .blocks-group, .extranet-preview-article .-with-pic ~ .embed-block {
    padding-top: 30px;
  }
}

.container-longread {
  max-width: 750px;
  margin: 0 auto;
  padding-left: 30px;
  padding-right: 30px;
  /*ul {
  	list-style: none;

  	li {
  		padding-left: 1.1rem;
  	}
  }

  ul li::before {
  	content: "\2022";
  	color: $green;
  	font-weight: bold;
  	display: inline-block;
  	width: 1em;
  	margin-left: -1em;
  }*/
}
@media (min-width: 992px) {
  .container-longread {
    max-width: 780px;
  }
}
.container-longread h2 {
  font-family: "Moderat", sans-serif;
  line-height: 1.1;
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 30px;
  font-size: 1.471rem;
}
@media (min-width: 768px) and (max-width: 991px) {
  .container-longread h2 {
    font-size: 2.1rem;
    letter-spacing: -1.1px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .container-longread h2 {
    font-size: 2.47rem;
    letter-spacing: -1.3px;
  }
}
@media (min-width: 1200px) {
  .container-longread h2 {
    letter-spacing: -1.5px;
    font-size: 2.94rem;
  }
}
.container-longread h2 p {
  margin: 0;
}
.container-longread h3 {
  font-family: "Moderat", sans-serif;
  line-height: 1.2;
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 1.471rem;
}
@media (min-width: 768px) and (max-width: 991px) {
  .container-longread h3 {
    font-size: 2.1rem;
    letter-spacing: -1.1px;
  }
}
@media (min-width: 992px) {
  .container-longread h3 {
    font-size: 2.47rem;
    letter-spacing: -1.5px;
  }
}
.container-longread h4 {
  font-family: "Moderat", sans-serif;
  font-size: 1.235rem;
  line-height: 1.2;
  font-weight: 400;
}
@media (min-width: 768px) {
  .container-longread h4 {
    font-size: 1.471rem;
  }
}
.container-longread ul {
  list-style: none;
  padding-inline-start: 20px;
  margin-bottom: 1rem;
}
.container-longread ul li {
  margin-bottom: 0.5rem;
  position: relative;
}
.container-longread ul li::before {
  content: "";
  background-color: #a1cf77;
  font-weight: bold;
  display: inline-block;
  vertical-align: middle;
  width: 12px;
  height: 12px;
  border-radius: 0 12px 0 0;
  position: absolute;
  left: -20px;
  top: 9px;
  line-height: 1.6rem;
}

.wide-pic-section {
  padding-top: 30px;
  padding-bottom: 30px;
}
@media (min-width: 992px) {
  .wide-pic-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
.wide-pic-section p {
  color: #BFC5D5;
}
.wide-pic-section img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wide-pic-section img + p {
  text-align: center;
}

.text-block-section:last-child {
  padding-bottom: 30px;
}
@media (min-width: 992px) {
  .text-block-section:last-child {
    padding-bottom: 80px;
  }
}

.blocks-group {
  position: relative;
}
.blocks-group .blogone-share-date {
  top: -60px;
}

.responsive-video {
  position: relative;
  overflow: hidden;
}
.responsive-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.responsive-audio {
  position: relative;
  overflow: hidden;
}
.responsive-audio iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.calendar-widget-wrapper {
  border: 1px solid #E6E8EF;
  border-radius: 5px;
  padding: 15px;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .calendar-widget-wrapper {
    display: none;
  }
}

@media (min-width: 992px) {
  .sticky-col {
    align-self: flex-start;
    position: sticky;
    top: 5px;
    height: auto;
  }
}

.events-section {
  padding-bottom: 110px;
}

@media (min-width: 768px) and (max-width: 991px) {
  .calendar .title-section .pic-col {
    padding-bottom: 6%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .calendar .title-section .h1 ~ * {
    margin-top: 60px;
  }
}

.calendar-one-request-more-bottom {
  margin-bottom: 100px;
}

.store-cart .header {
  background-color: #fff !important;
}

.purchases-list {
  /*width: 100%;*/
  padding-top: 50px;
}

.purchases-title {
  font-size: 42px;
  line-height: 100%;
  font-weight: normal;
  text-align: center;
  margin-bottom: 50px;
}

.purchase-row-item {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  border-top: 1px solid #BFC5D5;
  padding: 25px 0;
}
@media (max-width: 767px) {
  .purchase-row-item {
    font-size: 0.825rem;
  }
}
.purchase-row-item .delete {
  display: block;
  color: rgba(0, 23, 90, 0.25);
  font-size: 14px;
  font-weight: normal;
  cursor: pointer;
  text-decoration: underline;
}
@media (max-width: 767px) {
  .purchase-row-item .delete {
    margin-left: auto;
  }
}
@media (min-width: 992px) {
  .purchase-row-item .delete {
    bottom: 22px;
    left: 15px;
    position: absolute;
  }
}
.purchase-row-item .h4 a {
  text-decoration: none;
}
@media (max-width: 767px) {
  .purchase-row-item .h4 a {
    font-size: 1rem;
  }
}
.purchase-row-item img {
  display: block;
}
@media (max-width: 767px) {
  .purchase-row-item img {
    width: 70px;
    height: 70px;
  }
}
.purchase-row-item .break-col {
  flex: 0 0 100%;
  height: 0;
}
@media (min-width: 992px) {
  .purchase-row-item .break-col {
    display: none;
  }
}
@media (max-width: 991px) {
  .purchase-row-item .break-col ~ div {
    border-top: 1px solid #E6E8EF;
    padding-top: 20px;
    margin-top: 20px;
    flex: 0 0 33.33%;
  }
}

.product-vat {
  color: #BFC5D5;
}

@media (max-width: 767px) {
  .details-col {
    padding-left: 0;
  }
}

@media (max-width: 991px) {
  .purchases-list {
    margin-left: -15px;
    margin-right: -15px;
  }
}

@media (max-width: 991px) {
  .total-col {
    text-align: right;
    padding-right: 15px;
  }
}
@media (min-width: 992px) {
  .total-col {
    flex: 0 0 190px;
  }
}

.count-col {
  padding: 0;
}

@media (max-width: 991px) {
  .count-col .spinner {
    margin-left: auto;
    margin-right: auto;
  }
}

.total-labels-col {
  text-align: right;
}
@media (min-width: 992px) {
  .total-labels-col {
    padding-right: 70px;
  }
}

.total-section {
  background: #a1cf77;
  padding: 30px 0;
  font-size: 17px;
  line-height: 30px;
}
.total-section.-bottom {
  background: #a1cf77;
}
@media (max-width: 767px) {
  .total-section.-bottom .total-labels-col {
    text-align: left;
  }
}
@media (min-width: 768px) {
  .total-section.-bottom .title-block {
    position: absolute;
    left: 30px;
    top: 0;
  }
}
@media (min-width: 992px) {
  .total-section.-bottom .title-block {
    left: 15px;
  }
}
.total-section span {
  display: block;
}
.total-section em {
  font-style: normal;
}

.shipping-section {
  background: rgba(0, 23, 90, 0.1);
  padding-top: 30px;
  padding-bottom: 30px;
}
@media (min-width: 992px) {
  .shipping-section {
    padding-top: 80px;
    padding-bottom: 70px;
  }
}
.shipping-section .title-block {
  padding: 0 0 25px;
}
@media (min-width: 992px) {
  .shipping-section .title-block {
    padding: 0 30px 30px;
  }
}
.shipping-section label::selection {
  background: transparent;
}

.billing-section {
  background: rgba(0, 23, 90, 0.1);
  padding-bottom: 30px;
}
@media (min-width: 992px) {
  .billing-section {
    padding-bottom: 70px;
  }
}
@media (min-width: 992px) {
  .billing-section .title-block {
    padding: 0 30px;
  }
}
.billing-section label::selection {
  background: transparent;
}

.checkout-finish {
  background: #a1cf77;
  padding: 30px 0;
}
@media (min-width: 992px) {
  .checkout-finish {
    padding-top: 80px;
    padding-bottom: 70px;
  }
}
.checkout-finish .button {
  width: 100%;
}
.checkout-finish .button:hover::after {
  --size: 1000px!important;
}
.checkout-finish .button.-blue-solid::after {
  background-color: #fff;
}

.payment-options-col {
  min-width: 255px;
  margin-bottom: 15px;
}
.payment-options-col + .col {
  min-width: 255px;
  margin-bottom: 15px;
}
.payment-options-col + .col .button.-xl {
  max-width: initial !important;
}
.payment-options-col .button.-iconed {
  padding-right: 18px !important;
  padding-left: 18px !important;
  text-align: center;
}
.payment-options-col .button.-white-solid:hover {
  background-color: #fff;
  color: #00175a;
  border-color: #fff;
}
.payment-options-col .button.-xl {
  transition: none;
  max-width: initial !important;
}
.payment-options-col .button.active {
  border-radius: 33px 33px 0 0;
}
.payment-options-col .singleselect {
  position: absolute;
  background: white;
  padding: 15px 10px 10px 35px;
  top: 64px;
  left: 4px;
  right: 4px;
  border-radius: 0 0 33px 33px;
  border: 1px solid #fff;
  z-index: 100;
}
.payment-options-col .singleselect:before {
  content: "";
  position: absolute;
  display: block;
  height: 1px;
  left: 20px;
  right: 20px;
  top: 0;
  background-color: #BFC5D5;
}
.payment-options-col .singleselect p {
  margin-bottom: 10px;
}

.page-content-section.clients h2 {
  margin-bottom: 5px;
  margin-top: 40px;
}

.contact .title-section-wrapper {
  padding-bottom: 0;
}
.contact .title-section {
  padding-bottom: 60px;
}
.contact .connect-section {
  margin-top: 0;
  padding-top: 140px;
}

.contact-section {
  background-color: #a1cf77;
  padding-top: 75px;
  padding-bottom: 50px;
  position: relative;
  /*margin-top: 110px;*/
}

@media (min-width: 992px) {
  .contact-section {
    padding-bottom: 70px;
  }
}
.contact-section::before {
  content: "";
  display: block;
  position: absolute;
  width: 180px;
  height: 160px;
  top: 0;
  left: 75%;
  transform: translate(-50%, -40%);
  background: url(../themes/pcm/assets/images/letters.png) no-repeat 0 0/contain;
}

@media (min-width: 767px) {
  .contact-section::before {
    left: 65%;
  }
}
@media (min-width: 992px) {
  .contact-section::before {
    width: 269px;
    height: 219px;
  }
}
.contact-question {
  background: transparent !important;
}

@media (max-width: 767px) {
  .trainer-top-col {
    padding-bottom: 30px;
  }
}
@media (min-width: 768px) {
  .trainer-top-col {
    min-height: 250px;
  }
}
@media (min-width: 992px) {
  .trainer-top-col {
    min-height: 270px;
  }
}
@media (min-width: 1200px) {
  .trainer-top-col {
    min-height: 300px;
  }
}

.email-me-i a {
  display: inline-block;
  position: relative;
  text-decoration: none;
  color: #a1cf77;
  padding-left: 37px;
}
.email-me-i svg {
  left: 0;
  top: 3px;
  position: absolute;
  width: 22px;
  height: 18px;
  color: #a1cf77;
  transition: 0.25s ease-in-out;
}
.email-me-i a:hover {
  color: #00175a;
}
.email-me-i a:hover svg {
  color: #00175a;
  transition: 0.25s ease-in-out;
}

.trainer-page-type {
  font-weight: 400;
}

.trainer-name-type p {
  line-height: 1.5;
}

.about-trainer-section {
  padding-top: 40px;
  padding-bottom: 40px;
}
.about-trainer-section .h2 {
  margin-bottom: 30px;
}
.about-trainer-section h3, .about-trainer-section h4 {
  font-family: "Moderat", sans-serif;
  font-size: 1.235rem;
  line-height: 1.2;
  font-weight: 400;
}
@media (min-width: 768px) {
  .about-trainer-section h3, .about-trainer-section h4 {
    font-size: 1.471rem;
  }
}

@media (min-width: 768px) {
  .about-text-col {
    padding-top: 60px;
    padding-right: 30px;
  }
}
@media (min-width: 1200px) {
  .about-text-col {
    padding-top: 87px;
    padding-right: 60px;
  }
}

.trainer-page-networks {
  margin-top: 45px;
}
.trainer-page-networks svg {
  width: 25px;
  height: 25px;
}
.trainer-page-networks a {
  display: inline-block;
  margin-right: 15px;
}
.trainer-page-networks a:hover svg {
  color: #fff;
}

.trainer-upcoming-section {
  padding-top: 40px;
  padding-bottom: 40px;
}

.cp-one .title-section {
  padding-bottom: 0;
}
@media (max-width: 767px) {
  .cp-one .title-section {
    padding-top: 30px;
  }
}
@media (min-width: 768px) {
  .cp-one .title-section {
    padding-bottom: 30px;
    min-height: 380px;
  }
}
@media (min-width: 992px) {
  .cp-one .title-section {
    min-height: 400px;
  }
}
@media (min-width: 1200px) {
  .cp-one .title-section {
    min-height: 500px;
  }
}
.cp-one .title-section .h2 {
  margin-bottom: 0;
  padding-top: 30px;
}
@media (max-width: 767px) {
  .cp-one .title-section-wrapper {
    padding-bottom: 195px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .cp-one .title-section-wrapper {
    padding-bottom: 0;
  }
}

@media (max-width: 767px) {
  .trainer-pic-col {
    order: 1;
    height: 150px;
  }
}

.angle-deco-pic {
  position: absolute;
}
@media (max-width: 510px) {
  .angle-deco-pic {
    bottom: 0;
    left: 15px;
    right: 15px;
    transform: translateY(50%);
  }
}
@media (min-width: 511px) {
  .angle-deco-pic {
    bottom: 0;
    left: 45px;
    right: 15px;
    transform: translateY(50%);
  }
}
@media (min-width: 768px) {
  .angle-deco-pic {
    bottom: 15px;
    left: 15px;
    right: auto;
    transform: none;
  }
}
@media (min-width: 992px) {
  .angle-deco-pic {
    bottom: -70px;
  }
}
.angle-deco-pic::after {
  content: "";
  position: absolute;
  display: block;
  bottom: -30px;
  left: -30px;
  background-color: #00175a;
  width: 90px;
  height: 90px;
  border-radius: 0 90px 0 0;
}
@media (min-width: 768px) {
  .angle-deco-pic::after {
    bottom: -10px;
    left: -10px;
  }
}
.angle-deco-pic img {
  display: block;
}
@media (max-width: 767px) {
  .angle-deco-pic img {
    max-width: 100%;
    width: 330px;
  }
}
@media (min-width: 768px) {
  .angle-deco-pic img {
    max-width: 83.3333333333%;
  }
}
@media (min-width: 1200px) {
  .angle-deco-pic img {
    max-width: 450px;
  }
}

.greenblock-leftcurve {
  background-color: #a1cf77;
  position: relative;
  border-radius: 5px;
  padding: 30px;
}
@media (min-width: 768px) {
  .greenblock-leftcurve {
    border-radius: 135px 0 0 0;
    padding: 60px 30px 30px 30px;
  }
}
@media (min-width: 992px) {
  .greenblock-leftcurve {
    padding: 60px 30px 60px 60px;
  }
}
@media (min-width: 1200px) {
  .greenblock-leftcurve {
    width: 450px;
    padding: 85px 90px 65px 110px;
    border-radius: 200px 0 0 0;
    margin-left: auto;
  }
}
.greenblock-leftcurve .h2 {
  color: #fff;
  margin-bottom: 30px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .greenblock-leftcurve .h2 {
    text-align: right;
  }
}
.greenblock-leftcurve a:not(.button) {
  text-decoration: none;
}
.greenblock-leftcurve a:not(.button):hover {
  color: #00175a;
  text-decoration: underline;
}

@media (max-width: 767px) {
  .cp-all .title-section .button {
    margin-top: 0;
    margin-bottom: 30px;
    width: 180px;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .cp-all .title-section .button {
    margin-top: 0;
  }
}

.filters-block {
  margin-top: 60px;
}

.view-controls {
  text-align: right;
}

.cp-section {
  padding-bottom: 80px;
}
.cp-section .button-underln {
  margin-top: 60px;
  display: inline-block;
}

.cp-join-section {
  background-color: rgba(161, 207, 119, 0.25);
  padding-bottom: 40px;
}
@media (min-width: 992px) {
  .cp-join-section {
    padding-bottom: 80px;
  }
}
.cp-join-section img {
  margin-top: -28px;
  margin-bottom: 30px;
  margin-right: -15px;
}
@media (min-width: 992px) {
  .cp-join-section img {
    margin-bottom: 100px;
  }
}
@media (max-width: 767px) {
  .cp-join-section .pic-col {
    width: 330px;
    margin: 0 auto;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .cp-join-section .pic-col {
    width: 360px;
    margin: 0 auto;
  }
}
@media (max-width: 767px) {
  .cp-join-section .text-col {
    order: 2;
    text-align: center;
  }
}
.cp-join-section .h3 {
  margin-top: 30px;
  margin-bottom: 45px;
}
@media (min-width: 992px) {
  .cp-join-section .h3 {
    margin-top: 110px;
    margin-bottom: 75px;
  }
}
.cp-join-section .button {
  margin-bottom: 30px;
  width: 180px;
}
@media (min-width: 992px) {
  .cp-join-section .button {
    margin-bottom: 100px;
  }
}
.cp-join-section .animated-block {
  position: absolute;
  top: -22px;
  left: 167px;
  width: 38px;
  height: 53px;
}
@media (min-width: 768px) {
  .cp-join-section .animated-block {
    top: -25px;
    left: 50%;
    width: 44px;
    height: 63px;
  }
}
@media (min-width: 992px) {
  .cp-join-section .animated-block {
    left: 50%;
    width: 65px;
    height: 89px;
  }
}
@media (min-width: 1200px) {
  .cp-join-section .animated-block {
    left: 47%;
    width: 81px;
    height: 105px;
  }
}
.cp-join-section .animated-el {
  position: absolute;
  display: block;
  opacity: 0;
}
.cp-join-section .animated-el-1 {
  left: 0;
  bottom: 0;
  width: 89%;
  height: 26%;
  background: url(../themes/pcm/assets/images/c_blocks_get_cert/Yellow.svg) no-repeat 0 0/contain;
  z-index: 1;
}
.cp-join-section .animated-el-2 {
  left: 31%;
  bottom: 25%;
  width: 31%;
  height: 23%;
  background: url(../themes/pcm/assets/images/c_blocks_get_cert/Orange.svg) no-repeat 0 0/contain;
  z-index: 2;
}
.cp-join-section .animated-el-3 {
  left: 0;
  bottom: 43%;
  width: 100%;
  height: 25%;
  background: url(../themes/pcm/assets/images/c_blocks_get_cert/Blue.svg) no-repeat 0 0/contain;
  z-index: 3;
}
.cp-join-section .animated-el-4 {
  left: 49%;
  bottom: 58%;
  width: 35%;
  height: 22%;
  background: url(../themes/pcm/assets/images/c_blocks_get_cert/Pink.svg) no-repeat 0 0/contain;
  z-index: 7;
}
.cp-join-section .animated-el-5 {
  left: 18%;
  bottom: 61%;
  width: 32%;
  height: 21%;
  background: url(../themes/pcm/assets/images/c_blocks_get_cert/Violet.svg) no-repeat 0 0/contain;
  z-index: 6;
}
.cp-join-section .animated-el-6 {
  left: 21%;
  top: 0;
  width: 62%;
  height: 21%;
  background: url(../themes/pcm/assets/images/c_blocks_get_cert/Red.svg) no-repeat 0 0/contain;
  z-index: 5;
}
.cp-join-section .fall-down-1 {
  animation-name: fallDown;
  animation-duration: 0.9s;
  animation-fill-mode: forwards;
}
.cp-join-section .fall-down-2 {
  animation-name: fallDown;
  animation-duration: 0.7s;
  animation-delay: 0.2s;
  animation-fill-mode: forwards;
}
.cp-join-section .fall-down-3 {
  animation-name: fallDown;
  animation-duration: 0.75s;
  animation-delay: 0.3s;
  animation-fill-mode: forwards;
}
.cp-join-section .fall-down-4 {
  animation-name: fallDown;
  animation-duration: 0.9s;
  animation-delay: 0.5s;
  animation-fill-mode: forwards;
}
.cp-join-section .fall-down-5 {
  animation-name: fallDown;
  animation-duration: 0.8s;
  animation-delay: 0.85s;
  animation-fill-mode: forwards;
}
.cp-join-section .fall-down-6 {
  animation-name: fallDown;
  animation-duration: 0.7s;
  animation-delay: 1s;
  animation-fill-mode: forwards;
}

.cp-item-header {
  background-color: #eef6e6;
  border-radius: 5px 5px 0 0;
  border-bottom: 4px solid #a1cf77;
  text-align: center;
  padding: 98px 15px 10px;
  position: relative;
}
.cp-item-header .pic-holder {
  top: -75px;
  position: absolute;
  left: 0;
  right: 0;
}

.cp-name a {
  text-decoration: none;
}

.cp-col {
  margin-top: 75px;
}
.cp-col.-long {
  margin-top: 105px;
}

.cp-item {
  border: 1px solid #BFC5D5;
  border-radius: 5px;
}
.cp-item.-short {
  border-color: transparent;
  transition: 0.25s ease-in-out;
  text-align: center;
  margin-bottom: 15px;
  overflow: hidden;
  position: relative;
  padding-top: 15px;
  padding-bottom: 15px;
}
@media (min-width: 992px) {
  .cp-item.-short {
    padding: 30px 30px 15px;
    margin-bottom: 40px;
  }
}
.cp-item.-short::after {
  --size: 0;
  content: "";
  position: absolute;
  left: var(--x);
  top: var(--y);
  width: var(--size);
  height: var(--size);
  background-color: #eef6e6;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  transition: width 1s ease, height 1s ease;
  z-index: 2;
}
.cp-item.-short:hover {
  border-color: #BFC5D5;
  transition: 0.25s ease-in-out;
}
.cp-item.-short:hover::after {
  --size: 800px !important;
}
@media (min-width: 992px) {
  .cp-item.-short:hover .button-inline {
    opacity: 1;
    transition: 0.25s ease-in-out;
  }
}
.cp-item.-short > div {
  position: relative;
  z-index: 3;
}
.cp-item.-short .pic-holder {
  margin-bottom: 20px;
}
.cp-item.-short .button-inline {
  display: inline-block;
}
@media (min-width: 992px) {
  .cp-item.-short .button-inline {
    opacity: 0;
    transition: 0.25s ease-in-out;
  }
}
.cp-item:not(.-short) .cp-types {
  font-size: 0.825rem;
}
.cp-item .pic-holder img {
  width: 150px;
  height: 150px;
  border-radius: 50%;
}

.cp-item-body {
  padding: 25px 30px;
  font-size: 0.825rem;
  line-height: 1.4;
}

.cp-item-quote {
  position: relative;
  padding-top: 70px;
}
.cp-item-quote::before {
  content: "";
  position: absolute;
  width: 32px;
  height: 30px;
  background: url(../themes/pcm/assets/images/quote.svg) no-repeat 0 0/contain;
  top: 30px;
  left: 0;
}

.cp-item-data {
  margin-bottom: 10px;
}

.cp-item-networks {
  position: absolute;
  top: 30px;
  right: 0;
}
.cp-item-networks a {
  display: inline-block;
  margin-left: 10px;
  color: #BFC5D5;
  width: 24px;
  height: 24px;
}
.cp-item-networks a:hover {
  color: #a1cf77;
}

@media (min-width: 768px) and (max-width: 991px) {
  .events-chunk1 {
    margin-left: -15px;
    margin-right: 15px;
  }
}
@media (max-width: 991px) {
  .events-chunk1 .extranet-md-4 {
    order: 2;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .events-chunk1 .extranet-item.-horizontal {
    max-width: calc(50% - 15px);
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .chunk3 .extranet-md-8 {
    max-width: calc(50% - 30px);
    flex: 0 0 calc(50% - 30px);
  }
}

.extranet-md-8 {
  max-width: 100%;
  flex: 0 0 100%;
}
@media (min-width: 992px) {
  .extranet-md-8 {
    flex: 0 0 66.66%;
    max-width: 66.66%;
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media (max-width: 767px) {
  .extranet-md-8 {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.extranet-md-4 {
  max-width: 100%;
  flex: 0 0 100%;
}
@media (max-width: 767px) {
  .extranet-md-4 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 992px) {
  .extranet-md-4 {
    flex: 0 0 33.33%;
    max-width: 33.33%;
    padding-left: 15px;
    padding-right: 15px;
  }
}

.extranet-item {
  margin-bottom: 30px;
  border: 1px solid #BFC5D5;
  box-sizing: border-box;
  border-radius: 5px;
  overflow: hidden;
}
@media (max-width: 991px) {
  .extranet-item {
    max-width: 418px;
    margin-left: auto;
    margin-right: auto;
  }
}
.extranet-item:hover .extranet-card-title {
  color: #a1cf77;
}
.extranet-item p {
  margin-bottom: 0px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .extranet-item.-quote {
    left: 15px;
    position: relative;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .extranet-item.-quote p {
    font-size: 0.825rem;
  }
}
@media (max-width: 991px) {
  .extranet-item.-quote p {
    font-size: 0.825rem;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .extranet-item.-vertical {
    display: flex;
    justify-content: space-between;
  }
}
.extranet-item.-vertical .text-col {
  padding-right: 30px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .extranet-item.-vertical .text-col {
    padding-top: 20px;
  }
}
@media (min-width: 992px) {
  .extranet-item.-vertical .text-col {
    padding-left: 30px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .extranet-item.-vertical .text-col, .extranet-item.-vertical .pic-col {
    max-width: calc(50% - 15px);
  }
}
@media (min-width: 768px) {
  .extranet-item.-vertical .row {
    margin: 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .extranet-item.-vertical .row {
    justify-content: space-between;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .extranet-item.-vertical:not(.-quote) {
    margin: 0 15px;
  }
}
.extranet-item.-horizontal .text-col, .extranet-item.-horizontal .pic-col {
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 992px) {
  .extranet-item.-horizontal .text-col, .extranet-item.-horizontal .pic-col {
    max-width: 50%;
    flex: 0 0 50%;
  }
}
.extranet-item.-horizontal .text-col {
  padding-bottom: 15px;
}
@media (max-width: 991px) {
  .extranet-item.-horizontal .text-col {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}
.extranet-item .text-col {
  padding-top: 24px;
}
.extranet-item img {
  display: block;
}
.extranet-item .a-banner {
  text-decoration: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.extra-banner:hover .extranet-card-title.-vertical {
  color: #a1cf77;
  transition: 0.25s ease-in-out;
}
.extra-banner .extranet-card-title.-vertical {
  color: #00175a;
  transition: 0.25s ease-in-out;
  text-align: center;
}

@media (max-width: 767px) {
  .pic-col {
    max-width: 100%;
    flex: 0 0 100%;
    padding: 0 15px !important;
  }
}

@media (max-width: 767px) {
  .text-col {
    max-width: 100%;
    flex: 0 0 100%;
    padding: 30px 15px 30px !important;
  }
}

.extranet-card-info {
  padding: 30px;
  font-size: 14px;
  line-height: 22px;
}
.extranet-card-info > p a {
  text-decoration: none;
}
@media (min-width: 992px) {
  .extranet-card-info {
    font-size: 16px;
  }
}
.extranet-card-info.-vertical {
  margin-top: 15px;
}
.extranet-card-info.-vertical.-small-margin {
  padding: 20px 30px;
}
.extranet-card-name {
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
}
.extranet-card-title {
  font-family: "Moderat", sans-serif;
  font-size: 1.471rem;
  line-height: 1.3;
  color: #a1cf77;
  margin-bottom: 15px;
}
.extranet-card-title a {
  text-decoration: none;
}
.extranet-card-title a:hover {
  color: #00175a;
  transition: 0.25s ease-in-out;
}
.extranet-card-title.-vertical {
  margin-bottom: 0;
  margin-top: -15px;
}
.extranet-card-job {
  font-family: "Poppins", sans-serif;
  color: #a1cf77;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
}
.extranet-card-quote svg {
  width: 44px;
  height: 38px;
  margin: 15px 0 5px;
}

.extranet-card-subtitle {
  margin-bottom: 10px;
}

.extranet-content img {
  border-radius: 5px;
  width: 100%;
}
@media (min-width: 768px) {
  .extranet-content img {
    max-width: 350px;
  }
}
.extranet-content.-horizontal {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  .extranet-content.-horizontal {
    flex-wrap: nowrap;
  }
}
.extranet-content.-vertical {
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #BFC5D5;
  box-sizing: border-box;
  border-radius: 5px;
  margin-bottom: 30px;
}
.extranet-content.-vertical:last-child {
  margin-bottom: 0;
}
.extranet-content.-vertical:last-child > .no-margin {
  margin-top: 0px;
}
@media (min-width: 768px) {
  .extranet-content.-vertical {
    flex-wrap: nowrap;
  }
}
@media (min-width: 992px) {
  .extranet-content.-vertical {
    flex-wrap: wrap;
  }
}

.extranet-bunner-text {
  padding: 30px;
}
@media (min-width: 992px) {
  .extranet-bunner-text {
    padding: 0px;
    padding-right: 30px;
  }
}

@media (min-width: 768px) {
  .logo-bunner-wide {
    margin-bottom: 40px;
  }
}

.extranet-bunner-title {
  font-family: "Moderat", sans-serif;
  font-size: 1.471rem;
  margin-bottom: 1rem;
  line-height: 1.2;
}
.extranet-bunner-title a {
  text-decoration: none;
}
@media (min-width: 768px) {
  .extranet-bunner-title {
    font-size: 1.65rem;
  }
}

img.bunner-wide-left-image {
  margin: 0 auto;
  display: block;
  padding: 50px 10px 0px 10px;
  max-width: 75%;
}
@media (min-width: 768px) {
  img.bunner-wide-left-image {
    padding: 0;
  }
}

.get-certified-animated-pic .animated-block {
  position: absolute;
  top: -22px;
  left: 167px;
  width: 38px;
  height: 53px;
}
@media (min-width: 768px) {
  .get-certified-animated-pic .animated-block {
    top: -25px;
    left: 50%;
    width: 44px;
    height: 63px;
  }
}
@media (min-width: 992px) {
  .get-certified-animated-pic .animated-block {
    top: -29px;
    left: 50%;
    width: 65px;
    height: 89px;
  }
}
@media (min-width: 1200px) {
  .get-certified-animated-pic .animated-block {
    left: 47%;
    width: 81px;
    height: 105px;
  }
}
.get-certified-animated-pic .animated-el {
  position: absolute;
  display: block;
  opacity: 0;
}
.get-certified-animated-pic .animated-el-1 {
  left: 0;
  bottom: 0;
  width: 89%;
  height: 26%;
  background: url(../themes/pcm/assets/images/c_blocks_get_cert/Yellow.svg) no-repeat 0 0/contain;
  z-index: 1;
}
.get-certified-animated-pic .animated-el-2 {
  left: 31%;
  bottom: 25%;
  width: 31%;
  height: 23%;
  background: url(../themes/pcm/assets/images/c_blocks_get_cert/Orange.svg) no-repeat 0 0/contain;
  z-index: 2;
}
.get-certified-animated-pic .animated-el-3 {
  left: 0;
  bottom: 43%;
  width: 100%;
  height: 25%;
  background: url(../themes/pcm/assets/images/c_blocks_get_cert/Blue.svg) no-repeat 0 0/contain;
  z-index: 3;
}
.get-certified-animated-pic .animated-el-4 {
  left: 49%;
  bottom: 57%;
  width: 35%;
  height: 22%;
  background: url(../themes/pcm/assets/images/c_blocks_get_cert/Pink.svg) no-repeat 0 0/contain;
  z-index: 7;
}
.get-certified-animated-pic .animated-el-5 {
  left: 18%;
  bottom: 61%;
  width: 32%;
  height: 21%;
  background: url(../themes/pcm/assets/images/c_blocks_get_cert/Violet.svg) no-repeat 0 0/contain;
  z-index: 6;
}
.get-certified-animated-pic .animated-el-6 {
  left: 21%;
  top: 0;
  width: 62%;
  height: 21%;
  background: url(../themes/pcm/assets/images/c_blocks_get_cert/Red.svg) no-repeat 0 0/contain;
  z-index: 5;
}
.get-certified-animated-pic .fall-down-1 {
  animation-name: fallDown;
  animation-duration: 0.9s;
  animation-fill-mode: forwards;
}
.get-certified-animated-pic .fall-down-2 {
  animation-name: fallDown;
  animation-duration: 0.7s;
  animation-delay: 0.2s;
  animation-fill-mode: forwards;
}
.get-certified-animated-pic .fall-down-3 {
  animation-name: fallDown;
  animation-duration: 0.75s;
  animation-delay: 0.3s;
  animation-fill-mode: forwards;
}
.get-certified-animated-pic .fall-down-4 {
  animation-name: fallDown;
  animation-duration: 0.9s;
  animation-delay: 0.5s;
  animation-fill-mode: forwards;
}
.get-certified-animated-pic .fall-down-5 {
  animation-name: fallDown;
  animation-duration: 0.8s;
  animation-delay: 0.85s;
  animation-fill-mode: forwards;
}
.get-certified-animated-pic .fall-down-6 {
  animation-name: fallDown;
  animation-duration: 0.7s;
  animation-delay: 1s;
  animation-fill-mode: forwards;
}

@media (max-width: 767px) {
  .extranet-events .title-section-wrapper {
    padding-bottom: 30px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .extranet-events .halfs-section .text-col {
    align-items: center;
  }
}

.cpevents-title-group {
  position: relative;
}
@media (max-width: 767px) {
  .cpevents-title-group .button-inline {
    margin-bottom: 20px;
    position: relative;
    top: -20px;
  }
}
@media (min-width: 768px) {
  .cpevents-title-group .button-inline {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
}

@media (max-width: 991px) {
  .extranet-cpeventlist-banner {
    display: none !important;
  }
}

.section-extranet-tiles {
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  .section-extranet-tiles {
    overflow: hidden;
  }
}

@media (min-width: 992px) {
  .tiles-col {
    order: 2;
  }
}

.extranet-menu-tile {
  position: relative;
  border-radius: 5px;
  border: 1px solid #BFC5D5;
  overflow: hidden;
  margin-bottom: 30px;
}
.extranet-menu-tile:hover p {
  color: #a1cf77;
}
.extranet-menu-tile img {
  display: block;
}
.extranet-menu-tile a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  z-index: 1;
}
.extranet-menu-tile p {
  padding-top: 20px;
  margin-bottom: 20px;
  font-size: 1.235rem;
  text-align: center;
}
@media (max-width: 767px) {
  .extranet-menu-tile p {
    font-size: 0.825rem;
    padding-top: 8px;
    margin-bottom: 8px;
  }
}

.extranet-new-colleagues {
  padding: 30px 0;
}
@media (min-width: 992px) {
  .extranet-new-colleagues {
    padding: 80px 0;
  }
}

@media (min-width: 768px) {
  .extranet-events-staggered .pic-col, .extranet-events-staggered .text-col {
    flex: 0 0 50%;
  }
}
.extranet-events-staggered .extranet-item:nth-child(even) .pic-col {
  order: 2;
}
.extranet-events-staggered .extranet-item:nth-child(even) .text-col {
  padding-left: 45px;
}

@media (max-width: 767px) {
  .extranet-main .title-section-wrapper {
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  .extranet-main .banner-wide-pcm {
    display: none;
  }
}

.extranet-new-colleagues h2 {
  margin-bottom: 0;
}

@media (max-width: 991px) {
  .slick--news-slider {
    margin-left: -5px;
  }
}

@media (max-width: 767px) {
  .news-slider-mobile {
    margin: 40px 0;
  }
}
@media (max-width: 991px) {
  .news-slider-mobile {
    margin-bottom: 80px;
  }
}
.news-slider-mobile .slick-list {
  overflow: visible;
}

.news-slider-item {
  border: 1px solid #BFC5D5;
  border-radius: 5px;
  padding: 20px 15px 0;
  margin: 6px;
  width: 300px;
}
.news-slider-item a {
  text-decoration: none;
}
@media (max-width: 767px) {
  .news-slider-item .news-list-title + p {
    font-size: 0.825rem;
  }
}

.faq-section {
  padding-top: 20px;
}
@media (min-width: 992px) {
  .faq-section {
    padding-top: 40px;
  }
}
.faq-section .container {
  padding-bottom: 175px;
}

@media (max-width: 767px) {
  .faq-page .h1 {
    text-align: center;
  }
}

@media (max-width: 767px) {
  .faq-page .title-section {
    padding-top: 60px;
    padding-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .faq .title-section-wrapper {
    padding-bottom: 40px;
  }
}

.balloon-pic {
  position: fixed;
  color: #e9b24c;
  transition: 0.25s ease-in-out;
  z-index: 100;
  left: 60px;
  width: 50px;
  height: 50px;
  transform: rotate(85deg);
  bottom: 0;
}
.balloon-pic:hover {
  color: #f43315;
  transition: 0.25s ease-in-out;
}
.balloon-pic.pic2 {
  bottom: -75px;
  left: 10px;
  transform: rotate(52deg);
  width: 145px;
  height: 167px;
}
.balloon-pic.pic3 {
  width: 247px;
  height: 276px;
  bottom: -134px;
  left: -34px;
  transform: rotate(30deg);
}
.balloon-pic.pic4 {
  width: 280px;
  height: 400px;
  bottom: 150px;
  left: 30px;
  transform: rotate(20deg);
}

.date-link-row {
  justify-content: space-between;
  font-weight: 700;
}
.date-link-row .button-inline, .date-link-row ._green-text {
  font-weight: 400;
}

.download-link {
  width: 30px;
  height: 30px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}

.file-list-item {
  margin-bottom: 20px;
  padding-left: 30px;
  position: relative;
}
@media (min-width: 992px) {
  .file-list-item {
    margin-bottom: 40px;
  }
}

.type-icon {
  position: absolute;
  left: 0;
  top: 4px;
  width: 24px;
  height: 21px;
}

.accordion-section-body .subfolder-files {
  margin-left: 30px;
}

.extranet-files-download .accordion-section-toggle {
  position: absolute;
  right: 30px;
  top: 20px;
}
.extranet-files-download h3 a {
  text-decoration: none;
}

.file-size {
  display: inline-block;
  vertical-align: bottom;
  min-width: 120px;
}
.file-size + svg {
  display: inline-block;
  vertical-align: bottom;
}

.sub-section {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #BFC5D5;
}

.getc-how-section {
  padding-top: 30px;
}
@media (min-width: 992px) {
  .getc-how-section {
    padding-top: 135px 0 25px;
  }
}

.getc-pics {
  padding-top: 160px;
}
@media (min-width: 992px) {
  .getc-pics {
    display: block !important;
  }
}
.getc-pics .col + .col {
  margin-top: 150px;
}
.getc-benefits-section {
  padding: 60px 0 0;
}
@media (min-width: 1200px) {
  .getc-benefits-section {
    padding: 135px 0 0;
  }
}
.getc-benefits-section .h2 + p {
  max-width: 690px;
  margin-left: auto;
  margin-right: auto;
}
.getc-benefits-section p a {
  text-decoration: none;
  position: relative;
  display: inline-block;
}
.getc-benefits-section p a::before {
  content: "";
  position: absolute;
  height: 2px;
  left: -1px;
  right: -1px;
  bottom: 0;
  background-color: #a1cf77;
  display: block;
}
.getc-benefits-section p a::after {
  content: "";
  border-bottom: 2px solid #00175a;
  display: block;
  position: absolute;
  left: -1px;
  bottom: 0;
  opacity: 0;
  transition: 0.25s ease-in-out;
  transition-duration: 0.75s;
  width: 0;
}
.getc-benefits-section p a:hover::after {
  right: -1px;
  transition: 0.25s ease-in-out;
  transition-duration: 0.75s;
  opacity: 1;
  width: calc(100% + 2px);
}
.getc-benefits-section .h5 {
  font-weight: 400;
  margin-bottom: 25px;
}
.getc-benefits-section .h5 strong {
  font-weight: 400;
  color: #a1cf77;
}
.getc-benefits-section .h5 p {
  margin-bottom: 0;
}
.getc-benefits-section .center-border:before {
  top: 0;
  height: 110%;
}
@media (min-width: 992px) {
  .getc-benefits-section .learn-benefits-row > div {
    padding-top: 70px;
  }
}

@media (max-width: 991px) {
  .journey-col-2 {
    padding-bottom: 45px;
  }
}
@media (min-width: 992px) {
  .journey-col-2 {
    padding-right: 45px;
  }
}
.journey-col-2 .tabs-cols-i:after {
  right: -30px;
}

.trial-training {
  position: absolute;
  /*right: 15px;
  top: 63px;
  bottom: 0;
  width: 30px;*/
  background-color: #BFC5D5;
  color: #00175a;
  font-weight: 700;
  text-align: center;
  border-radius: 4px;
}
@media (max-width: 991px) {
  .trial-training {
    right: 15px;
    left: 15px;
    bottom: 0;
    height: 30px;
  }
}
@media (min-width: 992px) {
  .trial-training {
    right: 15px;
    top: 63px;
    bottom: 0;
    width: 30px;
  }
}
.trial-training .bar {
  font-size: 20px;
  position: absolute;
  width: 100%;
  line-height: 30px;
  height: 100%;
  left: 0;
  top: 0;
  text-align: center;
}
@media (min-width: 992px) {
  .trial-training .bar {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
  }
}

.events-event .tooltip {
  position: absolute;
}
@media (max-width: 991px) {
  .events-event .tooltip {
    top: 6px;
    left: 50px;
  }
}
@media (min-width: 992px) {
  .events-event .tooltip {
    top: 15px;
    left: 6px;
  }
}
.events-event .tooltip i {
  background-color: #fff;
  color: #00175a;
}
@media (min-width: 992px) {
  .events-event .tooltip i {
    transform: rotateZ(-90deg);
  }
}

.get-certified .how-inner {
  padding-top: 100px;
}
@media (max-width: 991px) {
  .get-certified .how-inner {
    padding-top: 70px;
  }
}
.get-certified .tab-content {
  padding-bottom: 80px;
}
.get-certified .tabs-cols-title {
  margin-bottom: 25px;
}
.get-certified .tabs-cols-title h3 {
  font-family: "Moderat", sans-serif;
  line-height: 1.2;
  font-weight: 400;
  margin-top: 0;
  font-size: 1.471rem;
}
.get-certified .tabs-cols-title p {
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .get-certified .tabs-cols-i {
    margin-bottom: 25px;
  }
}
.get-certified .tooltip {
  position: absolute;
}
@media (max-width: 991px) {
  .get-certified .tooltip {
    top: 6px;
    left: 12px;
  }
}
@media (min-width: 992px) {
  .get-certified .tooltip {
    top: 15px;
    left: 6px;
  }
}
.get-certified .tooltip i {
  background-color: #fff;
  color: #00175a;
}
@media (min-width: 992px) {
  .get-certified .tooltip i {
    transform: rotateZ(-90deg);
  }
}

.journey-cta {
  position: absolute;
  right: 30px;
}

.learn-benefits-section .tab-content {
  position: relative;
}

.brochure-wrapper {
  padding: 30px 15px;
  margin-top: 160px;
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  .brochure-wrapper {
    background-color: rgba(0, 23, 90, 0.05);
    padding: 30px;
    margin-top: 30px;
    margin-bottom: 140px;
  }
}
@media (min-width: 992px) {
  .brochure-wrapper {
    padding: 70px 30px 40px;
  }
}
@media (max-width: 767px) {
  .brochure-wrapper .pic-col {
    height: 200px;
    background-color: rgba(0, 23, 90, 0.05);
  }
}
.brochure-wrapper .pic-col img {
  border-radius: 0 150px 0 0;
  position: absolute;
  top: -130px;
  bottom: -30px;
  left: 50%;
}
@media (max-width: 767px) {
  .brochure-wrapper .pic-col img {
    transform: translateX(-50%);
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .brochure-wrapper .pic-col img {
    top: -90px;
    left: -15px;
  }
}
@media (min-width: 992px) {
  .brochure-wrapper .pic-col img {
    left: 30px;
    top: -130px;
  }
}
@media (max-width: 767px) {
  .brochure-wrapper .text-col {
    padding-top: 60px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .brochure-wrapper .text-col {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .brochure-wrapper .text-col {
    padding-left: 70px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .brochure-wrapper .button-inline {
    color: #00175a;
  }
}
.brochure-wrapper h3 {
  font-family: "Moderat", sans-serif;
  line-height: 1.2;
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.471rem;
}
@media (min-width: 768px) and (max-width: 991px) {
  .brochure-wrapper h3 {
    font-size: 2.1rem;
    letter-spacing: -1.1px;
  }
}
@media (min-width: 992px) {
  .brochure-wrapper h3 {
    font-size: 2.47rem;
    letter-spacing: -1.5px;
  }
}
.brochure-wrapper h4 {
  font-family: "Moderat", sans-serif;
  font-size: 1.235rem;
  line-height: 1.2;
  font-weight: 400;
  margin-bottom: 25px;
}
@media (min-width: 768px) {
  .brochure-wrapper h4 {
    font-size: 1.471rem;
  }
}

.brochure-events-tabs {
  padding-bottom: 70px;
  padding-top: 70px;
}
.brochure-events-tabs .h2 {
  margin-bottom: 60px;
}

@media (max-width: 991px) {
  .get-certified .halfs-section .text-col {
    align-items: center;
  }
}
.get-certified .animated-block {
  position: absolute;
  top: -28px;
  left: 51%;
  width: 31px;
  height: 86px;
}
@media (min-width: 768px) {
  .get-certified .animated-block {
    width: 34px;
    height: 95px;
  }
}
@media (min-width: 992px) {
  .get-certified .animated-block {
    left: 52%;
    width: 45px;
    height: 130px;
  }
}
@media (min-width: 1200px) {
  .get-certified .animated-block {
    left: 44%;
  }
}
.get-certified .animated-el {
  position: absolute;
  display: block;
  opacity: 0;
}
.get-certified .animated-el-1 {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 35%;
  background: url(../themes/pcm/assets/images/color_blocks/pink_square.svg) no-repeat 0 0/contain;
}
.get-certified .animated-el-2 {
  left: 20%;
  bottom: 34%;
  width: 60%;
  height: 30%;
  background: url(../themes/pcm/assets/images/color_blocks/blue_romb.png) no-repeat 0 0/contain;
}
.get-certified .animated-el-3 {
  left: 0;
  bottom: 64%;
  width: 100%;
  height: 10%;
  background: url(../themes/pcm/assets/images/color_blocks/violet_rect.png) no-repeat 0 0/contain;
}
.get-certified .animated-el-4 {
  left: -1%;
  bottom: 74%;
  width: 49%;
  height: 16%;
  background: url(../themes/pcm/assets/images/color_blocks/yellow_circle.png) no-repeat 0 0/contain;
}
.get-certified .animated-el-5 {
  left: 56%;
  bottom: 74%;
  width: 29%;
  height: 10%;
  background: url(../themes/pcm/assets/images/color_blocks/red_square.svg) no-repeat 0 0/contain;
}
.get-certified .animated-el-6 {
  left: -12%;
  top: 0;
  width: 62%;
  height: 11%;
  background: url(../themes/pcm/assets/images/color_blocks/orange_segm.png) no-repeat 0 0/contain;
}
.get-certified .fall-down-1 {
  animation-name: fallDown;
  animation-duration: 0.9s;
  animation-fill-mode: forwards;
}
.get-certified .fall-down-2 {
  animation-name: fallDown;
  animation-duration: 0.7s;
  animation-delay: 0.2s;
  animation-fill-mode: forwards;
}
.get-certified .fall-down-3 {
  animation-name: fallDown;
  animation-duration: 0.75s;
  animation-delay: 0.3s;
  animation-fill-mode: forwards;
}
.get-certified .fall-down-4 {
  animation-name: fallDown;
  animation-duration: 0.9s;
  animation-delay: 0.5s;
  animation-fill-mode: forwards;
}
.get-certified .fall-down-5 {
  animation-name: fallDown;
  animation-duration: 0.8s;
  animation-delay: 0.85s;
  animation-fill-mode: forwards;
}
.get-certified .fall-down-6 {
  animation-name: fallDown;
  animation-duration: 0.7s;
  animation-delay: 1s;
  animation-fill-mode: forwards;
}

.main-top-section {
  padding-top: 150px;
  padding-bottom: 80px;
  background-color: #eef6e6;
  position: relative;
}
@media (max-width: 767px) {
  .main-top-section {
    padding-bottom: 245px;
    text-align: center;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .main-top-section {
    padding-bottom: 50%;
    text-align: center;
  }
}
@media (min-width: 992px) {
  .main-top-section {
    padding-top: 140px;
    padding-bottom: 40px;
  }
}
@media (min-width: 1200px) {
  .main-top-section {
    padding-top: 170px;
    padding-bottom: 80px;
  }
}
@media (min-width: 1440px) {
  .main-top-section {
    padding-top: 205px;
    padding-bottom: 180px;
  }
}
@media (max-width: 991px) {
  .main-top-section .pic-col {
    order: 2;
  }
}
.main-top-section .pic-col img {
  display: block;
  position: absolute;
}
@media (max-width: 767px) {
  .main-top-section .pic-col img {
    width: 300px;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .main-top-section .pic-col img {
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    max-width: 83.3333333333%;
  }
}
@media (min-width: 992px) {
  .main-top-section .pic-col img {
    max-width: 83.3333333333%;
    top: 10px;
    left: 15px;
  }
}
@media (min-width: 1200px) {
  .main-top-section .pic-col img {
    top: -20px;
  }
}
@media (min-width: 992px) {
  .main-top-section .h1 ~ .button {
    display: inline-block !important;
  }
}
.main-top-section .button.-xl {
  margin-top: 30px;
}
@media (max-width: 767px) {
  .main-top-section .button.-xl {
    position: absolute;
    left: 50%;
    bottom: -200px;
    width: 230px;
    margin-left: -115px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .main-top-section .button.-xl {
    position: absolute;
    left: 50%;
    bottom: -200px;
    width: 200px;
    margin-left: -100px;
  }
}

.main--intro-h1 + p {
  margin-top: 25px;
  margin-bottom: 25px;
}
@media (min-width: 992px) {
  .main--intro-h1 + p {
    margin-top: 20px;
    margin-bottom: 25px;
  }
}
@media (min-width: 1440px) {
  .main--intro-h1 + p {
    margin-top: 80px;
  }
}

.main-about-section {
  padding-top: 240px;
}
@media (min-width: 768px) {
  .main-about-section {
    padding-top: 240px;
  }
}
@media (min-width: 992px) {
  .main-about-section {
    padding-top: 70px;
  }
}
.main-about-section img {
  margin-top: -218px;
  margin-left: -4px;
}

@media (max-width: 767px) {
  .clients-section {
    padding-bottom: 0;
  }
}
.index-page .clients-section .container {
  padding-top: 65px;
}
@media (min-width: 1440px) {
  .index-page .clients-section .container {
    padding-top: 125px;
  }
}
.clients-section .h2 {
  margin-bottom: 30px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .clients-section .h2 strong {
    display: block;
  }
}
@media (max-width: 767px) {
  .clients-section .button {
    max-width: 330px;
    display: block;
    margin: 0 auto;
  }
}
@media (min-width: 768px) {
  .clients-section .button {
    width: 270px;
    margin-top: 50px;
  }
}
@media (min-width: 992px) {
  .clients-section .button {
    width: 290px;
    margin-top: 70px;
  }
}
@media (min-width: 1200px) {
  .clients-section .button {
    width: 330px;
  }
}

.clients-intro {
  max-width: 650px;
  margin: 0 auto 40px;
  text-align: center;
}
@media (max-width: 767px) {
  .clients-intro {
    font-size: 1.235rem;
    line-height: 30px;
    margin-bottom: 0;
  }
}
@media (min-width: 1440px) {
  .clients-intro {
    margin: 0 auto 60px;
  }
}

.clients-intro-further {
  max-width: 650px;
  margin: 0 auto 40px;
  text-align: center;
  font-size: 1.235rem;
}
.clients-intro-further .button-underln {
  font-size: 1.235rem;
}
@media (max-width: 767px) {
  .clients-intro-further {
    /*font-size: 1.235rem;*/
    line-height: 30px;
    margin-bottom: 0;
  }
}
@media (min-width: 1440px) {
  .clients-intro-further {
    margin: 0 auto 60px;
  }
}
@media (max-width: 767px) {
  .clients-intro-further {
    margin-top: -20px;
  }
}

.client-item {
  height: 0;
  padding-bottom: 100%;
  position: relative;
}
.client-item img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 767px) {
  .client-item {
    padding-bottom: 0px;
    height: 185px;
  }
}

.clients-slider {
  margin-top: -40px;
}
@media (max-width: 609px) {
  .clients-slider {
    margin-top: -20px;
  }
}

.how-section .h2 strong {
  display: block;
  color: #a1cf77;
  font-weight: 400;
}

.how-inner {
  /*@include tablet {
         & {
             margin-left: 30px;
  		margin-right: 30px;
         }
     }*/
}
@media (max-width: 991px) {
  .how-inner {
    padding-top: 80px;
  }
}
@media (max-width: 991px) {
  .how-inner p {
    margin-bottom: 0;
  }
}

.index-page .animated-block {
  position: absolute;
  top: -22px;
  left: 167px;
  width: 38px;
  height: 53px;
}
@media (min-width: 768px) {
  .index-page .animated-block {
    top: -25px;
    left: 50%;
    width: 44px;
    height: 63px;
  }
}
@media (min-width: 992px) {
  .index-page .animated-block {
    top: -29px;
    left: 50%;
    width: 65px;
    height: 89px;
  }
}
@media (min-width: 1200px) {
  .index-page .animated-block {
    left: 47%;
    width: 81px;
    height: 105px;
  }
}
.index-page .animated-el {
  position: absolute;
  display: block;
  opacity: 0;
}
.index-page .animated-el-1 {
  left: 0;
  bottom: 0;
  width: 89%;
  height: 26%;
  background: url(../themes/pcm/assets/images/c_blocks_get_cert/Yellow.svg) no-repeat 0 0/contain;
  z-index: 1;
}
.index-page .animated-el-2 {
  left: 31%;
  bottom: 25%;
  width: 31%;
  height: 23%;
  background: url(../themes/pcm/assets/images/c_blocks_get_cert/Orange.svg) no-repeat 0 0/contain;
  z-index: 2;
}
.index-page .animated-el-3 {
  left: 0;
  bottom: 43%;
  width: 100%;
  height: 25%;
  background: url(../themes/pcm/assets/images/c_blocks_get_cert/Blue.svg) no-repeat 0 0/contain;
  z-index: 3;
}
.index-page .animated-el-4 {
  left: 49%;
  bottom: 57%;
  width: 35%;
  height: 22%;
  background: url(../themes/pcm/assets/images/c_blocks_get_cert/Pink.svg) no-repeat 0 0/contain;
  z-index: 7;
}
.index-page .animated-el-5 {
  left: 18%;
  bottom: 61%;
  width: 32%;
  height: 21%;
  background: url(../themes/pcm/assets/images/c_blocks_get_cert/Violet.svg) no-repeat 0 0/contain;
  z-index: 6;
}
.index-page .animated-el-6 {
  left: 21%;
  top: 0;
  width: 62%;
  height: 21%;
  background: url(../themes/pcm/assets/images/c_blocks_get_cert/Red.svg) no-repeat 0 0/contain;
  z-index: 5;
}
.index-page .fall-down-1 {
  animation-name: fallDown;
  animation-duration: 0.9s;
  animation-fill-mode: forwards;
}
.index-page .fall-down-2 {
  animation-name: fallDown;
  animation-duration: 0.7s;
  animation-delay: 0.2s;
  animation-fill-mode: forwards;
}
.index-page .fall-down-3 {
  animation-name: fallDown;
  animation-duration: 0.75s;
  animation-delay: 0.3s;
  animation-fill-mode: forwards;
}
.index-page .fall-down-4 {
  animation-name: fallDown;
  animation-duration: 0.9s;
  animation-delay: 0.5s;
  animation-fill-mode: forwards;
}
.index-page .fall-down-5 {
  animation-name: fallDown;
  animation-duration: 0.8s;
  animation-delay: 0.85s;
  animation-fill-mode: forwards;
}
.index-page .fall-down-6 {
  animation-name: fallDown;
  animation-duration: 0.7s;
  animation-delay: 1s;
  animation-fill-mode: forwards;
}

@media (min-width: 992px) {
  .learn-pcm .title-section-wrapper .pic-col img {
    left: -15px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .learn-pcm .page-contents-list {
    margin-top: 30px;
    margin-bottom: 10px;
  }
}
.learn-pcm .animated-block {
  position: absolute;
  top: -22px;
  left: 167px;
  width: 38px;
  height: 53px;
}
@media (min-width: 768px) {
  .learn-pcm .animated-block {
    top: -25px;
    left: 50%;
    width: 44px;
    height: 63px;
  }
}
@media (min-width: 992px) {
  .learn-pcm .animated-block {
    top: -29px;
    left: 50%;
    width: 65px;
    height: 89px;
  }
}
@media (min-width: 1200px) {
  .learn-pcm .animated-block {
    left: 47%;
    width: 81px;
    height: 105px;
  }
}
.learn-pcm .animated-el {
  position: absolute;
  display: block;
  opacity: 0;
}
.learn-pcm .animated-el-1 {
  left: 0;
  bottom: 0;
  width: 89%;
  height: 26%;
  background: url(../themes/pcm/assets/images/c_blocks_get_cert/Yellow.svg) no-repeat 0 0/contain;
  z-index: 1;
}
.learn-pcm .animated-el-2 {
  left: 31%;
  bottom: 25%;
  width: 31%;
  height: 23%;
  background: url(../themes/pcm/assets/images/c_blocks_get_cert/Orange.svg) no-repeat 0 0/contain;
  z-index: 2;
}
.learn-pcm .animated-el-3 {
  left: 0;
  bottom: 43%;
  width: 100%;
  height: 25%;
  background: url(../themes/pcm/assets/images/c_blocks_get_cert/Blue.svg) no-repeat 0 0/contain;
  z-index: 3;
}
.learn-pcm .animated-el-4 {
  left: 49%;
  bottom: 57%;
  width: 35%;
  height: 22%;
  background: url(../themes/pcm/assets/images/c_blocks_get_cert/Pink.svg) no-repeat 0 0/contain;
  z-index: 7;
}
.learn-pcm .animated-el-5 {
  left: 18%;
  bottom: 61%;
  width: 32%;
  height: 21%;
  background: url(../themes/pcm/assets/images/c_blocks_get_cert/Violet.svg) no-repeat 0 0/contain;
  z-index: 6;
}
.learn-pcm .animated-el-6 {
  left: 21%;
  top: 0;
  width: 62%;
  height: 21%;
  background: url(../themes/pcm/assets/images/c_blocks_get_cert/Red.svg) no-repeat 0 0/contain;
  z-index: 5;
}
.learn-pcm .fall-down-1 {
  animation-name: fallDown;
  animation-duration: 0.9s;
  animation-fill-mode: forwards;
}
.learn-pcm .fall-down-2 {
  animation-name: fallDown;
  animation-duration: 0.7s;
  animation-delay: 0.2s;
  animation-fill-mode: forwards;
}
.learn-pcm .fall-down-3 {
  animation-name: fallDown;
  animation-duration: 0.75s;
  animation-delay: 0.3s;
  animation-fill-mode: forwards;
}
.learn-pcm .fall-down-4 {
  animation-name: fallDown;
  animation-duration: 0.9s;
  animation-delay: 0.5s;
  animation-fill-mode: forwards;
}
.learn-pcm .fall-down-5 {
  animation-name: fallDown;
  animation-duration: 0.8s;
  animation-delay: 0.85s;
  animation-fill-mode: forwards;
}
.learn-pcm .fall-down-6 {
  animation-name: fallDown;
  animation-duration: 0.7s;
  animation-delay: 1s;
  animation-fill-mode: forwards;
}

@media (min-width: 768px) {
  .clients-learn-section {
    padding-bottom: 30px;
  }
}
@media (min-width: 1200px) {
  .clients-learn-section {
    padding-bottom: 60px;
  }
}
.clients-learn-section .container {
  padding-top: 20px;
}
@media (min-width: 1200px) {
  .clients-learn-section .container {
    padding-top: 40px;
  }
}

.learn-intro {
  margin: 0 auto;
  font-family: "Moderat", sans-serif;
  line-height: 1.45;
}
@media (min-width: 768px) {
  .learn-intro {
    font-size: 1.235rem;
  }
}
@media (min-width: 992px) {
  .learn-intro {
    font-size: 1.471rem;
  }
}
.learn-intro h2 {
  font-weight: 400;
  margin-bottom: 25px;
  font-size: 1.471rem;
  line-height: 1.45;
}
@media (min-width: 768px) and (max-width: 991px) {
  .learn-intro h2 {
    font-size: 2.1rem;
    letter-spacing: -1.5px;
  }
}
@media (min-width: 992px) {
  .learn-intro h2 {
    font-size: 2.47rem;
    margin-bottom: 35px;
  }
}
.learn-intro h3 {
  margin-bottom: 25px;
  font-size: 1.235rem;
}
@media (min-width: 768px) {
  .learn-intro h3 {
    text-align: center;
    font-size: 1.471rem;
  }
}

.learn-benefits-row {
  margin-top: 60px;
}

.learn-benefits-section {
  padding: 60px 0 0;
}
@media (min-width: 992px) {
  .learn-benefits-section {
    padding: 80px 0 0;
  }
}
.learn-benefits-section .h2 strong {
  font-weight: 400;
  color: #a1cf77;
}
.learn-benefits-section .tabs-row {
  font-size: 0.825rem;
}
.learn-benefits-section .tabs-row .with-ordered-list ul li::before {
  width: 10px;
  height: 10px;
  border-radius: 0 10px 0 0;
  left: -20px;
}

.learn-benefits-row > div {
  margin-bottom: 40px;
  position: relative;
}
@media (min-width: 992px) {
  .learn-benefits-row > div {
    padding-bottom: 40px;
  }
}
@media (min-width: 992px) {
  .learn-benefits-row > div:first-child {
    padding-right: 8.33333%;
  }
}
@media (min-width: 992px) {
  .learn-benefits-row > div:last-child {
    padding-left: 8.33333%;
    padding-right: 0;
  }
}

@media (min-width: 992px) {
  .center-border:before {
    content: "";
    width: 1px;
    bottom: 0;
    display: block;
    position: absolute;
    left: 0;
    top: -68px;
    background: #a1cf77;
  }
}

@media (max-width: 991px) {
  .learn-pcm .halfs-section .h2 {
    text-align: center;
  }
}
@media (max-width: 991px) {
  .learn-pcm .blog-top-section .card-col:nth-child(n+2) {
    display: none;
  }
}

@media (min-width: 992px) {
  .literature .title-section .container {
    min-height: 335px;
  }
}

.book-card-who {
  margin-bottom: 8px;
  display: block;
}

@media (min-width: 992px) {
  .book-card-who {
    display: inline-block;
  }
}

.books-section {
  padding-bottom: 60px;
}

@media (min-width: 992px) {
  .books-section {
    padding-top: 40px;
    padding-bottom: 110px;
  }
}
.books-section .h4 {
  margin-bottom: 15px;
}

.books-section .col-md-6 {
  margin-bottom: 30px;
}

.books-section .article-card {
  height: 100%;
  overflow: hidden;
}

@media (max-width: 510px) {
  .books-section .article-card {
    margin: 0 -30px;
    border-top: 1px solid #BFC5D5;
    border-bottom: 1px solid #BFC5D5;
  }
}
.container.books {
  margin-bottom: 100px;
}

.book-card-face-content {
  flex: 1;
}

.books-section .card-preview img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  margin-bottom: 20px;
  max-height: 250px;
}

.button-inline.books {
  float: right;
}

.news-list-item {
  padding-top: 30px;
  border-top: 1px solid #BFC5D5;
}

.news-wrapper {
  border: 1px solid #BFC5D5;
  border-radius: 5px;
  padding: 30px;
}
.news-wrapper a {
  text-decoration: none;
}

.news-list-title {
  line-height: 1.5;
  margin-bottom: 15px;
}

@media (min-width: 768px) {
  .more-shift-top {
    top: -31px;
    position: relative;
  }
}

.year-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 767px) {
  .year-nav {
    padding-top: 30px;
  }
}
@media (min-width: 768px) {
  .year-nav {
    padding-top: 80px;
  }
}
.container-longread .year-nav {
  padding-inline-start: 0;
}
.year-nav li {
  margin-right: 20px;
  display: inline-block;
}
.year-nav li:before {
  content: none !important;
}
.year-nav li a {
  color: #00175a;
  text-decoration: none;
  padding: 4px 15px;
  background-color: #a1cf77;
  display: block;
  border-radius: 5px;
  text-align: center;
}
.year-nav li a:hover, .year-nav li a.active {
  background-color: #00175a;
  color: #fff;
}

.news-by-months h3 a {
  text-decoration: none;
}

.news-list-item {
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .news-list-item {
    margin-bottom: 40px;
  }
}

@media (min-width: 992px) {
  .news-list-item-pic img {
    padding-top: 10px;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}

.extranet-news-item .title-section-wrapper, .extranet-news-all .title-section-wrapper {
  padding: 0;
}

.product-title {
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .product-top-col {
    padding-bottom: 30px;
  }
}
@media (min-width: 768px) {
  .product-top-col {
    min-height: 250px;
  }
}
@media (min-width: 992px) {
  .product-top-col {
    min-height: 270px;
  }
}
@media (min-width: 1200px) {
  .product-top-col {
    min-height: 300px;
  }
}

@media (max-width: 767px) {
  .product-pic-col {
    order: 1;
    height: 150px;
  }
}

.oneproduct-group h2 {
  font-size: 1.471rem;
  font-weight: 400;
  margin-bottom: 24px;
}
.oneproduct-group ul,
.oneproduct-group ol {
  margin-left: 1rem;
}

.tips-product-section {
  background-color: #eef6e6;
  margin-top: 150px;
  margin-bottom: 50px;
}
.tips-product-section .shifted-top-pic {
  margin-top: -50px;
}
.tips-product-section img {
  display: block;
}
.tips-product-section .text-col {
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.text-col.-vertically-center {
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.productreview-card p {
  font-size: 0.825rem;
}

.oneproduct-price-block {
  font-family: "Poppins", sans-serif;
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 25px;
}
.oneproduct-price-block span {
  color: #a1cf77;
}

.oneproduct-quantity-block {
  display: none;
}

@media (min-width: 768px) {
  .oneproduct-variants {
    margin-bottom: 25px;
  }
}
.oneproduct-variants span {
  font-weight: 600;
}
.oneproduct-variants a {
  text-decoration: none;
  padding: 0 3px;
}
.oneproduct-variants a.active {
  border-bottom: 2px solid #a1cf77;
}

.-centr-deco-pic {
  display: flex;
  justify-content: center;
}

.oneproduct-angle-deco-pic {
  display: inline-block;
}
@media (min-width: 768px) {
  .oneproduct-angle-deco-pic {
    bottom: 0px;
  }
}
@media (min-width: 1200px) {
  .oneproduct-angle-deco-pic {
    display: block;
    position: absolute;
    left: 15px;
    bottom: -110px;
  }
}
.oneproduct-angle-deco-pic::after {
  content: "";
  position: absolute;
  display: block;
  bottom: -30px;
  background-color: #00175a;
  width: 90px;
  height: 90px;
  border-radius: 0 90px 0 0;
}
@media (min-width: 992px) {
  .oneproduct-angle-deco-pic::after {
    left: -10px;
    bottom: -10px;
  }
}
.oneproduct-angle-deco-pic img {
  display: block;
  max-width: 83.3333333333%;
  margin: 0 auto;
}
@media (min-width: 992px) {
  .oneproduct-angle-deco-pic img {
    margin: 0;
  }
}
@media (min-width: 1200px) {
  .oneproduct-angle-deco-pic img {
    max-width: 450px;
  }
}

.inner-page.extranet-profile-uploads {
  background-color: #fff;
}
.inner-page.extranet-profile-uploads .header {
  padding-bottom: 40px;
}
.inner-page.extranet-profile-uploads .section {
  padding-top: 40px;
}
@media (min-width: 992px) {
  .inner-page.extranet-profile-uploads .section {
    padding-top: 50px;
  }
}
.inner-page.extranet-profile-uploads .button {
  min-width: 160px;
}
.inner-page.extranet-profile-uploads .button-block {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

.inner-page.extranet-edit-article, .inner-page.extranet-edit-event {
  background-color: #fff;
}
.inner-page.extranet-edit-article .header, .inner-page.extranet-edit-event .header {
  background-color: #fff;
}

.section-title-h2 {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0;
  padding-right: 20px;
}
@media (min-width: 768px) {
  .section-title-h2 {
    padding-right: 50px;
  }
}
@media (min-width: 768px) {
  .section-title-h2.-cta-right {
    padding-right: 250px;
  }
}

@media (max-width: 767px) {
  .accordion-section-title .profile-uploads-cta {
    margin-top: 20px;
  }
}
@media (min-width: 768px) {
  .accordion-section-title .profile-uploads-cta {
    position: absolute;
    right: 0;
    top: 0;
  }
}

.accordion-section-body .preview-btn {
  position: absolute;
  top: -30px;
  right: 15px;
}

.tooltip-field-wrapper {
  position: relative;
}
.tooltip-field-wrapper .tooltip {
  position: absolute;
  right: 15px;
  top: 15px;
}
.tooltip-field-wrapper .tooltip i {
  background-color: #BFC5D5;
}
.tooltip-field-wrapper .tooltip-content {
  transform: translateY(100%);
  left: auto;
  right: -15px;
  width: 320px;
  background: #eef6e6;
}
.tooltip-field-wrapper .tooltip-content::before {
  left: auto;
  right: 11px;
  margin-left: 0;
}
.tooltip-field-wrapper .tooltip-content::after {
  left: auto;
  right: 13px;
  margin-left: 0;
  border-color: transparent transparent #eef6e6 transparent;
}
.tooltip-field-wrapper .checkbox-field {
  padding-right: 30px;
}
.tooltip-field-wrapper .checkbox-field .tooltip {
  top: 7px;
}

.tooltip-field-wrapper-select .tooltip {
  top: 5px;
}

.icon-field-wrapper {
  position: relative;
}
.icon-field-wrapper svg {
  position: absolute;
  right: 23px;
  top: 10px;
  width: 28px;
  height: 28px;
  z-index: 100;
  background-color: #fff;
  stroke: #a1cf77;
}

.profile-trainings, .profile-articles {
  margin-bottom: 40px;
}
@media (min-width: 992px) {
  .profile-trainings, .profile-articles {
    margin-bottom: 70px;
  }
}

@media (min-width: 992px) {
  .calendar-event-item.-profile .calendar-event-container .calendar-title-container, .calendar-event-item.-profile .calendar-event-container .calendar-description {
    padding-right: 200px;
  }
}
.calendar-event-item.-profile .calendar-title-container {
  position: relative;
}
@media (min-width: 992px) {
  .calendar-event-item.-profile .calendar-title-container:hover .calendar-buttons {
    opacity: 1;
    transition: 0.25s ease-in-out;
  }
}
@media (min-width: 992px) {
  .calendar-event-item.-profile .calendar-title-container .calendar-buttons {
    position: absolute;
    right: 23px;
    top: -4px;
    opacity: 0;
    transition: 0.25s ease-in-out;
  }
}
.calendar-event-item.-profile .calendar-title-container .calendar-buttons .button {
  width: 140px;
}
@media (min-width: 992px) {
  .calendar-event-item.-profile .description {
    column-count: 2;
  }
}

.uploaditem-edit-row {
  border-top: 1px solid #e6e8ef;
  padding: 20px 23px 20px 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.button-edit-delimiter {
  display: inline-block;
  vertical-align: middle;
}

.button-edit {
  font-size: 0.825rem;
  padding-right: 28px;
  line-height: 20px;
  position: relative;
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  height: 20px;
}
.button-edit.-disabled {
  color: #BFC5D5;
}
.button-edit svg {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 5px;
  top: -2px;
  color: #a1cf77;
}
.button-edit + .button-edit {
  margin-left: 10px;
}

.article-card .button-edit-label {
  display: none;
}

.article-card .button-edit-label {
  display: none;
}

@media (max-width: 991px) {
  .calendar-event-item .button-edit-label {
    display: none;
  }
}
@media (min-width: 992px) {
  .calendar-event-item .button-edit-delimiter {
    display: none;
  }
}

.edit-status {
  font-size: 0.825rem;
}
.edit-status.-orange {
  color: #e9b24c;
}
.edit-status.-violet {
  color: #7f379d;
}
.edit-status.-green {
  color: #a1cf77;
}
.edit-status a {
  font-size: 0.825rem;
}

.card-bordered.article-card.-profile {
  padding-bottom: 0;
}
.card-bordered.article-card.-profile .card-date {
  position: relative;
  left: 0;
  padding-top: 15px;
}
.card-bordered.article-card.-profile .uploaditem-edit-row {
  margin-left: -30px;
  margin-right: -30px;
}

@media (min-width: 992px) {
  .nested-2cols .form-tabless-fields {
    column-count: 2;
    column-gap: 30px;
    margin-bottom: 70px;
  }
}
@media (min-width: 992px) {
  .nested-2cols .form-tabless-fields .form-group:last-child {
    position: absolute;
    bottom: -70px;
    right: 0;
    width: calc(50% - 15px);
  }
}

@media (min-width: 992px) {
  .nested-2colsLastRight .form-group:last-child {
    position: absolute;
    bottom: -70px;
    right: 0;
    width: calc(50% - 15px);
  }
}

.social-icon {
  position: relative;
}
.social-icon .form-control {
  padding-left: 70px;
}
.social-icon i {
  display: block;
  height: 50px;
  position: absolute;
  top: 0;
  left: 0;
  padding: 10px;
  width: 50px;
  border-right: 1px solid #BFC5D5;
}
.social-icon i svg {
  color: #00175a;
}

.avatar-edit-wrapper {
  margin-bottom: 30px;
}

.edit-cta-row {
  align-items: center;
}
.edit-cta-row .edit-status {
  margin-bottom: 30px;
  display: inline-block;
}
@media (max-width: 767px) {
  .edit-cta-row .col-auto {
    flex: 0 0 100%;
    text-align: center;
  }
}

.edit-buttons-col {
  padding-left: 10px;
}

.buttons-right {
  justify-content: flex-end;
  display: flex;
}
@media (max-width: 767px) {
  .buttons-right {
    flex-wrap: wrap;
  }
}
@media (min-width: 768px) {
  .buttons-right .button:not(:last-child) {
    margin-right: 30px;
  }
}
.buttons-right .button {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .buttons-right .button {
    max-width: 100%;
    flex: 0 0 100%;
  }
}

.extranet-back-link {
  position: relative;
  right: -15px;
  top: -15px;
}

.comments-col {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #BFC5D5;
  font-size: 0.825rem;
}
@media (min-width: 768px) {
  .comments-col p:last-child {
    margin-bottom: 0;
  }
}

.preview-panel {
  background-color: #a1cf77;
  padding: 10px 30px;
  font-size: 0.825rem;
}
.preview-panel .row {
  align-items: center;
}
.preview-panel .button {
  display: block;
}
.preview-panel .button.-white-solid::after {
  background-color: #00175a;
}
@media (min-width: 992px) {
  .preview-panel .col {
    order: 2;
  }
}
@media (max-width: 767px) {
  .preview-panel .col, .preview-panel .col-auto {
    max-width: 100%;
    flex: 0 0 100%;
  }
}

.draft-select {
  height: 200px;
  margin-bottom: 25px;
  border: 1px solid #BFC5D5;
  border-radius: 5px;
  padding: 15px 0;
  overflow: auto;
}
.draft-select a {
  text-decoration: none;
  display: block;
  padding: 4px 30px;
}
.draft-select a:hover {
  background-color: rgba(0, 23, 90, 0.05);
  color: #00175a;
}

.shift-top-btn {
  position: absolute;
  right: 0;
  top: -45px;
}
@media (min-width: 768px) {
  .shift-top-btn {
    top: -48px;
  }
}

.event-form, .article-form {
  position: relative;
}

.article-upload-hints {
  position: relative;
}
.article-upload-hints .link-wrapper {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
}

.activity-status-active {
  background: rgba(70, 230, 104, 0.5) !important;
  color: #00175a !important;
}

.activity-status-observation {
  background: rgba(236, 201, 14, 0.5) !important;
  color: #00175a !important;
}

.activity-status-inactive {
  background: rgba(255, 40, 40, 0.5) !important;
  color: #00175a !important;
}

.activity-status-resting {
  background: rgba(63, 81, 225, 0.5) !important;
  color: #00175a !important;
}

.search-item-type {
  margin-left: auto;
}

.search-results-container .h3 a {
  text-decoration: none;
}

.search-results .row {
  align-items: center;
}

.search-clear {
  margin: 11px 0px 0px -75px !important;
  cursor: pointer;
}
.search-clear svg {
  width: 14px;
  height: 14px;
}

@media (min-width: 992px) {
  .events-seminar-1 .title-section, .events-seminar-2 .title-section, .events-event .title-section, .extranet-preview-event .title-section {
    padding-bottom: 30px;
  }
}
.events-seminar-1 .trainer-upcoming-section, .events-seminar-2 .trainer-upcoming-section, .events-event .trainer-upcoming-section, .extranet-preview-event .trainer-upcoming-section {
  padding-top: 120px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .events-seminar-1 .skills-section .h2, .events-seminar-2 .skills-section .h2, .events-event .skills-section .h2, .extranet-preview-event .skills-section .h2 {
    width: 50%;
    margin-top: -98px;
    margin-bottom: 40px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .events-seminar-1 .h1 p, .events-seminar-2 .h1 p, .events-event .h1 p, .extranet-preview-event .h1 p {
    display: inline-block;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .events-seminar-1 .title-section .text-col, .events-seminar-2 .title-section .text-col, .events-event .title-section .text-col, .extranet-preview-event .title-section .text-col {
    min-height: 340px;
  }
}

.skills-section {
  padding-top: 15px;
  padding-bottom: 30px;
}
@media (min-width: 768px) {
  .skills-section {
    padding-top: 40px;
  }
}
@media (min-width: 992px) {
  .skills-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
.skills-section .author-block--author + p {
  margin-top: 15px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .skills-section .h2 {
    width: 50%;
    margin-top: -210px;
  }
}
@media (min-width: 1200px) {
  .skills-section .h2 {
    padding-top: 40px;
  }
}
@media (min-width: 768px) {
  .skills-section .pic-col {
    text-align: right;
  }
}
@media (max-width: 767px) {
  .skills-section .pic-col {
    margin-bottom: 35px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .skills-section .pic-col {
    position: relative;
    height: 0;
    padding-bottom: 300px;
    flex: 0 0 300px;
    margin-left: auto;
    border-radius: 115px 0 0 0;
    overflow: hidden;
    left: -15px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .skills-section .pic-col img {
    position: absolute;
    left: 0;
    width: 100%;
    top: 60%;
    transform: translateY(-50%);
  }
}
@media (min-width: 992px) {
  .skills-section .pic-col img {
    max-width: 83.3333333333%;
    margin-left: auto;
  }
}
@media (max-width: 991px) {
  .skills-section .text-col {
    order: 2;
  }
}

.seminar-next-section {
  padding-top: 90px;
}
@media (min-width: 992px) {
  .seminar-next-section .center-border:before {
    top: -40px;
  }
}
@media (min-width: 992px) {
  .seminar-next-section .row > div:first-child {
    padding-right: 60px;
  }
}
@media (min-width: 992px) {
  .seminar-next-section .row > div:last-child {
    padding-left: 60px;
  }
}
.seminar-next-section .h3 {
  margin-bottom: 25px;
}
.seminar-next-section ul {
  padding-inline-start: 20px;
}

.oneevent-dates {
  padding-left: 21px;
}

.oneevent-dates p {
  margin-bottom: 25px;
  position: relative;
}
.oneevent-dates p::before {
  content: "";
  background-color: #a1cf77;
  font-weight: bold;
  display: inline-block;
  vertical-align: middle;
  width: 12px;
  height: 12px;
  border-radius: 0 12px 0 0;
  position: absolute;
  left: -20px;
  top: 9px;
  line-height: 1.6rem;
}

.events-event .greenblock-leftcurve .button.-blue-solid::after, .extranet-event .greenblock-leftcurve .button.-blue-solid::after {
  background-color: #fff;
}
@media (min-width: 992px) {
  .events-event .title-section, .extranet-event .title-section {
    padding-bottom: 25px;
  }
}
@media (max-width: 767px) {
  .events-event .founders-section, .extranet-event .founders-section {
    padding-bottom: 0;
  }
}

.event-trainer-section {
  padding: 30px 0;
}
@media (min-width: 992px) {
  .event-trainer-section {
    padding: 80px 0;
  }
}
.event-trainer-section .text-col {
  padding-top: 60px;
}

.journey-section {
  padding: 60px 0 80px;
}
@media (min-width: 992px) {
  .journey-section {
    padding: 80px 0;
  }
}
.journey-section .h2 strong {
  font-weight: 400;
  color: #a1cf77;
}
.journey-section .tabs-row {
  font-size: 0.825rem;
}
.journey-section .tabs-row .with-ordered-list ul li::before {
  width: 10px;
  height: 10px;
  border-radius: 0 10px 0 0;
  left: -20px;
}
.journey-section .journey-cta {
  display: none;
}

.store-shop {
  /*.filter-trigger {
      @include desktop {
          & {
              display: block;
          }
      } 
  }

  .filter-row {
      @include desktop {
          & {
              display: none;
          }
      } 
  }


  .clear-button {
      @include desktop {
          & {
              margin-left: 0;
          }
      }        
  }*/
}
@media (max-width: 767px) {
  .store-shop .title-section {
    padding-top: 0;
  }
}
.store-shop .title-section .h1 {
  margin-top: 30px;
  padding-top: 40px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .store-shop .title-section .h1 {
    padding-right: 51%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .store-shop .title-section .pic-col img {
    bottom: -40px;
    left: auto;
  }
}
@media (max-width: 510px) {
  .store-shop .view-trigger a {
    display: block;
    line-height: 1.1;
    font-size: 13px;
    margin: 10px 5px 0px 0;
  }
}

.shop-card-info {
  padding: 30px;
}

@media (min-width: 768px) {
  .title-section.shop-hero .pic-col {
    text-align: right;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .title-section.shop-hero .pic-col {
    position: relative;
    top: 100px;
  }
}
@media (min-width: 992px) {
  .title-section.shop-hero .pic-col {
    order: 2;
  }
}
@media (min-width: 768px) {
  .title-section.shop-hero .pic-col img {
    left: auto;
    right: 15px;
  }
}
.title-section.shop-hero .container {
  height: 350px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .title-section.shop-hero .container {
    height: 250px;
  }
}

.cart-button {
  width: 180px;
  display: block;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .cart-button {
    margin: 0;
  }
}
.cart-button a {
  width: 100%;
}
.cart-button .add-more-items {
  font-weight: 400;
  position: absolute;
  bottom: -1px;
  top: -1px;
  padding: 17px 12px 16px 5px;
  right: 0;
  border-radius: 25px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  color: #fff;
  background: #00175a;
  z-index: 4;
}

.shop-list-col .cart-button {
  position: relative;
}
@media (max-width: 767px) {
  .shop-list-col .cart-button {
    margin-right: 0;
  }
}

.shop-list-col .row {
  border-top: 1px solid #BFC5D5;
  padding: 25px 0;
}
@media (max-width: 767px) {
  .shop-list-col .pic-col {
    display: none;
  }
}
.shop-list-col .pic-col img {
  display: block;
}
@media (min-width: 992px) {
  .shop-list-col .price {
    margin-right: 40px;
  }
}
.shop-list-col .price .vat-comment {
  font-size: 12px;
  color: #BFC5D5;
}
@media (min-width: 768px) and (max-width: 991px) {
  .shop-list-col .break-col ~ div:not(.product-list-prices) {
    flex: 0 0 auto;
    border: none;
    margin-top: 0;
    padding-top: 0;
  }
}
@media (max-width: 767px) {
  .shop-list-col .break-col ~ div:not(.product-list-prices) {
    flex: 0 0 auto;
  }
}
@media (max-width: 767px) {
  .shop-list-col .button-col {
    margin-left: auto;
  }
}
.shop-list-col .break-col {
  flex: 0 0 100%;
  height: 0;
}
@media (min-width: 768px) and (max-width: 991px) {
  .shop-list-col .break-col {
    display: none;
  }
}
@media (min-width: 992px) {
  .shop-list-col .break-col {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .shop-list-col .button-col {
    margin-left: auto;
  }
}
.shop-list-col .buy-button {
  display: block;
}

@media (max-width: 991px) {
  .product-list-prices {
    border-top: 1px solid #E6E8EF;
    padding-top: 20px;
    margin-top: 20px;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (min-width: 992px) {
  .product-list-prices {
    position: absolute;
    right: 0;
    bottom: 0;
  }
}
.product-list-prices .s-selector {
  margin-left: 15px;
  margin-right: 15px;
  font-size: 0.825rem;
}
@media (min-width: 992px) {
  .product-list-prices .s-selector {
    max-width: 320px;
    min-width: 180px;
  }
}
.product-list-prices .s-title {
  white-space: nowrap;
  overflow: hidden;
  position: relative;
}
.product-list-prices .s-title::after {
  content: "";
  width: 30px;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  position: absolute;
  z-index: 2;
}
@media (min-width: 992px) {
  .product-list-prices.-several-variants ~ .col-auto {
    position: relative;
    top: -30px;
  }
}

/*Shop Card*/
.shop-card {
  border: 1px solid #BFC5D5;
  border-radius: 5px;
  font-size: 0.825rem;
  position: relative;
  padding-bottom: 30px;
  /*&:hover .buy-button { opacity: 1; }*/
}
@media (max-width: 510px) {
  .shop-card {
    margin-left: -30px;
    margin-right: -30px;
  }
}
.shop-card .pic {
  position: relative;
  display: block;
}
.shop-card .buy-button {
  position: absolute;
  right: 30px;
  bottom: 15px;
  width: 180px;
  height: 50px;
}
.shop-card .preview {
  width: 100%;
  height: auto;
  border-radius: 5px 5px 0 0;
  display: block;
}
.shop-card .name {
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
  color: #00175a;
}
.shop-card .role {
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
  color: #a1cf77;
}
.shop-card .date {
  position: absolute;
  bottom: 30px;
  line-height: 100%;
  font-weight: 500;
}
.shop-card .date span {
  color: #a1cf77;
}
.shop-card .price {
  position: absolute;
  bottom: 13px;
  font-size: 17px;
  line-height: 100%;
  color: #00175a;
}
.shop-card .price .vat-comment {
  font-size: 12px;
  display: block;
  color: #BFC5D5;
}
.shop-card .product-list-title {
  margin-bottom: 18px;
}

.product-details {
  margin-bottom: 20px;
}

.product-intro {
  font-weight: normal;
  color: #a1cf77;
}

.product-list-title {
  font-weight: bold;
  font-size: 17px;
}
.product-list-title a {
  text-decoration: none;
}

.store-shop .self-center-item {
  align-self: center;
}
.store-shop .self-center-item .price {
  line-height: 50px;
}

.spinner {
  display: flex;
  width: 100px;
  align-items: center;
  margin-top: -6px;
}
.spinner > * {
  text-align: center;
  padding: 5px;
  color: #00175a;
  text-align: center;
}
.spinner .plus, .spinner .minus {
  flex: 0 0 39px;
  line-height: 32px;
  height: 39px;
  display: block;
  cursor: pointer;
  border-radius: 50%;
  transition: background 0.3s;
}
.spinner .plus:hover, .spinner .minus:hover {
  background: #d5eac2;
}
.spinner .amount {
  flex: 1;
}

.shopping-cart {
  position: relative;
}

.shopping-cart-count {
  position: absolute;
  right: 0;
  bottom: 0;
  background: #00175a;
  display: inline-block;
  width: 15px;
  height: 15px;
  line-height: 15px;
  color: #fff;
  font-size: 10px;
  border-radius: 50%;
  text-align: center;
}

.payment-options-col .button.-white-solid {
  background-color: #fff;
}
.payment-options-col .button.-white-solid::before, .payment-options-col .button.-white-solid::after {
  content: none !important;
}

.kit-contents ul li {
  margin-bottom: 5px;
}
.kit-contents a {
  text-decoration: none;
}

.section-container-row {
  position: relative;
}
.section-container-row:nth-child(3) {
  background: rgba(0, 23, 90, 0.05);
}
.section-container-row:nth-child(4) {
  height: calc(100% - 80px);
  background: rgba(0, 23, 90, 0.05);
  margin-bottom: 80px;
}
.section-container-row:nth-child(4) > .container > .type-row-4 {
  padding-bottom: 0px;
}

@media (min-width: 768px) and (max-width: 991px) {
  .six-types .title-section .h1 ~ * {
    width: 75%;
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .six-types .title-section-wrapper {
    padding-bottom: 25px;
  }
}

.six-types-section .text-col {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.six-types-section .pic-col {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767px) {
  .six-types-section .pic-col {
    margin-bottom: 30px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .six-types-section .type-row-3 .pic-col {
    align-items: flex-start;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .six-types-section .type-row-5 .pic-col {
    align-items: flex-start;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .six-types-section .type-row-6 .pic-col {
    align-items: flex-end;
  }
}
@media (min-width: 768px) {
  .six-types-section .row {
    padding-bottom: 40px;
  }
}
.six-types-section .pic-col::after {
  content: "";
  position: absolute;
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  top: 50%;
  transform: translateY(-50%);
}

.type-row-1 .pic-col::after {
  width: 131px;
  height: 144px;
  background-image: url(../themes/pcm/assets/images/arrow1.svg);
  right: 25px;
}
@media (max-width: 767px) {
  .type-row-1 .pic-col::after {
    right: 0px;
    transform: rotate(97deg);
    bottom: -41px;
    top: auto;
  }
}
.type-row-2 .pic-col::after {
  width: 131px;
  height: 144px;
  background-image: url(../themes/pcm/assets/images/arrow2.svg);
}
@media (max-width: 767px) {
  .type-row-2 .pic-col::after {
    left: 2px;
    transform: rotate(-85deg);
    bottom: -41px;
    top: auto;
  }
}
@media (min-width: 768px) {
  .type-row-2 .pic-col::after {
    left: 25px;
  }
}
.type-row-3 .pic-col::after {
  width: 131px;
  height: 144px;
  background-image: url(../themes/pcm/assets/images/arrow3.svg);
  right: -7px;
}
@media (max-width: 767px) {
  .type-row-3 .pic-col::after {
    right: 0px;
    transform: rotate(103deg);
    bottom: -20px;
    top: auto;
  }
}
@media (min-width: 768px) {
  .type-row-3 .pic-col::after {
    right: 14px;
    width: 93px;
    top: 62%;
  }
}
.type-row-4 .pic-col::after {
  width: 131px;
  height: 144px;
  background-image: url(../themes/pcm/assets/images/arrow4.svg);
  left: 0;
  top: 10%;
}
@media (max-width: 767px) {
  .type-row-4 .pic-col::after {
    left: 2px;
    transform: rotate(-85deg);
    bottom: 0px;
    top: auto;
  }
}
.type-row-5 .pic-col::after {
  width: 131px;
  height: 144px;
  background-image: url(../themes/pcm/assets/images/arrow5.svg);
  right: 25px;
}
@media (max-width: 767px) {
  .type-row-5 .pic-col::after {
    right: 0px;
    transform: rotate(103deg);
    bottom: -20px;
    top: auto;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .type-row-5 .pic-col::after {
    top: 79px;
    width: 102px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .type-row-5 .pic-col::after {
    top: 55px;
  }
}
.type-row-6 .pic-col::after {
  width: 131px;
  height: 144px;
  background-image: url(../themes/pcm/assets/images/arrow6.svg);
  left: 0;
  top: 10%;
}
@media (max-width: 767px) {
  .type-row-6 .pic-col::after {
    left: -15px;
    transform: rotate(-85deg);
    bottom: -8px;
    top: auto;
  }
}

@media (min-width: 768px) {
  .type-row-2 .pic-col,
.type-row-4 .pic-col,
.type-row-6 .pic-col {
    order: 2;
  }
}

.hero-cases-section {
  padding-top: 60px;
}
@media (min-width: 992px) {
  .hero-cases-section {
    padding-top: 60px;
    padding-bottom: 80px;
  }
}
.hero-cases-section h2 {
  font-family: "Moderat", sans-serif;
  line-height: 1.1;
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 15px;
  letter-spacing: -1.5px;
  font-size: 1.471rem;
}
@media (min-width: 768px) and (max-width: 991px) {
  .hero-cases-section h2 {
    font-size: 2.1rem;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hero-cases-section h2 {
    font-size: 2.47rem;
  }
}
@media (min-width: 1200px) {
  .hero-cases-section h2 {
    font-size: 2.94rem;
  }
}
.hero-cases-section h2 + p {
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  .hero-cases-section h2 + p {
    font-size: 1.235rem;
  }
}
@media (min-width: 992px) {
  .hero-cases-section h2 + p {
    font-size: 1.471rem;
    margin-bottom: 40px;
  }
}
@media (min-width: 1200px) {
  .hero-cases-section h2 + p {
    font-size: 1.56rem;
  }
}
.hero-cases-section h4 {
  margin-bottom: 20px;
}

.card-bordered.hero-case-card {
  padding: 0;
  margin-bottom: 30px;
  overflow: hidden;
}
@media (max-width: 510px) {
  .card-bordered.hero-case-card {
    margin-right: -30px;
    margin-left: -30px;
    border: 0;
    border-bottom: 1px solid #BFC5D5;
  }
}
@media (min-width: 992px) {
  .card-bordered.hero-case-card .text-col {
    min-height: 400px;
  }
}
.card-bordered.hero-case-card .pic-col .pic-holder {
  position: relative;
  overflow: hidden;
  height: 100%;
}
@media (max-width: 991px) {
  .card-bordered.hero-case-card .pic-col .pic-holder img {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .card-bordered.hero-case-card .pic-col .pic-holder img {
    position: absolute;
    object-fit: cover;
    width: 100%;
    height: 100%;
    top: 0;
    right: 15px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .card-bordered.hero-case-card .pic-col + div {
    margin-top: -100px;
    background-color: #fff;
  }
}
.card-bordered.hero-case-card .h3 {
  font-size: 1.235rem;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .card-bordered.hero-case-card .h3 {
    font-size: 1.471rem;
  }
}

@media (min-width: 992px) {
  .herocase-text-col {
    padding: 30px 15px 15px 0;
  }
}
.herocase-text-col .highlighted-author {
  padding-left: 15px;
}
@media (max-width: 767px) {
  .herocase-text-col .highlighted-author {
    display: flex;
    align-items: center;
  }
}
@media (min-width: 992px) {
  .herocase-text-col .highlighted-author {
    position: absolute;
    left: 15px;
    bottom: 30px;
  }
}

.case-card-who {
  margin-bottom: 8px;
  display: block;
}
@media (min-width: 992px) {
  .case-card-who {
    display: inline-block;
  }
}

.hero-card-back {
  position: absolute;
  visibility: hidden;
  left: 15px;
  top: 0;
  width: 100%;
  height: 100%;
  transform: translateX(100%);
  transition: 0.25s ease-in-out;
}
.hero-card-back > div {
  max-height: 100%;
}
.-reading .hero-card-back {
  visibility: visible;
  transform: translateX(0);
  transition: 0.25s ease-in-out;
}
@media (max-width: 991px) {
  .hero-card-back .herocase-text-col {
    padding: 20px 15px 50px;
  }
}
@media (max-width: 767px) {
  .hero-card-back .herocase-text-col p {
    font-size: 0.825rem;
  }
}
.hero-card-back .button-inline {
  position: absolute;
  bottom: 30px;
  left: 45px;
}

.hero-card-face {
  transition: 0.25s ease-in-out;
  transform: translateX(0);
  position: relative;
}
.-reading .hero-card-face {
  visibility: hidden;
  transform: translateX(-100%);
  transition: 0.25s ease-in-out;
}
@media (max-width: 991px) {
  .hero-card-face .herocase-text-col {
    padding: 20px 30px 50px;
  }
}
.hero-card-face .button-inline {
  position: absolute;
  bottom: 30px;
  left: 45px;
}
@media (min-width: 992px) {
  .hero-card-face .button-inline {
    left: 15px;
  }
}

.herocase-quote-col {
  padding: 60px 15px 15px;
}
@media (min-width: 992px) {
  .herocase-quote-col {
    padding: 95px 15px 15px;
  }
}

.highlighted-front {
  transition: 0.25s ease-in-out;
  transform: translateX(0);
  position: relative;
}
.-reading .highlighted-front {
  visibility: hidden;
  transform: translateX(-100%);
  transition: 0.25s ease-in-out;
}

.highlighted-back {
  position: absolute;
  visibility: hidden;
  left: 15px;
  top: 0;
  right: 0;
  bottom: 0;
  transform: translateX(100%);
  transition: 0.25s ease-in-out;
  padding-bottom: 80px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .highlighted-back {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
.highlighted-back > div {
  max-height: 100%;
}
.-reading .highlighted-back {
  visibility: visible;
  transform: translateX(0);
  transition: 0.25s ease-in-out;
}
.highlighted-back .button-inline {
  position: absolute;
  bottom: 30px;
  left: 15px;
}
.highlighted-back .highlighted-author {
  position: absolute;
  bottom: 20px;
  right: 15px;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .onecase-text-col {
    column-count: 2;
    column-gap: 30px;
  }
}

.one-cases-wrapper {
  overflow: hidden;
  padding-top: 110px;
}

.one-cases-section {
  background-color: #eef6e6;
  padding-top: 55px;
  padding-bottom: 30px;
}
@media (max-width: 991px) {
  .one-cases-section {
    padding-top: 35px;
  }
}
.one-cases-section .quote-block--pic {
  margin-left: 0;
  margin-bottom: 15px;
}
@media (max-width: 991px) {
  .one-cases-section .pic-col {
    background-color: #eef6e6;
  }
}
@media (max-width: 991px) {
  .one-cases-section .pic-col::before, .one-cases-section .pic-col::after {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    background-color: #eef6e6;
  }
}
.one-cases-section .pic-col::before {
  transform: translateX(-100%);
}
.one-cases-section .pic-col::after {
  transform: translateX(100%);
}
.one-cases-section .pic-col img {
  display: block;
}
@media (max-width: 991px) {
  .one-cases-section .pic-col img {
    width: 330px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    margin-top: -30px;
  }
}
@media (min-width: 992px) {
  .one-cases-section .pic-col img {
    position: absolute;
    right: 15px;
    top: -100px;
  }
}
@media (max-width: 991px) {
  .one-cases-section .text-col {
    order: 2;
    padding-top: 40px;
  }
}
.one-cases-section .h4 {
  margin-bottom: 20px;
}

.industry-cases-section {
  padding-bottom: 60px;
}
@media (min-width: 992px) {
  .industry-cases-section {
    padding-top: 40px;
    padding-bottom: 110px;
  }
}
.industry-cases-section .h4 {
  margin-bottom: 15px;
}
.industry-cases-section .col-md-6 {
  margin-bottom: 30px;
}
.industry-cases-section .article-card {
  height: 100%;
  overflow: hidden;
}
@media (max-width: 510px) {
  .industry-cases-section .article-card {
    margin: 0 -30px;
    border-top: 1px solid #BFC5D5;
    border-bottom: 1px solid #BFC5D5;
  }
}

.industry-tags {
  margin-bottom: 10px;
  width: 100%;
}

.industry-card-face {
  transition: 0.25s ease-in-out;
  transform: translateX(0);
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.-reading .industry-card-face {
  visibility: hidden;
  transform: translateX(-100%);
  transition: 0.25s ease-in-out;
}
.industry-card-face img {
  width: 100%;
}
.industry-card-face .card-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.industry-card-face-content {
  flex: 1;
}

.industry-card-back {
  position: absolute;
  visibility: hidden;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  transform: translateX(100%);
  transition: 0.25s ease-in-out;
  padding: 30px 30px 80px;
}
@media (max-width: 991px) {
  .industry-card-back {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
.industry-card-back > div {
  max-height: 100%;
}
.-reading .industry-card-back {
  visibility: visible;
  transform: translateX(0);
  transition: 0.25s ease-in-out;
}
@media (max-width: 767px) {
  .industry-card-back p {
    font-size: 0.825rem;
  }
}
.industry-card-back .button-inline {
  position: absolute;
  left: 45px;
  bottom: 30px;
}
.industry-card-back .highlighted-author {
  position: absolute;
  right: 30px;
  bottom: 30px;
}
@media (max-width: 510px) {
  .industry-card-back .highlighted-author {
    display: none;
  }
}

.testimonials .title-section .pic-col {
  padding-bottom: 90%;
}
@media (min-width: 768px) and (max-width: 991px) {
  .testimonials .title-section .pic-col {
    padding-bottom: 20%;
  }
}
@media (min-width: 992px) {
  .testimonials .title-section .pic-col {
    order: 2;
    padding-bottom: 39%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .testimonials .title-section .pic-col img {
    left: 15px;
  }
}
@media (min-width: 992px) {
  .testimonials .title-section .pic-col img {
    left: auto;
    right: 15px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .testimonials .title-section .h1 ~ * {
    padding-top: 120px;
  }
}
@media (max-width: 767px) {
  .testimonials .clients-section.-br-top-btm .container::before, .testimonials .clients-section.-br-top-btm .container::after {
    display: none;
  }
}
@media (max-width: 991px) {
  .testimonials .filter-item .filter-button {
    width: 280px;
  }
}
@media (min-width: 992px) {
  .testimonials .filter-item .filter-button {
    width: 220px;
  }
}
@media (max-width: 767px) {
  .testimonials .filter-item .filter-button.-open {
    border-bottom: 1px solid #BFC5D5;
    border-radius: 5px;
  }
}
.testimonials .filter-item .filter-button svg {
  position: absolute;
  right: 15px;
  top: 19px;
}
@media (max-width: 767px) {
  .testimonials .filters {
    z-index: 100;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .testimonials .clients-section.-br-top-btm .container::before {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .testimonials .clients-section.-br-top-btm .container::after {
    left: 30px;
    right: 30px;
  }
}

/*Accordeon*/
@media (max-width: 510px) {
  .accordeon {
    margin-left: -30px;
    margin-right: -30px;
  }
}
.accordeon .accordeon-item {
  background: #A1CF77aa;
  border-radius: 5px;
  margin-bottom: 20px;
  transition: all 0.3s;
}
.accordeon .accordeon-item.active .accordeon-head {
  background: #00175a;
  color: #a1cf77;
  font-weight: bold;
}
.accordeon .accordeon-item.active .accordeon-head .arr svg {
  transform: rotate(-180deg);
}
.accordeon .accordeon-item.active .accordeon-body {
  visibility: visible;
  opacity: 1;
  padding: 15px 30px;
}
.accordeon .accordeon-head {
  text-align: left;
  padding: 20px 30px 50px 30px;
  border-radius: 5px;
  position: relative;
  transition: 0.25s ease-in-out;
  font-weight: 700;
  cursor: pointer;
}
@media (min-width: 768px) {
  .accordeon .accordeon-head {
    padding: 20px 60px 20px 30px;
  }
}
.accordeon .accordeon-head .arr svg {
  position: absolute;
  width: 26px;
  height: 14px;
  transition: 0.25s ease-in-out;
}
@media (max-width: 767px) {
  .accordeon .accordeon-head .arr svg {
    bottom: 20px;
    left: 50%;
    margin-left: 13px;
  }
}
@media (min-width: 768px) {
  .accordeon .accordeon-head .arr svg {
    right: 30px;
    top: 25px;
  }
}
.accordeon .accordeon-body {
  visibility: hidden;
  opacity: 0;
  transition: 0.25s ease-in-out;
  max-height: 0;
  overflow: hidden;
  padding: 0 30px;
}
.accordeon p {
  padding: 30px;
  margin: 0;
}

.accordion-section-title {
  margin-bottom: 20px;
  cursor: pointer;
  position: relative;
}
@media (min-width: 768px) {
  .accordion-section-title {
    margin-bottom: 30px;
  }
}
.accordion-section-title + .accordion-section-body {
  border-bottom: 1px solid #BFC5D5;
}
.accordion-section-title.-open + .accordion-section-body {
  border-bottom: 0;
}
.accordion-section-title.-open svg {
  transform: rotateZ(-180deg);
  transition: 0.25s ease-in-out;
}
.accordion-section-title svg {
  width: 19px;
  height: 12px;
  display: block;
  transition: 0.25s ease-in-out;
}
@media (min-width: 768px) {
  .accordion-section-title svg {
    width: 26px;
    height: 14px;
  }
}

.accordion-section-body {
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .accordion-section-body {
    margin-bottom: 70px;
  }
}
.accordion-section-body.-green {
  border-bottom: 1px solid #a1cf77;
}
.accordion-section-body > .row, .accordion-section-body > .h3, .accordion-section-body > br, .accordion-section-body .nested-2cols {
  display: none;
}
.accordion-section-body.-open > .row {
  display: flex;
}
.accordion-section-body.-open > .h3, .accordion-section-body.-open > br, .accordion-section-body.-open > .nested-2cols {
  display: block;
}
.accordion-section-body .preview-btn {
  position: absolute;
  top: -30px;
  right: 15px;
}

.accordion-section-toggle {
  display: inline-block;
  vertical-align: middle;
  height: 14px;
}
@media (max-width: 767px) {
  .accordion-section-toggle {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -3px;
  }
}

.events-section h2 {
  text-align: center;
  margin-bottom: 40px;
}
.events-section .button {
  margin-top: 30px;
}

.agenda-grid--date {
  background-color: #a1cf77;
  color: #fff;
  text-align: center;
  letter-spacing: -0.37px;
  font-family: "Moderat", sans-serif;
  font-weight: 700;
}

.agenda-grid--body {
  background-color: rgba(0, 23, 90, 0.05);
  text-align: center;
  padding: 25px 15px 30px;
  margin-bottom: 30px;
}

.author-row {
  font-size: 0.825rem;
  align-items: center;
  line-height: 1.5;
  margin-bottom: 5px;
}
.author-row .pic {
  width: 65px;
  height: 65px;
  border-radius: 50%;
}

.card-date {
  font-size: 0.825rem;
  position: absolute;
  left: 30px;
  bottom: 25px;
}

.card-preview .button {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -90px;
  margin-top: -25px;
  opacity: 0;
  transition: 0.25s ease-in-out;
  width: 180px;
  z-index: 1;
}

.card-preview {
  position: relative;
}

.card-bordered.article-card {
  padding: 30px;
}
.card-bordered.article-card:hover .button {
  opacity: 1;
  transition: 0.25s ease-in-out;
}
@media (max-width: 767px) {
  .card-bordered.article-card p {
    font-size: 0.825rem;
  }
}
.card-bordered.article-card p span a {
  text-decoration: none;
}

.card-label {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 50px;
  height: 50px;
  z-index: 1;
  border-radius: 50%;
}
.card-label.-podcast {
  background: url(../themes/pcm/assets/images/podcast-circle.svg) no-repeat 0 0/contain;
}
.card-label.-video {
  background: url(../themes/pcm/assets/images/video-circle.svg) no-repeat 0 0/contain;
}
.card-label.-longread {
  background: url(../themes/pcm/assets/images/longread-circle.svg) no-repeat 0 0/contain;
}

.author-pic-sm {
  width: 65px;
  height: 65px;
  border-radius: 50%;
  overflow: hidden;
}

.author-block--pic, .author-block--author {
  display: inline-block;
  vertical-align: middle;
}

.author-block--pic {
  margin-right: 15px;
}

.author-block--author {
  font-size: 0.825rem;
  line-height: 1.4;
}

.banner-pcm {
  border-radius: 5px;
  min-height: 410px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  overflow: hidden;
}
@media (min-width: 768px) {
  .banner-pcm {
    min-height: 450px;
  }
}
@media (min-width: 1200px) {
  .banner-pcm {
    min-height: 490px;
  }
}
.banner-pcm.-green {
  background: #a1cf77;
}
.banner-pcm.-lgreen {
  background: #eef6e6;
}
.banner-pcm.-smoky {
  background: #e7f3dd;
}
.banner-pcm.-grey {
  background: #BFC5D5;
}
.banner-pcm.-quote {
  padding: 140px 20px 30px 30px;
  padding-left: 30px;
}
.banner-pcm .logo {
  position: absolute;
  z-index: 1;
  top: 35px;
  left: 30px;
}
@media (max-width: 991px) {
  .banner-pcm .logo {
    width: 115px;
    height: 35px;
  }
}
.banner-pcm .corner {
  position: absolute;
  z-index: 2;
  right: 0;
  top: 0;
  width: 90px;
  height: 90px;
  background: #00175a;
  border-radius: 5px 0px 263.109px;
  transform: matrix(-1, 0, 0, 1, 0, 0);
}
.banner-pcm .quote-block--title {
  font-size: 1.471rem;
  line-height: 1.3;
}
.banner-pcm .quote-block--text {
  font-size: 0.825rem;
  margin-top: 15px;
  margin-bottom: 15px;
}
.banner-pcm .body {
  line-height: 1.2;
  max-width: 238px;
  margin-left: auto;
  margin-right: auto;
  font-family: "Moderat", sans-serif;
  font-size: 1.647rem;
}
.banner-pcm .cta {
  position: absolute;
  text-align: center;
  bottom: 45px;
  left: 0;
  right: 0;
}

.banner-wide-pcm .text-col {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-bottom: 100px;
}
.banner-wide-pcm .text-col p {
  line-height: 1.2;
  max-width: 238px;
  margin-left: auto;
  margin-right: auto;
  font-family: "Moderat", sans-serif;
  font-size: 1.647rem;
}
.banner-wide-pcm .cta {
  bottom: 30px;
}
.banner-wide-pcm .pic-col img {
  display: block;
  margin: 30px;
}
.banner-wide-pcm .pic-col.-centered img {
  margin: 0 auto;
  padding: 50px 10px 10px 10px;
}
@media (min-width: 768px) {
  .banner-wide-pcm .pic-col.-centered img {
    padding: 0px;
  }
}

.blog-section {
  padding-bottom: 100px;
}
@media (min-width: 992px) {
  .blog-section .row > div:nth-child(5) {
    order: 6;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .blog-section .row > div:nth-child(n+3) {
    display: none;
  }
}
@media (max-width: 767px) {
  .blog-section .row > div:nth-child(n+2) {
    display: none;
  }
}

.card-bordered {
  border: 1px solid #BFC5D5;
  border-radius: 5px;
  padding: 30px;
  position: relative;
}

.card-col {
  margin-bottom: 30px;
}

.card-preview {
  margin: -30px -30px 20px;
  border-radius: 5px 5px 0 0;
  overflow: hidden;
}
.card-preview img {
  display: block;
}

.breadcrumbs {
  margin: 0;
  padding: 0;
  list-style: none;
  color: #BFC5D5;
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 0.825rem;
  padding-right: 165px;
}
@media (min-width: 992px) {
  .breadcrumbs {
    padding-right: 280px;
    margin-top: 15px;
  }
}
.breadcrumbs li {
  display: inline-block;
}
.breadcrumbs a {
  text-decoration: none;
  color: #BFC5D5;
}

.button {
  text-align: center;
  border-radius: 24px;
  text-decoration: none;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  transition: 0.25s ease-in-out;
  line-height: 1;
  cursor: pointer;
  outline: 0 !important;
  overflow: hidden;
  display: inline-block;
  position: relative;
}
@media (min-width: 768px) {
  .button {
    border-radius: 24px;
    font-size: 1rem;
  }
}
.button:hover:after {
  --size: 550px !important;
}
.button svg {
  transition: 0.25s ease-in-out;
}
.button span {
  position: relative;
  z-index: 3;
}
.button.-iconed {
  padding-right: 85px !important;
  text-align: left;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .button.-iconed {
    padding-right: 60px !important;
  }
}
.button.-iconed i {
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 4;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .button.-iconed i:not(.round-wt-bg) {
    right: 15px;
  }
}
.button.-blue-solid {
  background-color: transparent;
  color: #fff;
  border: 1px solid transparent;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
}
.button.-blue-solid svg {
  width: 28px;
  height: 28px;
  color: #a1cf77;
}
.button.-blue-solid .calendar-i {
  color: #fff;
  stroke: #a1cf77;
  stroke-width: 2.5;
}
.button.-blue-solid:before {
  content: "";
  transition: 0.4s all ease-out;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  background-color: #00175a;
  z-index: 1;
  border-radius: 46px;
}
.button.-blue-solid::after {
  --size: 0;
  content: "";
  position: absolute;
  left: var(--x);
  top: var(--y);
  width: var(--size);
  height: var(--size);
  background-color: #a1cf77;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  transition: width 1s ease, height 1s ease;
  z-index: 2;
}
.button.-blue-solid:hover {
  color: #00175a;
}
.button.-blue-solid:hover:before {
  opacity: 0;
  transition: opacity 0.2s all ease-out;
}
.button.-blue-solid:hover svg {
  color: #00175a;
}
.button.-blue-solid:hover .calendar-i {
  color: #00175a;
  stroke: #fff;
  stroke-width: 2.5;
}
.button.-blue-bordered {
  background-color: transparent;
  color: #00175a;
  border: 1px solid #00175a;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
}
.button.-blue-bordered.-md {
  max-height: 51px;
}
.button.-blue-bordered:hover {
  background: #00175a;
  color: #fff;
  border: 1px solid #00175a;
}
.button.-green-solid {
  background-color: transparent;
  color: #fff;
  border: 1px solid transparent;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
}
.button.-green-solid:before {
  content: "";
  transition: 0.4s all ease-out;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  background-color: #a1cf77;
  z-index: 1;
  border-radius: 46px;
}
.button.-green-solid::after {
  --size: 0;
  content: "";
  position: absolute;
  left: var(--x);
  top: var(--y);
  width: var(--size);
  height: var(--size);
  background-color: #00175a;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  transition: width 1s ease, height 1s ease;
  z-index: 2;
}
.button.-green-solid:hover {
  color: #fff;
}
.button.-green-solid:hover:before {
  opacity: 0;
  transition: opacity 0.2s all ease-out;
}
.button.-green-solid:hover svg {
  color: #a1cf77;
}
.button.-green-solid .round-wt-bg {
  color: #00175a;
}
.button.-white-solid {
  background-color: transparent;
  color: #00175a;
  border: 1px solid transparent;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
}
.button.-white-solid i:not(.round-wt-bg) svg {
  width: 28px;
  height: 28px;
  color: #a1cf77;
}
.button.-white-solid .calendar-i {
  color: #00175a !important;
  stroke: #a1cf77;
  stroke-width: 2.5;
}
.button.-white-solid:before {
  content: "";
  transition: 0.4s all ease-out;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  background-color: #fff;
  z-index: 1;
  border-radius: 46px;
}
.button.-white-solid::after {
  --size: 0;
  content: "";
  position: absolute;
  left: var(--x);
  top: var(--y);
  width: var(--size);
  height: var(--size);
  background-color: #a1cf77;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  transition: width 1s ease, height 1s ease;
  z-index: 2;
}
.button.-white-solid:hover {
  color: #fff;
}
.button.-white-solid:hover:before {
  opacity: 0;
  transition: opacity 0.2s all ease-out;
}
.button.-white-solid:hover i:not(.round-wt-bg) svg {
  color: #fff;
}
.button.-white-solid:hover .calendar-i {
  color: #fff !important;
  stroke: #a1cf77;
  stroke-width: 2.5;
}
.button.-white-solid .round-wt-bg svg {
  color: #00175a;
}
.button.-xl {
  padding: 24px 20px;
  border-radius: 46px;
  overflow: hidden;
}
@media (max-width: 510px) {
  .button.-xl {
    max-width: 280px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
    display: block;
  }
}
@media (min-width: 768px) {
  .button.-xl {
    min-width: 180px;
  }
}
@media (min-width: 1200px) {
  .button.-xl {
    padding: 24px 30px;
  }
}
.button.-md {
  padding: 16px 20px;
  border-radius: 25px;
  overflow: hidden;
}
@media (max-width: 991px) {
  .button.-circle {
    padding: 9px;
  }
}
@media (min-width: 992px) {
  .button.-circle {
    padding: 16px;
    width: 65px;
    border-radius: 50%;
  }
}
@media (max-width: 991px) {
  .button.-xs-md-circle {
    padding: 9px;
  }
}

.button.-white-hover::after {
  background-color: #fff;
}

.button.-green-hover::after {
  background-color: #a1cf77;
}

.button.-blue-hover::after {
  background-color: #00175a;
}

.round-wt-bg {
  transform: translate(23px, -50%) !important;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #ffffff;
  text-align: center;
}
.round-wt-bg svg {
  margin-top: 20px;
  width: 23px;
  height: 11px;
}

.button-inline {
  color: #a1cf77;
  text-decoration: none;
  position: relative;
  padding-right: 20px;
  font-size: 0.825rem;
  letter-spacing: 0.3px;
  line-height: 13px;
  cursor: pointer;
  display: inline-block;
}
@media (min-width: 768px) {
  .button-inline {
    font-size: 1rem;
    line-height: 22px;
  }
}
.button-inline.-blue {
  color: #00175a;
}
.button-inline:hover {
  color: #00175a;
}
.button-inline:hover i {
  transform: translateX(1px);
  transition: 0.25s ease-in-out;
  color: #a1cf77;
}
.button-inline i {
  position: absolute;
  right: 0;
  top: -1px;
  line-height: 1;
}
@media (min-width: 768px) {
  .button-inline i {
    top: 4px;
  }
}
.button-inline .i-before {
  right: auto;
  left: -15px;
}
.button-inline .arrow-down svg {
  width: 14px;
  height: 8px;
  top: 4px;
  position: relative;
}
.button-inline svg {
  width: 8px;
  height: 14px;
  color: #00175a;
  display: block;
}
.button-inline.-tabs {
  margin: 0px 0px 2rem 0px;
  display: inline-block;
}
@media (min-width: 768px) {
  .button-inline.-tabs {
    margin: 0px 0px 0px 0px;
  }
}
.button-inline.-tabs i {
  margin: 0px 0px 2rem 0px;
}
@media (min-width: 768px) {
  .button-inline.-tabs i {
    margin: 0px 0px 2rem 0px;
  }
}

button.button-inline {
  border: 0;
  background: none;
  outline: 0 !important;
  cursor: pointer;
  line-height: normal;
  cursor: pointer;
}
button.button-inline.-right-with-arrow {
  display: block;
  margin: 4px auto;
}
@media (min-width: 768px) {
  button.button-inline.-right-with-arrow {
    display: block;
    margin: 17px auto;
    margin-right: 0px;
  }
}

.button-underln {
  cursor: pointer;
  font-style: normal;
  letter-spacing: -0.61px;
  margin-bottom: 30px;
  position: relative;
  text-decoration: none;
  display: inline-block;
}
@media (min-width: 768px) {
  .button-underln {
    font-size: 1.471rem;
  }
}
.button-underln::before {
  content: "";
  border-bottom: 2px solid #00175a;
  display: block;
  position: absolute;
  left: -20px;
  bottom: -8px;
  right: -20px;
}
.button-underln::after {
  content: "";
  border-bottom: 2px solid #a1cf77;
  display: block;
  position: absolute;
  left: -20px;
  bottom: -8px;
  opacity: 0;
  transition: 0.25s ease-in-out;
  transition-duration: 0.75s;
  width: 0;
}
.button-underln:hover::after {
  right: -20px;
  transition: 0.25s ease-in-out;
  transition-duration: 0.75s;
  opacity: 1;
  width: calc(100% + 40px);
}

@media (max-width: 510px) {
  .calendar-event-item {
    margin-left: -30px;
    margin-right: -30px;
  }
}

.calendar-event-container {
  border: 1px solid #e6e8ef;
  border-radius: 5px;
  margin: 0 0 30px 0;
}

.calendar-title-container {
  background: #e6e8ef;
  border-radius: 0 5px 0 0;
  padding: 18px 30px;
}
.calendar-title-container .title {
  font-family: "Moderat", sans-serif;
  font-size: 1.47rem;
  line-height: 1.3;
}
.calendar-title-container .title a {
  text-decoration: none;
}
.calendar-title-container .title {
  line-height: 1.6;
}

.calendar-description {
  display: flex;
  flex-wrap: wrap;
  min-height: 204px;
  padding-top: 15px;
}
@media (max-width: 767px) {
  .calendar-description {
    padding-bottom: 15px;
    flex-direction: column;
  }
}
@media (min-width: 768px) {
  .calendar-description {
    padding-top: 30px;
    flex-wrap: no-wrap;
  }
}
.calendar-description .date {
  border: 1px solid #E6E8EF;
  box-sizing: border-box;
  border-radius: 5px;
  flex: 0 0 140px;
  width: 140px;
  height: 140px;
  margin: 15px auto;
}
@media (min-width: 768px) and (max-width: 991px) {
  .calendar-description .date {
    flex: 0 0 120px;
    width: 120px;
    height: 130px;
  }
}
.calendar-description .date-title {
  font-family: "Moderat", sans-serif;
  font-weight: 600;
  text-align: center;
  padding: 7px 0;
  background: #a1cf77;
  border-radius: 5px 5px 0 0;
  color: #fff;
}
.calendar-description .certification {
  background: #00175a;
}
.calendar-description .date-day {
  font-family: "Moderat", sans-serif;
  font-size: 2.47rem;
  line-height: 1.3;
  text-align: center;
  margin-top: 5px;
}
.calendar-description .date-day span {
  font-family: "Poppins", sans-serif;
  font-size: 1rem;
  line-height: 1;
  text-align: center;
  display: block;
}
.calendar-description .description {
  padding: 0 30px;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
.calendar-description .description li {
  font-family: "Poppins", sans-serif;
  font-size: 0.825rem;
  color: #a1cf77;
  padding: 0 0 5px 0;
}
.calendar-description .description li span {
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 27px;
  color: #00175a;
  padding: 0 30px 0 5px;
  max-width: 89px;
  width: 134px;
  display: block;
}

.calendar-price {
  padding: 0 30px;
  border-top: 1px solid #E6E8EF;
}
.calendar-price .text {
  text-align: center;
}
@media (max-width: 767px) {
  .calendar-price .text {
    padding-top: 15px;
    padding-bottom: 15px;
    position: relative;
  }
}
@media (max-width: 767px) {
  .calendar-price .text::after {
    content: "";
    position: absolute;
    display: block;
    left: -30px;
    right: -30px;
    bottom: 0;
    height: 1px;
    background-color: #E6E8EF;
  }
}
.calendar-price .text span {
  color: #a1cf77;
  padding-left: 5px;
}

.calendar-buttons {
  display: flex;
}
@media (max-width: 767px) {
  .calendar-buttons {
    justify-content: center;
  }
}
.calendar-buttons .button {
  /*width: 150px;*/
  margin: 30px 5px;
}
@media (max-width: 767px) {
  .calendar-buttons .button {
    justify-content: center;
    white-space: nowrap;
  }
}

.calendar-label {
  font-size: 12px;
  font-weight: 700;
  line-height: 25px;
  padding: 0 10px 0 0;
  min-width: 90px;
  display: inline-block;
}
@media (min-width: 1200px) {
  .calendar-label {
    padding: 0 20px 0 0;
  }
}

@media (min-width: 992px) {
  .calendar-last-row {
    display: flex;
  }
}

.calendar-desc {
  font-size: 0.825rem;
  padding-right: 20px;
  line-height: 25px;
}
.calendar-desc p {
  margin-bottom: 0;
}
.calendar-desc a {
  text-decoration: none;
}

.calendar-table-row {
  padding-bottom: 10px;
  display: flex;
}

.calendar-event-container .description ul li:last-child {
  padding-bottom: 10px;
}

@media (min-width: 768px) {
  .calendar-event-container .description {
    padding: 0 0px;
  }

  .calendar-event-container .date {
    margin: 0 30px;
  }

  .calendar-event-container .calendar-price {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
.cases-section {
  padding-top: 40px;
  padding-bottom: 60px;
  overflow: hidden;
}
@media (min-width: 768px) and (max-width: 991px) {
  .cases-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .cases-section {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}
@media (min-width: 1200px) {
  .cases-section {
    padding-top: 130px;
    padding-bottom: 130px;
  }
}
.cases-section .slick-list {
  overflow: visible;
}
.cases-section .slick-slide:not(.slick-active) {
  opacity: 0.4;
}

.cases-grid-item {
  outline: none !important;
}
.cases-grid-item .cases-grid-item-figure-wrapper {
  max-width: 410px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767px) {
  .cases-grid-item .cases-grid-item-figure-wrapper {
    max-width: 277px;
  }
}
@media (max-width: 767px) {
  .cases-grid-item .cases-grid-item-figure-wrapper {
    max-width: 370px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .cases-grid-item .cases-grid-item-figure-wrapper {
    max-width: 320px;
  }
}
.cases-grid-item .cases-grid-item-figure {
  padding-bottom: 277px;
  position: relative;
  margin-left: 0;
}
.cases-grid-item .cases-grid-item-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (min-width: 768px) {
  .cases-grid-item > img {
    padding-right: 33.3333333333%;
  }
}
@media (min-width: 992px) {
  .cases-grid-item > img {
    padding-right: 16.6666666667%;
  }
}
@media (max-width: 767px) {
  .cases-grid-item > .cases-grid--title {
    padding-right: 30px;
  }
}
.cases-grid-item img {
  border-radius: 210px 0 0 0;
}

.cases-grid--title {
  margin-top: 77px;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  color: #a1cf77;
  font-size: 1.471rem;
  line-height: 1.2;
  font-family: "Moderat", sans-serif;
  position: relative;
  max-width: 410px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .cases-grid--title {
    margin-top: 57px;
    margin-bottom: 15px;
  }
}
@media (min-width: 992px) {
  .cases-grid--title {
    margin-top: 77px;
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .cases-grid--title {
    max-width: 370px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .cases-grid--title {
    max-width: 320px;
  }
}
.cases-grid--title::before {
  content: "";
  display: block;
  background: url(../themes/pcm/assets/images/quote.svg) no-repeat 0 0/contain;
  width: 27px;
  height: 24px;
  position: absolute;
  left: 0;
  top: -34px;
}
@media (max-width: 510px) {
  .cases-grid--title::before {
    left: 40px;
  }
}

.cases-grid--person {
  color: #00175a;
  letter-spacing: -0.34px;
  line-height: 1.3;
  margin-bottom: 25px;
  margin-left: auto;
  margin-right: auto;
  max-width: 410px;
}
@media (max-width: 767px) {
  .cases-grid--person {
    max-width: 370px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .cases-grid--person {
    max-width: 320px;
  }
}

.coaches-section .container {
  padding-top: 40px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .coaches-section .container {
    padding-top: 60px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .coaches-section .container {
    padding-top: 70px;
  }
}
@media (min-width: 1200px) {
  .coaches-section .container {
    padding-top: 100px;
  }
}
.coaches-section .h2 {
  max-width: 615px;
  margin: 0 auto;
  text-align: center;
}
@media (max-width: 991px) {
  .coaches-section .h2 {
    margin-bottom: 60px;
  }
}
@media (max-width: 767px) {
  .coaches-section .cp-col:nth-child(n+2) {
    display: none;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .coaches-section .cp-col:nth-child(n+4) {
    display: none;
  }
}
.coaches-section .button-underln {
  margin-bottom: 60px;
}
@media (min-width: 1200px) {
  .coaches-section .button-underln {
    margin-bottom: 90px;
  }
}

.coaches-grid-row {
  justify-content: space-between;
}

.connect-section {
  background-color: #a1cf77;
  padding-top: 100px;
  padding-bottom: 50px;
  position: relative;
  /*margin-top: 110px;*/
}
@media (min-width: 992px) {
  .connect-section {
    padding-bottom: 85px;
  }
}
.connect-section.-orange {
  background-color: #e9b24c;
}
.connect-section::before {
  content: "";
  display: block;
  position: absolute;
  width: 180px;
  height: 160px;
  top: 0;
  left: 50%;
  transform: translate(-50%, -40%);
  background: url(../themes/pcm/assets/images/letters.png) no-repeat 0 0/contain;
}
@media (min-width: 992px) {
  .connect-section::before {
    width: 269px;
    height: 219px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .connect-section .h2 {
    font-size: 1.471rem;
  }
}
.connect-section form {
  margin: 0 auto;
  font-size: 0.825rem;
}
@media (min-width: 992px) {
  .connect-section form {
    width: 350px;
  }
}
.connect-section .checkbox-group {
  margin-top: 25px;
}
@media (min-width: 992px) {
  .connect-section .terms-agree {
    font-size: 17px;
  }
}
.connect-section .terms-agree a {
  text-decoration: none;
}
.connect-section .button-inline {
  margin-top: 15px;
}
.connect-section .terms-agree {
  color: #fff;
}
.connect-section input[type=checkbox] + label:before {
  border: 2px solid #fff;
}
.connect-section input[type=checkbox]:checked + label:before {
  background: url(../themes/pcm/assets/images/check_wt.svg) 50% 50% no-repeat;
}

.contact-side-form {
  background: #BFC5D5;
  border-radius: 5px;
  padding: 30px;
}
@media (min-width: 992px) {
  .contact-side-form {
    margin-right: -15px;
    margin-top: -200px;
  }
}
@media (min-width: 1200px) {
  .contact-side-form {
    padding: 50px 40px 30px;
  }
}
.contact-side-form .h3 {
  font-family: "Moderat", sans-serif;
  margin-bottom: 30px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .contact-side-form .h3 {
    font-size: 1.471rem;
  }
}
.contact-side-form .checkbox-group {
  margin-top: 15px;
  font-size: 0.825rem;
  margin-bottom: 25px;
}
.contact-side-form .checkbox-group input[type=checkbox] + label:before {
  top: 0;
}
.contact-side-form .button {
  min-width: 140px;
}
.contact-side-form.-popup {
  margin: 0;
  background: transparent;
  padding: 0;
}

.white-text {
  color: #fff;
}

.cookie-more-panel {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: 360px;
  background-color: #fff;
  transform: translateX(-100%);
  z-index: 10000;
  padding: 10px 20px;
  box-shadow: 0 15px 20px rgba(24, 24, 24, 0.05), 0 1px 0 rgba(24, 24, 24, 0.2);
  overflow: hidden;
  transition: 0.25s ease-in-out;
}
.cookie-more-panel.-open {
  transform: none;
  transition: 0.25s ease-in-out;
}
.cookie-more-panel .button.-md {
  padding: 9px 16px;
}

.consent-desc {
  font-size: 13px;
  padding-top: 10px;
  padding-right: 30px;
}
.consent-desc a {
  color: #a1cf77;
}

.consent-cat-grp {
  padding-right: 30px;
}

.consent-header {
  height: 39px;
  border-bottom: 1px solid #BFC5D5;
  position: relative;
  padding-right: 50px;
}

.consent-close-icon {
  outline: 0 !important;
  cursor: pointer;
  background: none;
  border: 0;
  top: 5px;
  right: 0;
  position: absolute;
  display: block;
  height: 15px;
  width: 15px;
  background-size: contain;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iMzEiIHZpZXdCb3g9IjAgMCAzMSAzMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuMzEyOSAxLjMxMjczTDI5LjY4NzQgMjkuNjg3MyIgc3Ryb2tlPSIjMDAxNzVBIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8cGF0aCBkPSJNMjkuNjg3MyAxLjMxMjczTDEuMzEyODEgMjkuNjg3MyIgc3Ryb2tlPSIjMDAxNzVBIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K");
}

.consent-scrollbar {
  position: absolute;
  top: 60px;
  bottom: 80px;
  left: 20px;
  right: -16px;
}
.consent-scrollbar > div {
  overflow: auto;
  overflow-x: hidden;
  max-height: 100%;
}

.consent-footer {
  position: absolute;
  bottom: 0;
  height: 60px;
}
.consent-footer button + button {
  margin-left: 15px;
}

.simplebar-scrollbar::before {
  background-color: #a1cf77;
}

h3.title {
  font-size: 1rem;
}

.cookies-bar {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  padding: 8px 15px 3px;
  z-index: 1001;
  font-size: 13px;
  box-shadow: 4px 9px 30px rgba(6, 126, 192, 0.3);
}
.cookies-bar .buttons {
  text-align: right;
}
@media (min-width: 1200px) {
  .cookies-bar .buttons {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
  }
}
.cookies-bar .buttons a + a {
  margin-left: 20px;
}
.cookies-bar .button.-md {
  padding: 9px 16px;
}
.cookies-bar p {
  margin-bottom: 0.5rem;
}

.list-cookies label input[type=checkbox] {
  display: inherit;
}

.avatar-edit-wrapper {
  width: 445px;
  max-width: 100%;
  height: 0;
  padding-bottom: 100%;
  position: relative;
}
.avatar-edit-wrapper .inner, .avatar-edit-wrapper .avatar-popup-link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.avatar-edit-wrapper .inner {
  border-radius: 5px;
  overflow: hidden;
}

.upload-photo {
  border-radius: 5px;
  background-color: #e6e8ef;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.upload-photo-i {
  width: 90px;
  height: 90px;
  margin-bottom: 30px;
  display: block;
  font-style: normal;
}

.photo-row {
  justify-content: space-between;
}

.photo-upload-nest {
  position: relative;
  width: 100%;
  display: block;
  margin: 0 auto 15px;
  cursor: pointer;
  overflow: hidden;
}

.photo-upload-nest .inner {
  padding: 25px;
  border: 1px solid #BFC5D5;
  border-radius: 5px;
  width: 280px;
  height: 280px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
}

.photo-upload-nest .inner::before {
  content: "";
  position: absolute;
  display: block;
  top: 11px;
  right: 11px;
  bottom: 11px;
  left: 11px;
  border: 2px dashed #a1cf77;
  background: url(../themes/pcm/assets/images/no-image.svg) 0 0 no-repeat;
  background-size: cover;
  opacity: 0.4;
  z-index: 1;
}

.photo-upload-nest input {
  height: 30px;
  cursor: pointer;
  position: absolute;
  top: 0px;
  right: 0px;
  font-size: 100px;
  z-index: 2;
  opacity: 0;
  /* Standard: FF gt 1.5, Opera, Safari */
  filter: alpha(opacity=0);
  /* IE lt 8 */
  -ms-filter: "alpha(opacity=0)";
  /* IE 8 */
  -khtml-opacity: 0;
  /* Safari 1.x */
  -moz-opacity: 0;
  /* FF lt 1.5, Netscape */
}

.photo-upload-hints {
  text-align: center;
  padding-left: 15px;
  padding-right: 15px;
}

.photo-upload-nest i {
  position: absolute;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  top: 30px;
}

.advice-col {
  padding-top: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .advice-col {
    flex: 0 0 100%;
  }
}
@media (min-width: 992px) {
  .advice-col {
    order: 2;
  }
}

@media (max-width: 991px) {
  .avatar-popup .button {
    min-width: initial !important;
    padding: 9px 15px;
  }
}
@media (max-width: 991px) {
  .avatar-popup .button:not(:last-child) {
    margin-right: 15px;
  }
}

.button.-blue-solid .delete-icon {
  color: #fff;
  width: 20px;
  height: 20px;
  display: block;
}
.button.-blue-solid .delete-icon svg {
  width: 100%;
  height: 100%;
}

.extranet-submenu-trigger {
  display: block;
  position: relative;
}
.extranet-submenu-trigger img, .extranet-submenu-trigger svg {
  border-radius: 50%;
  display: block;
  width: 50px;
  height: 50px;
  cursor: pointer;
}
.-fixed .extranet-submenu-trigger img, .-fixed .extranet-submenu-trigger svg {
  width: 40px;
  height: 40px;
}

@media (max-width: 510px) {
  .-fixed .extranet-submenu {
    left: -95px;
  }
}
@media (min-width: 768px) {
  .-fixed .extranet-submenu {
    left: -31px;
  }
}

.extranet-submenu {
  position: absolute;
  top: 100%;
  transform: translateY(11px);
  padding: 8px;
  left: -90px;
  width: 200px;
  background-color: #fff;
  border: 1px solid #BFC5D5;
  font-size: 0.825rem;
  border-radius: 5px;
  z-index: 999;
  text-align: left;
}
@media (min-width: 511px) {
  .extranet-submenu {
    width: 204px;
  }
}
@media (min-width: 768px) {
  .extranet-submenu {
    width: 223px;
    padding: 15px 30px;
    left: -27px;
  }
}
@media (min-width: 992px) {
  .extranet-submenu {
    width: 219px;
    left: -27px;
  }
}
@media (min-width: 1200px) {
  .extranet-submenu {
    width: 223px;
  }
}
.extranet-submenu::before {
  content: "";
  position: absolute;
  width: 0;
  top: -11px;
  left: 102px;
  height: 0;
  border-style: solid;
  border-width: 0 12px 11px 12px;
  border-color: transparent transparent #BFC5D5 transparent;
  z-index: 1;
}
@media (min-width: 768px) {
  .extranet-submenu::before {
    left: 39px;
  }
}
.extranet-submenu::after {
  content: "";
  position: absolute;
  width: 0;
  top: -10px;
  left: 104px;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #fff transparent;
  z-index: 2;
}
@media (min-width: 768px) {
  .extranet-submenu::after {
    left: 41px;
  }
}
.header-icons .extranet-submenu a {
  text-decoration: none;
  display: block;
  height: auto;
  line-height: 1.35;
  margin-bottom: 8px;
  width: auto;
}
.extranet-submenu .user-job {
  padding-bottom: 15px;
  border-bottom: 1px solid #BFC5D5;
  margin-bottom: 15px;
  line-height: 1.3;
  display: inline-block;
  width: 100px;
}
.extranet-submenu .user-name {
  line-height: 1.3;
  display: inline-block;
}

.ej-delimiter {
  line-height: 1.6em;
  width: 100%;
  text-align: center;
}

.ej-delimiter::before {
  display: inline-block;
  content: "***";
  font-size: 30px;
  line-height: 65px;
  height: 30px;
  letter-spacing: 0.2em;
}

.facts-section {
  padding-top: 95px;
  padding-bottom: 100px;
}
.facts-section .h2 + div {
  margin-bottom: 40px;
}
@media (min-width: 992px) {
  .facts-section .h2 + div {
    margin-bottom: 80px;
  }
}
@media (max-width: 991px) {
  .facts-section .row > div {
    margin-bottom: 40px;
  }
}
.facts-pic {
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
}

.facts-figure {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  text-align: center;
  line-height: 150px;
  font-weight: 700;
  color: #fff;
  font-size: 4rem;
  font-family: "Moderat", sans-serif;
}
.facts-figure.-fact1 {
  background-color: #a1cf77;
}
.facts-figure.-fact2 {
  background-color: #00175a;
}
.facts-figure.-fact3 {
  background-color: #e9b24c;
}

.onefact-section {
  padding-top: 30px;
  color: #fff;
}
@media (min-width: 992px) {
  .onefact-section {
    padding-top: 90px;
  }
}
.onefact-section .tooltip i {
  background-color: #fff;
  color: #a1cf77;
}

.fact-number-inline {
  font-weight: 700;
  font-size: 5rem;
  line-height: 1;
  font-family: "Moderat", sans-serif;
  display: flex;
  align-items: center;
  height: 100%;
}
@media (min-width: 992px) {
  .fact-number-inline {
    padding-left: 10%;
    font-size: 9rem;
  }
}

.filter-row {
  transition: 0.25s ease-in-out;
}
@media (max-width: 767px) {
  .filter-row {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: translateX(-100%);
    background-color: #fff;
    z-index: 1001;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow: auto;
  }
}
@media (min-width: 768px) {
  .filter-row {
    flex-direction: column;
    position: absolute;
    top: 60px;
    right: 0;
    display: none;
    padding: 25px 15px 10px 15px;
    cursor: pointer;
    transition: 0.25s ease-in-out;
    border: 1px solid #BFC5D5;
    border-radius: 5px;
    background-color: #fff;
    width: 350px;
  }
}
.filter-row.-open {
  transition: 0.25s ease-in-out;
  transform: translateX(0);
}
@media (min-width: 768px) {
  .filter-row.-open {
    display: block;
    max-height: 400px;
    overflow: auto;
  }
}

.filters {
  display: flex;
  padding: 30px 0;
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 1000;
}
@media (max-width: 767px) {
  .filters {
    z-index: 9999;
    min-width: 300px;
    white-space: nowrap;
  }
}
.filters > * {
  flex: 0 1 auto;
}

.filter-wrapper {
  display: flex;
  flex: 1 0 auto;
  position: relative;
  justify-content: flex-end;
}
@media (max-width: 767px) {
  .filter-wrapper {
    flex-direction: column;
  }
}

.cp-all .filter-wrapper, .store-shop .filter-wrapper, .blog-all .filter-wrapper {
  margin-right: 10px;
}

.cases-all .multiselect {
  margin-top: 20px;
  padding: 20px;
  position: absolute;
  right: 0;
  z-index: 900;
  border-radius: 5px;
  max-height: 300px;
  overflow: auto;
  border: 1px solid #BFC5D5;
  background: #fff;
}
@media (max-width: 767px) {
  .cases-all .multiselect {
    min-width: 280px;
    top: auto;
    bottom: 10px;
    transform: translateY(100%);
  }
}
@media (min-width: 768px) {
  .cases-all .multiselect {
    min-width: 260px;
  }
}

.cases-all .has-some-options {
  background: #a1cf77;
}

.multiselect {
  color: #00175a;
  padding: 15px;
}
@media (max-width: 767px) {
  .multiselect {
    border: 1px solid #BFC5D5;
    border-top: 0;
    border-radius: 0 0 5px 5px;
    top: -5px;
  }
}
.multiselect label {
  display: block;
  line-height: 29px;
  font-size: 14px;
}
.multiselect label.selected {
  font-weight: bold;
}
.multiselect label.select-all {
  border-bottom: 1px solid #BFC5D5;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.multiselect input[type=checkbox] {
  display: inline-block;
}
@media (min-width: 768px) {
  .-accordion .multiselect {
    border-bottom: 1px solid #BFC5D5;
    border-radius: 0;
    top: -5px;
    display: block;
  }
}

.filter-item {
  flex-direction: column;
}
@media (max-width: 767px) {
  .filter-item.-accordion {
    margin-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .filter-item.-accordion .filter-button {
    width: 280px;
  }
}
@media (min-width: 768px) {
  .filter-item.-last-tablet {
    position: absolute;
    top: -4px;
    font-size: 13px;
    text-align: right;
    right: 17px;
    color: #00175a;
  }
}
@media (min-width: 768px) {
  .filter-item.-last-tablet.-accordion .filter-button {
    border-bottom: 0;
  }
}
@media (min-width: 768px) {
  .filter-item:nth-last-child(3) .filter-button {
    border-bottom: 0;
  }
}
.relation-widget .filter-item, .checkboxlist-field .filter-item, .date-field .filter-item {
  position: relative;
}

@media (min-width: 768px) {
  .-only-mobiles {
    display: none;
  }
}

.filter-close-buttons {
  width: 288px;
}

.filter-button {
  border: 1px solid #BFC5D5;
  border-radius: 5px;
  display: block;
  padding: 9px 40px;
  text-align: center;
  cursor: pointer;
  position: relative;
  white-space: normal;
}
@media (min-width: 768px) {
  .filter-button {
    width: 350px;
    display: inline-block;
    padding: 9px 20px;
  }
}
@media (max-width: 767px) {
  .filter-button.has-some-options {
    background: #a1cf77;
  }
}
.filter-button.has-some-options:hover {
  color: #00175a;
}
.filter-button.-blue-solid {
  background-color: #00175a;
  color: #fff;
  border: 1px solid #00175a;
}
.filter-button.-blue-solid:hover {
  background: #a1cf77;
  color: #00175a;
  border: 1px solid #a1cf77;
}
.filter-button.-green-solid {
  background-color: #a1cf77;
  color: #fff;
  border: 1px solid #a1cf77;
}
.filter-button.-green-solid:hover {
  background: #00175a;
  color: #fff;
  border: 1px solid #00175a;
}
.filter-button.-grey {
  background-color: #e6e8ef;
}
.filter-button.-grey:hover {
  background: #a1cf77;
  color: #fff;
}
.filter-button.-wide {
  width: 100%;
}
.filter-button:hover {
  transition: 0.25s ease-in-out;
}
.relation-widget .filter-button, .checkboxlist-field .filter-button, .date-field .filter-button {
  width: 100%;
  text-align: left;
  color: #BFC5D5;
  padding-left: 30px;
  padding-right: 50px;
}
.relation-widget .filter-button:hover, .checkboxlist-field .filter-button:hover, .date-field .filter-button:hover {
  color: #BFC5D5;
}
.relation-widget .filter-button.-open, .checkboxlist-field .filter-button.-open, .date-field .filter-button.-open {
  border-bottom: 1px solid #BFC5D5;
  border-radius: 5px;
}
.relation-widget .filter-button .selected-list, .checkboxlist-field .filter-button .selected-list, .date-field .filter-button .selected-list {
  color: #00175a;
}
.relation-widget .filter-button svg, .checkboxlist-field .filter-button svg, .date-field .filter-button svg {
  width: 18px;
  height: 10px;
  position: absolute;
  right: 28px;
  top: 21px;
  color: #00175a;
}
.relation-widget .filter-button + .multiselect, .checkboxlist-field .filter-button + .multiselect, .date-field .filter-button + .multiselect {
  position: absolute;
  top: auto;
  bottom: -10px;
  left: 0;
  transform: translateY(100%);
  width: 100%;
  border-radius: 5px;
  border: 1px solid #BFC5D5;
  background-color: #fff;
  z-index: 1000;
  max-height: 192px;
  overflow: auto;
}
@media (min-width: 768px) {
  .-accordion .filter-button {
    width: 100%;
    border-radius: 0;
    border-left: 0;
    border-top: 0;
    border-right: 0;
    text-align: left;
    padding-left: 0;
  }
}
.-accordion .filter-button svg {
  transition: 0.25s ease-in-out;
  transform: rotateZ(0);
}
@media (max-width: 767px) {
  .-accordion .filter-button svg {
    position: absolute;
    top: 19px;
    right: 15px;
  }
}
@media (min-width: 768px) {
  .-accordion .filter-button svg {
    position: absolute;
    top: 19px;
    right: 0;
  }
}
@media (min-width: 768px) {
  .-accordion .filter-button.-open svg {
    transform: rotateZ(-180deg);
    transition: 0.25s ease-in-out;
  }
}
@media (max-width: 767px) {
  .filter-button.-open {
    border-bottom: 0;
    border-radius: 5px 5px 0 0;
  }
}
.filter-button svg {
  margin-left: 8px;
  width: 17px;
  height: 10px;
  transition: 0.25s ease-in-out;
  transform: rotateZ(0);
}
@media (max-width: 767px) {
  .filter-button.-open svg {
    transform: rotateZ(-180deg);
    transition: 0.25s ease-in-out;
  }
}
.filter-button.-clear svg {
  top: 17px;
  width: 11px;
  height: 11px;
}

.filter-trigger.-has-selected-options .filter-button {
  background-color: #a1cf77;
}
.filter-trigger.-has-selected-options .filter-button:hover {
  color: #00175a;
}
.filter-trigger.-has-selected-options .filter-button:hover svg {
  color: #00175a;
}
@media (min-width: 768px) {
  .filter-trigger .filter-button.-open svg {
    transform: rotateZ(-180deg);
    transition: 0.25s ease-in-out;
  }
}

.clear-button {
  transition: 0.25s ease-in-out;
  padding: 10px 15px 10px 0;
  cursor: pointer;
}
@media (max-width: 767px) {
  .clear-button {
    width: 280px;
    text-align: center;
    height: 50px;
    border: 1px solid #BFC5D5;
    border-radius: 5px;
    padding: 10px 15px 10px 15px;
  }
}
.clear-button svg {
  height: 13px;
  width: 13px;
}
.clear-button:hover {
  color: #a1cf77;
  transition: 0.25s ease-in-out;
}
.clear-button:hover svg {
  color: #a1cf77;
  transition: 0.25s ease-in-out;
}

.sort-controls {
  margin-right: 10px;
}
@media (min-width: 1200px) {
  .sort-controls {
    margin-left: auto;
  }
}

.view-controls-btn {
  border: 1px solid #BFC5D5;
  border-radius: 5px;
  display: inline-block;
  width: 50px;
  height: 50px;
  padding: 13px 0;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .view-controls-btn.-search {
    margin-left: auto;
  }
}
.view-controls-btn.-sort.asc {
  background-color: #a1cf77;
}
.view-controls-btn:hover, .view-controls-btn .-active {
  background-color: #a1cf77;
}
.view-controls-btn + a {
  margin-right: 15px;
}
.view-controls-btn svg {
  width: 50px;
  height: 20px;
}

.filter-search-input {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 30px;
  height: 52px;
  padding: 10px 15px 10px 15px;
  cursor: pointer;
  transition: 0.25s ease-in-out;
  background-color: #fff;
  z-index: 1;
}
.filter-search-input input {
  border-radius: 5px;
  border: 1px solid #BFC5D5;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  padding-left: 15px;
  padding-right: 135px;
  bottom: 0;
  width: 100%;
  font-size: 1rem;
  color: #00175a;
}
.filter-search-input input:focus {
  outline: 0;
  border: 1px solid #a1cf77;
}
.filter-search-input.open {
  display: block;
}

.view-trigger a {
  border-bottom: 2px solid #a1cf77;
  color: #a1cf77;
  display: inline-block;
  line-height: 1.1;
  margin: 13px 15px 14px 0;
  text-decoration: none;
  cursor: pointer;
}
.view-trigger a.-active, .view-trigger a:hover {
  color: #00175a;
  border-bottom: 2px solid #00175a;
}

.clear-search {
  font-size: 0.825rem;
  position: absolute;
  right: 15px;
  top: 16px;
  line-height: 7px;
}
.clear-search svg {
  width: 18px;
  height: 20px;
  margin-left: 5px;
}
.clear-search span, .clear-search svg {
  display: inline-block;
  vertical-align: middle;
}

.hide-filters-mobile {
  position: absolute;
  right: 30px;
  top: 30px;
  width: 20px;
  height: 20px;
}
@media (min-width: 768px) {
  .hide-filters-mobile {
    display: none;
  }
}

.footer {
  background-color: #00175a;
  color: #fff;
  position: relative;
  padding-top: 110px;
  padding-bottom: 40px;
  font-size: 0.825rem;
}
@media (min-width: 768px) {
  .footer {
    font-size: 1rem;
  }
}
@media (min-width: 1200px) {
  .footer {
    padding-top: 120px;
    padding-bottom: 90px;
  }
}
.footer ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.footer .container {
  position: relative;
}

.footer-logo {
  position: absolute;
  left: 30px;
  top: -125px;
  width: 150px;
}
@media (min-width: 992px) {
  .footer-logo {
    left: 15px;
  }
}

.under-footer-logo {
  color: rgba(255, 255, 255, 0.5);
}

.footer-menu {
  display: none;
}
@media (min-width: 992px) {
  .footer-menu {
    display: block;
  }
}
.footer-menu a {
  text-decoration: none;
}

.region-i {
  background: url(../themes/pcm/assets/images/region.svg) no-repeat 0 7px/16px auto;
  padding-left: 25px;
}

.bottom-links li {
  display: inline-block;
  margin-right: 15px;
  color: rgba(255, 255, 255, 0.5);
}
@media (max-width: 767px) {
  .bottom-links li {
    margin-bottom: 35px;
  }
}
@media (min-width: 992px) {
  .bottom-links li {
    margin-right: 30px;
  }
}
.bottom-links a {
  text-decoration: none;
}

.bottom-row {
  margin-top: 40px;
}
@media (min-width: 992px) {
  .bottom-row {
    margin-top: 100px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .social-bottom {
    position: absolute;
    right: 15px;
    top: -30px;
  }
}
@media (min-width: 768px) {
  .social-bottom {
    text-align: right;
  }
}
.social-bottom a {
  width: 25px;
  height: 25px;
  display: inline-block;
  margin-right: 30px;
}
@media (min-width: 992px) {
  .social-bottom a {
    margin-left: 65px;
    margin-right: 0;
    width: 30px;
    height: 30px;
  }
}
.social-bottom svg {
  color: #a1cf77;
}
.social-bottom a:hover svg {
  color: #fff;
}

.scroll-to-top {
  background: #fff;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  bottom: 30px;
  display: block;
  opacity: 0;
  position: fixed;
  right: 30px;
  padding-top: 3px;
  transition: all 0.28s ease-out;
  text-align: center;
  z-index: 1000;
  box-shadow: 0 0 2px 2px #eef6e6;
  cursor: pointer;
}
.scroll-to-top svg {
  color: #00175a;
  width: 22px;
  height: 12px;
}

.scroll-to-top.active {
  opacity: 1;
}

.inner-page.extranet-forgot-password .header {
  background-color: #fff;
  margin-bottom: 80px;
}
.inner-page.extranet-forgot-password .form-group label {
  padding-left: 30px;
}

.form-group {
  padding-bottom: 25px;
  position: relative;
}
.form-group .visible {
  font-size: 13px;
  color: #f43315;
  z-index: 4;
  display: block;
  padding-top: 2px;
  position: relative;
  text-align: left;
}
.form-group .help-block {
  font-size: 12px;
  color: #a1cf77;
}
.form-group:not(.checkbox-field) .help-block {
  position: absolute;
  bottom: 5px;
  margin-bottom: 0;
}
.form-group + p {
  padding-left: 30px;
}
.form-group .label {
  padding-left: 30px;
  display: block;
}

.form-control {
  display: block;
  width: 100%;
  border: 1px solid #BFC5D5;
  background-color: #fff;
  font-size: 1rem;
  padding: 11px 30px;
  color: #00175a;
  font-family: "Poppins", sans-serif;
  border-radius: 5px;
}
.form-control:focus {
  outline: none;
  border-color: #00175a;
}
.form-control[disabled] {
  background: rgba(0, 23, 90, 0.05);
  color: #BFC5D5;
}

.ql-toolbar.ql-snow, .ql-container.ql-snow {
  border-color: #BFC5D5;
}

.ql-toolbar.ql-snow {
  border-radius: 5px 5px 0 0;
}

.ql-container.ql-snow {
  border-radius: 0 0 5px 5px;
}

.ql-editor p {
  margin-bottom: 15px !important;
}

.ql-snow .ql-formats .ql-stroke {
  stroke: #00175a;
}

.ql-snow .ql-formats .ql-fill {
  fill: #00175a !important;
}

.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label, .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #BFC5D5 !important;
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #BFC5D5 !important;
}

.ql-snow .ql-picker {
  color: #00175a !important;
}

.ql-editor, .ql-toolbar.ql-snow {
  padding-left: 30px !important;
}

::-webkit-input-placeholder {
  font-size: 17px;
  color: #BFC5D5;
  font-family: "Poppins", sans-serif;
}

:-moz-placeholder {
  font-size: 17px;
  color: #BFC5D5;
  font-family: "Poppins", sans-serif;
}

::-moz-placeholder {
  font-size: 17px;
  color: #BFC5D5;
  font-family: "Poppins", sans-serif;
}

:-ms-input-placeholder {
  font-size: 17px;
  color: #BFC5D5;
  font-family: "Poppins", sans-serif;
}

.codex-editor {
  border: 1px solid #BFC5D5;
  border-radius: 5px;
}

.ce-block__content {
  max-width: 750px !important;
  padding: 10px 30px;
}

.ce-toolbar__content {
  max-width: 750px !important;
}

.ce-toolbox--opened {
  border: 1px solid #BFC5D5;
  border-radius: 5px;
  padding: 10px;
}

.ce-toolbar__plus {
  color: #00175a;
}

.ce-toolbar__settings-btn {
  width: 30px !important;
  height: 30px !important;
  background-color: #a1cf77 !important;
  border-radius: 5px;
}

.ce-header {
  padding: 0.5em 0 !important;
}

.filter-button.block {
  display: block;
  width: 100% !important;
}

.date-field .calendar {
  position: absolute;
  border: 1px solid #BFC5D5;
  border-radius: 5px;
  width: 100%;
  padding: 20px;
  z-index: 99999;
}

.icon-field-wrapper svg {
  position: static;
}

.icon-field-wrapper i svg {
  position: absolute;
  pointer-events: none;
}

.calendar.initialized {
  background-color: #fff;
}

.secondname {
  display: none !important;
}

input[type=checkbox] {
  display: none;
}
input[type=checkbox]:checked + label:before {
  background: url(../themes/pcm/assets/images/check_blue.svg) 50% 50% no-repeat;
  background-size: 10px auto;
}
input[type=checkbox] + label {
  cursor: pointer;
  display: inline-block;
  position: relative;
  padding-left: 42px;
}
input[type=checkbox] + label:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 4px;
  width: 27px;
  height: 24px;
  border: 2px solid #00175a;
  border-radius: 3px;
  cursor: pointer;
}
input[type=checkbox] + label a {
  color: inherit;
}

.custom-checkbox label + .help-block {
  padding-left: 42px;
}

pre {
  margin: 0;
}

.input-confidence {
  display: none;
}
.input-confidence:checked + label:before {
  background: url(../themes/pcm/assets/images/check_blue.svg) 50% 50% no-repeat;
  background-size: 10px auto;
}
.input-confidence.-green-check:checked + label:before {
  background: url(../themes/pcm/assets/images/check_green.svg) 50% 50% no-repeat;
}
.input-confidence + label {
  cursor: pointer;
  display: inline-block;
  position: relative;
  padding-left: 42px;
}
.input-confidence + label:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 1px;
  width: 27px;
  height: 24px;
  border: 2px solid #00175a;
  border-radius: 3px;
  cursor: pointer;
  z-index: 10;
}
.input-confidence + label a {
  color: inherit;
}

[data-validate-for=confidence] {
  position: relative;
  top: 10px;
  color: #f43315;
}

.form-group-underlined {
  position: relative;
}
.form-group-underlined .label {
  font-size: 14px;
}
.form-group-underlined .input-text {
  border: 0;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #00175a;
  font-size: 17px;
  padding: 22px 15px 8px;
  display: block;
  width: 100%;
  line-height: 1.25;
  font-family: "Poppins", sans-serif;
  color: #00175a;
}
.form-group-underlined .input-text.error {
  border-color: #f43315 !important;
}
.form-group-underlined .input-text:focus {
  outline: 0;
  border-bottom-color: #fff;
  outline-offset: -1px;
  box-shadow: none;
  transition: border 0.35s ease-in-out;
}
.form-group-underlined .input-text:focus ~ label {
  top: 2px;
  font-size: 11px;
  transition: 0.35s ease-in-out;
}
.form-group-underlined .input-text.has-content ~ label {
  top: 1px;
  left: 15px;
  font-size: 11px;
  transition: 0.35s ease-in-out;
}
.form-group-underlined textarea {
  border: 1px solid #BFC5D5;
  font-size: 1rem;
  padding: 12px 20px;
  display: block;
  width: 100%;
  height: 170px;
  font-family: "Poppins", sans-serif;
}
.form-group-underlined textarea .label {
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  transition: 0.35s ease-in-out;
  z-index: 2;
}
.form-group-underlined textarea:focus {
  outline: 0;
  border: 1px solid #00175a;
  outline-offset: -1px;
  box-shadow: none;
  transition: border 0.35s ease-in-out;
}
.form-group-underlined textarea:focus ~ .label {
  top: -20px;
  font-size: 0.8em;
  transition: 0.35s ease-in-out;
}
.form-group-underlined textarea.has-content ~ .label {
  top: -20px;
  left: 0;
  font-size: 13px;
  transition: 0.35s ease-in-out;
}
.form-group-underlined textarea.error {
  border-bottom-color: #f43315 !important;
}
.form-group-underlined textarea.input-text {
  border: 0;
  height: 112px;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #00175a;
  overflow: auto;
  font-size: 14px;
}
.form-group-underlined textarea.input-text.error {
  border-color: #f43315 !important;
}
.form-group-underlined textarea.input-text:focus {
  outline: 0;
  border-bottom-color: #fff;
  outline-offset: -1px;
  box-shadow: none;
  transition: border 0.35s ease-in-out;
}
.form-group-underlined textarea.input-text:focus ~ label {
  top: 0;
  font-size: 11px;
  height: 17px;
  transition: 0.35s ease-in-out;
}
.form-group-underlined textarea.input-text.has-content ~ label {
  top: 0;
  left: 15px;
  font-size: 11px;
  height: 17px;
  transition: 0.35s ease-in-out;
}
.form-group-underlined textarea.input-text ~ label {
  right: 0;
  background: #BFC5D5;
  z-index: 12;
}
.form-group-underlined #lead-question ~ label {
  background: transparent;
  text-align: left;
}
.form-group-underlined .focus-bg {
  z-index: 1;
}
.form-group-underlined .label {
  position: absolute;
  top: 15px;
  left: 15px;
  font-size: 13px;
  transition: 0.35s ease-in-out;
  z-index: 2;
}
.form-group-underlined .input-text,
.form-group-underlined textarea {
  position: relative;
  z-index: 3;
  background-color: transparent;
}
.form-group-underlined + .button {
  margin: 2rem auto 0;
  display: block;
  width: 200px;
}
.form-group-underlined .visible {
  font-size: 13px;
  color: #f43315;
  z-index: 4;
  display: block;
  padding-top: 2px;
  position: relative;
  text-align: left;
}

.secondname {
  display: none !important;
}

.terms-agree {
  text-align: left;
}

[for=agree_chb] + .error {
  display: block;
}

.form-group.date-field .datepicker--cell-day:not(.-disabled-):not(.-selected-):before {
  background-color: #BFC5D5;
}
.form-group.date-field .datepicker--cell.-selected-:before {
  background-color: #e9b24c;
}

.hamburger-menu-inner {
  transition: all 0.6s, opacity 0.25s;
  opacity: 1;
  padding-bottom: 60px;
}
@media (max-width: 991px) {
  .hamburger-menu-inner {
    padding-bottom: 120px;
  }
}
.hamburger-menu-inner .social-bottom {
  position: absolute;
  left: 30px;
  top: auto;
  bottom: 0;
  text-align: left;
}
@media (min-width: 992px) {
  .hamburger-menu-inner .social-bottom {
    left: 15px;
  }
}
.hamburger-menu-inner .social-bottom a {
  margin-left: 0;
  margin-right: 20px;
}
@media (min-width: 992px) {
  .hamburger-menu-inner .social-bottom a {
    margin-right: 65px;
  }
}
.hamburger-menu-inner .social-bottom svg {
  color: #00175a;
}

@media (max-width: 991px) {
  .hamurger-menu-second-column {
    margin-left: 2em;
  }
}
@media (max-width: 767px) {
  .hamurger-menu-second-column {
    margin-top: 20px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hamurger-menu-second-column {
    margin-top: 30px;
  }
}

.hamburger-menu {
  background: #a1cf77;
  position: fixed;
  z-index: 1002;
  left: 0;
  top: 0;
  right: 0;
  height: 100vh;
  padding-top: 30px;
  opacity: 1;
  transition: all 0.6s;
  font-size: 1rem;
  overflow-y: scroll;
}
@media (min-width: 768px) {
  .hamburger-menu {
    padding-top: 40px;
    padding-bottom: 20px;
  }
}
.hamburger-menu .close {
  position: absolute;
  right: 15px;
  top: 0;
  cursor: pointer;
}
.hamburger-menu ul {
  list-style-type: none;
}
.hamburger-menu li.active a {
  font-weight: bold;
}
.hamburger-menu li, .hamburger-menu p {
  color: #fff;
}
.hamburger-menu a:hover {
  color: #00175a;
}
.hamburger-menu label {
  font-size: 1.235rem;
  color: #fff;
}
.hamburger-menu h3 {
  font-size: 1.235rem;
  margin-bottom: 20px;
  font-weight: 400;
  line-height: 120%;
}
@media (max-width: 767px) {
  .hamburger-menu h3 {
    margin-bottom: 0;
    margin-top: 5px;
  }
}
.hamburger-menu h3 a {
  text-decoration: none;
  position: relative;
}
.hamburger-menu h3 a::after {
  content: "";
  border-bottom: 2px solid #00175a;
  display: block;
  position: absolute;
  left: 0;
  bottom: -6px;
  opacity: 0;
  transition: 0.25s ease-in-out;
  transition-duration: 0.25s;
  width: 0;
}
.hamburger-menu h3 a:hover::after {
  right: 0;
  transition: 0.25s ease-in-out;
  transition-duration: 0.25s;
  opacity: 1;
  width: 100%;
}
.hamburger-menu .top-logo {
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  .hamburger-menu .top-logo {
    margin-bottom: 20px;
  }
}
@media (min-width: 768px) {
  .hamburger-menu .top-logo {
    margin-bottom: 60px;
  }
}
.hamburger-menu .menu-1 li {
  margin-bottom: 20px;
  line-height: 150%;
}
@media (min-width: 768px) {
  .hamburger-menu .menu-1 li {
    margin-bottom: 30px;
  }
}
.hamburger-menu .menu-1 li:hover a::after {
  right: 0;
  transition: 0.25s ease-in-out;
  transition-duration: 0.25s;
  opacity: 1;
  width: 100%;
}
.hamburger-menu .menu-1 a {
  display: inline-block;
  font-size: 1.235rem;
  color: #00175a;
  text-decoration: none;
  margin-bottom: 10px;
  position: relative;
}
.hamburger-menu .menu-1 a::after {
  content: "";
  border-bottom: 2px solid #00175a;
  display: block;
  position: absolute;
  left: 0;
  bottom: -6px;
  opacity: 0;
  transition: 0.25s ease-in-out;
  transition-duration: 0.25s;
  width: 0;
}
@media (max-width: 767px) {
  .hamburger-menu .menu-2 {
    margin-top: 10px;
  }
}
.hamburger-menu .menu-2 a {
  color: #00175a;
  text-decoration: none;
  position: relative;
}
.hamburger-menu .menu-2 a::after {
  content: "";
  border-bottom: 2px solid #00175a;
  display: block;
  position: absolute;
  left: 0;
  bottom: -4px;
  opacity: 0;
  transition: 0.25s ease-in-out;
  transition-duration: 0.25s;
  width: 0;
}
.hamburger-menu .menu-2 a:hover::after {
  right: 0;
  transition: 0.25s ease-in-out;
  transition-duration: 0.25s;
  opacity: 1;
  width: 100%;
}
.hamburger-menu.hidden {
  visibility: hidden;
  opacity: 0;
}
.hamburger-menu.hidden .hamburger-menu-inner {
  transform: translateY(20%);
  opacity: 0;
}

.menu-contacts {
  max-width: 330px;
}
@media (max-width: 767px) {
  .menu-contacts {
    display: none;
  }
}
.menu-contacts a {
  text-decoration: none;
}

@media (min-width: 768px) and (max-width: 991px) {
  .cols-xs-sm {
    display: flex;
  }
}
@media (min-width: 992px) {
  .cols-xs-sm .col + .col {
    padding-top: 35px;
  }
}
@media (max-width: 767px) {
  .cols-xs-sm .col + .col {
    padding-top: 30px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .cols-xs-sm .col:first-child {
    padding-right: 60px;
  }
}

.menu-longtitle {
  display: block;
}
@media (max-width: 767px) {
  .menu-longtitle {
    display: none;
  }
}

.header.faded-in {
  animation-fill-mode: unset;
}
.index-page .header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.inner-page .header {
  background-color: #eef6e6;
}
.header .container {
  display: flex;
  justify-content: space-between;
  height: 100%;
  padding-top: 40px;
}
@media (max-width: 991px) {
  .header .container {
    align-items: center;
  }
}
@media (min-width: 768px) {
  .header .container {
    align-items: center;
  }
}
.header .nav {
  margin-left: auto;
  z-index: 1;
}
.header .button {
  z-index: 1;
}

.inner-page.page404 .header {
  background-color: #a1cf77;
}
.inner-page.page404 .top-logo img {
  display: none;
}
.inner-page.page404 .top-logo {
  width: 115px;
  height: 35px;
  background: url(../themes/pcm/assets/images/pcm_logo_wtquote.svg) no-repeat 0 0/contain;
}
@media (min-width: 768px) {
  .inner-page.page404 .top-logo {
    width: 134px;
    height: 41px;
  }
}
.inner-page.page404 .h1 {
  color: #fff;
}

.top-logo {
  z-index: 1;
}
.top-logo img {
  width: 115px;
  height: 35px;
}
@media (min-width: 768px) {
  .top-logo img {
    width: 134px;
    height: 41px;
  }
}

@media (max-width: 510px) {
  .header-icons {
    display: flex;
    align-items: center;
    min-width: 124px;
  }
}
.header-icons.-fixed {
  position: fixed;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  text-align: right;
  transition: all 0.5s ease-in-out;
  z-index: 9998;
}
@media (max-width: 991px) {
  .header-icons.-fixed {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 767px) {
  .header-icons.-fixed {
    top: 25px;
  }
}
@media (max-width: 510px) {
  .header-icons.-fixed {
    width: auto;
    right: 0;
  }
}
@media (min-width: 511px) {
  .header-icons.-fixed {
    width: 225px;
    left: 50%;
  }
}
@media (min-width: 768px) {
  .header-icons.-fixed {
    width: 375px;
    top: 35px;
  }
}
@media (min-width: 992px) {
  .header-icons.-fixed {
    width: 475px;
    top: 40px;
  }
}
@media (min-width: 1200px) {
  .header-icons.-fixed {
    width: 570px;
  }
}
@media (min-width: 768px) {
  .header-icons.-fixed .login-link, .header-icons.-fixed .search-link {
    display: inline-block;
  }
}
@media (max-width: 767px) {
  .header-icons.-fixed .login-link {
    display: inline-block;
  }
}
.header-icons.-fixed .shopping-cart:not(.empty), .header-icons.-fixed .js--basket:not(.empty) {
  width: 41px;
  height: 40px;
}
.header-icons > a {
  width: 41px;
  height: 40px;
}
.header-icons .shopping-cart:not(.empty) {
  width: 50px;
  height: 50px;
  display: block;
}
.header-icons > * {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 8px;
}
@media (min-width: 768px) {
  .header-icons > * {
    margin: 0 5px;
  }
}
.header-icons .js--basket {
  display: inline-block;
  position: relative;
  z-index: 1;
}
.header-icons .shopping-cart.-empty {
  display: none;
}
.header-icons .login-link, .header-icons .search-link {
  display: none;
}
.header-icons .login-link.-show {
  display: inline-block;
  vertical-align: middle;
  z-index: 9998;
  position: relative;
}
@media (max-width: 510px) {
  .header-icons .search-link {
    display: none;
  }
}

.clients-section .container {
  padding-top: 40px;
}
@media (max-width: 767px) {
  .clients-section.-br-top-btm .container {
    padding-top: 0;
  }
}
.clients-section.-br-top-btm .container::before, .clients-section.-br-top-btm .container::after {
  content: "";
  height: 1px;
  display: block;
  position: absolute;
  left: 15px;
  right: 15px;
  background-color: #bfc5d5;
}
.clients-section.-br-top-btm .container::before {
  top: 0;
}
.clients-section.-br-top-btm .container::after {
  bottom: 0;
}
.clients-section .slick-prev, .clients-section .slick-next {
  top: 50%;
  margin-top: -14px;
}

.primary-menu {
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 1200px) {
  .primary-menu {
    margin-right: 15px;
  }
}
.primary-menu.-locales {
  position: absolute;
  top: 0;
  font-size: 13px;
  right: 30px;
}
@media (max-width: 991px) {
  .primary-menu.-locales {
    right: 45px;
  }
}
@media (max-width: 510px) {
  .primary-menu.-locales {
    right: 35px;
  }
}
@media (min-width: 1200px) {
  .primary-menu.-locales {
    right: 15px;
  }
}
.primary-menu li {
  margin-left: 0;
  display: inline-block;
  padding: 0 14px;
}
.primary-menu li a {
  line-height: 42px;
}
.primary-menu .active a::before {
  content: "";
  position: absolute;
  height: 2px;
  left: -1px;
  right: -1px;
  bottom: 0;
  background-color: #a1cf77;
  display: block;
}
.primary-menu a {
  text-decoration: none;
  color: inherit;
  position: relative;
}
.primary-menu a::after {
  content: "";
  border-bottom: 2px solid #a1cf77;
  display: block;
  position: absolute;
  left: -1px;
  bottom: 0;
  opacity: 0;
  transition: 0.25s ease-in-out;
  transition-duration: 0.75s;
  width: 0;
}
.primary-menu a:hover::after {
  right: -2px;
  transition: 0.25s ease-in-out;
  transition-duration: 0.75s;
  opacity: 1;
  width: calc(100% + 4px);
}

.mobile-menu-label {
  line-height: 42px;
  font-style: normal;
}

.top-contact-btn {
  margin-right: 10px;
}

a.mobile-menu-trigger {
  position: relative;
  cursor: pointer;
  transition: none 0s ease 0s;
  padding: 4px 62px 4px 20px;
  width: auto;
  height: 50px;
  line-height: 1;
  border: 1px solid #a1cf77;
  border-radius: 24px;
  z-index: 1;
  margin-right: 0;
}
@media (max-width: 510px) {
  a.mobile-menu-trigger {
    padding: 4px 50px 4px 10px;
  }
}
a.mobile-menu-trigger::after {
  content: "";
  position: absolute;
  display: block;
  border-radius: 50%;
  background-color: #fff;
  width: 41px;
  right: 4px;
  top: 4px;
  bottom: 4px;
  z-index: 1;
}
a.mobile-menu-trigger.-fixed-on-scroll {
  border: 0;
  padding: 0;
  z-index: 1001;
}
a.mobile-menu-trigger.-fixed-on-scroll .mobile-menu-label {
  display: none;
}
@media (max-width: 767px) {
  a.mobile-menu-trigger.-xs-mini {
    padding-left: 0;
    padding-right: 0;
    width: 50px;
    border-radius: 25px;
  }
}
@media (max-width: 767px) {
  a.mobile-menu-trigger.-xs-mini .mobile-menu-label {
    display: none;
  }
}
.-fixed a.mobile-menu-trigger {
  padding: 4px;
  width: 45px;
}
.-fixed a.mobile-menu-trigger span {
  background-color: transparent !important;
}
.-fixed a.mobile-menu-trigger span::before {
  transform: translateY(0px) rotate(45deg);
  width: 100%;
  background-color: #00175a;
}
.-fixed a.mobile-menu-trigger span::after {
  transform: translateY(0px) rotate(-45deg);
}
.-fixed a.mobile-menu-trigger .mobile-menu-label {
  display: none;
}
.header-icons:not(.fixed) a.mobile-menu-trigger.-fixed-on-scroll {
  position: fixed;
  right: 30px;
  margin: 0;
}
.header-icons:not(.fixed) a.mobile-menu-trigger.-fixed-on-scroll::after {
  box-shadow: 0 0 2px 1px #eef6e6;
}
a.mobile-menu-trigger span {
  background-color: #00175a;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -1px;
  position: absolute;
  right: 13px;
  top: 50%;
  margin-top: -1px;
  width: 22px;
  height: 2px;
  border-radius: 8px;
  font-size: 0px;
  user-select: none;
  z-index: 2;
}
a.mobile-menu-trigger span::before, a.mobile-menu-trigger span::after {
  position: absolute;
  right: 0;
  border-radius: 4px;
  height: 100%;
  content: " ";
  transition: transform 250ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s;
}
a.mobile-menu-trigger span::before {
  transform: translateY(-6px);
  background-color: #a1cf77;
  width: 50%;
}
a.mobile-menu-trigger span::after {
  transform: translateY(6px);
  background-color: #00175a;
  width: 100%;
}

.ol-cols-title {
  font-family: "Moderat", sans-serif;
  font-size: 1.471rem;
  margin-bottom: 1rem;
  line-height: 1.2;
}
@media (min-width: 768px) {
  .ol-cols-title {
    font-size: 1.65rem;
  }
}

@media (min-width: 992px) {
  .ol-cols-inner {
    padding-right: 33.3333333333%;
  }
}

.ol-cols-i {
  color: #a1cf77;
}

@media (min-width: 1200px) {
  .ol-cols-row {
    margin-left: 15px;
    margin-right: 15px;
  }
}
.ol-cols-row > div {
  margin-bottom: 15px;
}
@media (min-width: 992px) {
  .ol-cols-row > div {
    margin-bottom: 40px;
  }
}

@media (min-width: 992px) {
  .md-lg-step-pic {
    position: absolute;
    right: 30px;
    top: 0;
    width: 120px;
  }
}
@media (min-width: 992px) {
  .md-lg-step-pic img {
    opacity: 0;
  }
}

@media (min-width: 992px) {
  .animate img {
    opacity: 0;
    animation-name: fallLeft;
    animation-duration: 0.75s;
    animation-fill-mode: forwards;
  }
}

.animate-step1 img {
  animation-delay: 0.5s;
}

.animate-step2 img {
  animation-delay: 1s;
}

.animate-step3 img {
  animation-delay: 1.5s;
}

.animate-step4 img {
  animation-delay: 2s;
}

.duration-1000 {
  animation-duration: 4000ms !important;
}

.shifted-top-pic img {
  position: relative;
  margin-top: -30px;
}

.pic-right .pic-col {
  order: 2;
}
.pic-right .pic-col img {
  margin-left: auto;
  display: block;
}
@media (max-width: 991px) {
  .pic-right .pic-col img {
    margin-right: auto;
  }
}

.halfs-section .h2 {
  padding-top: 40px;
}
@media (min-width: 992px) {
  .halfs-section .h2 {
    padding-top: 60px;
  }
}
@media (min-width: 1200px) {
  .halfs-section .h2 {
    padding-top: 100px;
  }
}
@media (max-width: 991px) {
  .halfs-section .button {
    margin: 15px auto;
    display: block;
    width: 180px;
  }
}
@media (min-width: 1200px) {
  .halfs-section .button {
    margin-top: 35px;
  }
}
@media (max-width: 767px) {
  .halfs-section .pic-col {
    width: 330px;
    margin: 0 auto;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .halfs-section .pic-col {
    width: 360px;
    margin: 0 auto;
  }
}
@media (max-width: 767px) {
  .halfs-section .pic-col img {
    max-width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .halfs-section .pic-col img {
    margin-left: auto;
    margin-right: auto;
    display: block;
    max-width: 330px;
  }
}
.halfs-section .text-col {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.pcm-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.65);
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 9999;
  display: none;
}
.pcm-backdrop .popup-close {
  cursor: pointer;
  position: absolute;
  right: 25px;
  top: 20px;
}
.pcm-backdrop .popup-close svg {
  width: 25px;
  height: 25px;
  color: #00175a;
}

.switch-reg-tab {
  font-size: 0.825rem;
}

.delivery-alert-pop {
  padding-top: 100px;
  position: relative;
  font-size: 22px;
  border-radius: 5px;
}
.delivery-alert-pop .text-col {
  padding: 0 40px;
}
@media (max-width: 991px) {
  .delivery-alert-pop .text-col {
    order: 2;
  }
}
@media (min-width: 992px) {
  .delivery-alert-pop .text-col {
    padding: 0 40px;
  }
}
.delivery-alert-pop .quote-block--title::before {
  background: url(../themes/pcm/assets/images/quote_blue.svg) no-repeat 0 0/contain;
}
.delivery-alert-pop .pic-col {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767px) {
  .delivery-alert-pop .pic-col img {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .delivery-alert-pop .pic-col img {
    margin-bottom: 30px;
  }
}
.delivery-alert-pop ~ .popup-close {
  position: absolute;
  right: 35px;
  top: 20px;
  width: 25px;
  height: 25px;
}
.delivery-alert-pop ~ .popup-close:active {
  top: 20px;
}
.delivery-alert-pop ~ .popup-close svg {
  pointer-events: none;
  color: #00175a;
  display: block;
}

.pcm-modal {
  box-shadow: 6px 8px 15px rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  padding: 30px;
  position: relative;
  text-align: center;
  overflow: auto;
  opacity: 0;
  transition: 0.25s ease-in-out;
}
.pcm-modal textarea {
  margin-top: 22px;
}
.pcm-modal .checkbox-group {
  margin-top: 16px;
  text-align: left;
}
@media (max-width: 767px) {
  .pcm-modal .pic-col img {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .pcm-modal .pic-col img {
    margin-bottom: 30px;
    max-width: 150px;
  }
}
.pcm-modal .form-group-underlined .input-text:focus {
  outline: 0;
  border-bottom-color: #a1cf77;
}
@media (max-width: 991px) {
  .pcm-modal p {
    font-size: 13px;
  }
}
.pcm-modal .accept-col {
  text-align: left;
}
.pcm-modal .button-col {
  text-align: right;
}

.pcm-thankyou {
  box-shadow: 6px 8px 15px rgba(0, 0, 0, 0.1);
  background-color: #a1cf77;
  padding: 60px 30px 30px;
  position: relative;
  overflow: auto;
  transition: 0.25s ease-in-out;
}
@media (max-width: 991px) {
  .pcm-thankyou {
    text-align: center;
  }
}
.pcm-thankyou.active {
  display: block;
}
.pcm-thankyou.-lead .quote-block--title::before {
  background: url(../themes/pcm/assets/images/quote_blue.svg) no-repeat 0 0/contain;
}
.pcm-thankyou .quote-block--title {
  display: inline-block;
}
@media (max-width: 991px) {
  .pcm-thankyou .text-col {
    order: 2;
  }
}
@media (max-width: 767px) {
  .pcm-thankyou .pic-col img {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .pcm-thankyou .pic-col img {
    margin-bottom: 30px;
  }
}

.pcm-backdrop.-open {
  display: flex;
}
.pcm-backdrop.-open .pcm-modal, .pcm-backdrop.-open .pcm-thankyou {
  opacity: 1;
}

.connect-popup {
  padding: 30px 0;
}

.-connect-popup-row {
  background: #fff;
  padding: 15px;
}

.reg-popup {
  background-color: #eef6e6;
  border-radius: 5px;
  padding-top: 30px;
  padding-bottom: 30px;
}
.reg-popup .col-md-6 {
  padding-left: 30px;
  padding-right: 30px;
}
.reg-popup .form-group-underlined .input-text:focus {
  border-bottom-color: #a1cf77;
}

@media (max-width: 767px) {
  .registration-date-details {
    order: 2;
    margin-top: 80px;
  }
}
.extranet-popup {
  background-color: #e6e8ef;
  border-radius: 5px;
  padding-top: 30px;
  padding-bottom: 30px;
}
@media (min-width: 992px) {
  .extranet-popup .col-md-6 {
    padding-top: 30px;
    padding-bottom: 30px;
    display: flex;
    justify-content: center;
    flex-direction: column;
  }
}
.extranet-popup .col-md-6.-left-split {
  border-left: 1px solid #BFC5D5;
}

.extranet-popup-inner {
  height: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: flex-start;
}

.avatar-popup {
  background-color: #fff;
  border-radius: 5px;
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.avatar-popup .inner {
  padding: 24px;
}
.avatar-popup .buttons-block {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.avatar-popup .pull-right {
  margin-left: auto;
  margin-right: 30px;
}

.avatar-edit-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
  margin-bottom: 30px;
  position: relative;
}
.avatar-edit-center > img {
  max-height: 60vh;
  width: auto;
}

.choice-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  text-align: center;
  padding: 50px;
  box-shadow: 3px 2px 19px 5px rgba(238, 246, 230, 0.95);
  border-radius: 5px;
  z-index: 99999;
}
@media (max-width: 767px) {
  .choice-modal {
    min-width: 80%;
  }
}
@media (min-width: 768px) {
  .choice-modal {
    width: 550px;
  }
}
.choice-modal .popup-close {
  cursor: pointer;
  position: absolute;
  right: 25px;
  top: 20px;
}
.choice-modal .popup-close svg {
  width: 25px;
  height: 25px;
  color: #00175a;
  pointer-events: none;
}
.choice-modal .buttons-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.choice-modal .buttons-row .button {
  margin: 0 10px 15px;
}

.quote-section {
  padding-top: 70px;
  background-color: #00175a;
  color: #fff;
}
.quote-section .row .row {
  margin-top: 40px;
  margin-bottom: 25px;
}
.quote-section.-grey {
  background-color: #BFC5D5;
  color: #00175a;
}
.quote-section.-grey .quote-block--title {
  color: #00175a;
}
.quote-section.-grey .quote-block--title::before {
  background: url(../themes/pcm/assets/images/quote_blue.svg) no-repeat 0 0/contain;
}
.quote-section.-grey .quote-block--author strong {
  color: #00175a;
}
.quote-section.-grey .quote-block--author span {
  color: #fff;
}
.quote-section.-lgreen {
  background-color: #eef6e6;
  color: #00175a;
}
.quote-section.-lgreen .quote-block--title {
  color: #00175a;
}
.quote-section.-lgreen .quote-block--title::before {
  background: url(../themes/pcm/assets/images/quote_blue.svg) no-repeat 0 0/contain;
}
.quote-section.-lgreen .quote-block--author strong {
  color: #00175a;
}
.quote-section.-lgreen .quote-block--author span {
  color: #a1cf77;
}
.quote-section.-lgreen .button.-white-solid {
  color: #fff;
}
.quote-section.-lgreen .button.-white-solid:before {
  background-color: #00175a;
}
.quote-section.-lgreen .button.-white-solid .calendar-i {
  color: #fff !important;
  stroke: #a1cf77;
  stroke-width: 2.5;
}
.quote-section.-lgreen .button.-white-solid:hover .calendar-i {
  stroke: #00175a;
  color: #00175a !important;
  stroke-width: 2.5;
}
.quote-section.-green {
  background-color: #a1cf77;
  color: #00175a;
}
.quote-section.-green .quote-block--title {
  color: #00175a;
}
.quote-section.-green .quote-block--title::before {
  background: url(../themes/pcm/assets/images/quote_blue.svg) no-repeat 0 0/contain;
}
.quote-section.-green .quote-block--author strong {
  color: #00175a;
}
.quote-section.-green .quote-block--author span {
  color: #fff;
}
.quote-section.-green .button.-white-solid:hover::after {
  background-color: #00175a;
}
@media (max-width: 767px) {
  .quote-section .button {
    display: block;
    width: 240px;
    margin-left: auto;
    margin-right: auto;
  }
}

.quote-block--title {
  padding-top: 1px;
  margin-top: 25px;
  position: relative;
  font-size: 2.5rem;
  line-height: 1.15;
  font-family: "Moderat", sans-serif;
  letter-spacing: -0.92px;
}
@media (max-width: 767px) {
  .quote-block--title {
    font-size: 1.471rem;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .quote-block--title {
    font-size: 2.1rem;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .quote-block--title {
    font-size: 2.1rem;
  }
}
.quote-block--title::before {
  content: "";
  display: block;
  background: url(../themes/pcm/assets/images/quote.svg) no-repeat 0 0/contain;
  width: 44px;
  height: 38px;
  position: absolute;
  left: 0;
  top: -53px;
}
.quote-block--title.-green {
  color: #a1cf77;
}
.title-section.-lgreen .quote-block--title {
  color: #00175a;
}

.quote-block--text {
  margin-top: 33px;
}

.quote-block--pic {
  margin-right: 15px;
  margin-left: -15px;
}
.quote-block--pic img {
  display: block;
  border-radius: 50%;
}

.quote-block--pic, .quote-block--author {
  display: inline-block;
  vertical-align: middle;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .quote-section .cta-col .row, .cta-row .cta-col .row {
    margin-left: -10px;
    margin-right: -10px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .quote-section .cta-col .row .col-sm-6, .cta-row .cta-col .row .col-sm-6 {
    padding-left: 8px;
    padding-right: 8px;
  }
}

@media (max-width: 767px) {
  .quote-section .author-col, .cta-row .author-col {
    margin-bottom: 25px;
  }
}
@media (max-width: 991px) {
  .quote-section .author-col, .cta-row .author-col {
    text-align: center;
  }
}

@media (max-width: 767px) {
  .quote-section .button-col, .cta-row .button-col {
    order: 2;
    text-align: center;
  }
}

.quote-block--author {
  font-size: 0.825rem;
  line-height: 1.4;
  text-align: left;
}
.quote-block--author strong {
  color: #a1cf77;
  font-weight: 500;
}

/*Quotes*/
.quote-card {
  border: 1px solid #BFC5D5;
  border-radius: 5px;
  padding: 30px;
  min-height: 490px;
  font-size: 0.825rem;
  line-height: 22px;
}
.quote-card .text {
  font-weight: normal;
  color: #00175a;
  margin-bottom: 30px;
}
.quote-card .pic {
  width: 65px;
  height: auto;
  border-radius: 50%;
}
.quote-card .name {
  font-weight: 500;
  font-size: 0.825rem;
  line-height: 20px;
  color: #00175a;
}
.quote-card .role {
  font-weight: 500;
  font-size: 0.825rem;
  line-height: 20px;
  color: #a1cf77;
}
.quote-card .date {
  position: absolute;
  bottom: 30px;
  line-height: 100%;
  font-weight: 500;
}
.quote-card .date span {
  color: #a1cf77;
}

.title-section-wrapper.-search-page-title {
  padding-bottom: 65px;
}

.search-page-form {
  position: relative;
  width: 100%;
}
.search-page-form input {
  width: 100%;
  background: #FFFFFF;
  border: 1px solid #BFC5D5;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 9px 30px;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0px;
}
.search-page-form span.search-clear {
  position: absolute;
  margin: 8px 0px 0px -76px;
}
.search-page-form span.search-i {
  width: 50px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  background: #00175a;
  border-radius: 0px 5px 5px 0px;
  position: absolute;
  position: absolute;
  top: 0;
  right: 0;
}

.search-page-filter {
  background: #a1cf77;
  margin: 15px 30px;
  padding: 0 12px;
  width: 150px;
  height: 50px;
  align-items: center;
  justify-content: center;
  display: flex;
  border-radius: 5px;
}
@media (min-width: 768px) {
  .search-page-filter {
    margin: 0px 30px;
  }
}
.search-page-filter span {
  width: 24px;
  height: 24px;
  margin-left: 17px;
}

.search-results-container {
  margin: 0px 0px 46px 0px;
}
.search-results-container > .-search-h3 {
  margin: 0px 0px 15px 0px;
}

.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
  z-index: 900;
  width: 100%;
}
.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select2-container .select2-selection--single .select2-selection__clear {
  position: relative;
  display: none;
}
.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  user-select: none;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: block;
  overflow: hidden;
  padding-left: 7px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 0;
  padding: 0;
  margin-bottom: 0;
  font-size: 17px;
  color: #00175a;
}
.select2-selection--multiple .select2-search--inline:first-of-type .select2-search__field {
  width: auto !important;
}

.select2-dropdown {
  background-color: white;
  border: 1px solid #BFC5D5;
  overflow: hidden;
  border-radius: 5px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}

.select2-results {
  display: block;
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

.select2-results__option {
  padding: 6px 30px;
  user-select: none;
}

.select2-results__option[aria-selected] {
  cursor: pointer;
}

.select2-container--open {
  z-index: 999999;
}
.select2-container--open .select2-dropdown {
  left: 0;
}
.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
@media (max-width: 767px) {
  .select2-container--open .select2-dropdown--below {
    position: absolute !important;
    right: 0;
  }
}

.select2-search--dropdown {
  display: block;
  padding: 4px;
}
.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}
.select2-search--dropdown.select2-search--hide {
  display: none;
}

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: white;
  filter: alpha(opacity=0);
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #BFC5D5;
  border-radius: 5px;
  min-height: 42px;
}
.select2-container--default .select2-selection--single:focus {
  outline: 0;
  border: 1px solid #00175a;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #00175a;
  line-height: 1;
  padding: 16px 30px 15px;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  font-size: 17px;
  color: #BFC5D5;
  font-family: "Poppins", sans-serif;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eeeeee;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eeeeee;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #BFC5D5;
  border-radius: 5px;
  cursor: text;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 7px 50px 3px 30px;
  display: flex;
  flex-wrap: wrap;
  min-height: 48px;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  list-style: none;
}
.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
  color: #BFC5D5;
  margin-top: 5px;
  float: left;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px;
  display: none;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #fff;
  border: 1px solid #BFC5D5;
  border-radius: 3px;
  cursor: default;
  float: left;
  margin-right: 4px;
  margin-top: 4px;
  padding: 0 4px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #00175a;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #00175a;
}
.select2-container--default .select2-results__option[role=group] {
  padding: 0;
}
.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999;
}
.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #BFC5D5;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: rgba(0, 23, 90, 0.05);
  /*color: white;*/
}
.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid #BFC5D5 1px;
  outline: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #BFC5D5;
  outline: 0;
}
.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
}
.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}
.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  float: right;
  margin-left: 5px;
  margin-right: auto;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__placeholder {
  float: right;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline {
  float: right;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

.select2-container--classic .select2-selection--single {
  background-color: #fff;
  border: 1px solid #808080;
  border-radius: 4px;
  outline: 0;
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}
.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #00175a;
}
.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #00175a;
  line-height: 28px;
  outline: 0;
  border: 1px solid #BFC5D5;
  padding: 14px 22px;
}
.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-right: 10px;
}
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}
.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0);
}
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #808080;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: linear-gradient(to bottom, white 0, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0);
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #808080;
}
.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #808080;
}
.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #808080;
  border-radius: 2px;
  cursor: text;
  outline: 0;
}
.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #00175a;
}
.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
  list-style: none;
  margin: 0;
  padding: 14px 22px;
  outline: 0;
}
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #808080;
  border-radius: 2px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  color: #888;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
}
.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent;
}
.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}
.select2-container--classic .select2-dropdown--below {
  border-top: none;
}
.select2-container--classic .select2-results__option[role=group] {
  padding: 0;
}
.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: rgba(0, 23, 90, 0.05);
}
.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: white;
}
.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}
.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #808080;
  outline: 0;
}
.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none;
}
.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}
.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #808080;
  border-radius: 0;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  left: 1px;
  right: auto;
}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  float: right;
  margin-left: 5px;
  margin-right: auto;
}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}

.select2-selection__rendered {
  padding-right: 25px !important;
}

.select2-selection__rendered:after {
  content: "";
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  background: url(../themes/pcm/assets/images/arrow_down.svg) no-repeat 0 0/contain;
  width: 17px;
  height: 9px;
}

.header .select2-container--default .select2-selection--single .select2-selection__rendered {
  padding: 0;
  line-height: 1.1;
  margin-top: -1px;
}
.header .select2-container--default .select2-selection--single {
  border-color: transparent;
  min-height: initial;
}
.header .select2-selection__rendered:after {
  background: url(../themes/pcm/assets/images/angle-down-grey.svg) 0 0/contain no-repeat transparent;
  width: 12px;
  height: 12px;
  border: 0;
}

.index-page .header:not(.-nav-show) .select2-container--default .select2-selection--single {
  background-color: transparent;
}
.index-page .header:not(.-nav-show) .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #fff;
}
.index-page .header:not(.-nav-show) .select2-selection__rendered:after {
  background: url(../themes/pcm/assets/images/angle-down.svg) 0 0/contain no-repeat transparent;
}

.ss-wrapper {
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  float: left;
}

.ss-content {
  height: 100%;
  width: calc(100% + 18px);
  padding: 0 0 0 0;
  position: relative;
  overflow: auto;
  box-sizing: border-box;
}

.ss-content.rtl {
  width: calc(100% + 18px);
  right: auto;
}

.ss-scroll {
  position: relative;
  background: rgba(0, 0, 0, 0.1);
  width: 9px;
  border-radius: 4px;
  top: 0;
  z-index: 2;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.25s linear;
}

.ss-hidden {
  display: none;
}

.ss-container:hover .ss-scroll,
.ss-container:active .ss-scroll {
  opacity: 1;
}

.ss-grabbed {
  -o-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.tabs-plan {
  display: flex;
  justify-content: center;
  padding-top: 4px;
  z-index: 10;
  position: relative;
}
@media (max-width: 510px) {
  .tabs-plan {
    margin-left: -30px;
    margin-right: -30px;
  }
}
@media (max-width: 991px) {
  .tabs-plan {
    position: sticky;
    align-self: flex-start;
    top: 0;
    z-index: 10;
    background: #fff;
  }
}
.tabs-plan > span {
  display: flex;
}
.tabs-plan > span > a {
  width: 100%;
}
.tabs-plan span + span {
  margin-left: 15px;
}
@media (max-width: 510px) {
  .tabs-plan span + span {
    margin-left: 5px;
  }
}
.tabs-plan span a {
  font-size: 13px;
  text-align: center;
  display: block;
  border: 1px solid #bfc5d5;
  background: #BFC5D5;
  color: #00175a;
  border-radius: 5px 5px 0px 0px;
  cursor: pointer;
  padding: 10px;
  user-select: none;
  margin-right: -1px;
  line-height: 1.4;
  margin-bottom: -1px;
  min-width: 160px;
}
@media (max-width: 510px) {
  .tabs-plan span a {
    min-width: 0;
  }
}
@media (min-width: 511px) {
  .tabs-plan span a {
    font-size: 15px;
  }
}
@media (min-width: 768px) {
  .tabs-plan span a {
    font-size: 17px;
    font-weight: 600;
    min-width: 320px;
    padding: 20px;
  }
}
.tabs-plan span.active a {
  font-weight: bold;
  border-bottom-color: #eef6e6;
  background-color: #eef6e6;
  color: #00175a;
  position: relative;
}
.tabs-plan span.active a:after {
  width: 100%;
  height: 3px;
  display: block;
  position: absolute;
  left: 0;
  background: #fff;
}

.js-is-sticky {
  background: #fff;
  z-index: 10;
  border-bottom: 1px solid #bfc5d5;
}
.js-is-sticky::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  height: 40px;
  transform: translateY(100%);
  left: 0;
  right: 0;
  background-image: linear-gradient(to bottom, #eef6e6, rgba(238, 246, 230, 0));
}

.tab-content {
  border: 1px solid #BFC5D5;
  background-color: #eef6e6;
  padding: 30px 30px 0;
  min-height: 300px;
  height: auto;
}
@media (max-width: 510px) {
  .tab-content {
    margin-left: -30px;
    margin-right: -30px;
  }
}

.tab-content .inner {
  position: relative;
}

.tabs-cols-title {
  font-size: 17px;
  font-weight: 600;
}

.tabs-cols-i {
  font-weight: 700;
  color: #a1cf77;
  position: relative;
}
@media (min-width: 768px) {
  .tabs-cols-i {
    margin: 0px 0px 2rem 0px;
  }
}
.tabs-cols-i:after {
  content: "";
  width: calc(100% - 50px);
  height: 1px;
  display: block;
  position: absolute;
  right: 0;
  bottom: 50%;
  background: #BFC5D5;
}

.tabs-row > div {
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  .tabs-row > div:last-child .tabs-cols-i::after {
    content: none;
  }
}

.title-section-wrapper {
  padding-bottom: 65px;
  overflow: hidden;
}
@media (min-width: 768px) and (max-width: 991px) {
  .title-section-wrapper {
    padding-bottom: 70px;
  }
}
@media (max-width: 767px) {
  .title-section-wrapper:not(.-no-pic) {
    padding-bottom: 280px;
  }
}
.title-section {
  padding-top: 50px;
  padding-bottom: 30px;
}
@media (min-width: 768px) {
  .title-section {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }
}
@media (min-width: 1200px) {
  .title-section {
    padding-top: 75px;
    padding-bottom: 70px;
  }
}
.title-section.-smoky {
  background-color: rgba(0, 23, 90, 0.05);
}
.title-section.-green {
  background-color: #a1cf77;
}
.title-section.-lgreen {
  background-color: #eef6e6;
}
@media (max-width: 767px) {
  .title-section .h1 {
    text-align: center;
  }
}
@media (min-width: 768px) {
  .title-section .h1 {
    margin-top: 30px;
  }
}
@media (min-width: 1200px) {
  .title-section .h1 {
    margin-top: 60px;
  }
}
.title-section .h1 u {
  text-decoration: none;
  display: inline-block;
  position: relative;
}
.title-section .h1 u::before {
  content: "";
  position: absolute;
  height: 3px;
  border-radius: 5px;
  left: -2px;
  right: -2px;
  bottom: 0;
  background-color: #a1cf77;
  display: block;
}
.title-section .h2 {
  padding-top: 50px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .title-section .row > div:not(.no-pic-header) .h1 ~ * {
    width: 50%;
    margin-left: calc(50% + 15px);
  }
}
.title-section .quote-block--title {
  padding-bottom: 30px;
}
.title-section .button {
  min-width: 180px;
  margin-top: 30px;
}
@media (min-width: 992px) {
  .title-section .text-col {
    padding-left: 0;
  }
}
@media (max-width: 767px) {
  .title-section .pic-col {
    order: 2;
    padding-bottom: 41%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .title-section .pic-col {
    order: 2;
  }
}
.title-section .pic-col img {
  position: absolute;
  left: 15px;
  top: 0;
}
@media (max-width: 767px) {
  .title-section .pic-col img {
    right: 15px;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .title-section .pic-col img {
    top: auto;
    left: 15px;
    bottom: -80px;
    width: 300px;
  }
}
@media (min-width: 768px) {
  .title-section .pic-col img {
    max-width: 83.3333333333%;
  }
}
.title-section p:not(.email-me-i) a {
  text-decoration: none;
  position: relative;
  display: inline-block;
}
.title-section p:not(.email-me-i) a::before {
  content: "";
  position: absolute;
  height: 2px;
  left: -1px;
  right: -1px;
  bottom: 0;
  background-color: #a1cf77;
  display: block;
}
.title-section p:not(.email-me-i) a::after {
  content: "";
  border-bottom: 2px solid #00175a;
  display: block;
  position: absolute;
  left: -1px;
  bottom: 0;
  opacity: 0;
  transition: 0.25s ease-in-out;
  transition-duration: 0.75s;
  width: 0;
}
.title-section p:not(.email-me-i) a:hover::after {
  right: 0;
  transition: 0.25s ease-in-out;
  transition-duration: 0.75s;
  opacity: 1;
  width: calc(100% + 2px);
}
.title-section .page-contents-list p a::before {
  display: none;
}

.page-contents-list {
  margin-top: 40px;
  margin-bottom: 15px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .page-contents-list {
    margin-top: 60px;
    margin-bottom: 60px;
  }
}
@media (min-width: 992px) {
  .page-contents-list {
    margin-bottom: 45px;
  }
}
.page-contents-list p {
  line-height: 1.45;
}

.networks-row svg {
  width: 25px;
  height: 25px;
}
.networks-row a {
  display: inline-block;
  margin-right: 15px;
}

.page-subtitle {
  color: #a1cf77;
  font-weight: 700;
}

.check-i {
  background: url(../themes/pcm/assets/images/check_learn.svg) no-repeat 0 7px/16px auto;
  padding-left: 27px;
  padding-bottom: 15px;
  position: relative;
}
.check-i:before {
  content: "";
  width: 100%;
  height: 1px;
  display: block;
  position: absolute;
  left: 0;
  bottom: 5px;
  background: #BFC5D5;
}
.check-i:last-child::before {
  content: none;
}
.check-i p {
  margin-bottom: 0;
}
.check-i a {
  text-decoration: none;
}
.check-i a::before, .check-i a::after {
  display: none !important;
  content: none;
}

.tooltip-content {
  position: absolute;
  border: 1px solid #BFC5D5;
  background-color: #fff;
  border-radius: 4px;
  padding: 5px;
  font-size: 0.825rem;
  color: #3B3A3F;
  font-weight: 400;
  bottom: -10px;
  left: 50%;
  transform: translate(-50%, 100%);
  width: 170px;
  line-height: 18px;
}
@media (min-width: 992px) {
  .tooltip-content {
    width: 250px;
    padding: 15px;
  }
}
.tooltip-content p:last-child {
  margin-bottom: 0;
}
.tooltip-content::before {
  content: "";
  position: absolute;
  width: 0;
  top: -11px;
  left: 50%;
  margin-left: -14px;
  height: 0;
  border-style: solid;
  border-width: 0 12px 11px 12px;
  border-color: transparent transparent #BFC5D5 transparent;
  z-index: 1;
}
.tooltip-content::after {
  content: "";
  position: absolute;
  width: 0;
  top: -10px;
  left: 50%;
  margin-left: -12px;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #fff transparent;
  z-index: 2;
}

.tooltip {
  height: 18px;
  min-width: 18px;
  cursor: pointer;
  position: relative;
  display: inline-block;
  z-index: 100;
  text-align: center;
}
.tooltip i {
  background-color: #a1cf77;
  border-radius: 50%;
  color: #fff;
  font-style: normal;
  position: absolute;
  font-size: 18px;
  width: 18px;
  height: 100%;
  left: 0;
  top: 0;
  text-align: center;
  line-height: 18px;
}
.tooltip .label {
  font-size: 0.825rem;
  padding-left: 28px;
  line-height: 18px;
  position: relative;
  top: -6px;
}

@keyframes fallDown {
  0%, 60%, 75%, 90%, 100% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.555, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes fallLeft {
  0%, 60%, 75%, 90%, 100% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.555, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes down {
  0% {
    opacity: 0;
    transform: translateY(-1024px);
    transition-timing-function: cubic-bezier(0.07, 0.44, 0.54, 1.24);
  }
  100% {
    opacity: 1;
    transform: 0;
    transition-timing-function: cubic-bezier(0.07, 0.44, 0.54, 1.24);
  }
}
@keyframes wobble {
  33% {
    transform: translateX(-10px);
  }
  66% {
    transform: translateX(10px);
  }
}
.overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999999;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.5s;
  --sk-size: 50px;
}

.overlay .quote {
  content: "";
  width: var(--sk-size);
  height: var(--sk-size);
  z-index: 99;
  transform: scale(0);
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -25px;
  margin-top: -25px;
  background: url(../themes/pcm/assets/images/logo_fav.svg) no-repeat 50% 50%/contain;
}

.overlay .circle {
  width: 100px;
  height: 100px;
  z-index: 98;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -50px;
  transform-origin: center;
  transform: scale(20);
  background-color: #eef6e6;
}

.overlay.active {
  opacity: 1;
  transition: opacity 0s;
}

.overlay.active .sk-bounce {
  opacity: 1;
  transition: all 1s;
}

.overlay.active .circle {
  opacity: 1;
  animation-name: upScale;
  animation-duration: 1.5s;
  animation-timing-function: ease;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  transform-origin: center;
}

.overlay.active .quote {
  animation: pulse 0.75s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
}

.initial-fade {
  opacity: 0;
}

.faded-in {
  animation-name: fadeInUp;
  animation-duration: 0.8s;
  animation-timing-function: ease;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}

.opacity-1 {
  opacity: 1 !important;
}

.animate-baloon {
  animation: baloon 4s;
}

@keyframes baloon {
  0% {
    width: 50px;
    height: 50px;
    bottom: 0;
    transform: rotate(85deg);
  }
  25% {
    bottom: -75px;
    left: 10px;
    transform: rotate(52deg);
    width: 145px;
    height: 167px;
  }
  50% {
    width: 247px;
    height: 276px;
    bottom: -134px;
    left: -34px;
    transform: rotate(30deg);
  }
  75% {
    width: 368px;
    height: 400px;
    bottom: -203px;
    left: -87px;
    transform: rotate(18deg);
  }
  100% {
    width: 280px;
    height: 400px;
    bottom: 150%;
    left: 70px;
    transform: rotate(-10deg);
  }
}
@keyframes iconsFade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  from {
    transform: translate3d(0, 40px, 0);
    opacity: 0;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes pulse {
  0% {
    transform: scale(0);
  }
  to {
    transform: scale(1);
    opacity: 0;
  }
}
@keyframes upScale {
  0% {
    transform: scale(0);
  }
  to {
    transform: scale(20);
  }
}
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

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

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

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

.slick-arrow.slick-hidden {
  display: none;
}

.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  cursor: pointer;
  top: 60%;
  padding: 0;
  border: none;
  outline: none;
  z-index: 10;
  background: #fff;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  padding-top: 10px;
  text-align: center;
  box-shadow: 0 0 2px 2px #eef6e6;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
}
.slick-prev svg,
.slick-next svg {
  width: 12px;
  height: 20px;
  color: #00175a;
}

.slick-prev {
  transform: rotate(-180deg);
  left: -30px;
}

.slick-next {
  right: -30px;
}

.cases-section .slick-prev {
  display: none;
  top: 50%;
  transform: rotate(-180deg);
  left: -40px;
}
@media (min-width: 992px) {
  .cases-section .slick-prev {
    display: block;
  }
}
@media (max-width: 767px) {
  .cases-section .slick-prev {
    left: -60px;
  }
}
@media (max-width: 510px) {
  .cases-section .slick-prev {
    left: -20px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .cases-section .slick-prev {
    left: -55px;
  }
}
.cases-section .slick-next {
  display: none;
  top: 50%;
  right: -30px;
}
@media (min-width: 992px) {
  .cases-section .slick-next {
    display: block;
  }
}
@media (max-width: 767px) {
  .cases-section .slick-next {
    right: -60px;
  }
}
@media (max-width: 510px) {
  .cases-section .slick-next {
    right: -20px;
  }
}

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  overflow: hidden;
  position: fixed;
  background-color: rgba(59, 58, 63, 0.85);
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}

.mfp-preloader a {
  color: #CCC;
}

.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 24px;
  height: 24px;
  line-height: 24px;
  position: absolute;
  right: 24px;
  top: 24px;
  text-decoration: none;
  text-align: center;
  opacity: 0.75;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close svg {
  pointer-events: none;
  display: block;
}

.mfp-close:hover,
.mfp-close:focus {
  opacity: 1;
}

/*.mfp-close-btn-in .mfp-close {
  color: #333; }*/
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active {
  margin-top: -54px;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
}

.mfp-arrow:before,
.mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}

.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}

.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}

.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}

.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}

.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}

.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}

.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}

.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}

.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

.mfp-close-btn-in .mfp-close {
  color: #00175a;
  font-size: 55px;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }

  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }

  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }

  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }

  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }

  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }

  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }

  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
/* start state */
.my-mfp-zoom-in .zoom-anim-dialog {
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
}

/* animate in */
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

/* animate out */
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 0;
}

/* jquery.Jcrop.min.css v0.9.12 (build:20130126) */
.jcrop-holder {
  direction: ltr;
  text-align: left;
}

.jcrop-vline, .jcrop-hline {
  background: #FFF url(../themes/pcm/assets/css/Jcrop.gif);
  font-size: 0;
  position: absolute;
}

.jcrop-vline {
  height: 100%;
  width: 1px !important;
}

.jcrop-vline.right {
  right: 0;
}

.jcrop-hline {
  height: 1px !important;
  width: 100%;
}

.jcrop-hline.bottom {
  bottom: 0;
}

.jcrop-tracker {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  height: 100%;
  width: 100%;
}

.jcrop-handle {
  background-color: #333;
  border: 1px #EEE solid;
  font-size: 1px;
  height: 7px;
  width: 7px;
}

.jcrop-handle.ord-n {
  left: 50%;
  margin-left: -4px;
  margin-top: -4px;
  top: 0;
}

.jcrop-handle.ord-s {
  bottom: 0;
  left: 50%;
  margin-bottom: -4px;
  margin-left: -4px;
}

.jcrop-handle.ord-e {
  margin-right: -4px;
  margin-top: -4px;
  right: 0;
  top: 50%;
}

.jcrop-handle.ord-w {
  left: 0;
  margin-left: -4px;
  margin-top: -4px;
  top: 50%;
}

.jcrop-handle.ord-nw {
  left: 0;
  margin-left: -4px;
  margin-top: -4px;
  top: 0;
}

.jcrop-handle.ord-ne {
  margin-right: -4px;
  margin-top: -4px;
  right: 0;
  top: 0;
}

.jcrop-handle.ord-se {
  bottom: 0;
  margin-bottom: -4px;
  margin-right: -4px;
  right: 0;
}

.jcrop-handle.ord-sw {
  bottom: 0;
  left: 0;
  margin-bottom: -4px;
  margin-left: -4px;
}

.jcrop-dragbar.ord-n, .jcrop-dragbar.ord-s {
  height: 7px;
  width: 100%;
}

.jcrop-dragbar.ord-e, .jcrop-dragbar.ord-w {
  height: 100%;
  width: 7px;
}

.jcrop-dragbar.ord-n {
  margin-top: -4px;
}

.jcrop-dragbar.ord-s {
  bottom: 0;
  margin-bottom: -4px;
}

.jcrop-dragbar.ord-e {
  margin-right: -4px;
  right: 0;
}

.jcrop-dragbar.ord-w {
  margin-left: -4px;
}

.jcrop-light .jcrop-vline, .jcrop-light .jcrop-hline {
  background: #FFF;
  filter: alpha(opacity=70) !important;
  opacity: 0.7 !important;
}

.jcrop-light .jcrop-handle {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #000;
  border-color: #FFF;
  border-radius: 3px;
}

.jcrop-dark .jcrop-vline, .jcrop-dark .jcrop-hline {
  background: #000;
  filter: alpha(opacity=70) !important;
  opacity: 0.7 !important;
}

.jcrop-dark .jcrop-handle {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #FFF;
  border-color: #000;
  border-radius: 3px;
}

.solid-line .jcrop-vline, .solid-line .jcrop-hline {
  background: #FFF;
}

.jcrop-holder img, img.jcrop-preview {
  max-width: none;
}

.jcrop-holder {
  background: #FFF;
}

/*# sourceMappingURL=main.css.map */

@-webkit-keyframes showSweetAlert {
  0% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7);
  }
  45% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
  }
  80% {
    transform: scale(0.95);
    -webkit-tranform: scale(0.95);
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
@keyframes showSweetAlert {
  0% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7);
  }
  45% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
  }
  80% {
    transform: scale(0.95);
    -webkit-tranform: scale(0.95);
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
@-webkit-keyframes hideSweetAlert {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
  100% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
  }
}
@keyframes hideSweetAlert {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
  100% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
  }
}
.showSweetAlert {
  -webkit-animation: showSweetAlert 0.3s;
  animation: showSweetAlert 0.3s;
}
.hideSweetAlert {
  -webkit-animation: hideSweetAlert 0.2s;
  animation: hideSweetAlert 0.2s;
}
@-webkit-keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  54% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  70% {
    width: 50px;
    left: -8px;
    top: 37px;
  }
  84% {
    width: 17px;
    left: 21px;
    top: 48px;
  }
  100% {
    width: 25px;
    left: 14px;
    top: 45px;
  }
}
@keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  54% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  70% {
    width: 50px;
    left: -8px;
    top: 37px;
  }
  84% {
    width: 17px;
    left: 21px;
    top: 48px;
  }
  100% {
    width: 25px;
    left: 14px;
    top: 45px;
  }
}
@-webkit-keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  65% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  84% {
    width: 55px;
    right: 0px;
    top: 35px;
  }
  100% {
    width: 47px;
    right: 8px;
    top: 38px;
  }
}
@keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  65% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  84% {
    width: 55px;
    right: 0px;
    top: 35px;
  }
  100% {
    width: 47px;
    right: 8px;
    top: 38px;
  }
}
@-webkit-keyframes rotatePlaceholder {
  0% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  5% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  12% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg);
  }
  100% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg);
  }
}
@keyframes rotatePlaceholder {
  0% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  5% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  12% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg);
  }
  100% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg);
  }
}
.animateSuccessTip {
  -webkit-animation: animateSuccessTip 0.75s;
  animation: animateSuccessTip 0.75s;
}
.animateSuccessLong {
  -webkit-animation: animateSuccessLong 0.75s;
  animation: animateSuccessLong 0.75s;
}
.icon.success.animate::after {
  -webkit-animation: rotatePlaceholder 4.25s ease-in;
  animation: rotatePlaceholder 4.25s ease-in;
}
@-webkit-keyframes animateErrorIcon {
  0% {
    transform: rotateX(100deg);
    -webkit-transform: rotateX(100deg);
    opacity: 0;
  }
  100% {
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1;
  }
}
@keyframes animateErrorIcon {
  0% {
    transform: rotateX(100deg);
    -webkit-transform: rotateX(100deg);
    opacity: 0;
  }
  100% {
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1;
  }
}
.animateErrorIcon {
  -webkit-animation: animateErrorIcon 0.5s;
  animation: animateErrorIcon 0.5s;
}
@-webkit-keyframes animateXMark {
  0% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0;
  }
  50% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0;
  }
  80% {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    margin-top: -6px;
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    margin-top: 0;
    opacity: 1;
  }
}
@keyframes animateXMark {
  0% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0;
  }
  50% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0;
  }
  80% {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    margin-top: -6px;
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    margin-top: 0;
    opacity: 1;
  }
}
.animateXMark {
  -webkit-animation: animateXMark 0.5s;
  animation: animateXMark 0.5s;
}
@-webkit-keyframes pulseWarning {
  0% {
    border-color: #F8D486;
  }
  100% {
    border-color: #F8BB86;
  }
}
@keyframes pulseWarning {
  0% {
    border-color: #F8D486;
  }
  100% {
    border-color: #F8BB86;
  }
}
.pulseWarning {
  -webkit-animation: pulseWarning 0.75s infinite alternate;
  animation: pulseWarning 0.75s infinite alternate;
}
@-webkit-keyframes pulseWarningIns {
  0% {
    background-color: #F8D486;
  }
  100% {
    background-color: #F8BB86;
  }
}
@keyframes pulseWarningIns {
  0% {
    background-color: #F8D486;
  }
  100% {
    background-color: #F8BB86;
  }
}
.pulseWarningIns {
  -webkit-animation: pulseWarningIns 0.75s infinite alternate;
  animation: pulseWarningIns 0.75s infinite alternate;
}
.sweet-overlay {
  background-color: rgba(0, 0, 0, 0.4);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: none;
  z-index: 1040;
}
.sweet-alert {
  background-color: #ffffff;
  width: 478px;
  padding: 17px;
  border-radius: 5px;
  text-align: center;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -256px;
  margin-top: -200px;
  overflow: hidden;
  display: none;
  z-index: 2000;
}
@media all and (max-width: 767px) {
  .sweet-alert {
    width: auto;
    margin-left: 0;
    margin-right: 0;
    left: 15px;
    right: 15px;
  }
}
.sweet-alert .icon {
  width: 80px;
  height: 80px;
  border: 4px solid gray;
  border-radius: 50%;
  margin: 20px auto;
  position: relative;
  box-sizing: content-box;
}
.sweet-alert .icon.error {
  border-color: #d43f3a;
}
.sweet-alert .icon.error .x-mark {
  position: relative;
  display: block;
}
.sweet-alert .icon.error .line {
  position: absolute;
  height: 5px;
  width: 47px;
  background-color: #d9534f;
  display: block;
  top: 37px;
  border-radius: 2px;
}
.sweet-alert .icon.error .line.left {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 17px;
}
.sweet-alert .icon.error .line.right {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 16px;
}
.sweet-alert .icon.warning {
  border-color: #eea236;
}
.sweet-alert .icon.warning .body {
  position: absolute;
  width: 5px;
  height: 47px;
  left: 50%;
  top: 10px;
  border-radius: 2px;
  margin-left: -2px;
  background-color: #f0ad4e;
}
.sweet-alert .icon.warning .dot {
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  margin-left: -3px;
  left: 50%;
  bottom: 10px;
  background-color: #f0ad4e;
}
.sweet-alert .icon.info {
  border-color: #46b8da;
}
.sweet-alert .icon.info::before {
  content: "";
  position: absolute;
  width: 5px;
  height: 29px;
  left: 50%;
  bottom: 17px;
  border-radius: 2px;
  margin-left: -2px;
  background-color: #5bc0de;
}
.sweet-alert .icon.info::after {
  content: "";
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  margin-left: -3px;
  top: 19px;
  background-color: #5bc0de;
}
.sweet-alert .icon.success {
  border-color: #4cae4c;
}
.sweet-alert .icon.success::before,
.sweet-alert .icon.success::after {
  content: '';
  border-radius: 50%;
  position: absolute;
  width: 60px;
  height: 120px;
  background: white;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.sweet-alert .icon.success::before {
  border-radius: 120px 0 0 120px;
  top: -7px;
  left: -33px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 60px 60px;
  transform-origin: 60px 60px;
}
.sweet-alert .icon.success::after {
  border-radius: 0 120px 120px 0;
  top: -11px;
  left: 30px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 0px 60px;
  transform-origin: 0px 60px;
}
.sweet-alert .icon.success .placeholder {
  width: 80px;
  height: 80px;
  border: 4px solid rgba(92, 184, 92, 0.2);
  border-radius: 50%;
  box-sizing: content-box;
  position: absolute;
  left: -4px;
  top: -4px;
  z-index: 2;
}
.sweet-alert .icon.success .fix {
  width: 5px;
  height: 90px;
  background-color: #ffffff;
  position: absolute;
  left: 28px;
  top: 8px;
  z-index: 1;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.sweet-alert .icon.success .line {
  height: 5px;
  background-color: #5cb85c;
  display: block;
  border-radius: 2px;
  position: absolute;
  z-index: 2;
}
.sweet-alert .icon.success .line.tip {
  width: 25px;
  left: 14px;
  top: 46px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.sweet-alert .icon.success .line.long {
  width: 47px;
  right: 8px;
  top: 38px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.sweet-alert .icon.custom {
  background-size: contain;
  border-radius: 0;
  border: none;
  background-position: center center;
  background-repeat: no-repeat;
}
.sweet-alert .btn-default:focus {
  border-color: #cccccc;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(204, 204, 204, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(204, 204, 204, 0.6);
}
.sweet-alert .btn-success:focus {
  border-color: #4cae4c;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(76, 174, 76, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(76, 174, 76, 0.6);
}
.sweet-alert .btn-info:focus {
  border-color: #46b8da;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(70, 184, 218, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(70, 184, 218, 0.6);
}
.sweet-alert .btn-danger:focus {
  border-color: #d43f3a;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(212, 63, 58, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(212, 63, 58, 0.6);
}
.sweet-alert .btn-warning:focus {
  border-color: #eea236;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(238, 162, 54, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(238, 162, 54, 0.6);
}
.sweet-alert button::-moz-focus-inner {
  border: 0;
}

:root {
    --vanilla-calendar-bg-color: #fff;
    --vanilla-calendar-border-radius: 5px;
    --vanilla-calendar-border-color: #e7e9ed;
    --vanilla-calendar-today-bg-color: #E7E9ED;
    --vanilla-calendar-today-color: #333;
    --vanilla-calendar-selected-bg-color: #e9b24c;
    --vanilla-calendar-selected-color: #fff;
    --vanilla-calendar-selected-radius: 6px;
}

.vanilla-calendar *, .vanilla-calendar *:before, .vanilla-calendar *:after {
    box-sizing: border-box;
}

.vanilla-calendar-outer {
    border-radius: var(--vanilla-calendar-border-radius);
    box-shadow: 0 2px 23px #e4e6e9;
    padding: 15px;
}
@media (max-width:1200px) {
    .vanilla-calendar {
        width: auto;
    }
}
[data-calendar-toggle="previous"] svg {
    transform: scaleX(-1);
    position: relative;
    left: -1px;
}
[data-calendar-toggle="next"] svg {
    position: relative;
    right: -1px;
}
[data-calendar-toggle="previous"] {
    right: 45px;
}
[data-calendar-toggle="next"] {
    right: 9px;
}
.vanilla-calendar .vanilla-calendar-btn {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-appearance: button;
    background-color: rgba(0, 23, 90, 0.1);
    border-radius: 50%;
    border: 0;
    color: inherit;
    cursor: pointer;
    font: inherit;
    line-height: 24px;
    width: 24px;
    outline: none;
    overflow: visible;
    padding: 0;
    text-align: center;
    position: absolute;    
}
.vanilla-calendar .vanilla-calendar-btn:active {    
    box-shadow: 0 0 0 2px rgba(var(--vanilla-calendar-today-bg-color), 0.1)
}

.vanilla-calendar .vanilla-calendar-btn svg {
    opacity: 0.25;
    width: 8px;
    height: 13px;
}

.vanilla-calendar .vanilla-calendar-header {
    align-items: flex-end;
    display: flex;
    padding: 10px 9px;    
    position: relative;
}

.vanilla-calendar .vanilla-calendar-header svg {
    fill: var(--vanilla-calendar-today-color);
}

.vanilla-calendar .vanilla-calendar-header__label {
    /*font-size: 15px;*/
    font-family: "Moderat", sans-serif;
    width: 75%;
    line-height: 1;
}

.vanilla-calendar-week {
    background-color: transparent;
    display: flex;
    flex-wrap: wrap;
}

.vanilla-calendar-week span {
    color: #A1CF77;
    font-size: 16px;
    flex-direction: column;
    flex: 0 0 14.28%;
    max-width: 14.28%;
    padding: 12px 0px;
    text-align: center;    
}

.vanilla-calendar-body {
    background-color: rgba(var(--vanilla-calendar-selected-bg-color), 0.3);
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 10px
}

.vanilla-calendar-date {
    align-items: center;    
    display: flex;
    flex-direction: column;
    flex: 0 0 14.28%;
    max-width: 14.28%;
    padding: 1px 9px;
    font-size: 15px;
}

.vanilla-calendar-date span {
    width: 32px;
    background-color: #fff;
    text-align: center;
    border-radius: 50%;
}

.vanilla-calendar-date--active span {
    cursor: pointer;
    background-color: var(--vanilla-calendar-selected-bg-color);
    color: var(--vanilla-calendar-selected-color);
}

.vanilla-calendar-date--today span {
    background-color: var(--vanilla-calendar-today-bg-color);
    color: var(--vanilla-calendar-today-color);
}

.vanilla-calendar-date--selected span {
    background-color: var(--vanilla-calendar-selected-bg-color);
    color: var(--vanilla-calendar-selected-color);
}

.vanilla-calendar-date--disabled span {
    border-radius: 0;
    cursor: not-allowed;
    opacity: 0.2;
}

.datepicker--cells{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.datepicker--cell{border-radius:4px;box-sizing:border-box;cursor:pointer;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:32px;z-index:1}.datepicker--cell.-focus-{background:#f0f0f0}.datepicker--cell.-current-{color:#4EB5E6}.datepicker--cell.-current-.-focus-{color:#4a4a4a}.datepicker--cell.-current-.-in-range-{color:#4EB5E6}.datepicker--cell.-in-range-{background:rgba(92,196,239,.1);color:#4a4a4a;border-radius:0}.datepicker--cell.-in-range-.-focus-{background-color:rgba(92,196,239,.2)}.datepicker--cell.-disabled-{cursor:default;color:#aeaeae}.datepicker--cell.-disabled-.-focus-{color:#aeaeae}.datepicker--cell.-disabled-.-in-range-{color:#a1a1a1}.datepicker--cell.-disabled-.-current-.-focus-{color:#aeaeae}.datepicker--cell.-range-from-{border:1px solid rgba(92,196,239,.5);background-color:rgba(92,196,239,.1);border-radius:4px 0 0 4px}.datepicker--cell.-range-to-{border:1px solid rgba(92,196,239,.5);background-color:rgba(92,196,239,.1);border-radius:0 4px 4px 0}.datepicker--cell.-selected-,.datepicker--cell.-selected-.-current-{color:#fff;background:#5cc4ef}.datepicker--cell.-range-from-.-range-to-{border-radius:4px}.datepicker--cell.-selected-{border:none}.datepicker--cell.-selected-.-focus-{background:#45bced}.datepicker--cell:empty{cursor:default}.datepicker--days-names{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:8px 0 3px}.datepicker--day-name{color:#FF9A19;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex:1;-ms-flex:1;flex:1;text-align:center;text-transform:uppercase;font-size:.8em}.-only-timepicker- .datepicker--content,.datepicker--body,.datepicker-inline .datepicker--pointer{display:none}.datepicker--cell-day{width:14.28571%}.datepicker--cells-months{height:170px}.datepicker--cell-month{width:33.33%;height:25%}.datepicker--cells-years,.datepicker--years{height:170px}.datepicker--cell-year{width:25%;height:33.33%}.datepickers-container{position:absolute;left:0;top:0}@media print{.datepickers-container{display:none}}.datepicker{background:#fff;border:1px solid #dbdbdb;box-shadow:0 4px 12px rgba(0,0,0,.15);border-radius:4px;box-sizing:content-box;font-family:Tahoma,sans-serif;font-size:14px;color:#4a4a4a;width:250px;position:absolute;left:-100000px;opacity:0;transition:opacity .3s ease,left 0s .3s,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease,left 0s .3s;transition:opacity .3s ease,transform .3s ease,left 0s .3s,-webkit-transform .3s ease;z-index:100}.datepicker.-from-top-{-webkit-transform:translateY(-8px);transform:translateY(-8px)}.datepicker.-from-right-{-webkit-transform:translateX(8px);transform:translateX(8px)}.datepicker.-from-bottom-{-webkit-transform:translateY(8px);transform:translateY(8px)}.datepicker.-from-left-{-webkit-transform:translateX(-8px);transform:translateX(-8px)}.datepicker.active{opacity:1;-webkit-transform:translate(0);transform:translate(0);transition:opacity .3s ease,left 0s 0s,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease,left 0s 0s;transition:opacity .3s ease,transform .3s ease,left 0s 0s,-webkit-transform .3s ease}.datepicker-inline .datepicker{border-color:#d7d7d7;box-shadow:none;position:static;left:auto;right:auto;opacity:1;-webkit-transform:none;transform:none}.datepicker--content{box-sizing:content-box;padding:4px}.datepicker--pointer{position:absolute;background:#fff;border-top:1px solid #dbdbdb;border-right:1px solid #dbdbdb;width:10px;height:10px;z-index:-1}.datepicker--nav-action:hover,.datepicker--nav-title:hover{background:#f0f0f0}.-top-center- .datepicker--pointer,.-top-left- .datepicker--pointer,.-top-right- .datepicker--pointer{top:calc(100% - 4px);-webkit-transform:rotate(135deg);transform:rotate(135deg)}.-right-bottom- .datepicker--pointer,.-right-center- .datepicker--pointer,.-right-top- .datepicker--pointer{right:calc(100% - 4px);-webkit-transform:rotate(225deg);transform:rotate(225deg)}.-bottom-center- .datepicker--pointer,.-bottom-left- .datepicker--pointer,.-bottom-right- .datepicker--pointer{bottom:calc(100% - 4px);-webkit-transform:rotate(315deg);transform:rotate(315deg)}.-left-bottom- .datepicker--pointer,.-left-center- .datepicker--pointer,.-left-top- .datepicker--pointer{left:calc(100% - 4px);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.-bottom-left- .datepicker--pointer,.-top-left- .datepicker--pointer{left:10px}.-bottom-right- .datepicker--pointer,.-top-right- .datepicker--pointer{right:10px}.-bottom-center- .datepicker--pointer,.-top-center- .datepicker--pointer{left:calc(50% - 10px / 2)}.-left-top- .datepicker--pointer,.-right-top- .datepicker--pointer{top:10px}.-left-bottom- .datepicker--pointer,.-right-bottom- .datepicker--pointer{bottom:10px}.-left-center- .datepicker--pointer,.-right-center- .datepicker--pointer{top:calc(50% - 10px / 2)}.datepicker--body.active{display:block}.datepicker--nav{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid #efefef;min-height:32px;padding:4px}.-only-timepicker- .datepicker--nav{display:none}.datepicker--nav-action,.datepicker--nav-title{display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.datepicker--nav-action{width:32px;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.datepicker--nav-action.-disabled-{visibility:hidden}.datepicker--nav-action svg{width:32px;height:32px}.datepicker--nav-action path{fill:none;stroke:#9c9c9c;stroke-width:2px}.datepicker--nav-title{border-radius:4px;padding:0 8px}.datepicker--buttons,.datepicker--time{border-top:1px solid #efefef;padding:4px}.datepicker--nav-title i{font-style:normal;color:#9c9c9c;margin-left:5px}.datepicker--nav-title.-disabled-{cursor:default;background:0 0}.datepicker--buttons{display:-webkit-flex;display:-ms-flexbox;display:flex}.datepicker--button{color:#4EB5E6;cursor:pointer;border-radius:4px;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:32px}.datepicker--button:hover{color:#4a4a4a;background:#f0f0f0}.datepicker--time{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:relative}.datepicker--time.-am-pm- .datepicker--time-sliders{-webkit-flex:0 1 138px;-ms-flex:0 1 138px;flex:0 1 138px;max-width:138px}.-only-timepicker- .datepicker--time{border-top:none}.datepicker--time-sliders{-webkit-flex:0 1 153px;-ms-flex:0 1 153px;flex:0 1 153px;margin-right:10px;max-width:153px}.datepicker--time-label{display:none;font-size:12px}.datepicker--time-current{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex:1;-ms-flex:1;flex:1;font-size:14px;text-align:center;margin:0 0 0 10px}.datepicker--time-current-colon{margin:0 2px 3px;line-height:1}.datepicker--time-current-hours,.datepicker--time-current-minutes{line-height:1;font-size:19px;font-family:"Century Gothic",CenturyGothic,AppleGothic,sans-serif;position:relative;z-index:1}.datepicker--time-current-hours:after,.datepicker--time-current-minutes:after{content:'';background:#f0f0f0;border-radius:4px;position:absolute;left:-2px;top:-3px;right:-2px;bottom:-2px;z-index:-1;opacity:0}.datepicker--time-current-hours.-focus-:after,.datepicker--time-current-minutes.-focus-:after{opacity:1}.datepicker--time-current-ampm{text-transform:uppercase;-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end;color:#9c9c9c;margin-left:6px;font-size:11px;margin-bottom:1px}.datepicker--time-row{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:11px;height:17px;background:linear-gradient(to right,#dedede,#dedede) left 50%/100% 1px no-repeat}.datepicker--time-row:first-child{margin-bottom:4px}.datepicker--time-row input[type=range]{background:0 0;cursor:pointer;-webkit-flex:1;-ms-flex:1;flex:1;height:100%;padding:0;margin:0;-webkit-appearance:none}.datepicker--time-row input[type=range]::-ms-tooltip{display:none}.datepicker--time-row input[type=range]:hover::-webkit-slider-thumb{border-color:#b8b8b8}.datepicker--time-row input[type=range]:hover::-moz-range-thumb{border-color:#b8b8b8}.datepicker--time-row input[type=range]:hover::-ms-thumb{border-color:#b8b8b8}.datepicker--time-row input[type=range]:focus{outline:0}.datepicker--time-row input[type=range]:focus::-webkit-slider-thumb{background:#5cc4ef;border-color:#5cc4ef}.datepicker--time-row input[type=range]:focus::-moz-range-thumb{background:#5cc4ef;border-color:#5cc4ef}.datepicker--time-row input[type=range]:focus::-ms-thumb{background:#5cc4ef;border-color:#5cc4ef}.datepicker--time-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid #dedede;background:#fff;cursor:pointer;transition:background .2s;margin-top:-6px}.datepicker--time-row input[type=range]::-moz-range-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid #dedede;background:#fff;cursor:pointer;transition:background .2s}.datepicker--time-row input[type=range]::-ms-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid #dedede;background:#fff;cursor:pointer;transition:background .2s}.datepicker--time-row input[type=range]::-webkit-slider-runnable-track{border:none;height:1px;cursor:pointer;color:transparent;background:0 0}.datepicker--time-row input[type=range]::-moz-range-track{border:none;height:1px;cursor:pointer;color:transparent;background:0 0}.datepicker--time-row input[type=range]::-ms-track{border:none;height:1px;cursor:pointer;color:transparent;background:0 0}.datepicker--time-row input[type=range]::-ms-fill-lower{background:0 0}.datepicker--time-row input[type=range]::-ms-fill-upper{background:0 0}.datepicker--time-row span{padding:0 12px}.datepicker--time-icon{color:#9c9c9c;border:1px solid;border-radius:50%;font-size:16px;position:relative;margin:0 5px -1px 0;width:1em;height:1em}.datepicker--time-icon:after,.datepicker--time-icon:before{content:'';background:currentColor;position:absolute}.datepicker--time-icon:after{height:.4em;width:1px;left:calc(50% - 1px);top:calc(50% + 1px);-webkit-transform:translateY(-100%);transform:translateY(-100%)}.datepicker--time-icon:before{width:.4em;height:1px;top:calc(50% + 1px);left:calc(50% - 1px)}.datepicker--cell-day.-other-month-,.datepicker--cell-year.-other-decade-{color:#dedede}.datepicker--cell-day.-other-month-:hover,.datepicker--cell-year.-other-decade-:hover{color:#c5c5c5}.-disabled-.-focus-.datepicker--cell-day.-other-month-,.-disabled-.-focus-.datepicker--cell-year.-other-decade-{color:#dedede}.-selected-.datepicker--cell-day.-other-month-,.-selected-.datepicker--cell-year.-other-decade-{color:#fff;background:#a2ddf6}.-selected-.-focus-.datepicker--cell-day.-other-month-,.-selected-.-focus-.datepicker--cell-year.-other-decade-{background:#8ad5f4}.-in-range-.datepicker--cell-day.-other-month-,.-in-range-.datepicker--cell-year.-other-decade-{background-color:rgba(92,196,239,.1);color:#ccc}.-in-range-.-focus-.datepicker--cell-day.-other-month-,.-in-range-.-focus-.datepicker--cell-year.-other-decade-{background-color:rgba(92,196,239,.2)}.datepicker--cell-day.-other-month-:empty,.datepicker--cell-year.-other-decade-:empty{background:0 0;border:none}
/*#A1CF77*/
.datepicker {
  width: inherit;
  border: none;
}

.datepicker--cell-day {
  border-radius: 50%;
}
.datepicker--cell-day:not(.-disabled-):not(.-selected-) {
  background: none;
  color: white;
}
.datepicker--cell-day:not(.-disabled-):not(.-selected-):before {
  background: #e9b24c;
  content: " ";
  position: absolute;
  border-radius: 50%;
  z-index: -1;
  left: 50%;
  top: 50%;
  width: 30px;
  height: 30px;
  transform: translate(-50%, -50%);
}
.datepicker--cell-day.-other-month-, .datepicker--cell-day .datepicker--cell-year.-other-decade- {
  visibility: hidden;
}

.datepicker--nav {
  border-bottom: none;
}

.datepicker--day-name {
  color: #A1CF77;
  font-size: 16px;
  text-transform: none;
}

.datepicker--cell.-selected- {
  background: none;
  color: white;
}
.datepicker--cell.-selected-:before {
  background: #A1CF77;
  content: " ";
  position: absolute;
  border-radius: 50%;
  z-index: -1;
  left: 50%;
  top: 50%;
  width: 30px;
  height: 30px;
  transform: translate(-50%, -50%);
}
.datepicker--cell.-focus- {
  background: none;
  color: white;
}
.datepicker--cell.-focus-:before {
  background: #ddd;
  content: " ";
  position: absolute;
  border-radius: 50%;
  z-index: -1;
  left: 50%;
  top: 50%;
  width: 30px;
  height: 30px;
  transform: translate(-50%, -50%);
}
.datepicker--cell.-disabled-.-focus- {
  background: none;
  color: white;
}
.datepicker--cell.-disabled-.-focus-:before {
  background: #eee;
  content: " ";
  position: absolute;
  border-radius: 50%;
  z-index: -1;
  left: 50%;
  top: 50%;
  width: 30px;
  height: 30px;
  transform: translate(-50%, -50%);
}
.datepicker--cell.-selected-.-focus- {
  background: none;
  color: white;
}
.datepicker--cell.-selected-.-focus-:before {
  background: #666;
  content: " ";
  position: absolute;
  border-radius: 50%;
  z-index: -1;
  left: 50%;
  top: 50%;
  width: 30px;
  height: 30px;
  transform: translate(-50%, -50%);
}
.datepicker--cell.-disabled- {
  cursor: default;
  color: #00175a;
}

.datepicker--nav-title {
  order: -1;
  flex: 1;
  justify-content: left;
  color: #00175a;
}
.datepicker--nav-title i {
  color: inherit;
}

.datepicker--nav-action svg {
  width: 14px;
  height: 14px;
  padding: 4px;
  background-color: rgba(0, 23, 90, 0.1);
  border-radius: 50%;
}
.datepicker--nav-action[data-action=prev] svg {
  transform: scaleX(-1);
}

/*# sourceMappingURL=datepicker.css.map */
