/*
#####   Just Reserve Site Framework (JRSF)
#####   https://justreserve.me/JRSF
#####
#####   version 0.15 Alpha
#####   ©2021 Just Reserve LLC
*/

:root {
    /* Colors */
    --color-links:#1526ff;
    --color-links-hover:#f00;
    --color-btns-border:#ECECEC;

    --color-01:#000;
    --color-02:#fff;
    --color-03:#f0f0f0;
    --color-03-0:#E2E2E2;
    --color-03-1:#BFBFBF;
    --color-03-2:#808080;
    --color-04:#f00;
    --color-05:#1526ff;
    }


* {
    position:relative;
    box-sizing:border-box;
    margin:0;
    padding:0;
    cursor:default;
    }
html, body {
    width:100%;
    height:100%;
    position:static;
    overflow:visible !important;
    }
body {
    min-height:100%;
    font-family:Roboto;
    font-size:13px;
    color:var(--color-01);
    background:#fff;
    overflow:visible;
    overflow-x:hidden !important;
    overscroll-behavior-x:none;
    }

/*
###        ###
###   UI   ###
###        ###
*/
.cursor-pointer,
.cursor-pointer * {
    cursor:pointer;
    }
a, a * {
    color:var(--color-links);
    text-decoration:none;
    cursor:pointer;
    }
a:hover,
a:hover * {color:var(--color-links-hover);}

.jrm-platform-mark {
    display:inline-flex;
    align-items:center;
    font-size:11px;
    border:var(--color-03-0) 1px solid;
    border-radius:13px;
    box-shadow:rgba(0,0,0,0.1) 0 10px 30px;
    }
.jrm-platform-mark,
.jrm-platform-mark * {
    cursor:pointer;
    color:var(--color-03-2);
    }
.jrm-platform-mark .section {
    padding:10px;
    }
.jrm-platform-mark .section:last-child {
    padding:20px 25px 20px 10px;
    border-left:var(--color-03-0) 1px solid;
    }


/*
###          ###
###   Text   ###
###          ###
*/
h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}
p {}
p + p {}

/* Text Options */
.txt-inline, .txt-inline * {display:inline}
.txt-light {font-weight:300;}
.txt-normal {font-weight:400;}
.txt-medium {font-weight:500;}
.txt-bold {font-weight:600;}
.txt-bolder {font-weight:800;}
.txt-italic {font-style:italic;}
.txt-uppercase {text-transform:uppercase;}
.txt-nottransform {text-transform:none;}
.txt-nowrap {white-space:nowrap}
.txt-underline:after {
    content:'';
    position:absolute;
    top:calc(100% - 0.05em);
    left:0;
    width:100%;
    height:1px;
    background:var(--color-05);
    opacity:0.3;
    }
/* Text Align */
.txt-algn-l {text-align:left;}
.txt-algn-c {text-align:center;}
.txt-algn-r {text-align:right;}
/* Text Size */
.txt-size-8px {font-size:8px;}
.txt-size-9px {font-size:9px;}
.txt-size-10px {font-size:10px;}
.txt-size-11px {font-size:11px;}
.txt-size-12px {font-size:12px;}
.txt-size-13px {font-size:13px;}
.txt-size-14px {font-size:14px;}
.txt-size-15px {font-size:15px;}
.txt-size-16px {font-size:16px;}
.txt-size-17px {font-size:17px;}
.txt-size-18px {font-size:18px;}
.txt-size-19px {font-size:19px;}
.txt-size-20px {font-size:20px;}
.txt-size-21px {font-size:21px;}
.txt-size-22px {font-size:22px;}
.txt-size-23px {font-size:23px;}
.txt-size-24px {font-size:24px;}
.txt-size-25px {font-size:25px;}
.txt-size-26px {font-size:26px;}
.txt-size-27px {font-size:27px;}
.txt-size-28px {font-size:28px;}
.txt-size-29px {font-size:29px;}
.txt-size-30px {font-size:30px;}
.txt-size-31px {font-size:31px;}
.txt-size-32px {font-size:32px;}
.txt-size-33px {font-size:33px;}
.txt-size-34px {font-size:34px;}
.txt-size-35px {font-size:35px;}
.txt-size-42px {font-size:42px;}
.txt-size-43px {font-size:43px;}
.txt-size-44px {font-size:44px;}
.txt-size-45px {font-size:45px;}
.txt-size-46px {font-size:46px;}
.txt-size-47px {font-size:47px;}
.txt-size-48px {font-size:48px;}
.txt-size-49px {font-size:49px;}
.txt-size-50px {font-size:50px;}
.txt-size-64px {font-size:64px;}
/* Line Height */
.txt-line-h-100prc {line-height:100%}
.txt-line-h-150prc {line-height:150%}
.txt-line-h-200prc {line-height:200%}



/*
###            ###
###   Layout   ###
###            ###
*/
/* Block Layout */
.box {}
.section {}
.block {display:block;}
.inline-block {display:inline-block;}
.valgn-c {vertical-align:middle !important;}

/* Flex Layout */
.flex-row {
    display:flex;
    flex-direction:row;
    }
.inline-flex-row {
    display:inline-flex;
    flex-direction:row;
    }
.flex-column {
    display:flex;
    flex-direction:column;
    }
.inline-flex-column {
    display:inline-flex;
    flex-direction:column;
    }
.flex-algn-itms-s {align-items:start;}
.flex-algn-itms-c {align-items:center;}
.flex-algn-itms-strch {align-items:stretch;}
.flex-shrink {flex-shrink:1;}
.flex-noshrink {flex-shrink:0;}
.flex-wrap {flex-wrap:wrap;}
.flex-grow-all {flex-grow:9999;}

/* Table Loyout*/
.table-wrp {}
.inline-table {display:inline-table}
.table {display:inline}
.table-row {display:table-row}
.table-cell {display:table-cell}

/* Width */
.min-size-100px {min-width:100px;}
.min-size-200px {min-width:200px;}
.min-size-250px {min-width:250px;}
.min-size-300px {min-width:300px;}
.size-10 {width:10%;}
.size-20 {width:20%;}
.size-25 {width:25%;}
.size-30 {width:30%;}
.size-33_333 {width:33.333%;}
.size-35 {width:35%;}
.size-40 {width:40%;}
.size-45 {width:45%;}
.size-50 {width:50%;}
.size-55 {width:55%;}
.size-60 {width:60%;}
.size-65 {width:65%;}
.size-70 {width:70%;}
.size-75 {width:75%;}
.size-80 {width:80%;}
.size-85 {width:85%;}
.size-90 {width:90%;}
.size-100 {width:100%;}
/* width in PX */
.size-32px {width:32px;}
.size-64px {width:64px;}

/* Height */
.min-height-100 {min-height:100%;}
.height-100 {height:100%;}

/* Margin */
.mrgn-0 {margin:0;}
.mrgn-5px {margin:5px;}
.mrgn-10px {margin:10px;}
.mrgn-5prc {margin:5%;}
.mrgn-10prc {margin:10%;}

.mrgn-t-5px {margin-top:5px;}
.mrgn-t-10px {margin-top:10px;}
.mrgn-t-20px {margin-top:20px;}
.mrgn-t-30px {margin-top:30px;}
.mrgn-t-40px {margin-top:40px;}
.mrgn-t-50px {margin-top:50px;}
.mrgn-t-5prc {margin-top:5%;}
.mrgn-t-10prc {margin-top:10%;}

.mrgn-r-5px {margin-right:5px;}
.mrgn-r-10px {margin-right:10px;}
.mrgn-r-5prc {margin-right:5%;}
.mrgn-r-10prc {margin-right:10%;}

.mrgn-b-5px {margin-bottom:5px;}
.mrgn-b-10px {margin-bottom:10px;}
.mrgn-b-20px {margin-bottom:20px;}
.mrgn-b-30px {margin-bottom:30px;}
.mrgn-b-5prc {margin-bottom:5%;}
.mrgn-b-10prc {margin-bottom:10%;}

.mrgn-l-5px {margin-left:5px;}
.mrgn-l-10px {margin-left:10px;}
.mrgn-l-5prc {margin-left:5%;}
.mrgn-l-10prc {margin-left:10%;}


/* Padding */
.pdng-0 {padding:0;}
.pdng-10px {padding:10px;}
.pdng-20px {padding:20px;}
.pdng-30px {padding:30px;}
.pdng-40px {padding:40px;}
.pdng-50px {padding:50px;}
.pdng-5prc {padding:5%;}

.pdng-t-5px {padding-top:5px;}
.pdng-t-6px {padding-top:6px;}
.pdng-t-7px {padding-top:7px;}
.pdng-t-8px {padding-top:8px;}
.pdng-t-9px {padding-top:9px;}
.pdng-t-10px {padding-top:10px;}
.pdng-t-15px {padding-top:15px;}
.pdng-t-20px {padding-top:20px;}
.pdng-t-30px {padding-top:30px;}
.pdng-t-40px {padding-top:40px;}
.pdng-t-50px {padding-top:50px;}
.pdng-t-60px {padding-top:60px;}
.pdng-t-80px {padding-top:80px;}
.pdng-t-100px {padding-top:100px;}
.pdng-t-5prc {padding-top:5%;}
.pdng-t-10prc {padding-top:10%;}
.pdng-t-20prc {padding-top:20%;}
.pdng-t-20prc {padding-top:20%;}

.pdng-r-10px {padding-right:10px;}
.pdng-r-20px {padding-right:20px;}
.pdng-r-30px {padding-right:30px;}
.pdng-r-50px {padding-right:50px;}
.pdng-r-2_5prc {padding-right:2.5%;}
.pdng-r-5prc {padding-right:5%;}

.pdng-b-10px {padding-bottom:10px;}
.pdng-b-20px {padding-bottom:20px;}
.pdng-b-30px {padding-bottom:30px;}
.pdng-b-50px {padding-bottom:50px;}
.pdng-b-5prc {padding-bottom:5%;}

.pdng-l-10px {padding-left:10px;}
.pdng-l-20px {padding-left:20px;}
.pdng-l-30px {padding-left:30px;}
.pdng-l-40px {padding-left:40px;}
.pdng-l-50px {padding-left:50px;}
.pdng-l-2_5prc {padding-left:2.5%;}
.pdng-l-5prc {padding-left:5%;}

/* Zoom */
.zoom-0_5 {zoom:0.5;}
.zoom-0_75 {zoom:0.75;}
.zoom-0_8 {zoom:0.8;}
.zoom-0_85 {zoom:0.85;}
.zoom-1_0 {zoom:1;}
.zoom-1_2 {zoom:1.2;}





/*
###                        ###
###   Base Site Elements   ###
###                        ###
*/

.button {
    display:inline-block;
    background:#fff;
    border:var(--color-btns-border) 1px solid;
    padding:8px 15px;
    border-radius:12px;
    box-shadow:rgba(0,0,0,0.1) 0 10px 15px;
    }
.button.composit {
    display:inline-flex;
    align-items:center;
    }
.button.composit * {
    vertical-align:middle;
    }
.button.composit > .section + .section {margin-left:8px;}
.button.composit > .section:first-child {margin-left:-5px;}
.button.small {
    font-size:11px;
    font-weight:500;
    padding:5px 10px;
    border-radius:7px;
    box-shadow:rgba(0,0,0,0.1) 0 10px 15px;
    }
.button.composit.small > .section + .section {margin-left:5px;}
.button.composit.small > .section:first-child {margin-left:-5px;}





/* Burger menu navigation */
#brgrbtn {
    position:absolute;
    width:0;
    height:0;
    }
.burger-button-input {
    position:absolute;
    width:0px;
    height:0px;
    }
.burger-button {
    display:inline-block;
    width:36px;
    height:36px;
    vertical-align:middle;
    transition: all 0.2s ease-in;
    z-index:11;
    }
.burger-button-line {
    position:absolute;
    width:30px;
    height:4px;
    background:var(--color-links);
    border-radius:10px;
    transition: all 0.3s ease-in;
    }
.burger-button-line:first-child {
    left:3px;
    top:6px;
    }
.burger-button-line:nth-child(2) {
    left:3px;
    top:16px;
    }
.burger-button-line:last-child {
    left:3px;
    bottom:6px;
    }
input#brgrbtn:checked + .burger-button,
.burger-button.close {
    transform:rotate(90deg);
    }
input#brgrbtn:checked + .burger-button .burger-button-line:first-child,
.burger-button.close .burger-button-line:first-child {
    top: 16px;
    transform:rotate(-45deg);
    }
input#brgrbtn:checked + .burger-button .burger-button-line:nth-child(2),
.burger-button.close .burger-button-line:nth-child(2) {
    opacity:0;
    }
input#brgrbtn:checked + .burger-button .burger-button-line:last-child,
.burger-button.close .burger-button-line:last-child {
    bottom: 16px;
    transform:rotate(45deg);
    }
/* ##### */
.burger-nav {
    position:fixed;
    width:auto;
    height:100%;
    right:-100%;
    top:0;
    background:var(--color-02);
    box-shadow:rgba(0,0,0,0.15) -15px 0 30px;
    opacity:0;
    transition: all 0.2s ease-in;
    z-index:10;
    }
.burger-nav-clsbg {
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:-1;
    }
input#brgrbtn:checked + label + .burger-nav {
    display:block;
    opacity:1;
    right:0;
    }
input#brgrbtn:checked + label + .burger-nav .burger-nav-clsbg {
    display:block;
    }
.burger-nav-links-wrp {
    left:0;
    top:15%;
    width:100%;
    height:85%;
    padding:30px 40px 30px 40px;
    overflow:hidden;
    overflow-y:auto;
    }
.header .burger-nav-links-wrp a.pagelink {
    display:block;
    font-size:24px;
    font-weight:400;
    margin:30px 0;
    }
.burger-nav + .button {}


/*
### Fixes
*/
.notshow {display:none;}



/*
#####
#####   Mobile Interface Layout Fixes (MILF)
#####
*/
@media all and (max-width:820px) {
    @viewport {width:device-width;}
    @-ms-viewport {width:device-width;}

    /* MILF Block Layout */
    .milf-notshow {display:none;}
    .milf-block {display:none;}
    .milf-inline-block {display:inline-block;}

    /* Milf Flex Layout */
    .milf-flex-row {
        display:flex;
        flex-direction:row;
        }
    .milf-inline-flex-row {
        display:inline-flex;
        flex-direction:row;
        }
    .milf-flex-column {
        display:flex;
        flex-direction:column;
        }
    .milf-inline-flex-column {
        display:inline-flex;
        flex-direction:column;
        }
    .milf-flex-algn-itms-s {align-items:start;}
    .milf-flex-algn-itms-c {align-items:center;}
    .milf-flex-algn-itms-strch {align-items:stretch;}
    .milf-flex-shrink {flex-shrink:1;}
    .milf-flex-noshrink {flex-shrink:0;}
    .milf-flex-wrap {flex-wrap:wrap;}
    .milf-flex-grow-all {flex-grow:9999;}


    /* MILF Width */
    .milf-min-size-100px {min-width:100px;}
    .milf-min-size-200px {min-width:200px;}
    .milf-min-size-250px {min-width:250px;}
    .milf-min-size-300px {min-width:300px;}
    .milf-size-10 {width:10%;}
    .milf-size-20 {width:20%;}
    .milf-size-25 {width:25%;}
    .milf-size-30 {width:30%;}
    .milf-size-35 {width:35%;}
    .milf-size-40 {width:40%;}
    .milf-size-45 {width:45%;}
    .milf-size-50 {width:50%;}
    .milf-size-60 {width:60%;}
    .milf-size-65 {width:65%;}
    .milf-size-70 {width:70%;}
    .milf-size-80 {width:80%;}
    .milf-size-90 {width:90%;}
    .milf-size-100 {width:100%;}

    /* MILF Margin */
    .milf-mrgn-0 {margin:0;}
    .milf-mrgn-5px {margin:5px;}
    .milf-mrgn-10px {margin:10px;}
    .milf-mrgn-5prc {margin:5%;}
    .milf-mrgn-10prc {margin:10%;}

    /* MILF Padding */
    .milf-pdng-0 {padding:0;}
    .milf-pdng-10px {padding:10px;}
    .milf-pdng-30px {padding:30px;}
    .milf-pdng-50px {padding:50px;}
    .milf-pdng-5prc {padding:5%;}

    .milf-pdng-l-0 {padding-left:0;}
    .milf-pdng-r-0 {padding-right:0;}

    /* MILF Zoom */
    .milf-zoom-0_5 {zoom:0.5;}
    .milf-zoom-0_8 {zoom:0.8;}
    .milf-zoom-0_85 {zoom:0.85;}
    .milf-zoom-1_0 {zoom:1;}
    .milf-zoom-1_2 {zoom:1.2;}




    }