/*FONTS*/ 
.hero-portfolio,
.h1-portfolio, 
.h2-portfolio, 
.h3-portfolio,
.h4-portfolio, 
.h5-portfolio,
.h6-portfolio,
.p-portfolio {
  font-family: "Lexend Deca", "Arial", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: normal;
  -webkit-font-smoothing: antialiased;
  margin: 0px;
}

.hero-portfolio,
.h1-portfolio{
  font-family: "Sniglet", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: normal;
  -webkit-font-smoothing: antialiased;
  margin: 0px;
}


@media screen and (max-width: 768px) {
  .hero-portfolio {
    font-size: 128px;
    letter-spacing: -10px;
  } 
  .h1-portfolio {
    font-size: 72px;
    letter-spacing: -6px;
  }

  .h2-portfolio {
    font-size: 32px;
    letter-spacing: -3px;
  }

  .h3-portfolio {
    font-size: 24px;
    letter-spacing: -.5px;
  }

  .h4-portfolio {
    font-size: 18px;
    letter-spacing: -1px;
  }

  .h5-portfolio {
    font-size: 15px;
    letter-spacing: -.5px;
  }

  .h6-portfolio {
    font-size: 12px;
    letter-spacing: -.25px;
  }
  .p-portfolio {
    font-size: 15px;
    letter-spacing: -.5px;
    line-height: 150%;
  }
}

@media screen and (min-width: 769px) {
  .hero-portfolio {
    font-size: 128px;
    letter-spacing: -10px;
  } 
  .h1-portfolio {
    font-size: 84px;
    letter-spacing: -6px;
  }

  .h2-portfolio {
    font-size: 32px;
    letter-spacing: -3px;
  }

  .h3-portfolio {
    font-size: 24px;
    letter-spacing: -.5px;
  }

  .h4-portfolio {
    font-size: 18px;
    letter-spacing: -1px;
  }

  .h5-portfolio {
    font-size: 15px;
    letter-spacing: -.5px;
  }

  .h6-portfolio {
    font-size: 12px;
    letter-spacing: -.25px;
  }
  .p-portfolio {
    font-size: 15px;
    letter-spacing: -.5px;
    line-height: 150%;
  }
}

.fun-font {
  font-family: "Sniglet", sans-serif;
  font-weight: 800 !important;
  letter-spacing: 0em;
}

.extrabold-portfolio {
  font-weight: 800;
}

.a-portfolio {
  text-decoration: none;
}


/*LISTS*/
.unordered_list-portfolio {
  margin-bottom: 0px;
}

.unordered_list-item-portfolio {
  list-style-type: disc;
  list-style-position: outside;
  list-style-image: none;
  margin-left: 30px;
}




/*MARGIN - TOP*/
@media screen and (max-width: 768px) {
  .mgn-top-xxl {
    margin-top: 144px;
  }
}
@media screen and (min-width: 769px) {
  .mgn-top-xxl {
    margin-top: 144px;
  }
}
@media screen and (max-width: 768px) {
  .mgn-top-xl {
    margin-top: 96px;
  }
}
@media screen and (min-width: 769px) {
  .mgn-top-xl {
    margin-top: 96px;
  }
}
@media screen and (max-width: 768px) {
  .mgn-top-lg {
    margin-top: 48px;
  }
}
@media screen and (min-width: 769px) {
  .mgn-top-lg {
    margin-top: 48px;
  }
}
@media screen and (max-width: 768px) {
  .mgn-top-md {
    margin-top: 24px;
  }
}
@media screen and (min-width: 769px) {
  .mgn-top-md {
    margin-top: 24px;
  }
}
@media screen and (max-width: 768px) {
  .mgn-top-sm {
    margin-top: 12px;
  }
}
@media screen and (min-width: 769px) {
  .mgn-top-sm {
    margin-top: 12px;
  }
}
@media screen and (max-width: 768px) {
  .mgn-top-xs {
    margin-top: 4px;
  }
}
@media screen and (min-width: 769px) {
  .mgn-top-xs {
    margin-top: 4px;
  }
}

/*MARGIN - BOTTOM*/
@media screen and (max-width: 768px) {
  .mgn-bottom-xxl {
    margin-bottom: 144px;
  }
}
@media screen and (min-width: 769px) {
  .mgn-bottom-xxl {
    margin-bottom: 144px;
  }
}
@media screen and (max-width: 768px) {
  .mgn-bottom-xl {
    margin-bottom: 96px;
  }
}
@media screen and (min-width: 769px) {
  .mgn-bottom-xl {
    margin-bottom: 96px;
  }
}
@media screen and (max-width: 768px) {
  .mgn-bottom-lg {
    margin-bottom: 48px;
  }
}
@media screen and (min-width: 769px) {
  .mgn-bottom-lg {
    margin-bottom: 48px;
  }
}
@media screen and (max-width: 768px) {
  .mgn-bottom-md {
    margin-bottom: 24px;
  }
}
@media screen and (min-width: 769px) {
  .mgn-bottom-md {
    margin-bottom: 24px;
  }
}
@media screen and (max-width: 768px) {
  .mgn-bottom-sm {
    margin-bottom: 12px;
  }
}
@media screen and (min-width: 769px) {
  .mgn-bottom-sm {
    margin-bottom: 12px;
  }
}
@media screen and (max-width: 768px) {
  .mgn-bottom-xs {
    margin-bottom: 4px;
  }
}
@media screen and (min-width: 769px) {
  .mgn-bottom-xs {
    margin-bottom: 4px;
  }
}




/*PADDING - TOP*/
@media screen and (max-width: 768px) {
  .pdg-top-xxl {
    padding-top: 144px;
  }
}
@media screen and (min-width: 769px) {
  .pdg-top-xxl {
    padding-top: 144px;
  }
}
@media screen and (max-width: 768px) {
  .pdg-top-xl {
    padding-top: 96px;
  }
}
@media screen and (min-width: 769px) {
  .pdg-top-xl {
    padding-top: 96px;
  }
}
@media screen and (max-width: 768px) {
  .pdg-top-lg {
    padding-top: 48px;
  }
}
@media screen and (min-width: 769px) {
  .pdg-top-lg {
    padding-top: 48px;
  }
}
@media screen and (max-width: 768px) {
  .pdg-top-md {
    padding-top: 24px;
  }
}
@media screen and (min-width: 769px) {
  .pdg-top-md {
    padding-top: 24px;
  }
}
@media screen and (max-width: 768px) {
  .pdg-top-sm {
    padding-top: 12px;
  }
}
@media screen and (min-width: 769px) {
  .pdg-top-sm {
    padding-top: 12px;
  }
}
@media screen and (max-width: 768px) {
  .pdg-top-xs {
    padding-top: 4px;
  }
}
@media screen and (min-width: 769px) {
  .pdg-top-xs {
    padding-top: 4px;
  }
}

/*PADDING - BOTTOM*/
@media screen and (max-width: 768px) {
  .pdg-bottom-xxl {
    padding-bottom: 144px;
  }
}
@media screen and (min-width: 769px) {
  .pdg-bottom-xxl {
    padding-bottom: 144px;
  }
}
@media screen and (max-width: 768px) {
  .pdg-bottom-xl {
    padding-bottom: 96px;
  }
}
@media screen and (min-width: 769px) {
  .pdg-bottom-xl {
    padding-bottom: 96px;
  }
}
@media screen and (max-width: 768px) {
  .pdg-bottom-lg {
    padding-bottom: 48px;
  }
}
@media screen and (min-width: 769px) {
  .pdg-bottom-lg {
    padding-bottom: 48px;
  }
}
@media screen and (max-width: 768px) {
  .pdg-bottom-md {
    padding-bottom: 24px;
  }
}
@media screen and (min-width: 769px) {
  .pdg-bottom-md {
    padding-bottom: 24px;
  }
}
@media screen and (max-width: 768px) {
  .pdg-bottom-sm {
    padding-bottom: 12px;
  }
}
@media screen and (min-width: 769px) {
  .pdg-bottom-sm {
    padding-bottom: 12px;
  }
}
@media screen and (max-width: 768px) {
  .pdg-bottom-xs {
    padding-bottom: 4px;
  }
}
@media screen and (min-width: 769px) {
  .pdg-bottom-xs {
    padding-bottom: 4px;
  }
}









/*COLORS*/
.color-portfolio-light_100 {
  color: rgb(255,255,255);
}
.color-portfolio-dark_100 {
  color: #3130FE;
}
.color-portfolio-dark_10 {
  color: rgba(49,48,254,.2);
}

/*BACKGROUND COLORS*/
.background-portfolio-light_100 {
  background-color: rgb(255,255,255);
}
.background-portfolio-light_10 {
  background-color: rgba(255,255,255,.1);
}
.background-portfolio-light_20 {
  background-color: rgba(255,255,255,.15);
}
.background-portfolio-dark_100 {
  background-color: #3130FE;
}



















/*BUTTON - LARGE*/
.button-portfolio-cta {
/*  position: relative;*/
  border: none;
  margin: 0px;
  padding: 0px;
  width: 100%;
  background-color: inherit;
}

.button-portfolio-cta a {
  padding-top: 16px;
  padding-bottom: 16px;
  padding-right: 16px;
  padding-left: 16px;
  border-radius: 28px;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

.button-portfolio-cta a h4 {
  font-weight: 800;
}



/*BUTTON - SMALL*/
.button-portfolio-small {
/*  position: relative;*/
  border: none;
  margin: 0px;
  padding: 0px;
  background-color: inherit;
}

.button-portfolio-small a {
  padding-top: 16px;
  padding-bottom: 16px;
  padding-right: 16px;
  padding-left: 16px;
  border-radius: 24px;
  border: none;
  display: flex;
  align-items: center;
  border: 1px solid #3130FE;
}

.button-portfolio-small a h4 {
  font-weight: 800;
}

[class*="button-portfolio-small-icon"] {
/*  position: relative;*/
  border: none;
  margin: 0px;
  padding: 0px;
  background-color: inherit;
}


[class*="button-portfolio-small-icon"] a {
  padding-top: 8px;
  padding-bottom: 8px;
  border-radius: 28px;
  border: none;
  display: flex;
  align-items: center;
}
.button-portfolio-small-icon_left a {
  padding-left: 8px;
  padding-right: 16px;
}

.button-portfolio-small-icon_right a {
  padding-left: 16px;
  padding-right: 8px;
}


[class*="button-portfolio-small-icon"] h4 {
  font-weight: 800;
}

[class*="button-portfolio-small-icon"] img {
  width: 40px;
  height: 40px;
}

.button-portfolio-small-icon_left img {
  margin-right: 4px;
}

.button-portfolio-small-icon_right img {
  margin-left: 4px;
}



/*BUTTON - FULL-WIDTH*/
.button-portfolio-full_width {
/*  position: relative;*/
  width: 100%;
  border: none;
  margin: 0px;
  padding: 0px;
  background-color: inherit;
  box-sizing: border-box;
}

.button-portfolio-full_width a {
  padding-top: 16px;
  padding-bottom: 16px;
  padding-right: 16px;
  padding-left: 16px;
  border-radius: 28px;
  border: none;
  display: flex;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #3130FE;
}

.button-portfolio-full_width a h4 {
  font-weight: 800;
  width: 100%;
  text-align: center;
  box-sizing: border-box;
}






/*LINKS*/
#link-prompt {
  position: fixed;
  left: 0px;
  right: 0px;
  margin: auto;
  top: 70px;
  width: 140px;
  justify-content: center;
  display: none;
  z-index: 9999;
  border-radius: 12px;
  border: 3px solid #3130FE;
}

#link-prompt .h4-portfolio {
  display: inline-block;
  font-weight: 700;
  text-align: center;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}







/*CALL OUTS*/
[id*="call-out"]  {
  position: absolute;
  margin: auto;
  margin-top: 10px !important;
  justify-content: center;
  border-radius: 16px;
  box-sizing: border-box;
  border: 3px solid #3130FE;
  z-index: 2;
}

[id*="call-out"] .call-out-wrapper {
  position: relative;
  z-index: 0;
}

[id*="call-out"]  .call-out-text {
  max-height: 64px;
  z-index: 4;
  overflow: hidden;
  -webkit-transition: max-height 1.5s cubic-bezier(0, 1.05, 0, 1);
  -moz-transition: max-height 1.5s cubic-bezier(0, 1.05, 0, 1);
  transition: max-height 1.5s cubic-bezier(0, 1.05, 0, 1);
  box-sizing: border-box;
  background-color: rgb(255,255,255);
  border-radius: 16px;
  padding: 20px;
}

[id*="call-out"]:hover .call-out-text {
  max-height: 400px;
  -webkit-transition: max-height 2s ease;
  -moz-transition: max-height 2s ease;
  transition: max-height 2s ease;
}

/*CALL-OUT H4*/
[id*="call-out"] .call-out-text > .h4-portfolio {
  font-weight:800;
  text-align: left;
  padding-bottom: 20px;
}

[id*="call-out"]:hover .call-out-text > .h4-portfolio {
  padding-bottom: 0px;
}

/*CALL-OUT H6*/
[id*="call-out"] .call-out-text > .h6-portfolio {
  font-weight: 600;
  text-align: left;
}





/*CALL-OUT TOOLTIP*/
.call-out-right img:nth-of-type(1) {
  width: 12px;
  height: 20px;
  position: absolute;
  right: -12px;
  top: 20px;
}

.call-out-left img:nth-of-type(1) {
  width: 12px;  
  height: 20px;
  position: absolute;
  left: -12px;
  top: 8px;
}

.call-out-bottom img:nth-of-type(1) {
  width: 20px;
  height: 12px;
  position: absolute;
  left: calc(50% - 10px);
  bottom: -12px;
}

.call-out-top img:nth-of-type(1) {
  width: 20px;  
  height: 12px;
  position: absolute;
  left: calc(50% - 10px);
  top: -12px;
}



/*CALL-OUT "X"*/
[id*="call-out"] img:nth-of-type(2) {
  width: 32px;
  position: absolute;
  display: none;
}

/*CALL-OUT "X" (RIGHT)*/
.call-out-right img:nth-of-type(2) {
  top: -14px;
  left: -14px;
}
/*CALL-OUT "X" (LEFT)*/
.call-out-left img:nth-of-type(2) {
  top: -14px;
  right: -14px;
}
/*CALL-OUT "X" (BOTTOM)*/
.call-out-bottom img:nth-of-type(2) {
  top: -14px;
  right: -14px;
}
/*CALL-OUT "X" (TOP)*/
.call-out-top img:nth-of-type(2) {
  top: -14px;
  right: -14px;
}

/*CALL-OUT HOVER "X"*/
[id*="call-out"]:hover img:nth-of-type(2) {
  display: block;
  cursor: pointer;
}


/*CALL-OUT BUTTON*/
[id*="call-out"] button {
  margin-top: 20px;
}




[id*="call-out"] span {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  width: 2px;
  height: 2px;
  margin: auto;
  z-index: -1;
}


.call-out-right span {
  right: 0px; 
  top: 32px;
}

.call-out-left span {
  left: 0px; 
  top: 32px;
}

.call-out-bottom span {
  left: calc(50%); 
  bottom: -14px;
}

.call-out-top span {
  left: calc(50%); 
  top: -14px;
}

.tooltip-circle-animation {
  animation-delay: 2s;
  animation-duration: 6s;
  animation-iteration-count: 1;
  animation-name: pulseTooltip;
}

@keyframes pulseTooltip {
  0% {
    width: 2px;
    height: 2px;
    margin-left: -1px;
    margin-bottom: -1px;
    background-color: rgba(49,48,254, .5);
  }
  50% {
    width: 300px;
    height: 300px;
    margin-left: -150px;
    margin-bottom: -150px;
      opacity: 0;
    background-color: rgba(49,48,254, .5);
  }
  100% {
    width: 100px;
    height: 100px;
    margin-left: -50px;
    margin-bottom: -50px;
      opacity: 0;
    background-color: rgba(49,48,254, 0);
  }
}




/*BUTTON SHAKE ANIMATIONS*/
/*HORIZONTAL SHAKE*/
.button-animation-shake-horizontal:hover {
  animation: shakehorizontal 1.5s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}

@keyframes shakehorizontal {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}


/*VERTICAL SHAKE*/
.button-animation-shake-vertical:hover {
  animation: shakevertical 1.5s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}

@keyframes shakevertical {
  10%, 90% {
    transform: translate3d(0, -1px, 0);
  }
  
  20%, 80% {
    transform: translate3d(0, 2px, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(0, -4px, 0);
  }

  40%, 60% {
    transform: translate3d(0, 4px, 0);
  }
}


/*GROW*/
.button-animation-grow {
  transition: transform 0.3s ease-in-out;
}

.button-animation-grow:hover {
  transform: scale(1.1);
}



/*SHRINK*/
.button-animation-shrink {
  transition: all 0.3s ease-in-out;
}

.button-animation-shrink:hover {
  transform: scale(.9);
}



/*DARKEN*/
.button-animation-darken:hover {
  background-color: #3130FE;
}

.button-animation-darken:hover h3,
.button-animation-darken:hover h4,
.button-animation-darken:hover h5  {
  color: rgb(255,255,255);
}












/*WIDGET-WRAPPER*/
#widget {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% - 40px);
  position: fixed;
  bottom: 0px;
  right: 0px;
  left: 0px;
  margin: 20px auto;
  border-radius: 16px;
  z-index: 10;
  box-sizing: border-box;
  border: 1px solid #3130FE;
  display: relative;

  -webkit-transition:all .4s ease-in-out;
     -moz-transition:all .4s ease-in-out;
      -ms-transition:all .4s ease-in-out;
       -o-transition:all .4s ease-in-out;
          transition:all .4s ease-in-out; 
}
/*WIDGET ---------- IF INACTIVE*/
#widget.widget-inactive {
  max-width: 900px;
  padding: 10px;
/*  margin-top: -20px;*/
/*  height: 60px;*/
}
/*WIDGET ---------- IF ACTIVE*/
#widget.widget-active {
  max-height: calc(100% - 40px);
  overflow: scroll;
/*  padding-left: 30px;
  padding-right: 30px;*/
  padding-bottom: 40px;
/*  background-color: rgba(49,48,254,.45);*/
/*  backdrop-filter: blur(20px);*/
/*  height: 700px;*/
}



/*HEADER*/
#widget .widget-header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
/*  background-color: blue;*/
/*  border: 4px solid cyan;*/
}
#widget.widget-inactive .widget-header {
  width: 100%;
}
#widget.widget-active .widget-header {
  position: sticky;
  top: 0px;
  width: 100%;
}







/*HEADER-BACK*/
#widget .widget-header-back {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
/*  border: 4px solid magenta;*/
}

#widget .widget-header-back button {
  cursor: pointer;
}

/*BACK ---------- IF INACTIVE*/
#widget.widget-inactive .widget-header-back {
  display: flex;
}
/*BACK ---------- IF ACTIVE*/
#widget.widget-active .widget-header-back {
  display: none;
}






/*HEADER-TICKER*/
#widget .widget-header-ticker {
  flex-wrap: wrap;
  justify-content: center;
/*  border: 4px solid magenta;*/
}

/*TICKER ---------- IF INACTIVE*/
#widget.widget-inactive .widget-header-ticker {
  display: flex;
}

/*TICKER ---------- IF ACTIVE*/
#widget.widget-active .widget-header-ticker {
  display: none;
}

/*HIDE TICKER BELOW 768PX*/
@media screen and (max-width: 768px) {
  #widget.widget-inactive .widget-header-ticker {
    display: none;
  }
}

#widget .widget-header-ticker h5 {
  display: none;
  font-weight: 600;
  align-self: center;
  text-align: center;
  line-height: 15px;
}

#widget .widget-header-ticker .widget-emoji {
  font-size: 32px;
  margin-left: 8px;
  position: absolute;
}








/*HEADER-INFO*/
#widget .widget-header-info {
  display: flex;
  flex-wrap: wrap;
}

#widget .widget-header-info button {
  cursor: pointer;
}

/*INFO ---------- IF INACTIVE*/
#widget.widget-inactive .widget-header-info {
  justify-content: flex-end;
}
/*INFO ---------- IF INACTIVE HOVER*/
#widget.widget-inactive .widget-header-info:hover {
  cursor: pointer;
}
/*INFO ---------- IF ACTIVE*/
#widget.widget-active .widget-header-info {
  width: 100%;
  padding-top: 20px;
  padding-left: 30px;
  padding-right: 30px;
  background-color: rgb(255,255,255);
  z-index: 100;
}
#widget.widget-active .widget-header-info button {
  width: 100%;
}
#widget.widget-active .widget-header-info button a {
  width: 100%;
  justify-content: space-between;
  animation: shakevertical 0s cubic-bezier(49,48,254,0) both !important;
  padding-left: 0px;
}
#widget.widget-active .widget-header-info h4 {
  font-size: 64px;
}



#widget .widget-header-info img {
  width: 40px;
}
#widget.widget-active .widget-header-info img {
  transform: rotate(180deg);
}
#widget.widget-active .widget-header-info img:hover {
  cursor: pointer;
}








/*WIDGET-BODY*/
#widget .widget-body {
  display: none;
  width: 100%;
  justify-content: center;
}
/*WIDGET ---------- IF INACTIVE*/
#widget.widget-inactive .widget-body{
  margin-top: 60px;
}
/*WIDGET BODY ---------- IF ACTIVE*/
#widget.widget-active .widget-body{
  padding-left: 30px;
  padding-right: 30px;
}






/*WIDGET-BODY-CONTAINER*/
#widget .widget-body-container {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-around;
  align-items: start;
/*  border: 4px solid magenta;*/
}

/*H2 HEADER*/
#widget .widget-body-container > h2 {
  font-weight: 300;
  margin-bottom: 60px;
  letter-spacing: -1px;
}

/*WIDGET-COLUMN*/
#widget .widget-column {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

/*COLUMN-GROUP*/
#widget .column-group {
  margin-bottom: 40px;
  box-sizing: border-box;
}
/*COLUMN-GROUP SMALL SCREENS*/
@media all and (max-width: 768px) {

  /*IF TWO*/
  #widget .widget-column .column-group {
    width: 100%;
  }
}
/*COLUMN-GROUP MEDIUM SCREENS*/
@media all and (min-width: 769px) { 

  /*IF TWO*/
  #widget .widget-column .column-group {
    width: 50%;        
  }
  #widget .widget-column .column-group:nth-of-type(1) {
    padding-right: 40px;     
  }
  #widget .widget-column .column-group:nth-of-type(2) {
    padding-left: 40px;       
  }
  #widget .widget-column .column-group:nth-of-type(3) {
    padding-right: 40px;     
  }
  #widget .widget-column .column-group:nth-of-type(4) {
    padding-left: 40px;       
  }
}




/*COLUMN GROUP TEXT*/
#widget .column-group h2 {
  margin-bottom: 4px;
}

/*#widget .column-group  > h3 {
  font-weight: 900;
  margin-bottom: 4px;
}
*/
#widget .column-group  p {
  font-weight: 600;
}

#widget .column-group  li {
  font-weight: 600;
}

#widget .column-group  li {
}




/*BUTTON-WRAPPER*/
#widget .widget-button-wrapper {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

#widget .widget-button-wrapper button {
  margin-top: 16px;
  margin-right: 16px;
}



















/*COVER-PAGE*/
#cover-page {
  position: relative;
  z-index: 9999;
}


/*WRAPPER*/
#cover-page .cover-page-wrapper {
  position: fixed;
  width: 100vw;
  height: 100%;
  display: flex;
  left: 0px;
  top: 0px;
  justify-content: center;
  align-items: center;
  z-index: 7;
  background-color: rgb(255,255,255);
}



/*LABEL*/
#cover-page .cover-page-label {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

/*TOP*/
#cover-page .cover-page-label .cover-page-label-top {
  width: 100%;
  display: flex;
  justify-content: center;
  z-index: 3;
  opacity: 0;
}
#cover-page .cover-page-label .cover-page-label-top h4 {
  width: auto;
  font-weight: 900;
  padding-top: 12px;
  padding-bottom: 8px;
  padding-left: 12px;
  padding-right: 12px;
  border-radius: 12px;
  margin-bottom: -4px;
}

/*BOTTOM*/
#cover-page .cover-page-label .cover-page-label-bottom {
  width: 100%;
  display: flex;
  justify-content: center;
  opacity: 0;
}
#cover-page .cover-page-label .cover-page-label-bottom h5 {
  width: auto;
  font-weight: 700;
  letter-spacing: -.5px;  
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 16px;
  padding-right: 16px;
  border-radius: 28px;
  margin-top: -6px;
}