/* Main rotation */
        @-webkit-keyframes main-rotation {
            0% {
                -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
            }

            100% {
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
            }
        }

        @-moz-keyframes main-rotation {
            0% {
                -moz-transform: rotate(360deg);
                transform: rotate(360deg);
            }

            100% {
                -moz-transform: rotate(0deg);
                transform: rotate(0deg);
            }
        }

        @-o-keyframes main-rotation {
            0% {
                -o-transform: rotate(360deg);
                transform: rotate(360deg);
            }

            100% {
                -o-transform: rotate(0deg);
                transform: rotate(0deg);
            }
        }
/*
        @-ms-keyframes main-rotation {
            0% {
                -ms-transform: rotate(360deg);
                transform: rotate(360deg);
            }

            100% {
                -ms-transform: rotate(0deg);
                transform: rotate(0deg);
            }
        }
*/
        @keyframes main-rotation {
            0% {
                transform: rotate(360deg);
            }

            100% {
                transform: rotate(0deg);
            }
        }


        /*Main scale */
        @-webkit-keyframes main-scale {
            0% {
                -webkit-transform: translate(-50%, -50%) scale(0);
                transform: translate(-50%, -50%) scale(0);
                opacity: 0;
            }

            100% {
                -webkit-transform: translate(-50%, -50%) scale(1);
                transform: translate(-50%, -50%) scale(1);
                opacity: .6;
            }
        }

        @-moz-keyframes main-scale {
            0% {
                -moz-transform: translate(-50%, -50%) scale(0);
                transform: translate(-50%, -50%) scale(0);
                opacity: 0;
            }

            100% {
                -moz-transform: translate(-50%, -50%) scale(1);
                transform: translate(-50%, -50%) scale(1);
                opacity: .6;
            }
        }

        @-o-keyframes main-scale {
            0% {
                -o-transform: translate(-50%, -50%) scale(0);
                transform: translate(-50%, -50%) scale(0);
                opacity: 0;
            }

            100% {
                -o-transform: translate(-50%, -50%) scale(1);
                transform: translate(-50%, -50%) scale(1);
                opacity: .6;
            }
        }
    /*
        @-ms-keyframes main-scale {
            0% {
                -ms-transform: translate(-50%, -50%) scale(0);
                transform: translate(-50%, -50%) scale(0);
                opacity: 0;
            }

            100% {
                -ms-transform: translate(-50%, -50%) scale(1);
                transform: translate(-50%, -50%) scale(1);
                opacity: .6;
            }
        }
    */
        @keyframes main-scale {
            0% {
                transform: translate(-50%, -50%) scale(0);
                opacity: 0;
            }

            100% {
                transform: translate(-50%, -50%) scale(1);
                opacity: .6;
            }
        }

        /* Opacity anim util */
        @-webkit-keyframes opacity-anim {
            0% {
                opacity: 0;
            }

            100% {
                opacity: 1;
            }
        }

        @-moz-keyframes opacity-anim {
            0% {
                opacity: 0;
            }

            100% {
                opacity: 1;
            }
        }

        @-o-keyframes opacity-anim {
            0% {
                opacity: 0;
            }

            100% {
                opacity: 1;
            }
        }
    /*
        @-ms-keyframes opacity-anim {
            0% {
                opacity: 0;
            }

            100% {
                opacity: 1;
            }
        }
    */
        @keyframes opacity-anim {
            0% {
                opacity: 0;
            }

            100% {
                opacity: 1;
            }
        }

        .loader-main {
          position: absolute;
          -webkit-transform-origin: 50% 50%;
          -ms-transform-origin: 50% 50%;
          -moz-transform-origin: 50% 50%;
          -o-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
          left: 50%;
          top: 50%;
          height: 50%;
          transform: translate(-50%,-50%);
        }

        .logo-wrapper {
            position: relative;
            -webkit-transform-origin: 50% 50%;
            -ms-transform-origin: 50% 50%;
            -moz-transform-origin: 50% 50%;
            -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
            -webkit-animation: main-scale 5s ease-out .2s;
            -moz-animation: main-scale 5s ease-out .2s;
            -o-animation: main-scale 5s ease-out .2s;
            animation: main-scale 5s ease-out .2s;
            -webkit-animation-fill-mode: forwards;
            -moz-animation-fill-mode: forwards;
            -o-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
            height: 100%;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            opacity: 0;
        }

        .loader-main .logo {
            position: relative;
            height: 100%;
            -webkit-transform-origin: 50% 50%;
            -ms-transform-origin: 50% 50%;
            -moz-transform-origin: 50% 50%;
            -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
            -webkit-animation: main-rotation 10s linear infinite;
            -moz-animation: main-rotation 10s linear infinite;
            -o-animation: main-rotation 10s linear infinite;
            animation: main-rotation 10s linear infinite;
        }

        .loader-main .copy {
            position: absolute;
            width: 100%;
            top: 50%;
            -webkit-transform: translateY(-50%) scale(.55);
            -ms-transform: translateY(-50%) scale(.55);
            -moz-transform: translateY(-50%) scale(.55);
            -o-transform: translateY(-50%) scale(.55);
            transform: translateY(-50%) scale(.55);
            -webkit-transform-origin: 50% 50%;
            -ms-transform-origin: 50% 50%;
            -moz-transform-origin: 50% 50%;
            -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
            opacity: .8;
        }

        .copy svg {
            border: 4px solid;
            border-color: transparent;
        }

        .leaf {
            opacity: 0;
        }

        #heart {
            opacity: 0;
            -webkit-animation: opacity-anim 1s linear;
            -moz-animation: opacity-anim 1s linear;
            -o-animation: opacity-anim 1s linear;
            animation: opacity-anim 1s linear;
            -webkit-animation-fill-mode: forwards;
            -moz-animation-fill-mode: forwards;
            -o-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
            -webkit-animation-delay: 2s;
            -moz-animation-delay: 2s;
            -o-animation-delay: 2s;
            animation-delay: 2s;

        }

        #felt {
            opacity: 0;
            -webkit-animation: opacity-anim 1s linear;
            -moz-animation: opacity-anim 1s linear;
            -o-animation: opacity-anim 1s linear;
            animation: opacity-anim 1s linear;
            -webkit-animation-fill-mode: forwards;
            -moz-animation-fill-mode: forwards;
            -o-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
            -webkit-animation-delay: 3s;
            -moz-animation-delay: 3s;
            -o-animation-delay: 3s;
            animation-delay: 3s;
        }


        /* Each leaf animation timing */
        #leaf-1 {
            -webkit-animation: opacity-anim 6.8235294118s;
            -moz-animation: opacity-anim 6.8235294118s;
            -o-animation: opacity-anim 6.8235294118s;
            animation: opacity-anim 6.8235294118s;
            -webkit-animation-delay: 0.6323529412s;
            -moz-animation-delay: 0.6323529412s;
            -o-animation-delay: 0.6323529412s;
            animation-delay: 0.6323529412s;
            -webkit-animation-fill-mode: forwards;
            -moz-animation-fill-mode: forwards;
            -o-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
            -webkit-animation-timing-function: linear;
            -moz-animation-timing-function: linear;
            -o-animation-timing-function: linear;
            animation-timing-function: linear;
        }

        #leaf-2 {
            -webkit-animation: opacity-anim 6.6470588235s;
            -moz-animation: opacity-anim 6.6470588235s;
            -o-animation: opacity-anim 6.6470588235s;
            animation: opacity-anim 6.6470588235s;
            -webkit-animation-delay: 0.7647058824s;
            -moz-animation-delay: 0.7647058824s;
            -o-animation-delay: 0.7647058824s;
            animation-delay: 0.7647058824s;
            -webkit-animation-fill-mode: forwards;
            -moz-animation-fill-mode: forwards;
            -o-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
            -webkit-animation-timing-function: linear;
            -moz-animation-timing-function: linear;
            -o-animation-timing-function: linear;
            animation-timing-function: linear;
        }

        #leaf-3 {
            -webkit-animation: opacity-anim 6.4705882353s;
            -moz-animation: opacity-anim 6.4705882353s;
            -o-animation: opacity-anim 6.4705882353s;
            animation: opacity-anim 6.4705882353s;
            -webkit-animation-delay: 0.8970588235s;
            -moz-animation-delay: 0.8970588235s;
            -o-animation-delay: 0.8970588235s;
            animation-delay: 0.8970588235s;
            -webkit-animation-fill-mode: forwards;
            -moz-animation-fill-mode: forwards;
            -o-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
            -webkit-animation-timing-function: linear;
            -moz-animation-timing-function: linear;
            -o-animation-timing-function: linear;
            animation-timing-function: linear;
        }

        #leaf-4 {
            -webkit-animation: opacity-anim 6.2941176471s;
            -moz-animation: opacity-anim 6.2941176471s;
            -o-animation: opacity-anim 6.2941176471s;
            animation: opacity-anim 6.2941176471s;
            -webkit-animation-delay: 1.0294117647s;
            -moz-animation-delay: 1.0294117647s;
            -o-animation-delay: 1.0294117647s;
            animation-delay: 1.0294117647s;
            -webkit-animation-fill-mode: forwards;
            -moz-animation-fill-mode: forwards;
            -o-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
            -webkit-animation-timing-function: linear;
            -moz-animation-timing-function: linear;
            -o-animation-timing-function: linear;
            animation-timing-function: linear;
        }

        #leaf-5 {
            -webkit-animation: opacity-anim 6.1176470588s;
            -moz-animation: opacity-anim 6.1176470588s;
            -o-animation: opacity-anim 6.1176470588s;
            animation: opacity-anim 6.1176470588s;
            -webkit-animation-delay: 1.1617647059s;
            -moz-animation-delay: 1.1617647059s;
            -o-animation-delay: 1.1617647059s;
            animation-delay: 1.1617647059s;
            -webkit-animation-fill-mode: forwards;
            -moz-animation-fill-mode: forwards;
            -o-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
            -webkit-animation-timing-function: linear;
            -moz-animation-timing-function: linear;
            -o-animation-timing-function: linear;
            animation-timing-function: linear;
        }

        #leaf-6 {
            -webkit-animation: opacity-anim 5.9411764706s;
            -moz-animation: opacity-anim 5.9411764706s;
            -o-animation: opacity-anim 5.9411764706s;
            animation: opacity-anim 5.9411764706s;
            -webkit-animation-delay: 1.2941176471s;
            -moz-animation-delay: 1.2941176471s;
            -o-animation-delay: 1.2941176471s;
            animation-delay: 1.2941176471s;
            -webkit-animation-fill-mode: forwards;
            -moz-animation-fill-mode: forwards;
            -o-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
            -webkit-animation-timing-function: linear;
            -moz-animation-timing-function: linear;
            -o-animation-timing-function: linear;
            animation-timing-function: linear;
        }

        #leaf-7 {
            -webkit-animation: opacity-anim 5.7647058824s;
            -moz-animation: opacity-anim 5.7647058824s;
            -o-animation: opacity-anim 5.7647058824s;
            animation: opacity-anim 5.7647058824s;
            -webkit-animation-delay: 1.4264705882s;
            -moz-animation-delay: 1.4264705882s;
            -o-animation-delay: 1.4264705882s;
            animation-delay: 1.4264705882s;
            -webkit-animation-fill-mode: forwards;
            -moz-animation-fill-mode: forwards;
            -o-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
            -webkit-animation-timing-function: linear;
            -moz-animation-timing-function: linear;
            -o-animation-timing-function: linear;
            animation-timing-function: linear;
        }

        #leaf-8 {
            -webkit-animation: opacity-anim 5.5882352941s;
            -moz-animation: opacity-anim 5.5882352941s;
            -o-animation: opacity-anim 5.5882352941s;
            animation: opacity-anim 5.5882352941s;
            -webkit-animation-delay: 1.5588235294s;
            -moz-animation-delay: 1.5588235294s;
            -o-animation-delay: 1.5588235294s;
            animation-delay: 1.5588235294s;
            -webkit-animation-fill-mode: forwards;
            -moz-animation-fill-mode: forwards;
            -o-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
            -webkit-animation-timing-function: linear;
            -moz-animation-timing-function: linear;
            -o-animation-timing-function: linear;
            animation-timing-function: linear;
        }

        #leaf-9 {
            -webkit-animation: opacity-anim 5.4117647059s;
            -moz-animation: opacity-anim 5.4117647059s;
            -o-animation: opacity-anim 5.4117647059s;
            animation: opacity-anim 5.4117647059s;
            -webkit-animation-delay: 1.6911764706s;
            -moz-animation-delay: 1.6911764706s;
            -o-animation-delay: 1.6911764706s;
            animation-delay: 1.6911764706s;
            -webkit-animation-fill-mode: forwards;
            -moz-animation-fill-mode: forwards;
            -o-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
            -webkit-animation-timing-function: linear;
            -moz-animation-timing-function: linear;
            -o-animation-timing-function: linear;
            animation-timing-function: linear;
        }

        #leaf-10 {
            -webkit-animation: opacity-anim 5.2352941176s;
            -moz-animation: opacity-anim 5.2352941176s;
            -o-animation: opacity-anim 5.2352941176s;
            animation: opacity-anim 5.2352941176s;
            -webkit-animation-delay: 1.8235294118s;
            -moz-animation-delay: 1.8235294118s;
            -o-animation-delay: 1.8235294118s;
            animation-delay: 1.8235294118s;
            -webkit-animation-fill-mode: forwards;
            -moz-animation-fill-mode: forwards;
            -o-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
            -webkit-animation-timing-function: linear;
            -moz-animation-timing-function: linear;
            -o-animation-timing-function: linear;
            animation-timing-function: linear;
        }

        #leaf-11 {
            -webkit-animation: opacity-anim 5.0588235294s;
            -moz-animation: opacity-anim 5.0588235294s;
            -o-animation: opacity-anim 5.0588235294s;
            animation: opacity-anim 5.0588235294s;
            -webkit-animation-delay: 1.9558823529s;
            -moz-animation-delay: 1.9558823529s;
            -o-animation-delay: 1.9558823529s;
            animation-delay: 1.9558823529s;
            -webkit-animation-fill-mode: forwards;
            -moz-animation-fill-mode: forwards;
            -o-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
            -webkit-animation-timing-function: linear;
            -moz-animation-timing-function: linear;
            -o-animation-timing-function: linear;
            animation-timing-function: linear;
        }

        #leaf-12 {
            -webkit-animation: opacity-anim 4.8823529412s;
            -moz-animation: opacity-anim 4.8823529412s;
            -o-animation: opacity-anim 4.8823529412s;
            animation: opacity-anim 4.8823529412s;
            -webkit-animation-delay: 2.0882352941s;
            -moz-animation-delay: 2.0882352941s;
            -o-animation-delay: 2.0882352941s;
            animation-delay: 2.0882352941s;
            -webkit-animation-fill-mode: forwards;
            -moz-animation-fill-mode: forwards;
            -o-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
            -webkit-animation-timing-function: linear;
            -moz-animation-timing-function: linear;
            -o-animation-timing-function: linear;
            animation-timing-function: linear;
        }

        #leaf-13 {
            -webkit-animation: opacity-anim 4.7058823529s;
            -moz-animation: opacity-anim 4.7058823529s;
            -o-animation: opacity-anim 4.7058823529s;
            animation: opacity-anim 4.7058823529s;
            -webkit-animation-delay: 2.2205882353s;
            -moz-animation-delay: 2.2205882353s;
            -o-animation-delay: 2.2205882353s;
            animation-delay: 2.2205882353s;
            -webkit-animation-fill-mode: forwards;
            -moz-animation-fill-mode: forwards;
            -o-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
            -webkit-animation-timing-function: linear;
            -moz-animation-timing-function: linear;
            -o-animation-timing-function: linear;
            animation-timing-function: linear;
        }

        #leaf-14 {
            -webkit-animation: opacity-anim 4.5294117647s;
            -moz-animation: opacity-anim 4.5294117647s;
            -o-animation: opacity-anim 4.5294117647s;
            animation: opacity-anim 4.5294117647s;
            -webkit-animation-delay: 2.3529411765s;
            -moz-animation-delay: 2.3529411765s;
            -o-animation-delay: 2.3529411765s;
            animation-delay: 2.3529411765s;
            -webkit-animation-fill-mode: forwards;
            -moz-animation-fill-mode: forwards;
            -o-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
            -webkit-animation-timing-function: linear;
            -moz-animation-timing-function: linear;
            -o-animation-timing-function: linear;
            animation-timing-function: linear;
        }

        #leaf-15 {
            -webkit-animation: opacity-anim 4.3529411765s;
            -moz-animation: opacity-anim 4.3529411765s;
            -o-animation: opacity-anim 4.3529411765s;
            animation: opacity-anim 4.3529411765s;
            -webkit-animation-delay: 2.4852941176s;
            -moz-animation-delay: 2.4852941176s;
            -o-animation-delay: 2.4852941176s;
            animation-delay: 2.4852941176s;
            -webkit-animation-fill-mode: forwards;
            -moz-animation-fill-mode: forwards;
            -o-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
            -webkit-animation-timing-function: linear;
            -moz-animation-timing-function: linear;
            -o-animation-timing-function: linear;
            animation-timing-function: linear;
        }

        #leaf-16 {
            -webkit-animation: opacity-anim 4.1764705882s;
            -moz-animation: opacity-anim 4.1764705882s;
            -o-animation: opacity-anim 4.1764705882s;
            animation: opacity-anim 4.1764705882s;
            -webkit-animation-delay: 2.6176470588s;
            -moz-animation-delay: 2.6176470588s;
            -o-animation-delay: 2.6176470588s;
            animation-delay: 2.6176470588s;
            -webkit-animation-fill-mode: forwards;
            -moz-animation-fill-mode: forwards;
            -o-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
            -webkit-animation-timing-function: linear;
            -moz-animation-timing-function: linear;
            -o-animation-timing-function: linear;
            animation-timing-function: linear;
        }

        #leaf-17 {
            -webkit-animation: opacity-anim 4s;
            -moz-animation: opacity-anim 4s;
            -o-animation: opacity-anim 4s;
            animation: opacity-anim 4s;
            -webkit-animation-delay: 2.75s;
            -moz-animation-delay: 2.75s;
            -o-animation-delay: 2.75s;
            animation-delay: 2.75s;
            -webkit-animation-fill-mode: forwards;
            -moz-animation-fill-mode: forwards;
            -o-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
            -webkit-animation-timing-function: linear;
            -moz-animation-timing-function: linear;
            -o-animation-timing-function: linear;
            animation-timing-function: linear;
        }


.loader {
  background: #fff;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 99999;
  left: 0px;
  top: 0px;
  -webkit-transition: all 0.7s ease 0s;
  -moz-transition: all 0.7s ease 0s;
  transition: all 0.7s ease 0s; }

#loader.deactive {
  opacity: 0;
  z-index: -999; }
  #loader
  {
    background: #fff;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 99999;
    left: 0px;
    top: 0px;
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
  }
   

.flower {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.solar-star {
  -webkit-animation: rotating 20s linear infinite;
  -moz-animation: rotating 20s linear infinite;
  -ms-animation: rotating 20s linear infinite;
  -o-animation: rotating 20s linear infinite;
  animation: rotating 20s linear infinite; }

.solar-star-text {
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 45px;
  opacity: 1;
  font-family: 'EB Garamond', serif;
  font-style: italic;
  	/* -webkit-animation: text-animation  3s linear ;
      -moz-animation: text-animation  3s linear ;
      -ms-animation: text-animation  3s linear ;
      -o-animation: text-animation  3s linear ;
      animation: text-animation  3s linear ;
    animation-delay: 1500ms; */ }
  .solar-star-text span {
    opacity: 0;
    transition: all 0.5s ease 0s; }
  .solar-star-text span.actv {
    opacity: 1; }

.active {
  opacity: 1; }

.scale-animation {
  -webkit-animation: scale 3s linear;
  -moz-animation: scale 3s linear;
  -ms-animation: scale 3s linear;
  -o-animation: scale 3s linear;
  animation: scale 3s linear; }

@keyframes rotating {
  from {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); }
  to {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); } }
@keyframes scale {
  from {
    -ms-transform: scale(0.1);
    -moz-transform: scale(0.1);
    -webkit-transform: scale(0.1);
    -o-transform: scale(0.1);
    transform: scale(0.1); }
  to {
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }
@keyframes text-animation {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@media (max-width: 767px) {
  .solar-star-text {
    font-size: 36px; }

  .flower {
    transform: translate(-50%, -50%) scale(0.6); } }

     @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {   
  .logo-wrapper
  {
    left: 0;
    top: 0;
  }
}