/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.big-first-letter:first-letter {
  float: left;
  font-size: 4em;
  margin-right: 0.10em;
  line-height: 90%; }

.left-red-border {
  position: relative;
  padding-left: 20px; }
  .left-red-border:after {
    content: " ";
    height: 100%;
    width: calc(100% + 6px);
    border-left: 6px solid #f04323;
    top: 0px;
    left: 0px;
    position: absolute; }

.wp-block-cgb-threemw-container-block {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  min-height: calc(100vh - 50px);
  padding: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 200px;
  padding-bottom: 200px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.right-red-border {
  position: relative;
  padding-right: 20px; }
  .right-red-border:after {
    content: " ";
    height: 100%;
    width: calc(100% + 6px);
    border-right: 6px solid #f04323;
    top: 0px;
    left: 0px;
    position: absolute; }

.fade-block-container {
  position: relative; }
  .fade-block-container .fade-block-content {
    max-width: 90%;
    width: 880px;
    margin: 0 auto;
    z-index: 1;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: space-between;
        align-items: space-between;
    margin-top: -100vh; }
    .fade-block-container .fade-block-content .crisis-head {
      font-size: 450%;
      font-weight: bold;
      color: white;
      margin-bottom: 0px;
      line-height: 1; }
    .fade-block-container .fade-block-content .facts-text {
      color: #f04323;
      font-size: 170%;
      margin-bottom: 15px; }
    .fade-block-container .fade-block-content .crisis-svg {
      width: 250px;
      height: 250px;
      position: relative;
      -webkit-transform: translatex(-50%);
          -ms-transform: translatex(-50%);
              transform: translatex(-50%);
      left: 50%;
      z-index: -1;
      margin-bottom: -50px; }
    .fade-block-container .fade-block-content .scroll-svg {
      width: 50px;
      height: 50px;
      position: relative;
      -webkit-transform: translatex(-50%);
          -ms-transform: translatex(-50%);
              transform: translatex(-50%);
      left: 50%;
      z-index: -1;
      margin-bottom: 10px;
      margin-top: 60px; }
    .fade-block-container .fade-block-content > div:first-child {
      opacity: 0;
      -webkit-transition: opacity 2.0s ease;
      -o-transition: opacity 2.0s ease;
      transition: opacity 2.0s ease; }

.background-images {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  left: 0px;
  height: 100vh; }
  .background-images .background-overlay {
    width: 100%;
    height: 100vh;
    position: absolute;
    z-index: 1;
    background-color: rgba(41, 46, 54, 0.8);
    opacity: 0;
    -webkit-transition: all 1.0s ease;
    -o-transition: all 1.0s ease;
    transition: all 1.0s ease; }
  .background-images .background-image {
    width: 100%;
    z-index: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    overflow: visible; }
    .background-images .background-image img {
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: center center;
         object-position: center center;
      width: 100%;
      height: 100vh; }
  .background-images .background-image {
    opacity: 0;
    -webkit-transition: all 2.0s ease;
    -o-transition: all 2.0s ease;
    transition: all 2.0s ease; }
  .background-images .background-image:nth-child(1) {
    opacity: 0; }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.fade-block-group * {
  color: white; }

.fade-block-group .wp-block-columns {
  display: -ms-flexbox;
  display: flex; }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.counter-sub-heading h3 {
  font-weight: bold;
  text-align: center;
  font-size: 1.25em !important; }

.counter-body-text {
  text-align: center;
  font-size: 1.0em !important; }

.counter-number {
  text-align: center; }
  .counter-number p {
    text-align: center;
    font-weight: bold;
    display: inline-block; }
  .counter-number span {
    font-weight: bold; }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.tabbed-section-tabs {
  width: 980px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  max-width: 90%;
  padding: 30px 40px 30px 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 1106.67 98.23'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;%7D.cls-2%7Bclip-path:url(%23clip-path);%7D.cls-3%7Bfill:%23e6e6e6;%7D%3C/style%3E%3CclipPath id='clip-path' transform='translate(40.77 0.37)'%3E%3Cpath class='cls-1' d='M951,96.46c8.51-.87,29.2-3.06,39.93-4.73,18.93-2.94,32.46-31.85,32.46-46.12,0-12.79-4.29-24.54-11-30.8-4.92-4.6-11.24-6.41-18.46-8.56-4.61-1.37-9.59-3.68-14.75-4.37C967.76.36,955.26.25,943.3.25c-2.37,0-4.63-.09-6.78-.25-4,.09-8.1.22-12.15.33-8.83.24-17.67.22-26.52-.15-14.32-.59-28.44,2.26-42.78,2.33-4.85,0-9.69,0-14.53.07-4.56.11-9.1.52-13.65.56-4.85,0-9.64.55-14.49.57-4,0-8,0-12,.19a96.08,96.08,0,0,1-10-.29c-5.86-.38-11.72-.27-17.59-.37-7.9-.13-15.81-.27-23.71-.65-7.15-.34-14.32-.46-21.49-.5-8.85,0-17.67-.48-26.51-.73-7.81-.22-15.59-.74-23.41-.93C672,.3,666.32.08,660.65.24c-3.81.11-7.64.25-11.41.6a90.88,90.88,0,0,0-13,2.12c-4.5,1.1-8.92-.78-13.54-.54-3,.15-6,.06-8.94.11a5.1,5.1,0,0,1-2.41-.29,2.33,2.33,0,0,0-.45-.19c-1.91,1.38-3.72-.16-5.59-.12-2,0-3.93.62-6,.56-2.66-.08-5.27.42-8,.15a44.51,44.51,0,0,0-6.07.26c-5.75.26-11.48.39-17.25.27-3-.06-6.11.23-9.18.28-3.24,0-6.48.06-9.72,0-1.77,0-3.52.07-5.28.11a13.07,13.07,0,0,1-4.66-.23,7.73,7.73,0,0,0-2.48.07c-2.07.06-4.12.55-6.22.15a2.76,2.76,0,0,0-1.11,0c-2.89.8-5.87.27-8.81.31-5.8.06-11.61.08-17.41.11-4.66,0-9.34-.16-14,.12-6.61.41-13.22.13-19.81.31-2.46.07-4.81-.39-7.23-.42-4.83-.06-9.68-.26-14.5-.22-6.63.06-13.12-.71-19.69-.92-2.33-.07-4.63-.66-7.08-.12a20,20,0,0,1-4.43-.05l-12-.28A4.86,4.86,0,0,1,402.3,2a1.41,1.41,0,0,0-.74-.18c-1.83,1.23-3.89,0-5.8.28A24.72,24.72,0,0,1,389.93,2c-6.2-.45-12.42-.3-18.64-.37-5.2-.06-10.37.49-15.56.39-6.08-.1-12.1.46-18.17.55-4.81.07-9.67,0-14.47.27-6,.37-12.07.28-18.1.46a2.56,2.56,0,0,1-.55,0c-3.67-.52-7.29.21-10.94.18-2.77,0-5.56.17-8.23-.53a1.07,1.07,0,0,0-.52,0c-2.29,1.34-5,.43-7.44.59a67.73,67.73,0,0,1-7.54,0c-4.28-.18-8.54.14-12.81.09-6.24-.06-12.5.14-18.72-.12-6.61-.28-13.22-.09-19.81-.36-14.71-.6-29.43-.39-44.14-.33-9.42,0-18.8-.36-28.2-.5q-15.19-.23-30.39-1a169.09,169.09,0,0,0-17-.29c-7.44.37-14.89.25-22.33.5,0,0-30,2.68-43.73,4.6C13.71,8.76,0,23.25,0,36.1,0,84.83,20.49,89.62,27.71,91.56c3.7,1,7.65,2.52,11.74,3.4,10.12,0,20.22,1.19,30.33,1.75,1.63.09,3.25.17,4.88.24h3.73c3,0,5.74.13,8.37.36,7.93.11,15.86-.07,23.8-.73a72.12,72.12,0,0,1,8.94-.28c11.55.46,23.09-1.39,34.65-.82,4.36.21,8.72.16,13.08.52a25.76,25.76,0,0,0,7.22-.24,22.37,22.37,0,0,1,7.21-.07,79.44,79.44,0,0,0,14.79.16c7.07-.42,14.15-.47,21.23-.67,12.95-.36,25.89-1.44,38.84-1.13,6.89.17,13.8-.29,20.67.45,7.63.82,15.26,1,22.89,1.67,14.32,1.21,30.37-1.19,44.71-.6,17,.71,34.09.8,51.14.88a107.36,107.36,0,0,0,13.42-.34c11.15-1.33,22.32-1.59,33.49-2.29,4.74-.29,9.51-1,14.22-.43,6.79.91,13.58.69,20.37,1.62,10.21,1.39,20.43,3,30.69,2.61,7.91-.33,15.6-3.15,23.5-2.41,10.52,1,20.81,2.12,31.34,2.08,9.87,0,19.74-.28,29.6-1.13,10.14-.87,20.73.33,30.88-.14,5.68-.26,11.36-.08,17-.64a165.28,165.28,0,0,1,19-1.16c8.48.14,17-.21,25.43.41a94.85,94.85,0,0,0,15.9,0c5.57-.53,11.15-.19,16.73-.5,6.79-.38,13.57-1.16,20.38-1,9.78.22,19.57-.28,29.35.3,16.76,1,33-.69,49.81.16,7.63.39,15.28.23,22.9,1,9.59.94,19.19.34,28.77,1.1,11.27.9,22.54.62,33.8,1,8.84.29,17.94-1.8,26.76-.85A205.42,205.42,0,0,0,951,96.46Z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Main'%3E%3Cg class='cls-2'%3E%3Crect class='cls-3' width='1106.67' height='98.23'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  margin: 0 auto;
  margin-bottom: 70px;
  -ms-flex-align: center;
      align-items: center;
  background-position: center, center;
  height: 150px; }
  .tabbed-section-tabs .tab-item {
    font-weight: bold;
    text-align: center;
    font-size: 1.25em;
    line-height: 1;
    cursor: pointer;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    background-color: #F0432300; }
    .tabbed-section-tabs .tab-item .tab-span {
      color: #F04323; }
    .tabbed-section-tabs .tab-item.selected {
      color: white !important;
      background-color: #F04323;
      border-radius: 45px 45px 45px 45px;
      padding: 15px; }
      .tabbed-section-tabs .tab-item.selected .tab-span {
        color: white !important; }

.tabbed-section-block-content {
  position: relative;
  width: 1280px;
  margin: 0 auto; }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.wp-block-cgb-threemw-tab-content-block {
  position: relative;
  width: 1280px;
  margin: 0 auto;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  top: 0px;
  position: absolute;
  opacity: 0; }

.tab-content-title {
  text-align: center;
  font-size: 2.0em;
  font-weight: bold; }
  .tab-content-title .tab-span {
    color: #F04323; }

.tab-content-block-group {
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }

.active-tab {
  opacity: 1 !important;
  position: relative !important; }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.next-previous-container {
  min-height: 30px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  margin-top: 30px;
  margin-bottom: 30px; }
  .next-previous-container .previous-selector {
    margin-right: 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    line-height: 1;
    font-weight: bold;
    font-size: 120%; }
    .next-previous-container .previous-selector:before {
      content: url('data:image/svg+xml; utf8, <svg aria-hidden="true" focusable="false" data-prefix="fal" data-icon="long-arrow-left" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="svg-inline--fa fa-long-arrow-left fa-w-14 fa-7x"><path fill="%23292e36" d="M136.97 380.485l7.071-7.07c4.686-4.686 4.686-12.284 0-16.971L60.113 273H436c6.627 0 12-5.373 12-12v-10c0-6.627-5.373-12-12-12H60.113l83.928-83.444c4.686-4.686 4.686-12.284 0-16.971l-7.071-7.07c-4.686-4.686-12.284-4.686-16.97 0l-116.485 116c-4.686 4.686-4.686 12.284 0 16.971l116.485 116c4.686 4.686 12.284 4.686 16.97-.001z" class=""></path></svg>');
      position: relative;
      display: inline-block;
      width: 25px;
      overflow: hidden;
      margin-right: 5px;
      -webkit-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease; }
    .next-previous-container .previous-selector:hover {
      cursor: pointer; }
      .next-previous-container .previous-selector:hover:before {
        -webkit-transform: translateX(-5px);
            -ms-transform: translateX(-5px);
                transform: translateX(-5px); }
  .next-previous-container .next-selector {
    line-height: 1;
    margin-right: 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    font-weight: bold;
    font-size: 120%; }
    .next-previous-container .next-selector:after {
      content: url('data:image/svg+xml; utf8, <svg aria-hidden="true" focusable="false" data-prefix="fal" data-icon="long-arrow-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="svg-inline--fa fa-long-arrow-right fa-w-14 fa-7x"><path fill="%23292e36" d="M311.03 131.515l-7.071 7.07c-4.686 4.686-4.686 12.284 0 16.971L387.887 239H12c-6.627 0-12 5.373-12 12v10c0 6.627 5.373 12 12 12h375.887l-83.928 83.444c-4.686 4.686-4.686 12.284 0 16.971l7.071 7.07c4.686 4.686 12.284 4.686 16.97 0l116.485-116c4.686-4.686 4.686-12.284 0-16.971L328 131.515c-4.686-4.687-12.284-4.687-16.97 0z" class=""></path></svg>');
      position: relative;
      display: inline-block;
      width: 25px;
      overflow: hidden;
      margin-left: 5px;
      -webkit-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease; }
    .next-previous-container .next-selector:hover {
      cursor: pointer; }
      .next-previous-container .next-selector:hover:after {
        -webkit-transform: translateX(5px);
            -ms-transform: translateX(5px);
                transform: translateX(5px); }

.next-prev-align-left {
  -ms-flex-pack: start !important;
      justify-content: flex-start !important; }

.next-prev-align-right {
  -ms-flex-pack: end !important;
      justify-content: flex-end !important; }

.next-prev-align-center {
  -ms-flex-pack: center !important;
      justify-content: center !important; }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
/*======================================================================*/
/* MODAL POPUP BOX MODULE */
/*======================================================================*/
/** Disable body scroll when modal is active **/
body.active-modal-body {
  overflow: hidden !important; }

/** Modal Button **/
.modal-button {
  cursor: pointer; }

/** Modal Popup Box **/
.frontend.modal-popup {
  position: fixed;
  z-index: 999999;
  left: 0;
  top: -100vh;
  width: 100%;
  height: 0;
  opacity: 0;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: rgba(0, 0, 0, 0.9);
  pointer-events: none;
  -webkit-transform: translateY(220px);
  -ms-transform: translateY(220px);
      transform: translateY(220px);
  -webkit-transition: transform 0.3s ease, opacity 0.3s ease, height 0s ease 0.3s, top 0s ease 0.3s, -webkit-transform 0.3s ease, -moz-transform 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease, height 0s ease 0.3s, top 0s ease 0.3s, -webkit-transform 0.3s ease;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center; }

/*
.modal-popup * {
  pointer-events: all;
}
*/
.frontend.active-modal {
  height: 100vh;
  top: 0;
  padding-top: 50px;
  padding-bottom: 80px;
  opacity: 1;
  pointer-events: all;
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
      transform: translateY(0px);
  -webkit-transition: transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease, -moz-transform 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease; }

/** Close Button **/
/* Button + Background Close */
.close-modal {
  opacity: 0;
  pointer-events: none; }

.close-modal.close-btn {
  position: fixed;
  top: 13px;
  right: 13px;
  background: #fff;
  color: #444444;
  -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
  display: block;
  border-radius: 200px;
  overflow: hidden;
  -webkit-transition: none;
  -o-transition: none;
  transition: none; }

.admin-bar .close-modal.close-btn {
  top: 45px;
  z-index: 999999999999; }

/** Reveal close button when modal is active **/
.close-modal.active-close-modal {
  opacity: 1;
  pointer-events: all;
  cursor: pointer;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
      transform: scale(1); }

.close-modal.close-btn i {
  display: block;
  height: 40px;
  width: 40px;
  line-height: 40px;
  font-size: 25px;
  text-align: center;
  vertical-align: middle;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

@media only screen and (min-width: 981px) {
  .close-modal.close-btn:hover i {
    -webkit-transform: rotateZ(-90deg);
    -ms-transform: rotate(-90deg);
        transform: rotateZ(-90deg);
    -webkit-transition: all 0.4s cubic-bezier(0, 1, 1, 1);
    -o-transition: all 0.4s cubic-bezier(0, 1, 1, 1);
    transition: all 0.4s cubic-bezier(0, 1, 1, 1); } }

/**** Close Background Overlay ****/
.close-modal.close-bg {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  height: 0;
  width: 0;
  opacity: 0;
  background-color: transparent;
  pointer-events: none;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease; }

.active-close-modal.close-modal.close-bg {
  /* min-height: 100vh; */
  width: 100vw;
  opacity: 1;
  pointer-events: all;
  cursor: zoom-out;
  cursor: -webkit-zoom-out;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease; }

.close-modal.close-bg.active-close-modal + * {
  position: relative; }

/** Modal Scrollbar **/
.overlay-scrollbar::-webkit-scrollbar,
.modal-popup::-webkit-scrollbar {
  width: 14px;
  height: 18px; }

.overlay-scrollbar::-webkit-scrollbar-thumb,
.modal-popup::-webkit-scrollbar-thumb {
  height: 6px;
  border: 4px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  -webkit-border-radius: 7px;
  background-color: rgba(195, 195, 195, 0.5); }

.overlay-scrollbar::-webkit-scrollbar-button,
.modal-popup::-webkit-scrollbar-button {
  width: 0;
  height: 0;
  display: none; }

.overlay-scrollbar::-webkit-scrollbar-corner,
.modal-popup::-webkit-scrollbar-corner {
  background-color: transparent; }

.overlay-scrollbar::-webkit-scrollbar-thumb:hover,
.modal-popup::-webkit-scrollbar-thumb:hover {
  background-color: rgba(255, 255, 255, 0.5); }

.modal-popup {
  padding: 0 !important; }

.modal-wrapper {
  width: 100%;
  min-height: 100vh;
  max-width: none;
  margin: 0;
  overflow: hidden;
  position: relative; }

.close-modal.close-bg {
  height: 100% !important; }

.modal-contents {
  margin: 20px;
  overflow: hidden; }

.close-modal {
  width: 50px;
  height: 50px;
  padding: 5px; }
  .close-modal svg {
    width: 100%;
    height: 100%; }

.video-container-group {
  width: 85%; }

.position-relative {
  position: relative; }

.modal-play-button .frontend.modal-button-container {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 20%; }
  .modal-play-button .frontend.modal-button-container .wp-block-image {
    margin-bottom: 0px; }
  .modal-play-button .frontend.modal-button-container figure {
    display: block;
    margin: 0px;
    position: relative; }
    .modal-play-button .frontend.modal-button-container figure:hover:after {
      content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 156.08 156.08"><defs><style>.cls-1{fill:%23fff;}.cls-2{fill:none;stroke:%230562af;stroke-miterlimit:10;stroke-width:8px;}</style></defs><g id="Layer_2" data-name="Layer 2"><g id="Main"><circle class="cls-1" cx="78.04" cy="78.04" r="78.04"/><circle class="cls-2" cx="78.04" cy="78.04" r="59.96"/><polygon class="cls-2" points="103.15 78.04 62.26 54.43 62.26 101.65 103.15 78.04"/></g></g></svg>');
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      width: 100%;
      height: 100%;
      pointer-events: none; }
    .modal-play-button .frontend.modal-button-container figure img {
      width: 100%;
      height: 100%; }