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

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