/*=== Utility ===*/

.ss-float--right                 { float:right !important; }
.ss-float--left                  { float:left !important; }
.ss-float--container             { overflow: auto !important; }
.ss-float--clear                 { clear: both !important; }

.ss-position--relative           { position:relative !important; }
.ss-position--absolute           { position:absolute !important; }
.ss-position--abs-hcenter        { position:absolute !important; left: auto; right: auto; }
.ss-position--abs-tr             { position:absolute !important; top: 0px; right: 0px; }

.ss-display--inline-block        { display: inline-block !important; }
.ss-display--block               { display:block !important; }
.ss-display--hidden, .hidden     { display:none !important; }

.ss-layout--fill-width           { width: 100% !important; }
.ss-layout--fill-height          { height: 100% !important; }
.ss-layout--center-block         { margin: 0 auto 0 auto !important; }
.ss-layout--clip                 { overflow: hidden !important; }

.ss-valign--top                  { vertical-align: top !important;}
.ss-valign--middle               { vertical-align: middle !important;}
.ss-valign--bottom               { vertical-align: bottom !important;}

.ss-border-radius--circle        { border-radius: 50%;}
.ss-shadow-box                   { box-shadow: 0 0 0.25rem 0 rgba(0,0,0,0.05); border-color: #ECEDEF;}

.ss-clickable:hover              { cursor: pointer !important; }

.ss-flush                        { margin: 0 !important; padding: 0 !important; }
.ss-list--no-bullets             { list-style-type: none; }

.ss-wordbreak--all               { word-break: break-all; }

/*=== Background Cover ===*/
.ss-bgcover { background-size: cover; background-position: center center; }

.ss-bgcover--top { background-position: center top; }
.ss-bgcover--text { position: relative; z-index: 102; }
.ss-bgcover--darken { position: relative; z-index: 100; }
.ss-bgcover--darken:before
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,0.20);
    z-index: 99;
    content: '';
}


/*=== Padding Scale ===*/
.ss-pad0 { padding:5px !important; }
.ss-pad1 { padding:10px !important; }
.ss-pad2 { padding:20px !important; }
.ss-pad3 { padding:30px !important; }
.ss-pad4 { padding:40px !important; }
.ss-pad5 { padding:50px !important; }
.ss-pad6 { padding:60px !important; }
.ss-pad7 { padding:70px !important; }
.ss-pad8 { padding:80px !important; }

.ss-pad0x { padding-left:5px !important; padding-right:5px !important; }
.ss-pad1x { padding-left: 10px !important; padding-right: 10px !important; }
.ss-pad2x { padding-left: 20px !important; padding-right: 20px !important; }
.ss-pad3x { padding-left: 30px !important; padding-right: 30px !important; }
.ss-pad4x { padding-left: 40px !important; padding-right: 40px !important; }
.ss-pad5x { padding-left: 50px !important; padding-right: 50px !important; }
.ss-pad6x { padding-left: 60px !important; padding-right: 60px !important; }
.ss-pad7x { padding-left: 70px !important; padding-right: 70px !important; }
.ss-pad8x { padding-left: 80px !important; padding-right: 80px !important; }

.ss-pad0y { padding-top: 5px !important; padding-bottom: 5px !important; }
.ss-pad1y { padding-top: 10px !important; padding-bottom: 10px !important; }
.ss-pad2y { padding-top: 20px !important; padding-bottom: 20px !important; }
.ss-pad3y { padding-top: 30px !important; padding-bottom: 30px !important; }
.ss-pad4y { padding-top: 40px !important; padding-bottom: 40px !important; }
.ss-pad5y { padding-top: 50px !important; padding-bottom: 50px !important; }
.ss-pad6y { padding-top: 60px !important; padding-bottom: 60px !important; }
.ss-pad7y { padding-top: 70px !important; padding-bottom: 70px !important; }
.ss-pad8y { padding-top: 80px !important; padding-bottom: 80px !important; }

.ss-pad0t { padding-top: 5px !important; }
.ss-pad1t { padding-top: 10px !important; }
.ss-pad2t { padding-top: 20px !important; }
.ss-pad3t { padding-top: 30px !important; }
.ss-pad4t { padding-top: 40px !important; }
.ss-pad5t { padding-top: 50px !important; }
.ss-pad6t { padding-top: 60px !important; }
.ss-pad7t { padding-top: 70px !important; }
.ss-pad8t { padding-top: 80px !important; }

.ss-pad0b { padding-bottom: 5px !important; }
.ss-pad1b { padding-bottom: 10px !important; }
.ss-pad2b { padding-bottom: 20px !important; }
.ss-pad3b { padding-bottom: 30px !important; }
.ss-pad4b { padding-bottom: 40px !important; }
.ss-pad5b { padding-bottom: 50px !important; }
.ss-pad6b { padding-bottom: 60px !important; }
.ss-pad7b { padding-bottom: 70px !important; }
.ss-pad8b { padding-bottom: 80px !important; }

.ss-pad0l { padding-left: 5px !important; }
.ss-pad1l { padding-left: 10px !important; }
.ss-pad2l { padding-left: 20px !important; }
.ss-pad3l { padding-left: 30px !important; }
.ss-pad4l { padding-left: 40px !important; }
.ss-pad5l { padding-left: 50px !important; }
.ss-pad6l { padding-left: 60px !important; }
.ss-pad7l { padding-left: 70px !important; }
.ss-pad8l { padding-left: 80px !important; }

.ss-pad0r { padding-right: 5px !important; }
.ss-pad1r { padding-right: 10px !important; }
.ss-pad2r { padding-right: 20px !important; }
.ss-pad3r { padding-right: 30px !important; }
.ss-pad4r { padding-right: 40px !important; }
.ss-pad5r { padding-right: 50px !important; }
.ss-pad6r { padding-right: 60px !important; }
.ss-pad7r { padding-right: 70px !important; }
.ss-pad8r { padding-right: 80px !important; }


/*=== Margin Scale ===*/
.ss-m0 { margin:5px !important; }
.ss-m1 { margin:10px !important; }
.ss-m2 { margin:20px !important; }
.ss-m3 { margin:30px !important; }
.ss-m4 { margin:40px !important; }
.ss-m5 { margin:50px !important; }
.ss-m6 { margin:60px !important; }
.ss-m7 { margin:70px !important; }
.ss-m8 { margin:80px !important; }

.ss-m0x { margin-left: 5px !important; margin-right: 5px !important; }
.ss-m1x { margin-left: 10px !important; margin-right: 10px !important; }
.ss-m2x { margin-left: 20px !important; margin-right: 20px !important; }
.ss-m3x { margin-left: 30px !important; margin-right: 30px !important; }
.ss-m4x { margin-left: 40px !important; margin-right: 40px !important; }
.ss-m5x { margin-left: 50px !important; margin-right: 50px !important; }
.ss-m6x { margin-left: 60px !important; margin-right: 60px !important; }
.ss-m7x { margin-left: 70px !important; margin-right: 70px !important; }
.ss-m8x { margin-left: 80px !important; margin-right: 80px !important; }

.ss-m0l { margin-left: 5px !important; }
.ss-m1l { margin-left: 10px !important; }
.ss-m2l { margin-left: 20px !important; }
.ss-m3l { margin-left: 30px !important; }
.ss-m4l { margin-left: 40px !important; }
.ss-m5l { margin-left: 50px !important; }
.ss-m6l { margin-left: 60px !important; }
.ss-m7l { margin-left: 70px !important; }
.ss-m8l { margin-left: 80px !important; }

.ss-m0r { margin-right: 5px !important; }
.ss-m1r { margin-right: 10px !important; }
.ss-m2r { margin-right: 20px !important; }
.ss-m3r { margin-right: 30px !important; }
.ss-m4r { margin-right: 40px !important; }
.ss-m5r { margin-right: 50px !important; }
.ss-m6r { margin-right: 60px !important; }
.ss-m7r { margin-right: 70px !important; }
.ss-m8r { margin-right: 80px !important; }

.ss-m0t { margin-top: 5px !important; }
.ss-m1t { margin-top: 10px !important; }
.ss-m2t { margin-top: 20px !important; }
.ss-m3t { margin-top: 30px !important; }
.ss-m4t { margin-top: 40px !important; }
.ss-m5t { margin-top: 50px !important; }
.ss-m6t { margin-top: 60px !important; }
.ss-m7t { margin-top: 70px !important; }
.ss-m8t { margin-top: 80px !important; }

.ss-m0b { margin-bottom: 5px !important; }
.ss-m1b { margin-bottom: 10px !important; }
.ss-m2b { margin-bottom: 20px !important; }
.ss-m3b { margin-bottom: 30px !important; }
.ss-m4b { margin-bottom: 40px !important; }
.ss-m5b { margin-bottom: 50px !important; }
.ss-m6b { margin-bottom: 60px !important; }
.ss-m7b { margin-bottom: 70px !important; }
.ss-m8b { margin-bottom: 80px !important; }

.ss-m0y { margin-top: 5px !important; margin-bottom: 5px !important; }
.ss-m1y { margin-top: 10px !important; margin-bottom: 10px !important; }
.ss-m2y { margin-top: 20px !important; margin-bottom: 20px !important; }
.ss-m3y { margin-top: 30px !important; margin-bottom: 30px !important; }
.ss-m4y { margin-top: 40px !important; margin-bottom: 40px !important; }
.ss-m5y { margin-top: 50px !important; margin-bottom: 50px !important; }
.ss-m6y { margin-top: 60px !important; margin-bottom: 60px !important; }
.ss-m7y { margin-top: 70px !important; margin-bottom: 70px !important; }
.ss-m8y { margin-top: 80px !important; margin-bottom: 80px !important; }


/*=== Z-Index Scale ===*/
.ss-z1 { z-index: 100 !important; }
.ss-z2 { z-index: 200 !important; }
.ss-z3 { z-index: 300 !important; }
.ss-z4 { z-index: 400 !important; }
.ss-z5 { z-index: 500 !important; }
.ss-z6 { z-index: 600 !important; }
.ss-z7 { z-index: 700 !important; }
.ss-z8 { z-index: 800 !important; }
.ss-z9 { z-index: 900 !important; }
.ss-z10 { z-index: 1000 !important; }


/*=== OPACITY SCALE ===*/
.ss-op0 { opacity:0.0 !important;}
.ss-op2 { opacity:0.2 !important;}
.ss-op4 { opacity:0.4 !important;}
.ss-op6 { opacity:0.6 !important;}
.ss-op8 { opacity:0.8 !important;}
.ss-op10 { opacity:1 !important;}


/*=== BORDERS ===*/
.ss-border-y { border-bottom: 1px solid #f1f1f1 !important; border-top: 1px solid #f1f1f1  !important; }
.ss-border-x { border-left: 1px solid #f1f1f1 !important; border-right: 1px solid #f1f1f1 !important; }
.ss-border-t { border-top: 1px solid #f1f1f1 !important; }
.ss-border-b { border-bottom: 1px solid #f1f1f1 !important; }
.ss-border-l { border-left: 1px solid #f1f1f1 !important; }
.ss-border-r { border-right: 1px solid #f1f1f1 !important; }
.ss-border { border: 1px solid #f1f1f1 !important; }


/*=== ANIMATIONS ===*/
.ss-animation-duration--200 { animation-duration: 200ms; }
.ss-animation-duration--400 { animation-duration: 400ms; }
.ss-animation-duration--600 { animation-duration: 600ms; }