/*
 * GGStrap ;-)
 * Thats for M Size!
 */

/* Colors */
.l-co-white { color: #ffffff; }
.l-co-white-10p { color: rgba(255,255,255,0.1) }
.l-co-lightGray { color: #BFB8AF; }
.l-co-lightGray_i { color: #BFB8AF !important; }
.l-co-red { color: #E4002B; }
.l-co-black-80p { color: #474747; }
.l-bc-white { background-color: #fff; }
.l-bc-black-25p { background-color: rgba(0,0,0,0.25); }
.l-bc-black-50p { background-color: rgba(0,0,0,0.50); }
.l-bp-c-c { background-position: center center; }
.l-bp-20p-c { background-position: 20% center; }
.l-bp-0-c { background-position: 0% center; }
.l-cursor-pointer { cursor: pointer; }
/* Spacing */
.l-mx-auto { margin-left: auto; margin-right: auto; }
.l-my-15 { margin-top: 15px; margin-bottom: 15px; }
.l-my-25 { margin-top: 25px; margin-bottom: 25px; }
.l-mt-25 { margin-top: 25px; }
.l-mt-35 { margin-top: 35px; }
.l-mt-50 { margin-top: 50px; }
.l-mt-80 { margin-top: 80px; }
.l-mt-100 { margin-top: 100px; }
.l-mr-5 { margin-right: 5px; }
.l-mr-10 { margin-right: 10px; }
.l-mb-1 { margin-bottom: 1px; }
.l-mb-2 { margin-bottom: 2px; }
.l-mb-3 { margin-bottom: 3px; }
.l-mb-15 { margin-bottom: 15px; }
.l-mb-20 { margin-bottom: 20px; }
.l-ml-5 { margin-left: 5px; }
.l-ml-10 { margin-left: 10px; }
.l-ml-25 { margin-left: 25px; }
.l-p-15 { padding: 15px; }
.l-px-15 { padding-left: 15px; padding-right: 15px; }
.l-px-25 { padding-left: 25px; padding-right: 25px; }
.l-py-15 { padding-top: 15px; padding-bottom: 15px; }
.l-pt-10p { padding-top: 10%; }
.l-pt-25 { padding-top: 25px; }
.l-pt-35 { padding-top: 35px; }
.l-pt-50 { padding-top: 50px; }
.l-pb-25 { padding-bottom: 25px; }
.l-pb-35 { padding-bottom: 35px; }
.l-pl-25 { padding-left: 25px; }
.l-pr-25 { padding-right: 25px; }
/* Sizing */
.l-w-20p { width: 20%; }
.l-w-23p { width: 23%; }
.l-w-25p { width: 25%; }
.l-w-40p { width: 40%; }
.l-w-48p { width: 48%; }
.l-w-48-5p { width: 48.5%; }
.l-w-60p { width: 60%; }
.l-w-65p { width: 65%; }
.l-w-70p { width: 70%; }
.l-w-80p { width: 80%; }
.l-w-100p { width: 100%; }
.l-w-50p { width: 50%; }
.l-max-w-100 { max-width: 100px; }
.l-max-w-150 { max-width: 150px; }
.l-max-w-200 { max-width: 200px; }
.l-max-w-250 { max-width: 250px; }
.l-max-w-300 { max-width: 300px; }
.l-max-w-350 { max-width: 350px; }
.l-max-w-400 { max-width: 400px; }
.l-max-w-450 { max-width: 450px; }
.l-max-w-500 { max-width: 500px; }
.l-max-w-700 { max-width: 700px; }
.l-max-w-900 { max-width: 900px; }
.l-h-5p { height: 5%; }
.l-h-10p { height: 10%; }
.l-h-15p { height: 15%; }
.l-h-20p { height: 20%; }
.l-h-25p { height: 25%; }
.l-h-30p { height: 30%; }
.l-h-33p { height: 33%; }
.l-h-35p { height: 35%; }
.l-h-40p { height: 40%; }
.l-h-43p { height: 43%; }
.l-h-45p { height: 45%; }
.l-h-50p { height: 50%; }
.l-h-55p { height: 55%; }
.l-h-60p { height: 60%; }
.l-h-65p { height: 65%; }
.l-h-70p { height: 70%; }
.l-h-75p { height: 75%; }
.l-h-80p { height: 80%; }
.l-h-85p { height: 85%; }
.l-h-90p { height: 90%; }
.l-h-95p { height: 95%; }
.l-h-100p { height: 100%; }
/* Fonts */
.l-ff-Roboto { font-family: 'Roboto'; }
.l-ff-GoodTimes { font-family: 'Good Times'; }
/* Font sizing */
.l-fz-10 { font-size: 10px; }
.l-fz-12 { font-size: 12px; }
.l-fz-14 { font-size: 14px; }
.l-fz-16 { font-size: 16px; }
.l-fz-21 { font-size: 21px; }
.l-fz-25 { font-size: 25px; }
.l-fz-30 { font-size: 30px; }
.l-fz-60 { font-size: 60px; }
.l-fz-1em { font-size: 1em; }
.l-fz-2em { font-size: 2em; }
.l-fz-3em { font-size: 3em; }
.l-fz-4em { font-size: 4em; }
.l-fz-5em { font-size: 5em; }
.l-fz-6em { font-size: 6em; }
.l-fz-7em { font-size: 7em; }
.l-fz-8em { font-size: 8em; }
.l-lh-2em { line-height: 2em; }
.l-lh-2-5em { line-height: 2.5em; }
.l-lh-3-5em { line-height: 3.5em; }
.l-lh-4em { line-height: 4em; }
.l-ls-5 { letter-spacing: 5px; }
.l-fw-reg { font-weight: normal; }
.l-fw-bold { font-weight: bold; }
/* Text */
.l-text-left { text-align: left; }
.l-text-right { text-align: right; }
.l-text-center { text-align: center; }
.l-text-upper { text-transform: uppercase; }
/* Position */
.l-d-none { display: none; }
.l-d-flex { display: flex; }
.l-ju-co-sb { justify-content: space-between; }
.l-ju-co-sa { justify-content: space-around; }
.l-ju-co-fs { justify-content: flex-start; }
.l-ju-co-fe { justify-content: flex-end; }
.l-ju-co-ct { justify-content: center; }
.l-al-it-ct { align-items: center; }
.l-al-it-bl { align-items: baseline; }
.l-fl-left { float: left; }
.l-fl-right { float: right; }
.l-to-0 { top: 0px; }
.l-ri-0 { right: 0px; }
.l-bo-0 { bottom: 0px; }
.l-bo-150 { bottom: 150px; }
.l-p-fixed { position: fixed; }
/* Visibility */
.l-invisible { visibility: hidden; }
/* Borders */
.l-br-1 { border-radius: 1px; }
.l-br-tl-5 { border-top-left-radius: 5px; }
.l-br-tr-5 { border-top-right-radius: 5px; }
.l-br-bl-5 { border-bottom-left-radius: 5px; }
/* Specials */
.l-ident-red { border: 1px red dashed; }
.l-ident-orange { border: 1px orange dashed; }
.l-ident-green { border: 1px green dashed; }
.l-ident-blue { border: 1px blue dashed; }