/*-----------------------------------------------------------------------------
	Name	    : SVG 
	Description	: svg settings
	Author		: artibaj
	Author URL	: https://www.artibaj.com/
    Created		: 01 September 2019
	License		: All Rights Reserved. Do Not Copy!
-------------------------------------------------------------------------------*/
svg:not(:root) {
  overflow: visible;
}
#mecanicar g path {
  fill: none;
  stroke-width: 25;
  stroke-linecap: round;
  stroke-linejoin: round
}
.svg-logo-footer {
  position: relative;
}
.icon-svg-black {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: -1;
}
@media (min-width: 992px) {
  .icon-svg-black {
    right: 0;
    left: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
/* 
Define the keyframe and changes
*/
/* Chrome, Safari */
@-webkit-keyframes svg-black-anim {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Firefox */
@-moz-keyframes svg-black-anim {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Standard syntax */
@keyframes svg-black-anim {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* 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;
  }
}