.color-purple { color: rgb(135, 2, 108); }
.color-grey { color: grey; }

.opc-2 { opacity: 0.2; }

.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }

/*Margin*/
.mg-top-0 { margin-top: 0px !important; }
.mg-top-5 { margin-top: 5px !important; }
.mg-top-8 { margin-top: 8px !important; }
.mg-top-10 { margin-top: 10px; }
.mg-top-20 { margin-top: 20px; }
.mg-0 { margin: 0 !important; }
.mg-btm-0 { margin-bottom: 0 !important;  }
.mg-btm-5 { margin-bottom: 5px; }
.mg-btm-10 { margin-bottom: 10px; }
.mg-btm-20 { margin-bottom: 20px; }

/*Padding*/
.pd-lft-0 { padding-left: 0 !important; }
.pd-top-8 { padding-top: 8px !important; }
.pd-0 { padding: 0 !important; }

/*Overflow*/
.ovf-vis { overflow: visible !important; }

/*Borders*/
.no-border, .no-border:hover {border: none !important; }
.no-outline, .no-outline:hover {outline: none !important; }

/*Wave Button*/
.wave-btn { border-radius: 50%; width: 32px; height: 32px; }
.wave-btn i{ transform: translateX(-11px); font-size: 28px; }

/*Transformations*/
.down-5 { transform: translateY(5px); }


/*Fonts*/
@font-face {
    font-family: 'QuicksandMedium';
    src: url('../font/quicksand/Quicksand-Medium.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}