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

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