/*
*		    ________      .___   
*	__  _  _\_____  \   __| _/
*	\ \/ \/ / _(__  <  / __ |
*	 \     / /       \/ /_/ |
*	  \/\_/ /______  /\____ |
*	               \/      \/
*
*	@author			Jacques Baars <j@w3d.co.za>
*
*	@notice			This is the property of W3Designs, W3Development, W3D,
*					it is illegal to use this source code without the required permission,
*					contact j@w3d.co.za for further advice or permissions.
*
*	@license		Copyright (c) 2016 W3Designs (PTY) Ltd. (http://www.w3d.co.za)
*
*	@source			core.css
*	
*	@conception		<04 September 2021>
*	@updated		<07 October 2022>
*	@version		<2.10.07>
*/

/*------------- Animations -------------*/

.left-to-right{
	position: relative;
	
	-webkit-animation: left-to-right 1s ease;
	animation: left-to-right 1s ease;
}

	/* safari 4.0 - 8.0 */
	@-webkit-keyframes left-to-right{
		from{left: -200px;}
		to{left: 0;}
	}

	/* standard syntax */
	@keyframes left-to-right{
		from{left: -200px;}
		to{left: 0;}
	}
	
.right-to-left{
	position: relative;
	
	-webkit-animation: right-to-left 1s ease;
	animation: right-to-left 1s ease;
}

	/* safari 4.0 - 8.0 */
	@-webkit-keyframes right-to-left{
		from{right: -200px;}
		to{right: 0;}
	}

	/* standard syntax */
	@keyframes right-to-left{
		from{right: -200px;}
		to{right: 0;}
	}
	
.bottom-to-top{
	position: relative;
	
	-webkit-animation: bottom-to-top 1s ease;
	animation: bottom-to-top 1s ease;
}

	/* safari 4.0 - 8.0 */
	@-webkit-keyframes bottom-to-top{
		from{bottom: -200px;}
		to{bottom: 0;}
	}

	/* standard syntax */
	@keyframes bottom-to-top{
		from{bottom: -200px;}
		to{bottom: 0;}
	}
	
.zoom-in{
	position: relative;
	
	-webkit-animation: zoom-in 1s ease;
	animation: zoom-in 1s ease;
}

	/* safari 4.0 - 8.0 */
	@-webkit-keyframes zoom-in{
		from{
			transform: scale(0.5, 0.5);
			-ms-transform: scale(0.5, 0.5);
			-webkit-transform: scale(0.5, 0.5);
		}
		to{
			transform: scale(1, 1);
			-ms-transform: scale(1, 1);
			-webkit-transform: scale(1, 1);
		}
	}

	/* standard syntax */
	@keyframes zoom-in{
		from{
			transform: scale(0.5, 0.5);
			-ms-transform: scale(0.5, 0.5);
			-webkit-transform: scale(0.5, 0.5);
		}
		to{
			transform: scale(1, 1);
			-ms-transform: scale(1, 1);
			-webkit-transform: scale(1, 1);
		}
	}

.shimmer{
	display: inline-block;
	
	background: #f6f7f8;
	background-image: linear-gradient(to right, #f6f7f8 0%, #edeef1 30%, #f6f7f8 60%, #f6f7f8 100%);
	background-image: -moz-linear-gradient(to right, #f6f7f8 0%, #edeef1 30%, #f6f7f8 60%, #f6f7f8 100%); /* FF3.6-15 */
	background-image: -webkit-linear-gradient(to right, #f6f7f8 0%, #edeef1 30%, #f6f7f8 60%, #f6f7f8 100%); /* Chrome10-25,Safari5.1-6 */
	background-repeat: repeat-y;
	background-size: 400px 100px;
	
	-webkit-animation: shimmer 1s forwards infinite;
	-moz-animation: shimmer 1s forwards infinite;
	-ms-animation: shimmer 1s forwards infinite;
	-o-animation: shimmer 1s forwards infinite;
	animation: shimmer 1s forwards infinite;
}

	/* safari 4.0 - 8.0 */
	@-webkit-keyframes shimmer{
		0%{
			background-position: -200px 0;
		}100%{
			background-position: 200px 0; 
		}
	}

	/* standard syntax */
	@keyframes shimmer{
		0%{
			background-position: -200px 0;
		}100%{
			background-position: 200px 0; 
		}
	}

/* blink */
.blink{
	-webkit-animation: blink 1s linear infinite;
	-moz-animation: blink 1s linear infinite;
	-ms-animation: blink 1s linear infinite;
	-o-animation: blink 1s linear infinite;
	animation: blink 1s linear infinite;
}
	
	/* safari 4.0 - 8.0 */
	@-webkit-keyframes blink{
		0%{
			opacity: 0;
			-moz-opacity: 0;
			-khtml-opacity: 0;
			-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
			filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
			filter: alpha(opacity=0);
		}50%{
			opacity: 0.50;
			-moz-opacity: 0.50;
			-khtml-opacity: 0.50;
			-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
			filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
			filter: alpha(opacity=50);
		}100%{
			opacity: 1;
			-moz-opacity: 1;
			-khtml-opacity: 1;
			-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
			filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
			filter: alpha(opacity=100);
		}
	}

	/* standard syntax */
	@keyframes blink{
		0%{
			opacity: 0;
			-moz-opacity: 0;
			-khtml-opacity: 0;
			-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
			filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
			filter: alpha(opacity=0);
		}50%{
			opacity: 0.70;
			-moz-opacity: 0.70;
			-khtml-opacity: 0.70;
			-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
			filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
			filter: alpha(opacity=70);
		}100%{
			opacity: 1;
			-moz-opacity: 1;
			-khtml-opacity: 1;
			-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
			filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
			filter: alpha(opacity=100);
		}
	}
	
/* rotate hover */
.rotate-hover:hover{
	-webkit-transform: rotate(720deg);
	-moz-transform: rotate(720deg);
	-o-transform: rotate(720deg);
	-ms-transform: rotate(720deg);
	transform: rotate(720deg);
	
	-webkit-transition: all .7s ease;
	-moz-transition: all .7s ease;
	-o-transition: all .7s ease;
	-ms-transition: all .7s ease;
	transition: all .7s ease;
}

/* rotating */
.rotating{
	-webkit-animation: rotating 2s linear infinite;
	-moz-animation: rotating 2s linear infinite;
	-ms-animation: rotating 2s linear infinite;
	-o-animation: rotating 2s linear infinite;
	animation: rotating 2s linear infinite;
}

	/* safari 4.0 - 8.0 */
	@-webkit-keyframes rotating{
		from{
			-webkit-transform: rotate(0deg);
			-o-transform: rotate(0deg);
			transform: rotate(0deg);
		}to{
			-webkit-transform: rotate(360deg);
			-o-transform: rotate(360deg);
			transform: rotate(360deg);
		}
	}

	/* standard syntax */
	@keyframes rotating{
		from{
			-ms-transform: rotate(0deg);
			-moz-transform: rotate(0deg);
			-webkit-transform: rotate(0deg);
			-o-transform: rotate(0deg);
			transform: rotate(0deg);
		}to{
			-ms-transform: rotate(360deg);
			-moz-transform: rotate(360deg);
			-webkit-transform: rotate(360deg);
			-o-transform: rotate(360deg);
			transform: rotate(360deg);
		}
	}

/* fade move 0 - 100 */
.fade-move-0-100{
	-webkit-animation: fade-move-0-100 5s ease;
	-moz-animation: fade-move-0-100 5s ease;
	-ms-animation: fade-move-0-100 5s ease;
	-o-animation: fade-move-0-100 5s ease;
	animation: fade-move-0-100 5s ease;
}

	/* safari 4.0 - 8.0 */
	@-webkit-keyframes fade-move-0-100{
		from {
			margin-left: 0px;
			
			opacity: 1;
			-moz-opacity: 1;
			-khtml-opacity: 1;
			-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
			filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
			filter: alpha(opacity=100);
		}
		to {
			margin-left: 100px;
			
			opacity: 1;
			-moz-opacity: 1;
			-khtml-opacity: 1;
			-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
			filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
			filter: alpha(opacity=100);
		}
	}

	/* standard syntax */
	@keyframes fade-move-0-100{
		from {
			margin-left: 0px;
			
			opacity: 1;
			-moz-opacity: 1;
			-khtml-opacity: 1;
			-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
			filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
			filter: alpha(opacity=100);
		}
		to {
			margin-left: 100px;
			
			opacity: 1;
			-moz-opacity: 1;
			-khtml-opacity: 1;
			-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
			filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
			filter: alpha(opacity=100);
		}
	}

@media screen and (max-width: 600px){
	/* safari 4.0 - 8.0 */
	@-webkit-keyframes fade-move-0-100{
		from {
			margin-left: 0;
			
			opacity: 1;
			-moz-opacity: 1;
			-khtml-opacity: 1;
			-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
			filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
			filter: alpha(opacity=100);
		}
		to {
			margin-left: 10%;
			
			opacity: 1;
			-moz-opacity: 1;
			-khtml-opacity: 1;
			-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
			filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
			filter: alpha(opacity=100);
		}
	}

	/* standard syntax */
	@keyframes fade-move-0-100{
		from {
			margin-left: 0;
			
			opacity: 1;
			-moz-opacity: 1;
			-khtml-opacity: 1;
			-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
			filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
			filter: alpha(opacity=100);
		}
		to {
			margin-left: 10%;
			
			opacity: 1;
			-moz-opacity: 1;
			-khtml-opacity: 1;
			-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
			filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
			filter: alpha(opacity=100);
		}
	}
}

/* fade move left bounce */
.fade-move-left-bounce{
	-webkit-animation: fade-move-left-bounce 1s ease;
	-moz-animation: fade-move-left-bounce 1s ease;
	-ms-animation: fade-move-left-bounce 1s ease;
	-o-animation: fade-move-left-bounce 1s ease;
	animation: fade-move-left-bounce 1s ease;
}
	
	/* safari 4.0 - 8.0 */
	@-webkit-keyframes fade-move-left-bounce{
		0%{
			opacity: 0;
			transform: translateX(2000px);
		}
		60%{
			opacity: 1;
			transform: translateX(-30px);
		}
		80%{
			transform: translateX(30px);
		}
		100%{
			transform: translateX(0);
		}
	}

	/* standard syntax */
	@keyframes fade-move-left-bounce{
		0%{
			opacity: 0;
			transform: translateX(2000px);
		}
		60%{
			opacity: 1;
			transform: translateX(-30px);
		}
		80%{
			transform: translateX(30px);
		}
		100%{
			transform: translateX(0);
		}
	}
	
/* fade 50 hover 100 */
.fade-50-hover-100{
	opacity: 0.50;
	-moz-opacity: 0.50;
	-khtml-opacity: 0.50;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	filter: alpha(opacity=50);
}

	.fade-50-hover-100:hover{
		opacity: 1;
		-moz-opacity: 1;
		-khtml-opacity: 1;
		-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
		filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
		filter: alpha(opacity=100);
	}