/*-----------------------------------------------------------------------------
	Name	    : SVG 
	Description	: svg settings
	Author		: abcreativity
	Author URL	: https://abcreativity.pl/
	Created		: 01 September 2019
	License		: All Rights Reserved. Do Not Copy!
-------------------------------------------------------------------------------*/

svg:not(:root) {
    overflow: visible;
}
#jolanta-1 path {
    fill: none;
    stroke: #000;
    stroke-width: 6;
    stroke-linecap: round;
    stroke-linejoin: round
}
#jolanta-svg path {
    fill: none;
    stroke: #FF00FF;
    stroke-width: 6;
    stroke-linecap: round;
    stroke-linejoin: round;
}
#jolanta2-svg path {
    fill: none;
    stroke: #FF00FF;
    stroke-width: 6;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.bg-pink {
    background: #FF76A4;
}
#fryzjer-1-outline .letter {
    fill: none;
    stroke: #FFFFFF;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round
}
/* Button hover */
.btn-svg-1 {
    width: 100px;
    height: 100px;
}
.circle-line {
    fill: none;
    stroke: #ebebeb;
    stroke-width: 4px;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.circle-line-2 {
    fill: none;
    stroke: #3e4455;
    stroke-width: 4px;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 143.58203125;
    stroke-dashoffset: 143.58203125;
    -webkit-transition: stroke-dashoffset 0.5s;
    -o-transition: stroke-dashoffset 0.5s;
    transition: stroke-dashoffset 0.5s;
}
.btn-svg-1:hover .circle-line-2 {
    stroke-dashoffset: 0;
}


/*
====================================
Aniamtions
====================================
*/
 @-webkit-keyframes draw-line-svg {
 0% {
 opacity: 1;
}
 100% {
 opacity: 1;
 stroke-dashoffset:0;
}
}
 @keyframes draw-line-svg {
 0% {
 opacity: 1;
}
 100% {
 opacity: 1;
 stroke-dashoffset:0;
}
}
 @-webkit-keyframes enlarge-svg {
 0% {
 -webkit-transform: scale(0);
 transform: scale(0);
}
 100% {
 -webkit-transform: scale(1);
 transform: scale(1);
}
}
 @keyframes enlarge-svg {
 0% {
 -webkit-transform: scale(0);
 transform: scale(0);
}
 100% {
 -webkit-transform: scale(1);
 transform: scale(1);
}
}
 @-webkit-keyframes enlargeX-svg {
 0% {
 -webkit-transform: scaleX(0);
 transform: scaleX(0);
}
 100% {
 -webkit-transform: scaleX(1);
 transform: scaleX(1);
}
}
 @keyframes enlargeX-svg {
 0% {
 -webkit-transform: scaleX(0);
 transform: scaleX(0);
}
 100% {
 -webkit-transform: scaleX(1);
 transform: scaleX(1);
}
}
 @-webkit-keyframes move-x-svg {
 0% {
 -webkit-transform: translateX(-2rem);
 transform: translateX(-2rem);
 opacity: 1;
}
 100% {
 -webkit-transform:translateX(0);
 transform:translateX(0);
 opacity: 1;
}
}
@keyframes move-x-svg {
 0% {
 -webkit-transform: translateX(-2rem);
 transform: translateX(-2rem);
 opacity: 1;
}
 100% {
 -webkit-transform:translateX(0);
 transform:translateX(0);
 opacity: 1;
}
}
 @-webkit-keyframes move-y-svg {
 0% {
 -webkit-transform: translateY(-2rem);
 transform: translateY(-2rem);
 opacity: 1;
}
 100% {
 -webkit-transform:translateY(0);
 transform:translateY(0);
 opacity: 1;
}
}
 @keyframes move-y-svg {
 0% {
 -webkit-transform: translateY(-2rem);
 transform: translateY(-2rem);
 opacity: 1;
}
 100% {
 -webkit-transform:translateY(0);
 transform:translateY(0);
 opacity: 1;
}
}