/** Shopify CDN: Minification failed

Line 97:4 Unexpected "60%"
Line 98:4 Unexpected "75%"
Line 99:4 Unexpected "100%"
Line 106:4 Unexpected "60%"
Line 107:4 Unexpected "75%"
Line 108:4 Unexpected "100%"

**/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
@keyframes shadow {
    50% {box-shadow: inset 0px 0px 82px 0px rgba(205,229,1,1);}
}
@-webkit-keyframes shadow {
    50% {box-shadow: inset 0px 0px 82px 0px rgba(205,229,1,1);}
}
@keyframes spin-clockwise {
    0% {
        background: linear-gradient(90deg, rgba(151,168,2,1) 0%, rgba(205,228,0,1) 100%);  
    }
    100% {
        background: linear-gradient(360deg, rgba(151,168,2,1) 0%, rgba(205,228,0,1) 100%);  
    }
}
@-webkit-keyframes spin-clockwise {
    0% {
        background: linear-gradient(90deg, rgba(151,168,2,1) 0%, rgba(205,228,0,1) 100%);  
    }
    100% {
        background: linear-gradient(360deg, rgba(151,168,2,1) 0%, rgba(205,228,0,1) 100%);  
    }
}
@keyframes shine {
    0%   {background-position: 0 0;}
    25% {background-position: 50% 0;}
    50% {background-position: 90% 0;}
    60% {background-position: 60%;}
    75% {background-position: 40%;}
    100%  {background-position: 0 0;}
  }
@-webkit-keyframes shine {
    0%   {background-position: 0 0;}
    25% {background-position: 50% 0;}
    50% {background-position: 90% 0;}
    60% {background-position: 60%;}
    75% {background-position: 40%;}
    100%  {background-position: 0 0;}
  }
@keyframes shine1 {
    to {
      background: linear-gradient(135deg, rgba(82,91,111,1) 0%, rgba(255,255,255,1) 86%);
    }
}
@keyframes shine1 {
    to {
      background: linear-gradient(135deg, rgba(82,91,111,1) 0%, rgba(255,255,255,1) 86%);
    }
}
@keyframes shine2 {
    to {
      background: linear-gradient(135deg, rgba(82,91,111,1) 0%, rgba(27,31,40,1) 86%);
    }
}


@keyframes gradient {
	0%   {background-position: 0 0;}
    25% {background-position: 50% 0;}
    50% {background-position: 90% 0;}
    60% {background-position: 60%;}
    75% {background-position: 40%;}
    100%  {background-position: 0 0;}
}
@-webkit-keyframes gradient {
	0%   {background-position: 0 0;}
    25% {background-position: 50% 0;}
    50% {background-position: 90% 0;}
    60% {background-position: 60%;}
    75% {background-position: 40%;}
    100%  {background-position: 0 0;}
}
@keyframes plyshadow {
	0%   {background-position: 0 0;}
    25% {background-position: 50% 0;}
    50% { background-position: 90% 0; box-shadow: 0px 0px 23px 7px rgba(0,0,0,0.2);
    60% {background-position: 60%;}
    75% {background-position: 40%;}
    100%  {background-position: 0 0;}
    }
}
@-webkit-keyframes plyshadow {
	0%   {background-position: 0 0;}
    25% {background-position: 50% 0;}
    50% { background-position: 90% 0; box-shadow: 0px 0px 23px 7px rgba(0,0,0,0.2);
    60% {background-position: 60%;}
    75% {background-position: 40%;}
    100%  {background-position: 0 0;}
    }
}


@keyframes zoom {
    0% {
         transform: scale(1.2);
    }
    100% {
         transform: scale(1.1);  
    }
}


@keyframes bounceIn {
  0% {
    transform: translate(0px, -12vh) scale(1);
  }
  75% {
  	transform: rotate(0deg) scale(1.1);
  }
  100% {
    transform: translate(0px, 12vh) scale(1.02); 
  }
}

@-webkit-keyframes o-rotate-360 {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes o-rotate-360 {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes lineAnim {
    0% {
        top: -20%;
    }
    50% {
        top: 20%;
        height: 60%;
    }
    100% {
        top: 100%;
        height: 100%;
    }
}



@keyframes typing {
    0% { left: 100%; }
    50% { left: -50%; }
    100% {  left: 100%; }
  }

@keyframes typing2 {
    0% { width: 0 }
    100% { width: 100% }
  }


@keyframes zoom-in-zoom-out {
  0% {
    scale: 130%;
  }
  50% {
    scale: 100%;
  }
  100% {
    scale: 130%;
  }
}


@-webkit-keyframes placeHolderShimmer {
  0% {
    opacity: 0.5;
  }
  100% {
   opacity: 0.9;
  }
}

/*svg polygon {
  fill: none;
  stroke: #09d;
  stroke-width: 3;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  animation: dash 5s ease infinite;
}
@-webkit-keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}*/
.path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  animation: dash 5s ease infinite;
}

@keyframes dash {
  0% {
    stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  }	
  12.5% {
    stroke-dasharray: 33.98873px, 242.77666px;
    stroke-dashoffset: -26.70543px;
  }
  43.75% {
    stroke-dasharray: 84.97183px, 242.77666px;
    stroke-dashoffset: -84.97183px;
  }
  100% {
    stroke-dasharray: 2.42777px, 242.77666px;
    stroke-dashoffset: -240.34889px;
  }
}
/*.path{
  stroke-dasharray: 223, 1000;
  stroke-dashoffset: 223;
  animation: dash 5s ease infinite;
}

@keyframes dash {
  to {
    stroke-dashoffset: -1000;
  }
}*/







@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}




@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}