.skillsBig svg g.percent80, .skillsBig svg g.percent60, .skillsBig  svg g.percent40, .skillsBig  svg g.percent20, .skillsBig svg g.percent10 {
	  stroke-dasharray: 0, 566.27 !important;
}


.contactDetails .row-6, .moEntrance img, .cvPosition, .skillsBig, .roundFace, .crossTitle, .crossBg, .minHeading, .languages .row, .interestings .row, .extraSkills .row, .personalAttr .row, .imOpen, .myCondition, footer .col2, .singleProject, .toTop, .pograms .row, .aboutDesc {
	/*visibility: hidden;*/
	opacity: 0;
}

/** CROSS LINE **/

.crossLine {
	position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 5px 0;
}
.crossLine.start .crossTitle {
	opacity: 1 !important;
	visibility: visible !important;
	transition: all .1s ease;
	transition-delay: 0.3s;
}
.crossBg {
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #00CE68;
	transform: translateX(-101%);
	opacity: 1 !important;
}
.crossLine.start .crossBg {
	opacity: 1 !important;
	visibility: visible !important;
	transition: all .6s ease-in-out;
	transition-delay: 0s;
	transform: translateX(101%) !important;
}

/** CROSS LINE TO LEFT **/
.crossLine.toLeft {
	padding: 0;
}
.crossLine.toLeft .crossBg {
	transform: translateX(101%) !important;
}
.crossLine.toLeft.start .crossBg {
	transform: translateX(-101%) !important;
}

/** SLIDE DOWN **/

.slideDown {
	animation-name: slideDown;
	-webkit-animation-name: slideDown;	

	animation-duration: .6s;	
	-webkit-animation-duration: .6s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;	

	visibility: visible !important;
	opacity: 1 !important;
}

@keyframes slideDown {
	0% {
		transform: translateY(80px);
		opacity: 0;
		
	}
	
	100% {
		transform: translateY(0%);
		opacity: 1;
	}		
}

/** RIGHT SLIDE **/

.rightSlide {
	animation-name: rightSlide;
	-webkit-animation-name: rightSlide;	

	animation-duration: .6s;	
	-webkit-animation-duration: .6s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;	

	visibility: visible !important;
	opacity: 1 !important;
}

@keyframes rightSlide {
	0% {
		transform: translateX(90px);
		opacity: 0;
		
	}
	
	100% {
		transform: translateX(0);
		opacity: 1;
	}		
}

/** SCALE UP **/

.scaleUp {
	animation-name: scaleUp;
	animation-duration: 0.5s;
	animation-timing-function: ease-in-out;
	visibility: visible;
	opacity: 1;
}


@keyframes scaleUp {
	0% {
		transform: scale(0);
		opacity: 1;
	}
	100% {
		transform: scale(1);
		opacity: 1;
	}
}


/** LOGO BOUNCE **/
.logoSvg .cali, .logoSvg .dot, .logoSvg .com {
	opacity: 0;
	transform: translateY(15px);
	transition: all .3s ease-in-out;
}
.logoSvg .com {
	transition-delay: 0s;
}
.logoSvg .dot {
	transition-delay: .1s;
}
.logoSvg .cali {
	transition-delay: .2s;
}

.logoSvg:hover .cali, .logoSvg:hover .dot, .logoSvg:hover .com {
	opacity: 1;
	transform: translateY(0);
	transition: all .3s ease-in-out;
}
.logoSvg:hover .cali {
	transition-delay: 0.5s;
}
.logoSvg:hover .dot {
	transition-delay: 0.6s;
}
.logoSvg:hover .com {
	transition-delay: 0.7s;
}

.logoSvg:hover .logoDot {
	animation: jumpDot 1s ease-in-out;
}
.logoSvg .sygLetters {
		transform-origin: 50% 100%;
}
.logoSvg:hover .sygLetters {
	animation: compress 0.5s ease-in-out;
	animation-delay: 0.3s;
	transform-origin: 50% 100%;
}
@keyframes jumpDot {
	0% {
		transform: translateY(0);
	}
	20% {
		transform: translateY(-10px) scaleY(0.7);
	}
	40% {
		transform: translateY(25px) scaleY(0.5);
	}
	80% {
		transform: translateY(0);
	}
}
@keyframes compress {
	0% {
		transform: scaleY(1);
	}
	30% {
		transform: translateY(10px);
	}
}

@keyframes burgerTop {
	50% {
		transform: rotate(0) translateY(10px);
	}
	100% {
		transform: rotate(45deg) translateY(10px);
	}
}
@keyframes burgerBottom {
	50% {
		transform: rotate(0) translateY(-10px);
	}
	100% {
		transform: rotate(-45deg) translateY(-10px);
	}
}
@keyframes burgerTopRev {
	0% {
		transform: rotate(45deg) translateY(10px);
	}
	50% {
		transform: rotate(0) translateY(10px);
	}
	100% {
		transform: rotate(0) translateY(0);
	}
}
@keyframes burgerBottomRev {
	0% {
		transform: rotate(-45deg) translateY(-10px);
	}
	50% {
		transform: rotate(0) translateY(-10px);
	}
	100% {
		transform: rotate(0) translateY(0);
	}
}