.loader {
    border: 6px dotted transparent; /* rinki */
    border-top: 5px dotted #DB6D4D; /* palkki */
    border-right: 6px dotted #CB5D3D; /* palkki */
    border-bottom: 7px dotted #B34525; /* palkki */
    border-radius: 50%;
    width: 34px;
    height: 34px;
    animation: spin 0.9s linear infinite;
	margin: auto;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
	25% { transform: rotate(60deg); }
	50% { transform: rotate(130deg); }
	75% { transform: rotate(245deg); }
    100% { transform: rotate(360deg); }
}