@charset "UTF-8";
/*!
 * Sado Modal/Popup Window Pack
 * Version: 1.2
 * Created: 2 Jul 2019
 * Last Update: 2 Oct 2019
 * Author: Web_Trendy
 * Copyright 2019 © Web_Trendy (https://codecanyon.net/user/web_trendy)
 * Licensed under Envato (https://codecanyon.net/licenses/standard)
 *
 * "Love is the bridge between you and everything." -Rumi
 *
 */
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
	1.0 Variables > Line 25
	2.0 General Styles > Line 35
	3.0 Modal Effects > Line 156
	4.0 Animations > Line 588
	5.0 Colors > Line 825

--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 Variables
Variables used inside the library. Update per your needs.
--------------------------------------------------------------*/
/*--------------------------------------------------------------
2.0 General Styles
--------------------------------------------------------------*/
.content-wrapper {
  min-height: 100vh;
  -webkit-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
	
  background: url("../img/bg.png");
  background-repeat: no-repeat;
  background-size: auto;	
	
  /*
  background-color: #fff5ce; }
  */
}
.body-push .content-wrapper {
  -webkit-transform: scale(0.8);
          transform: scale(0.8); }

.body-blur .content-wrapper {
  -webkit-filter: blur(3px);
          filter: blur(3px); }

.body-rotate {
  -webkit-perspective: 1500px;
          perspective: 1500px; }
  .body-rotate .content-wrapper {
    -webkit-transform: rotateX(25deg);
            transform: rotateX(25deg); }

.body-solid .overlay.active {
  opacity: 1; }

.body-dark .overlay.active {
  background-color: black; }

.sd-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  max-width: 90vw;
  max-height: 90vh;
  width: 60%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  visibility: hidden;
  opacity: 0;
  z-index: 9999;
  -webkit-transition: all 200ms ease-out;
  transition: all 200ms ease-out; }
  .sd-modal .sd-modal-content {
    -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
            box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
    padding: 50px;
    background-color: white;
    -webkit-transition: all 200ms ease-out;
    transition: all 200ms ease-out; }
    .sd-modal .sd-modal-content .sd-modal-header {
      padding-bottom: 10px; }
      .sd-modal .sd-modal-content .sd-modal-header h2 {
        margin: 0; }
    .sd-modal .sd-modal-content .sd-modal-body {
      max-height: calc(90vh - 200px);
      overflow: auto; }
    .sd-modal .sd-modal-content .sd-modal-footer {
      padding-top: 10px; }
  .sd-modal.active {
    visibility: visible;
    opacity: 1; }
  .sd-modal .close {
    display: inline-block;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 20px;
    height: 20px; }
    .sd-modal .close:before {
      content: '';
      width: 100%;
      height: 2px;
      position: absolute;
      display: inline-block;
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg);
      top: calc(50% - 1px);
      left: 0;
      background-color: rgba(0, 0, 0, 0.2);
      -webkit-transition: all 200ms ease-out;
      transition: all 200ms ease-out; }
    .sd-modal .close:after {
      content: '';
      width: 100%;
      height: 2px;
      position: absolute;
      display: inline-block;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
      top: calc(50% - 1px);
      left: 0;
      background-color: rgba(0, 0, 0, 0.2);
      -webkit-transition: all 200ms ease-out;
      transition: all 200ms ease-out; }
    .sd-modal .close:hover:before, .sd-modal .close:hover:after {
      background-color: rgba(0, 0, 0, 0.8); }

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  z-index: 999;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 200ms ease-out;
  transition: all 200ms ease-out; }
  .overlay.active {
    visibility: visible;
    opacity: .7; }
    .overlay.active:before {
      -webkit-transform: translateY(0px);
              transform: translateY(0px); }
  .overlay:before {
    content: "ESC";
    position: absolute;
    top: 10px;
    left: 10px;
    border: 1px solid black;
    border-radius: 4px;
    display: inline-block;
    font-size: 12px;
    line-height: 12px;
    padding: 2px 5px;
    -webkit-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
    -webkit-transition-delay: 200ms;
            transition-delay: 200ms; }

/*--------------------------------------------------------------
2.0 Modal Effects
--------------------------------------------------------------*/
/*Effect 1*/
.sd-modal-1 .sd-modal-content {
  -webkit-transform: scale(0.8);
          transform: scale(0.8); }
.sd-modal-1.active .sd-modal-content {
  -webkit-transform: scale(1);
          transform: scale(1); }

/*Effect 2*/
.sd-modal-2 .sd-modal-content {
  -webkit-transform: scale(1.2);
          transform: scale(1.2); }
.sd-modal-2.active .sd-modal-content {
  -webkit-transform: scale(1);
          transform: scale(1); }

/*Effect 3*/
.sd-modal-3 .sd-modal-content {
  -webkit-transform: translateX(20%);
          transform: translateX(20%); }
.sd-modal-3.active .sd-modal-content {
  -webkit-transform: translateX(0);
          transform: translateX(0); }

/*Effect 4*/
.sd-modal-4 .sd-modal-content {
  -webkit-transform: translateX(-20%);
          transform: translateX(-20%); }
.sd-modal-4.active .sd-modal-content {
  -webkit-transform: translateX(0);
          transform: translateX(0); }

/*Effect 5*/
.sd-modal-5 .sd-modal-content {
  -webkit-transform: translateY(20%);
          transform: translateY(20%); }
.sd-modal-5.active .sd-modal-content {
  -webkit-transform: translateX(0);
          transform: translateX(0); }

/*Effect 6*/
.sd-modal-6 .sd-modal-content {
  -webkit-transform: translateY(-20%);
          transform: translateY(-20%); }
.sd-modal-6.active .sd-modal-content {
  -webkit-transform: translateX(0);
          transform: translateX(0); }

/*Effect 7*/
.sd-modal-7 {
  -webkit-perspective: 1500px;
          perspective: 1500px; }
  .sd-modal-7 .sd-modal-content {
    -webkit-transform: translate(30%) translateZ(600px) rotate(10deg);
            transform: translate(30%) translateZ(600px) rotate(10deg); }
  .sd-modal-7.active .sd-modal-content {
    -webkit-transform: translate(0%) translateZ(0) rotate(0deg);
            transform: translate(0%) translateZ(0) rotate(0deg); }

/*Effect 8*/
.sd-modal-8 {
  -webkit-perspective: 1500px;
          perspective: 1500px; }
  .sd-modal-8 .sd-modal-content {
    -webkit-transform: rotateX(90deg);
            transform: rotateX(90deg); }
  .sd-modal-8.active .sd-modal-content {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg); }

/*Effect 9*/
.sd-modal-9 {
  -webkit-perspective: 1500px;
          perspective: 1500px; }
  .sd-modal-9 .sd-modal-content {
    -webkit-transform: rotateY(90deg);
            transform: rotateY(90deg); }
  .sd-modal-9.active .sd-modal-content {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg); }

/*Effect 10*/
.sd-modal-10 {
  -webkit-perspective: 1500px;
          perspective: 1500px; }
  .sd-modal-10 .sd-modal-content {
    -webkit-transform-origin: top;
            transform-origin: top;
    -webkit-transform: rotateX(90deg);
            transform: rotateX(90deg); }
  .sd-modal-10.active .sd-modal-content {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg); }

/*Effect 11*/
.sd-modal-11 {
  -webkit-perspective: 1500px;
          perspective: 1500px; }
  .sd-modal-11 .sd-modal-content {
    -webkit-transform-origin: top;
            transform-origin: top;
    -webkit-transform: rotateX(-90deg);
            transform: rotateX(-90deg); }
  .sd-modal-11.active .sd-modal-content {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg); }

/*Effect 12*/
.sd-modal-12 {
  -webkit-perspective: 1500px;
          perspective: 1500px; }
  .sd-modal-12 .sd-modal-content {
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
    -webkit-transform: rotateX(90deg);
            transform: rotateX(90deg); }
  .sd-modal-12.active .sd-modal-content {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg); }

/*Effect 13*/
.sd-modal-13 {
  -webkit-perspective: 1500px;
          perspective: 1500px; }
  .sd-modal-13 .sd-modal-content {
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
    -webkit-transform: rotateX(-90deg);
            transform: rotateX(-90deg); }
  .sd-modal-13.active .sd-modal-content {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg); }

/*Effect 14*/
.sd-modal-14 {
  -webkit-perspective: 1500px;
          perspective: 1500px; }
  .sd-modal-14 .sd-modal-content {
    -webkit-transform-origin: right;
            transform-origin: right;
    -webkit-transform: rotateY(90deg);
            transform: rotateY(90deg); }
  .sd-modal-14.active .sd-modal-content {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg); }

/*Effect 15*/
.sd-modal-15 {
  -webkit-perspective: 1500px;
          perspective: 1500px; }
  .sd-modal-15 .sd-modal-content {
    -webkit-transform-origin: right;
            transform-origin: right;
    -webkit-transform: rotateY(-90deg);
            transform: rotateY(-90deg); }
  .sd-modal-15.active .sd-modal-content {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg); }

/*Effect 16*/
.sd-modal-16 {
  -webkit-perspective: 1500px;
          perspective: 1500px; }
  .sd-modal-16 .sd-modal-content {
    -webkit-transform-origin: left;
            transform-origin: left;
    -webkit-transform: rotateY(90deg);
            transform: rotateY(90deg); }
  .sd-modal-16.active .sd-modal-content {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg); }

/*Effect 17*/
.sd-modal-17 {
  -webkit-perspective: 1500px;
          perspective: 1500px; }
  .sd-modal-17 .sd-modal-content {
    -webkit-transform-origin: left;
            transform-origin: left;
    -webkit-transform: rotateY(-90deg);
            transform: rotateY(-90deg); }
  .sd-modal-17.active .sd-modal-content {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg); }

/*Effect 18*/
.sd-modal-18 {
  -webkit-perspective: 1500px;
          perspective: 1500px; }
  .sd-modal-18 .sd-modal-content {
    -webkit-transform: rotate(720deg) scale(0);
            transform: rotate(720deg) scale(0);
    -webkit-transition-duration: 500ms;
            transition-duration: 500ms; }
  .sd-modal-18.active .sd-modal-content {
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1); }

/*Effect 19*/
.sd-modal-19 .sd-modal-content {
  -webkit-transform: translate(100%, 200%) rotate(-5deg);
          transform: translate(100%, 200%) rotate(-5deg);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms; }
.sd-modal-19.active .sd-modal-content {
  -webkit-transform: translate(0%, 0%) rotate(0deg);
          transform: translate(0%, 0%) rotate(0deg); }

/*Effect 20*/
.sd-modal-20 .sd-modal-content {
  -webkit-transform: scale(0.2);
          transform: scale(0.2);
  -webkit-transition-delay: 200ms;
          transition-delay: 200ms;
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.32, 1.51);
          transition-timing-function: cubic-bezier(0.25, 0.1, 0.32, 1.51); }
.sd-modal-20.active {
  -webkit-transition-duration: 0s;
          transition-duration: 0s; }
  .sd-modal-20.active .sd-modal-content {
    -webkit-transform: scale(1);
            transform: scale(1); }

/*Effect 21*/
.sd-modal-21 {
  width: 100vw;
  height: 100vh;
  max-width: 100vw;
  max-height: 100vh; }
  .sd-modal-21 .sd-modal-content {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    height: 100vh; }
    .sd-modal-21 .sd-modal-content .sd-modal-body {
      max-height: calc(100vh - 150px); }
  .sd-modal-21.active .sd-modal-content {
    -webkit-transform: scale(1);
            transform: scale(1); }

/*Effect 22*/
.sd-modal-22 .sd-modal-content {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg); }
.sd-modal-22.active .sd-modal-content {
  -webkit-transform: rotate(0);
          transform: rotate(0); }

/*Effect 23*/
.sd-modal-23 .sd-modal-content {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg); }
.sd-modal-23.active .sd-modal-content {
  -webkit-transform: rotate(0);
          transform: rotate(0); }

/*Effect 24*/
.sd-modal-24 .sd-modal-content {
  -webkit-transform: scale(0.6) rotate(5deg);
          transform: scale(0.6) rotate(5deg);
  -webkit-transform-origin: top;
          transform-origin: top; }
.sd-modal-24.active .sd-modal-content {
  -webkit-transform: scale(1) rotate(0deg);
          transform: scale(1) rotate(0deg); }

/*Effect 25*/
.sd-modal-25.active .sd-modal-content {
  -webkit-animation: anim-1 1s ease;
          animation: anim-1 1s ease;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

/*Effect 26*/
.sd-modal-26.active .sd-modal-content {
  -webkit-animation: anim-2 1s ease;
          animation: anim-2 1s ease;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

/*Effect 27*/
.sd-modal-27.active .sd-modal-content {
  -webkit-animation: anim-3 1s ease;
          animation: anim-3 1s ease;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

/*Effect 28*/
.sd-modal-28.active .sd-modal-content {
  -webkit-animation: anim-4 1s ease;
          animation: anim-4 1s ease;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

/*Effect 29*/
.sd-modal-29.active .sd-modal-content {
  -webkit-animation: anim-5 1s ease;
          animation: anim-5 1s ease;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

/*Effect 30*/
.sd-modal-30 .sd-modal-content {
  -webkit-transform: translateX(-20%);
          transform: translateX(-20%); }
.sd-modal-30.active .sd-modal-content {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-animation: anim-6 0.3s linear infinite both;
          animation: anim-6 0.3s linear infinite both;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

/*Effect 31*/
.sd-modal-31 {
  top: auto;
  bottom: 0;
  left: 0;
  -webkit-transform: none;
          transform: none;
  width: 100%;
  max-width: 100vw; }
  .sd-modal-31 .sd-modal-content {
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
    -webkit-transform-origin: bottom;
            transform-origin: bottom; }
  .sd-modal-31.active .sd-modal-content {
    -webkit-transform: scale(1);
            transform: scale(1); }

/*Effect 32*/
.sd-modal-32 {
  bottom: auto;
  top: 0;
  left: 0;
  -webkit-transform: none;
          transform: none;
  width: 100%;
  max-width: 100vw; }
  .sd-modal-32 .sd-modal-content {
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
    -webkit-transform-origin: top;
            transform-origin: top; }
  .sd-modal-32.active .sd-modal-content {
    -webkit-transform: scale(1);
            transform: scale(1); }

/*--------------------------------------------------------------
3.0 Animations
--------------------------------------------------------------*/
@-webkit-keyframes anim-1 {
  0% {
    -webkit-transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  3.4% {
    -webkit-transform: matrix3d(0.316, 0, 0, 0, 0, 0.407, 0, 0, 0, 0, 1, 0, 0 0 0, 1);
            transform: matrix3d(0.316, 0, 0, 0, 0, 0.407, 0, 0, 0, 0, 1, 0, 0 0 0, 1); }
  4.3% {
    -webkit-transform: matrix3d(0.408, 0, 0, 0, 0, 0.54, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.408, 0, 0, 0, 0, 0.54, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  4.7% {
    -webkit-transform: matrix3d(0.45, 0, 0, 0, 0, 0.599, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.45, 0, 0, 0, 0, 0.599, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  6.81% {
    -webkit-transform: matrix3d(0.659, 0, 0, 0, 0, 0.893, 0, 0, 0, 0, 1, 0, 0 0, 0, 1);
            transform: matrix3d(0.659, 0, 0, 0, 0, 0.893, 0, 0, 0, 0, 1, 0, 0 0, 0, 1); }
  8.61% {
    -webkit-transform: matrix3d(0.82, 0, 0, 0, 0, 1.097, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.82, 0, 0, 0, 0, 1.097, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  9.41% {
    -webkit-transform: matrix3d(0.883, 0, 0, 0, 0, 1.168, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.883, 0, 0, 0, 0, 1.168, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  10.21% {
    -webkit-transform: matrix3d(0.942, 0, 0, 0, 0, 1.226, 0, 0, 0, 0, 1, 0, 0, 0 0, 1);
            transform: matrix3d(0.942, 0, 0, 0, 0, 1.226, 0, 0, 0, 0, 1, 0, 0, 0 0, 1); }
  12.91% {
    -webkit-transform: matrix3d(1.094, 0, 0, 0, 0, 1.328, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.094, 0, 0, 0, 0, 1.328, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  13.61% {
    -webkit-transform: matrix3d(1.123, 0, 0, 0, 0, 1.332, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.123, 0, 0, 0, 0, 1.332, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  14.11% {
    -webkit-transform: matrix3d(1.141, 0, 0, 0, 0, 1.331, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.141, 0, 0, 0, 0, 1.331, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  17.22% {
    -webkit-transform: matrix3d(1.205, 0, 0, 0, 0, 1.252, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.205, 0, 0, 0, 0, 1.252, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  17.52% {
    -webkit-transform: matrix3d(1.208, 0, 0, 0, 0, 1.239, 0, 0, 0, 0, 1, 0, 0, 0 0, 1);
            transform: matrix3d(1.208, 0, 0, 0, 0, 1.239, 0, 0, 0, 0, 1, 0, 0, 0 0, 1); }
  18.72% {
    -webkit-transform: matrix3d(1.212, 0, 0, 0, 0, 1.187, 0, 0, 0, 0, 1, 0, 0, 0 0, 1);
            transform: matrix3d(1.212, 0, 0, 0, 0, 1.187, 0, 0, 0, 0, 1, 0, 0, 0 0, 1); }
  21.32% {
    -webkit-transform: matrix3d(1.196, 0, 0, 0, 0, 1.069, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.196, 0, 0, 0, 0, 1.069, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  24.32% {
    -webkit-transform: matrix3d(1.151, 0, 0, 0, 0, 0.96, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.151, 0, 0, 0, 0, 0.96, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  25.23% {
    -webkit-transform: matrix3d(1.134, 0, 0, 0, 0, 0.938, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.134, 0, 0, 0, 0, 0.938, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  28.33% {
    -webkit-transform: matrix3d(1.075, 0, 0, 0, 0, 0.898, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.075, 0, 0, 0, 0, 0.898, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  29.03% {
    -webkit-transform: matrix3d(1.063, 0, 0, 0, 0, 0.897, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.063, 0, 0, 0, 0, 0.897, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  29.93% {
    -webkit-transform: matrix3d(1.048, 0, 0, 0, 0, 0.899, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.048, 0, 0, 0, 0, 0.899, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  35.54% {
    -webkit-transform: matrix3d(0.979, 0, 0, 0, 0, 0.962, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.979, 0, 0, 0, 0, 0.962, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  36.74% {
    -webkit-transform: matrix3d(0.972, 0, 0, 0, 0, 0.979, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.972, 0, 0, 0, 0, 0.979, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  39.44% {
    -webkit-transform: matrix3d(0.962, 0, 0, 0, 0, 1.01, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.962, 0, 0, 0, 0, 1.01, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  41.04% {
    -webkit-transform: matrix3d(0.961, 0, 0, 0, 0, 1.022, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.961, 0, 0, 0, 0, 1.022, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  44.44% {
    -webkit-transform: matrix3d(0.966, 0, 0, 0, 0, 1.032, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.966, 0, 0, 0, 0, 1.032, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  52.15% {
    -webkit-transform: matrix3d(0.991, 0, 0, 0, 0, 1.006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.991, 0, 0, 0, 0, 1.006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  59.86% {
    -webkit-transform: matrix3d(1.006, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.006, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  61.66% {
    -webkit-transform: matrix3d(1.007, 0, 0, 0, 0, 0.991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.007, 0, 0, 0, 0, 0.991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  63.26% {
    -webkit-transform: matrix3d(1.007, 0, 0, 0, 0, 0.992, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.007, 0, 0, 0, 0, 0.992, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  75.28% {
    -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.001, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  83.98% {
    -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  85.49% {
    -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  90.69% {
    -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } }
@keyframes anim-1 {
  0% {
    -webkit-transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  3.4% {
    -webkit-transform: matrix3d(0.316, 0, 0, 0, 0, 0.407, 0, 0, 0, 0, 1, 0, 0 0 0, 1);
            transform: matrix3d(0.316, 0, 0, 0, 0, 0.407, 0, 0, 0, 0, 1, 0, 0 0 0, 1); }
  4.3% {
    -webkit-transform: matrix3d(0.408, 0, 0, 0, 0, 0.54, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.408, 0, 0, 0, 0, 0.54, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  4.7% {
    -webkit-transform: matrix3d(0.45, 0, 0, 0, 0, 0.599, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.45, 0, 0, 0, 0, 0.599, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  6.81% {
    -webkit-transform: matrix3d(0.659, 0, 0, 0, 0, 0.893, 0, 0, 0, 0, 1, 0, 0 0, 0, 1);
            transform: matrix3d(0.659, 0, 0, 0, 0, 0.893, 0, 0, 0, 0, 1, 0, 0 0, 0, 1); }
  8.61% {
    -webkit-transform: matrix3d(0.82, 0, 0, 0, 0, 1.097, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.82, 0, 0, 0, 0, 1.097, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  9.41% {
    -webkit-transform: matrix3d(0.883, 0, 0, 0, 0, 1.168, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.883, 0, 0, 0, 0, 1.168, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  10.21% {
    -webkit-transform: matrix3d(0.942, 0, 0, 0, 0, 1.226, 0, 0, 0, 0, 1, 0, 0, 0 0, 1);
            transform: matrix3d(0.942, 0, 0, 0, 0, 1.226, 0, 0, 0, 0, 1, 0, 0, 0 0, 1); }
  12.91% {
    -webkit-transform: matrix3d(1.094, 0, 0, 0, 0, 1.328, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.094, 0, 0, 0, 0, 1.328, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  13.61% {
    -webkit-transform: matrix3d(1.123, 0, 0, 0, 0, 1.332, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.123, 0, 0, 0, 0, 1.332, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  14.11% {
    -webkit-transform: matrix3d(1.141, 0, 0, 0, 0, 1.331, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.141, 0, 0, 0, 0, 1.331, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  17.22% {
    -webkit-transform: matrix3d(1.205, 0, 0, 0, 0, 1.252, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.205, 0, 0, 0, 0, 1.252, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  17.52% {
    -webkit-transform: matrix3d(1.208, 0, 0, 0, 0, 1.239, 0, 0, 0, 0, 1, 0, 0, 0 0, 1);
            transform: matrix3d(1.208, 0, 0, 0, 0, 1.239, 0, 0, 0, 0, 1, 0, 0, 0 0, 1); }
  18.72% {
    -webkit-transform: matrix3d(1.212, 0, 0, 0, 0, 1.187, 0, 0, 0, 0, 1, 0, 0, 0 0, 1);
            transform: matrix3d(1.212, 0, 0, 0, 0, 1.187, 0, 0, 0, 0, 1, 0, 0, 0 0, 1); }
  21.32% {
    -webkit-transform: matrix3d(1.196, 0, 0, 0, 0, 1.069, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.196, 0, 0, 0, 0, 1.069, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  24.32% {
    -webkit-transform: matrix3d(1.151, 0, 0, 0, 0, 0.96, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.151, 0, 0, 0, 0, 0.96, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  25.23% {
    -webkit-transform: matrix3d(1.134, 0, 0, 0, 0, 0.938, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.134, 0, 0, 0, 0, 0.938, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  28.33% {
    -webkit-transform: matrix3d(1.075, 0, 0, 0, 0, 0.898, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.075, 0, 0, 0, 0, 0.898, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  29.03% {
    -webkit-transform: matrix3d(1.063, 0, 0, 0, 0, 0.897, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.063, 0, 0, 0, 0, 0.897, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  29.93% {
    -webkit-transform: matrix3d(1.048, 0, 0, 0, 0, 0.899, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.048, 0, 0, 0, 0, 0.899, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  35.54% {
    -webkit-transform: matrix3d(0.979, 0, 0, 0, 0, 0.962, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.979, 0, 0, 0, 0, 0.962, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  36.74% {
    -webkit-transform: matrix3d(0.972, 0, 0, 0, 0, 0.979, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.972, 0, 0, 0, 0, 0.979, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  39.44% {
    -webkit-transform: matrix3d(0.962, 0, 0, 0, 0, 1.01, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.962, 0, 0, 0, 0, 1.01, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  41.04% {
    -webkit-transform: matrix3d(0.961, 0, 0, 0, 0, 1.022, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.961, 0, 0, 0, 0, 1.022, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  44.44% {
    -webkit-transform: matrix3d(0.966, 0, 0, 0, 0, 1.032, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.966, 0, 0, 0, 0, 1.032, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  52.15% {
    -webkit-transform: matrix3d(0.991, 0, 0, 0, 0, 1.006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.991, 0, 0, 0, 0, 1.006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  59.86% {
    -webkit-transform: matrix3d(1.006, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.006, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  61.66% {
    -webkit-transform: matrix3d(1.007, 0, 0, 0, 0, 0.991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.007, 0, 0, 0, 0, 0.991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  63.26% {
    -webkit-transform: matrix3d(1.007, 0, 0, 0, 0, 0.992, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.007, 0, 0, 0, 0, 0.992, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  75.28% {
    -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.001, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  83.98% {
    -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  85.49% {
    -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  90.69% {
    -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } }
@-webkit-keyframes anim-2 {
  0% {
    -webkit-transform: translate(1000px, -1000px) skew(-80deg, -10deg);
            transform: translate(1000px, -1000px) skew(-80deg, -10deg);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    -webkit-filter: blur(40px);
            filter: blur(40px);
    opacity: 0; }
  100% {
    -webkit-transform: translate(0, 0) skew(0deg, 0deg);
            transform: translate(0, 0) skew(0deg, 0deg);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1; } }
@keyframes anim-2 {
  0% {
    -webkit-transform: translate(1000px, -1000px) skew(-80deg, -10deg);
            transform: translate(1000px, -1000px) skew(-80deg, -10deg);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    -webkit-filter: blur(40px);
            filter: blur(40px);
    opacity: 0; }
  100% {
    -webkit-transform: translate(0, 0) skew(0deg, 0deg);
            transform: translate(0, 0) skew(0deg, 0deg);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1; } }
@-webkit-keyframes anim-3 {
  0% {
    -webkit-transform: translateY(600px) rotateX(30deg) scale(0);
            transform: translateY(600px) rotateX(30deg) scale(0);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0) rotateX(0) scale(1);
            transform: translateY(0) rotateX(0) scale(1);
    -webkit-transform-origin: 50% -1400px;
            transform-origin: 50% -1400px;
    opacity: 1; } }
@keyframes anim-3 {
  0% {
    -webkit-transform: translateY(600px) rotateX(30deg) scale(0);
            transform: translateY(600px) rotateX(30deg) scale(0);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0) rotateX(0) scale(1);
            transform: translateY(0) rotateX(0) scale(1);
    -webkit-transform-origin: 50% -1400px;
            transform-origin: 50% -1400px;
    opacity: 1; } }
@-webkit-keyframes anim-4 {
  0% {
    -webkit-transform: translateY(-800px) rotate(-540deg);
            transform: translateY(-800px) rotate(-540deg);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0) rotate(0deg);
            transform: translateY(0) rotate(0deg);
    opacity: 1; } }
@keyframes anim-4 {
  0% {
    -webkit-transform: translateY(-800px) rotate(-540deg);
            transform: translateY(-800px) rotate(-540deg);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0) rotate(0deg);
            transform: translateY(0) rotate(0deg);
    opacity: 1; } }
@-webkit-keyframes anim-5 {
  0% {
    opacity: 0; }
  10% {
    opacity: 0; }
  10.1% {
    opacity: 1; }
  10.2% {
    opacity: 0; }
  20% {
    opacity: 0; }
  20.1% {
    opacity: 1; }
  20.6% {
    opacity: 0; }
  30% {
    opacity: 0; }
  30.1% {
    opacity: 1; }
  30.5% {
    opacity: 1; }
  30.6% {
    opacity: 0; }
  45% {
    opacity: 0; }
  45.1% {
    opacity: 1; }
  50% {
    opacity: 1; }
  55% {
    opacity: 1; }
  55.1% {
    opacity: 0; }
  57% {
    opacity: 0; }
  57.1% {
    opacity: 1; }
  60% {
    opacity: 1; }
  60.1% {
    opacity: 0; }
  65% {
    opacity: 0; }
  65.1% {
    opacity: 1; }
  75% {
    opacity: 1; }
  75.1% {
    opacity: 0; }
  77% {
    opacity: 0; }
  77.1% {
    opacity: 1; }
  85% {
    opacity: 1; }
  85.1% {
    opacity: 0; }
  86% {
    opacity: 0; }
  86.1% {
    opacity: 1; }
  100% {
    opacity: 1; } }
@keyframes anim-5 {
  0% {
    opacity: 0; }
  10% {
    opacity: 0; }
  10.1% {
    opacity: 1; }
  10.2% {
    opacity: 0; }
  20% {
    opacity: 0; }
  20.1% {
    opacity: 1; }
  20.6% {
    opacity: 0; }
  30% {
    opacity: 0; }
  30.1% {
    opacity: 1; }
  30.5% {
    opacity: 1; }
  30.6% {
    opacity: 0; }
  45% {
    opacity: 0; }
  45.1% {
    opacity: 1; }
  50% {
    opacity: 1; }
  55% {
    opacity: 1; }
  55.1% {
    opacity: 0; }
  57% {
    opacity: 0; }
  57.1% {
    opacity: 1; }
  60% {
    opacity: 1; }
  60.1% {
    opacity: 0; }
  65% {
    opacity: 0; }
  65.1% {
    opacity: 1; }
  75% {
    opacity: 1; }
  75.1% {
    opacity: 0; }
  77% {
    opacity: 0; }
  77.1% {
    opacity: 1; }
  85% {
    opacity: 1; }
  85.1% {
    opacity: 0; }
  86% {
    opacity: 0; }
  86.1% {
    opacity: 1; }
  100% {
    opacity: 1; } }
@-webkit-keyframes anim-6 {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0); }
  20% {
    -webkit-transform: translate(-2px, 2px);
            transform: translate(-2px, 2px); }
  40% {
    -webkit-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px); }
  60% {
    -webkit-transform: translate(2px, 2px);
            transform: translate(2px, 2px); }
  80% {
    -webkit-transform: translate(2px, -2px);
            transform: translate(2px, -2px); }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0); } }
@keyframes anim-6 {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0); }
  20% {
    -webkit-transform: translate(-2px, 2px);
            transform: translate(-2px, 2px); }
  40% {
    -webkit-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px); }
  60% {
    -webkit-transform: translate(2px, 2px);
            transform: translate(2px, 2px); }
  80% {
    -webkit-transform: translate(2px, -2px);
            transform: translate(2px, -2px); }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0); } }
/*--------------------------------------------------------------
5.0 Colors
--------------------------------------------------------------*/
.overlay-color-1 .overlay.active {
  background-color: #595F6E; }

.overlay-color-2 .overlay.active {
  background-color: #845EC2; }

.overlay-color-3 .overlay.active {
  background-color: #1C1259; }

.overlay-color-4 .overlay.active {
  background-color: #D65DB1; }

.overlay-color-5 .overlay.active {
  background-color: #7F4782; }

.overlay-color-6 .overlay.active {
  background-color: #FF6F91; }

.overlay-color-7 .overlay.active {
  background-color: #e2598b; }

.overlay-color-8 .overlay.active {
  background-color: #ee7777; }

.overlay-color-9 .overlay.active {
  background-color: #FF9671; }

.overlay-color-10 .overlay.active {
  background-color: #ff8246; }

.overlay-color-11 .overlay.active {
  background-color: #ffdc27; }

.overlay-color-12 .overlay.active {
  background-color: #FFC75F; }

.overlay-color-13 .overlay.active {
  background-color: #F9F871; }

.overlay-color-14 .overlay.active {
  background-color: #49beb7; }

.overlay-color-15 .overlay.active {
  background-color: #bfcd7e; }

.overlay-color-16 .overlay.active {
  background-color: #15cda8; }

.overlay-color-17 .overlay.active {
  background-color: #ff5959; }

.overlay-color-18 .overlay.active {
  background-color: #f34573; }

.overlay-color-19 .overlay.active {
  background-color: #fd5f00; }

.overlay-color-20 .overlay.active {
  background-color: #4592af; }

.overlay-color-21 .overlay.active {
  background-color: #6c5ce7; }

.overlay-color-22 .overlay.active {
  background-color: #00D2FC; }

.overlay-color-23 .overlay.active {
  background-color: #eeeeee; }

.overlay-color-24 .overlay.active {
  background-color: #f2eee0; }

.overlay-color-25 .overlay.active {
  background-color: #323232; }

.overlay-color-26 .overlay.active {
  background-color: #4e4e4e; }

.overlay-color-27 .overlay.active {
  background-color: #fff; }

/* :) Let's meke internet BEAUTIFUL*/
/*
 _       __     __       ______                    __
| |     / /__  / /_     /_  __/_______  ____  ____/ /_  __
| | /| / / _ \/ __ \     / / / ___/ _ \/ __ \/ __  / / / /
| |/ |/ /  __/ /_/ /    / / / /  /  __/ / / / /_/ / /_/ /
|__/|__/\___/_.___/    /_/ /_/   \___/_/ /_/\__,_/\__, /
                                                 /____/
*/

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