@font-face{
    font-family:"Avenir Light";
    src:url("fonts/0078f486-8e52-42c0-ad81-3c8d3d43f48e.woff2") format("woff2"),url("fonts/908c4810-64db-4b46-bb8e-823eb41f68c0.woff") format("woff");
}
@font-face{
    font-family:"Avenir Roman";
    src:url("fonts/b290e775-e0f9-4980-914b-a4c32a5e3e36.woff2") format("woff2"),url("fonts/4b978f72-bb48-46c3-909a-2a8cd2f8819c.woff") format("woff");
}
@font-face{
    font-family:"Avenir Medium";
    src:url("fonts/17b90ef5-b63f-457b-a981-503bb7afe3c0.woff2") format("woff2"),url("fonts/c9aeeabd-dd65-491d-b4be-3e0db9ae47a0.woff") format("woff");
}
@font-face{
    font-family:"Avenir Heavy";
    src:url("fonts/d513e15e-8f35-4129-ad05-481815e52625.woff2") format("woff2"),url("fonts/61bd362e-7162-46bd-b67e-28f366c4afbe.woff") format("woff");
}
@font-face{
    font-family:"Avenir Black";
    src:url("fonts/c78eb7af-a1c8-4892-974b-52379646fef4.woff2") format("woff2"),url("fonts/75b36c58-2a02-4057-a537-09af0832ae46.woff") format("woff");
}
:root {
    --aspect-r: calc(((100vw / 3.76) / 2) * -1);
    --aspect-r2: calc((100vw / 3.76) / 2);
    --aspect-r3: calc(100vw / 3.76);
    /*colors -> primary, secondary and accent*/
    --p-color: #BABB39; /*primary*/
    --s-color: #E9E5C3; /*secondary*/
    --t-color: #2B2E31; /*tertiary*/
    --a-color: #52C3C4; /*accent*/
    --e-color:#c8102e; /*error*/
    --ea-color: #ab2121; /*error accent*/
    --g-color:#c4d600; /*good/correct*/
    --ga-color: #167107; /*good/correct accent*/
    /*colors main objects*/
    --bg-color: #ffffff; /*background-color*/
    --head-color: #ffffff; /*header color*/
    --footer-color: #ffffff; /*footer color*/
    --head-line: #d8d8d8; /*header line*/
    /*website header heights*/
    --head-size: 102px; /*header size*/
    --head-m-size: 102px; /*header size mobile*/
    --footer-size: 92px; /*footer size*/
    --footer-m-size: 92px; /*footer size mobile*/
    /*text colors*/
    --head-txt-color: var(--s-color); /*header text color*/
    --footer-txt-color: #ffffff; /*footer text color*/
    /*objects -> with width and width/narrow*/
    --obj-color: #f9f9f9; /*in body object color*/
    --obj-line: #e6e6e6; /*object line*/
    --shadow-c: rgba(0,0,0,0.16); /*shadow color*/
    --shadow-s: 2px 2px 5px -1px; /*shadow size*/
    --obj-w: 80%; /*object width*/
    --obj-wn: 350px; /*object max-width when narrow is designated*/
    --inner-max: 900px; /*objects that are maxed to normal size for larger browsers*/
    --inner-sub-max: 700px; /*objects that are maxed to sub-normal size for larger browsers*/
    --side-menu-mx: 375px; /*side menu max width*/
    --side-menu-mxn: -375px; /*side menu max width negative*/
    /*buttons -> f=font, a=active*/
    --btn: var(--s-color); /*button color*/
    --btn--f: var(--txt-color); /*button font color*/
    --btn--a: var(--p-color); /*button color when active*/
    --btn--a-f: #ffffff; /*button font color when active*/
    --btn-h: 40px; /*button height*/
    /*fonts*/
    --txt-color: #2B2E31; /*text color*/
    --txt-color-s: var(--s-color); /*text color secondary*/
    --txt-head-color: var(--p-color); /*sub text color*/
    --txt-sub-color: var(--a-color); /*sub text color*/
    --f-1: 2.7em; /*header 1 size*/
    --f-2: 2.3em; /*header 2 size*/
    --f-3: 2.2em; /*header 3 size*/
    --f-4: 1.5em; /*header 4 size*/
    --f-5: 1.1em; /*header 5 size*/
    --f-p: 16px; /*paragraph size*/
    --b-r: 16px; /*box row default font-size*/
    --f-l: 14px; /*font size for form labels*/
    /*radius -> primary and secondary*/
    --r-p: 7px; /*all corner radius*/
    --r-s: 3px; /*all corner radius secondary*/
    --rb-p: 0 0 7px 7px; /*bottom radius*/
    --rb-s: 0 0 3px 3px; /*bottom radius secondary*/
    --rt-p: 7px 7px 0 0; /*top radius*/
    --rt-s: 3px 3px 0 0; /*top radius secondary*/
    /*standard margin full and half*/
    --m-f: 25px; /*standard page margins - like to define elements*/
    --m-h: 12px; /*half the standard*/
    /*padding primary and secondary*/
    --p-i: 16px; /*indent level padding size*/
    --p-s: 3px; /*small padding*/
    --p-p: 7px; /*standard padding size*/
    --p-e: 10px; /*extra padding size*/
    --p-ee: 15px; /*extra padding size*/
    --p-mp: 25px; /*padding padding*/
    /*forms*/
    --form-line: #e6e6e6; /*input text border color*/
    --input-pad: 0 9px; /*input padding*/
    --input-c: var(--txt-color); /*input text color*/
    --input-c-faded:#dadada; /*input text color*/
    /*tables*/
    --row-h: 40px; /*height of a row in a table*/
    --row-c: #e6e6e6; /*row border colors*/
    --row-tp: 13px 0; /*box row text padding*/
    /*VH FIX*/
    --vh: 1vh;
    /*///////////////////DASHBOARD/////////////////////*/
    /*header heights*/
    --head--db-h: 180px; /*header height*/
    --head--db-ph: 80px; /*primary header height*/
    --head--db-sh: 100px; /*secondary header height*/
    --head--db-m-h: 160px; /*header height*/
    --head--db-m-ph: 60px; /*primary header height*/
    --head--db-m-sh: 100px; /*secondary header height*/
    --head--db-th: 50px; /*tertiary header height*/
    /*header colors*/
    --head--db-pc: #ffffff; /*primary header color*/
    --head--db-pca: #ffffff; /*primary header color*/
    --head--db-pmc: #ffffff; /*primary menu header color*/
    --head--db-pmca: #ffffff; /*primary menu header color*/
    --head--db-sc: var(--p--db-color); /*secondary header color*/
    --head--db-tc: var(--s-color); /*tertiary header color*/
    /*footer*/
    --foot--db-h: 50px; /*footer hieght*/
    --foot--db-c: #ffffff; /*footer color*/
    /*the body*/
    --bg--db-c: #fafafa; /*background color*/
    --db--temp: #ffffff; /*light or dark - dark is 242424*/
    --db--ob-rgb: rgba(0,0,0,.25); /*light or dark - dark is 242424*/
    /*colors -> primary, secondary and accent*/
    --p--db-color: var(--p-color); /*primary*/
    --s--db-color: var(--s-color); /*secondary*/
    --a--db-color: var(--a-color); /*accent*/
    --e--db-color:var(--e-color); /*error*/
    --ea--db-color: var(--ea-color); /*error accent*/
    --g--db-color:var(--g-color); /*good/correct*/
    --ga--db-color: var(--ga-color); /*good/correct accent*/
    /*objects -> with width and width/narrow*/
    --obj--db-color: #ffffff; /*in body object color*/
    --obj--db-line: #e6e6e6; /*object line*/
    --shadow--db-c: rgba(0,0,0,0.16); /*shadow color*/
    --shadow--db-s: 2px 2px 5px -3px; /*shadow size*/
    /*fonts*/
    --font-l: Avenir Light;/*light font*/
    --font-r: Avenir Roman;/*regular font*/
    --font-m: Avenir Medium;/*medium font*/
    --font-h: Avenir Heavy;/*heavy font*/
}
html {-webkit-tap-highlight-color:transparent;height:100%;position:relative;
    /*FONT CREATION*/
    color: var(--txt-color); font-family: var(--font-r), Arial, sans-serif; font-size: 14px; text-align: left; line-height: 1;background-color:#fff;height:100%;-webkit-transition: background-color .7s ease;-moz-transition: background-color .7s ease;-o-transition: background-color .7s ease;}
/*BODY AND OVERVIEW STYLES*/
html, body { margin: 0; padding: 0; border: 0px; background-color: #fff;height:100% !important; -webkit-backface-visibility: hidden;}
body { -webkit-font-smoothing: subpixel-antialiased; overflow-y:auto; -moz-osx-font-smoothing: grayscale; font-smooth: always; text-shadow: 1px 1px 1px rgba(0,0,0,0.004); text-align: left;/*-webkit-transform-style: preserve-3d;*/-webkit-backface-visibility: hidden;/*overflow-x:hidden;*/}
body#tinymce {margin:15px;}
/*LARGE SCALE ISSUE FIXES*/
* { box-sizing: border-box; }
.light {font-family:var(--font-l)}
.bold {font-family:var(--font-h)}
button::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner { padding: 0 !important; border: 0 none !important; -webkit-appearance: none; -webkit-border-radius: 0; cursor: pointer;}
input[type="button"] {border-radius: 0; -webkit-appearance: none; -webkit-border-radius: 0; cursor: pointer;}
input[type="button"] {border-radius: 0; -webkit-appearance: none; -webkit-border-radius: 0; cursor: pointer;}
input[type="submit"] {border-radius: 0; -webkit-appearance: none; -webkit-border-radius: 0; cursor: pointer;}
input[type="text"] {border-radius: 0; -webkit-appearance: none; -webkit-border-radius: 0;}
input:focus,
select:focus,
textarea:focus,
button:focus {outline: none;}
.form-wrapper input { box-sizing: border-box;}
a:link, a:visited { color: var(--p-color); text-decoration: none;font-family:var(--font-l); }
a:hover { color: var(--p-color); text-decoration: none; }
a.none:link, a.none:visited { color: var(--txt-color); text-decoration: none;}
a.none:hover { color: var(--txt-color); text-decoration: none;}
img { max-width:100%; height:auto; border:none; }
hr { margin: var(--p-p); display: block; height: 1px; background-color: #eee; border: none; }
body { -webkit-animation: bugfix infinite 1s; }
@-webkit-keyframes bugfix { from {padding:0;} to {padding:0;} }
h1 { font-family: var(--font-r), Arial, Aira, sans-serif; font-size: var(--f-1); padding: 0px; margin:0 0 8px 0; font-weight: normal; color: var(--txt-head-color); letter-spacing: -.5px; line-height: 1.2em;}
h2 { font-family: var(--font-r), Arial, Aira, sans-serif; font-size: var(--f-2); padding: 0px; margin:0 0 13px 0; font-weight: 600; color: var(--txt-head-color); letter-spacing: -.5px; line-height: 1.2em;}
h3 { font-family: var(--font-r), Arial, Aira, sans-serif; font-size: var(--f-3); padding: 0px; margin:0 0 13px 0; font-weight: normal; color: var(--txt-sub-color); letter-spacing: -.5px; line-height: 1.2em;}
h4 { font-family: var(--font-r), Arial, Aira, sans-serif; font-size: var(--f-3); padding: 0px; margin:0 0 3px 0; font-weight: normal; color: var(--txt-head-color); letter-spacing: -.5px; line-height: 1.2em;}
h5 { font-family: var(--font-r), Arial, Aira, sans-serif; font-size: var(--f-4); padding: 0px; margin:0 0 3px 0; font-weight: normal; color: var(--txt-sub-color); line-height: 1.2em;}
h6 { font-family: var(--font-r), Arial, Aira, sans-serif; font-size: var(--f-4); padding: 0px; margin:0 0 20px 0; font-weight: normal; color: var(--txt-color);line-height: 1.2em;}
p {font-size:var(--f-p); padding: 0 0 30px 0; margin:0 0 3px 0; line-height: 1.55;text-shadow:none;}
h1.center {text-align: center;}
h2.center {text-align: center;}
h3.center {text-align: center;}
h4.center {text-align: center;}
h5.center {text-align: center;}
h6.center {text-align: center;}
h1.padded {margin: var(--m-f);}
p.center {text-align: center;}
p.flat {padding:0;}
button:focus {outline:0;}
form {margin-block-end: 0;}
a, a:visited {text-decoration:none;outline:none;color:var(--p-color);}
a:hover{text-decoration:none;}
a.center {text-align:center;}
a.inline {display:inline-block;}
[class*="col-"] { width: 100%; height:auto;position: relative;float: left; }
.row { padding: 0;}
.col-c-6 {width:50%;}
.col-p-6 {width:50%;}
.row::after { content: ""; clear: both; display: block; }
.shadow {-webkit-box-shadow: var(--shadow--db-s) var(--shadow--db-c);-moz-box-shadow: var(--shadow--db-s) var(--shadow--db-c);box-shadow: var(--shadow--db-s) var(--shadow--db-c);}
.left {float:left;}
.right {float:right;}
.inline {display:inline-block;}
.cursor {cursor:pointer;}
.mobile {display:block;}
.tablet {display: block;}
.tablet-only {display:none;}
.desktop {display:none;}
img.height {height:100%;width:auto}
img.width {height:auto;width:100%;}
img.padded-s {padding:var(--p-s)}
img.padded-p {padding:var(--p-mp)}
span.padded-s {padding:var(--p-s)}
span.padded-p {padding:var(--p-mp)}
span.accent {color:var(--p-color)}
span.bold {font-weight:600;}
div.padded-s {padding:var(--p-s)}
div.padded-p {padding:var(--p-mp)}
div.padded-e {padding:var(--p-e)}
div.padded-ee {padding:var(--p-ee)}
div.padded-v {padding:var(--p-mp) 0}
div.padded-h {padding:0 var(--p-mp)}
[class*="col-"].padded-p {padding:0 var(--p-p)}
[class*="col-"].padded-e {padding:0 var(--p-e)}
[class*="col-"].padded-ee {padding:0 var(--p-ee)}
hr.thick {height:1px;}
hr.pad {margin:var(--m-h) 0}
hr.padded {margin:var(--m-f) 0}
hr.pad--t {margin:var(--m-h) 0 0 0 }
hr.padded--t {margin:19px 0 0 0 }
.menu {-webkit-transition: all .7s ease;-moz-transition: all .7s ease;-o-transition: all .7s ease;}
.hidden-close {background: url('/petey/graphics/icons/close-btn-white.png');background-repeat: no-repeat;background-position: center;background-size: 20px 20px;}
.hidden-close.dark {background: url('/petey/graphics/icons/close-btn-black.png');background-repeat: no-repeat;background-position: center;background-size: 20px 20px;}

/*the page*/
#page-content {position:relative;min-height:100%;background-color:var(--bg-color);/*overflow-x:hidden;*/}
#page-content.dashboard {background-color:var(--bg--db-c);overflow-x:hidden;}
.drop-shadow {-webkit-box-shadow: var(--shadow--db-s) var(--shadow--db-c);box-shadow: var(--shadow--db-s) var(--shadow--db-c);}
/* custom scrollbars */
#page-content ::-webkit-scrollbar {width: 10px;}
#page-content ::-webkit-scrollbar-track {background: #f1f1f1;}
#page-content ::-webkit-scrollbar-thumb {background: #888;}
#page-content ::-webkit-scrollbar-thumb:hover {background: #555;}

/*sub-page heros*/
#standard-hero {display:flex; flex-direction: column; justify-content: center; align-items: flex-start;padding: 0 16px;width: 100%; height: 430px;background-image: url("/project/graphics/photos/web/home-page-hero.svg");background-repeat: no-repeat;background-position: center;background-size: cover;background-position-y: bottom;}
#standard-hero.about-us {background-image: url("/project/graphics/photos/web/home-page.webp");background-repeat: no-repeat;background-position: center;background-size: cover;background-position-y: top;}
#standard-hero.contact-us {background-image: url("/project/graphics/photos/web/cargreen-rental-location.webp");background-repeat: no-repeat;background-position: center;background-size: cover;background-position-y: top;}
.standard-hero-wrapper {display: flex; flex-direction: column; justify-content: center; align-items: flex-start;max-width: 1100px;margin: 0 auto;width: 100%;}
.standard-hero-wrapper h1 {font-family: var(--font-h); font-size: 52px; color: #2b2e31;transition: font-size .7s;}
.standard-hero-wrapper h1.white {color: #fff;}
.standard-hero-wrapper p {font-family: var(--font-l); font-size: 22px; color: #2B2E31;max-width: 400px;margin-top: 16px;line-height: 1.1em;}


/*navbar-basic*/
#navbar {position:relative;z-index:50;display:block;width:100%;height:var(--head-size);background-color:var(--head-color);box-shadow: 0px 3px 6px #00000026;}
#navbar.basic {}
#navbar img {height:100%;width:auto;-webkit-transition: all .7s ease;-moz-transition: all .7s ease;-o-transition: all .7s ease;}
#nav-buttons {height:100%;padding: var(--p-s);}
#nav-buttons img {height:100%;width:auto;padding:var(--p-s);background-color:var(--head--db-pca);opacity:1;}
#nav-buttons .hide img {opacity:0;}
#nav-menu {margin:0;-webkit-transition: all .7s ease;-moz-transition: all .7s ease;-o-transition: all .7s ease;}
#nav-menu img {opacity:1;}
#nav-menu.hide img {opacity:0;}
#side-menu-close {position: absolute;right: 0;top: 0;-webkit-transition: all .7s ease;-moz-transition: all .7s ease;-o-transition: all .7s ease;}
#side-menu-close img {opacity:1;}
#side-menu-close.hide img {opacity:0;}
#nav-menu-items {margin-right: 20px;}
#nav-buttons div {height:100%; padding:var(--p-s);background-color:var(--head--db-pca);}
#nav-buttons div.border {border: 1px solid var(--db--temp);}
#nav-buttons div.circle {-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;overflow:hidden;}
#nav-buttons div.round {-webkit-border-radius: var(--r-s);-moz-border-radius: var(--r-s);border-radius: var(--r-s);}
#nav-buttons div.rounded {-webkit-border-radius: var(--r-p);-moz-border-radius: var(--r-p);border-radius: var(--r-p);}
#nav-location {display:block;height:100%;width:auto;font-size:var(--f-3);color:var(--txt-color)}
#nav-wrapper {height:var(--head-size);width:100%;position:relative;max-width:var(--inner-max);margin:0 auto;}
#nav-wrapper.full {max-width:100%;}
#nav-image {height:36px;width:auto;position:absolute;top:33px;left:16px;}
#nav-image-mobile {position: relative;display: block;width: 100%;}
#nav-image img.mobile {display:block; padding: var(--p-s);float: none;text-align: center;margin: 0 auto;}
#nav-image img.desktop {display:none;z-index:50;margin:0 auto;}
#nav-image.basic{}
#nav-header {width:100%;height:40px;position:relative;}
#nav-header .icon img {padding:var(--p-e) 10px var(--p-e) 3px}
#nav-header .border {font-size:var(--f-p);padding: 12px 10px;border-right:1px solid var(--obj--db-line);}
#nav-header .text {font-size:var(--f-p);;padding: 12px 10px;}
#nav-account img {margin-right:15px;}
#nav-nav {display:block;width:100%;height:var(--head-size);text-align:center;position:relative;}
#nav-nav.border {border-bottom:1px solid var(--obj--db-line);border-top:0px solid var(--obj--db-line);}
#nav-nav .icon img {height: 24px;width: 26px;/*position: absolute;top: 36px;right: 16px;*/margin: 42.5px 16px 31px 42.5px;height: 20px;width: 23px;}
#nav-nav.dashboard .icon img {margin:31px 20px 31px 0;width:auto;height:18px;}
#nav-nav .icon.left img {padding:30px;width:auto;height:var(--head-size);}
#nav-nav ul {padding:0;margin:0;}
#nav-nav ul li {display:inline-block;color:#111;padding:46px 16px 38px 16px;font-size:14px;letter-spacing:0px;font-family:var(--font-r)}
#nav-nav ul li.accent {color:var(--p-color)}
#nav-nav ul li:focus, #nav-nav ul li:hover, #nav-nav ul li.current {border-bottom:4px solid var(--p-color)}
#nav-nav.dashboard .icon img {position:inherit;}
#nav-nav.dashboard ul {padding:0;margin:0;}
#nav-nav.dashboard ul li {display:inline-block;color:var(--head-txt-color);padding:33px 12px 29px 12px;font-size:14px;letter-spacing:0px;font-weight:500;font-family:var(--font-r)}
#nav-nav.dashboard ul li:focus, #nav-nav ul li:hover, #nav-nav ul li.current {border-bottom:4px solid var(--p-color)}
#nav-nav.dashboard ul li.inline-signin:focus, #nav-nav ul li.inline-signin:hover, #nav-nav ul li.inline-signin.current {border-bottom:0 solid var(--p-color)}
#nav-image-mobile {position: absolute;display: block;width: 40px;height: 40px;top: 20px;left: 50%;margin-left: -20px;}
#nav-image-mobile.dashboard {top: 10px;}

/*Dashbaord Navigation*/
#navbar.dashboard {height:var(--head--db-m-h);}
#nav-wrapper.dashboard {max-width:100%;padding:0;margin:0;}
#nav-wrapper.nav-primary.dashboard {position:relative;display:block;width:100%;margin:0 auto;height:var(--head--db-m-ph);padding:0;background-color:var(--head--db-pc);z-index:100;}
#nav-wrapper.nav-primary.dashboard.maxed {max-width:var(--inner-max);}
#nav-location.dashboard {color:var(--db--temp);padding: var(--p-e);font-family: var(--font-r),arial narrow, arial;letter-spacing: .05em;padding-top: 11px;}
#nav-user.dashboard {padding-right:var(--p-p);margin-right:var(--p-p)}
#nav-user.dashboard span {display:block;text-align:right;font-size: var(--f-3);color: var(--txt-sub-color);padding: var(--p-s) 0 0 0;}
#nav-user.dashboard span.padded-s {margin:var(--p-s) 0}
#nav-user.dashboard span.padded-p {margin:var(--p-mp) 0}
#nav-user.dashboard span.company {font-size:12px;}
#nav-nav.dashboard {height:var(--head--db-m-ph);}
#nav-nav.dashboard .icon img {display:block;float:right;height:var(--head--db-m-ph);padding:19px var(--p-mp) 19px 0px;margin:0;}
#nav-nav.dashboard .icon.menu img {padding:17px 0 17px var(--p-mp);}
#nav-nav.dashboard .icon.left img {padding-right:12px;}
#nav-nav.dashboard .icon.right img {padding-left:12px;}
#nav-image.dashboard {position:absolute;height:30px;width:200px;top:25px;left:50%;margin-left:-100px;}
.nav-account span.user-name {display:block;float:right;font-size: 18px;color: #072c4c;padding: 28px 3px;}

/*DASHBOARD NAVIGATION SECONDARY*/
#nav-secondary.dashboard {position:relative;display:block;width:100%;height:var(--head--db-m-sh);background-color:var(--head--db-sc);z-index:99;}
#nav-apps {position:absolute;left:0;right:0;top:0;bottom:0;width:auto;max-width:var(--inner-max);margin:0 auto;overflow-x:hidden;overflow-y:hidden;}
#nav-apps-inner {position:relative;height:100%;width:auto;min-width:100%;text-align:center;white-space:nowrap;padding:0 var(--p-mp);float:left;}
#nav-apps div.menu-circle {border-radius:50%;}
#nav-apps .menu-circle a {z-index:500;cursor:pointer;}
.menu-circle {position:relative;display:inline-block;width:50px;height:50px;margin:25px 7px; background-color:var(--t-color);background-image: url('');background-repeat: no-repeat;background-position: center;background-size: 24px;}
.menu-circle.grey {background-color:#838383;}
.menu-circle.add {background-color:transparent;border:1px solid #fff;}
.menu-circle.active::before {transform: translateX(-50%);border-radius: 100%;position: absolute;background: var(--t-color);top: 63px;height: 4px;content: '';width: 4px;left: 50%;}


/*DASHBOARD NAVIGATION TERTIARY*/
#nav-tertiary.dashbaord {position:relative;display:block;width:100%;height:var(--head--db-th);background-color:var(--head--db-tc);-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;}
#nav-tert-inner {position:relative;display:block;width:100%;max-width:var(--inner-max);margin:0 auto; padding: 0 var(--p-mp);}
#nav-tert-title {position:relative;display:block;float:left;color:var(--txt-color);font-family:var(--font-h);font-size:19px;padding:15.5px 0;}


/*DASHBOARD NAVIGATION SCROLLBAR*/
#page-content #nav-secondary ::-webkit-scrollbar {width: 5px; height:5px;}
/* Track */
#page-content #nav-secondary ::-webkit-scrollbar-track {background: var(--head--db-pc);}
/* Handle */
#page-content #nav-secondary ::-webkit-scrollbar-thumb {background: var(--head--db-sc);}
/* Handle on hover */
#page-content #nav-secondary ::-webkit-scrollbar-thumb:hover {background: var(--head--db-sc);}
#secondary-scroll {position:absolute;bottom:-2px;left:0;right:0;height:0;width:100%;background-color:var(--p-color);overflow:hidden}
#secondary-scrollbar {position:relative;float:left;height:5px;width:200px;background-color:var(--head--db-sc);}


/*page-body full*/
#page-body {position:relative;display:block;width:100%;height:auto;background-color:var(--bg-color);padding:0;margin:0;padding-bottom:var(--footer-m-size)}
#page-body.dashboard {padding:0 15px;padding-bottom:65px;background-color:var(--bg--db-c)}
.inner-body {position:relative;display:block;width:100%;height:auto;padding:0;margin:0;}
.inner-body.maxed {max-width:900px;margin:0 auto;}
#home-background {position:absolute;width:100vw;height:100vh;top:0;bottom:0;left:0;right:0;background-color:#111111;background-image: url('/petey/graphics/graphics/home-background-mobile.jpg');background-repeat: no-repeat;background-position: center;background-size: cover;}


.reservation {margin-top:30px;}
.reservation .res-title {width:100%;text-align:center;font-size:18px;font-family:var(--font-h)}
.reservation .res-button {width:100%;margin-top: 20px;background-color: var(--p-color);height: 40px;color: #111;text-align: center;padding: 13px;font-family: var(--font-m);}
.vehicle-slider {padding:30px 16px 30px 16px;overflow:hidden;/*-webkit-box-shadow: inset 0px 2px 5px 0px rgba(0,0,0,0.22);-moz-box-shadow: inset 0px 2px 5px 0px rgba(0,0,0,0.22);box-shadow: inset 0px 2px 5px 0px rgba(0,0,0,0.22);*/}
.home-review-title {font-family: var(--font-h);font-size: 42px; color: #2B2E31;margin-top: 92px;width: 100%; text-align: center;}
.vehicle-slider .veh-slider-title {font-size: 36px;font-family: var(--font-h);color: var(--txt-color);text-align: center;}
.vehicle-slider .veh-slider-image {width: auto;height:250px;text-align: center;margin-top: 20px;}
.vehicle-slider .veh-slider-label {font-size:16px;width:100%;/*text-align:right;*/margin-top:-50px;}
.veh-slider-label .bold {font-size:16px;}
.vehicle-slider .veh-slidepost {list-style-type: none;margin: 0;padding: 0;text-align: center;}
.vehicle-slider .veh-slidepost li {display: inline-block;height: 8px;width: 8px;background: #222;margin: 20px 7px 0 7px;padding: 0;-webkit-border-radius: 999px;-moz-border-radius: 999px;border-radius: 999px;overflow: hidden;cursor: pointer;}
.vehicle-slider .veh-sliderpost li.last {display:inline-block;}
.vehicle-slider .veh-slidepost li.active {background-color:var(--s-color)}

#fleet-slider {width:100%;height:250px;/*overflow:hidden;*/position:relative;}
#fleet-slider img {padding: 5%;max-width: 100%;max-height: 100%;}
#fleet-slider .veh-slider-image {position:absolute;top:0;left:0;width:100%;-webkit-transition: left .7s ease;-moz-transition: left .7s ease;-o-transition: left .7s ease;}
#fleet-slider .veh-slider-image.offscreen {left:-125%;opacity:1;}
#fleet-slider .veh-slider-image.first {left:0;opacity:1;}
#fleet-slider .veh-slider-image.second {left:125%;opacity:1;}
#fleet-slider .veh-slider-image.third {left:125%;opacity:1;}
#fleet-slider .veh-slider-image.other {left:125%;opacity:0;-webkit-transition: left 0s ease;-moz-transition: left 0s ease;-o-transition: left 0s ease;}

.sub-image {display:block;position:relative;width:100%;height:275px;/*height:calc((100vw * 9) / 16);max-height:60%;*/background-color:var(--p-color);overflow:hidden;transition: height .3s;}
.sub-image.right {float:none;}
.sub-image img {max-width: 150%;height: auto;border: none;position: absolute;top: -9999px;bottom: -9999px;left: -9999px;right: -9999px;margin: auto;}
.sub-image .landing-info {position:absolute;left:16px;top:34px;z-index:101;color:#fff;display: flex;flex-direction: column;justify-content: space-between;align-items: flex-start;transition: top .3s;}
.sub-image.right .landing-info {justify-content: space-between;align-items: flex-end;}
.sub-image.right .landing-info {left:auto;right:16px;}
.sub-image .landing-info .landing-text {font-family:var(--font-h);font-size:40px;}
.sub-image.right .landing-info .landing-text {text-align:right;}
.sub-image .landing-info .landing-text.black {color:#2B2E31;}
.sub-image .landing-info .landing-body {margin-top:15px;font-size:16px;max-width:300px;}
.sub-image.right .landing-info .landing-body {text-align:right;}
.sub-image .landing-info .landing-body.black {color:#2B2E31;}
.sub-image .landing-call {margin-top:30px;text-decoration:underline;}
.sub-image .landing-call a {color:#fff;}
.sub-image .landing-call.black a {color:#000}


.home-review {padding:30px 16px 60px 16px;}
.home-review .home-review-body {width: 100%;text-align: center;margin-top: 20px;float:left;}
.home-review .home-review-body.second, .home-review .home-review-body.third {display:none;}
.home-review .home-review-body .review-headline {font-family:var(--font-h);font-size:28px;width:100%;text-align:center;margin:15px 0;}
.home-review .home-review-body .review-content {font-size:16px;width:100%;text-align:center;}
.home-review .home-review-body .stars {width:100%;text-align:center;}
.home-review .home-review-body .stars img {width:142px;height:22px;margin:20px auto;display:block;}


.home-review .veh-slidepost {list-style-type: none;margin: 0;padding: 0;text-align: center;}
.home-review .veh-slidepost li {display: inline-block;height: 8px;width: 8px;background: #222;margin: 20px 7px 0 7px;padding: 0;-webkit-border-radius: 999px;-moz-border-radius: 999px;border-radius: 999px;overflow: hidden;cursor: pointer;}
.home-review .veh-sliderpost li.last {display:inline-block;}
.home-review .veh-slidepost li.active {background-color:var(--s-color)}


.contact-info .contact-row {margin-bottom:30px;}
.contact-info .contact-icon {display:block;float:left;margin-right:20px;}
.contact-info .contact-icon img {width:18px;height:24px;}
.contact-info .contact-text {display:block;float:left;font-size:18px;font-family:var(--font-m);}
.contact-info .small {display:block;font-size:16px;font-family:var(--font-r);margin-top:7px;}


/*RENTAL CALL TO ACTION*/
.rent-cta-wrapper {display: flex; flex-direction: column; justify-content: center; align-items: center;padding: 0 16px;}
.rent-cta {display: flex; flex-direction: column; justify-content: space-between; align-items: center; background-color: #fff; border-radius: 7px; padding: 38px; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.11);width: 100%; max-width:880px;margin: 80px auto;}
.rent-cta-mobile {flex-direction: column}
.rent-cta .rent-cta-title { font-family:var(--font-h);font-size:18px;line-height: 1.5em;text-align: center;}
.rent-cta .rent-cta-button {display:flex;position:absolute;bottom:16px;right:52px;background-color:var(--p-color);width:99px;height:41px;padding:12.5px 0;text-align:center;border-radius:3px;color:#fff;}
.rent-cta .cta-button {margin-top: 40px;}
.rent-cta .rent-cta-br {display:block;}
.rent-cta .rent-cta-second-br {display:inline;}



/*full-screen elements*/
#loading {position: fixed;display: block;width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(255,255,255,0.5);z-index: 500;cursor: pointer;background-image: url(/petey/graphics/graphics/loading.gif);background-repeat: no-repeat;background-position: center;background-size: 50px;}
#freeze, #body-freeze {position: fixed;display: block;width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0;background-color: var(--db--ob-rgb);z-index: 500;cursor: pointer;}
#loading.hide {display:none;}
#freeze.hide, #body-freeze.hide {display:none;}
#body-freeze {top: var(--head-m-size)}


/*footer-basic*/
#footer {position:absolute;display:block;z-index:100;left:0;bottom:0;top:auto;width:100%;height:var(--footer-m-size);background-color:var(--footer-color);padding:0 16px;-webkit-box-shadow: 0px -2px 5px 0px rgba(0,0,0,0.23);-moz-box-shadow: 0px -2px 5px 0px rgba(0,0,0,0.23);box-shadow: 0px -2px 5px 0px rgba(0,0,0,0.23);}
#footer.basic {}
#footer.dashboard {height:var(--foot--db-h);background-color:var(--foot--db-c);text-align:right;padding:0 16px;}
#footer.dashboard.border {border-top: 1px solid var(--obj--db-line);}
#footer.fixed {position:fixed;}
#footer .maxed {max-width:900px; width:100%; margin:0 auto;}
.padded-petey {padding:15px 25px 15px 0px;}
.footer-cell {display:block;text-align:left;margin-top:10px}
.ftr-cell {display:block;width:100%;height:20px;color:#fff;font-size:11px;}
.bold {font-weight:700;font-size:14px;}
img.footer-logo {height:30px;width:auto;margin:20px 0 7px 0;}
.footer-info-column {display: block;}
#footer .footer-logo {width:131px;height:auto;float:left;margin-top:14px;}
#footer .footer-social {margin-top:14px;float:left;}
#footer .footer-social img {width:21px;height:21px;display:inline-block;margin-left:21px;}
#footer .footer-top {width:52px;height:59px;float:right;}


/*side menu*/
#side-menu {position:relative;width:100%;width: 100%;z-index:501;background-color:#fff;-webkit-transition: all .7s ease;-moz-transition: all .7s ease;-o-transition: all .7s ease;overflow:hidden;height:205px}
#side-menu.dashboard {max-height:100%;right: auto;left: 0;top: 0;bottom: 0;}
#side-menu .menu-header {height:var(--head--db-ph)}
#side-menu.hide{height: 0;}
#side-menu.dashboard.hide{left:var(--side-menu-mxn);right:auto;}
#side-menu-inner {position:relative;width:100%;height:100%;background-color:var(--obj-color);margin:0;}
#side-menu-inner.right {text-align:right;}
#side-menu-inner.center {text-align:center;}
.side-menu-inner {position:absolute;display:block;top:var(--head--db-ph);bottom:0;left:0;right:0;overflow-x:hidden;overflow-y:auto;}
.side-menu-inner::-webkit-scrollbar {width: 10px;}
.side-menu-inner::-webkit-scrollbar-track {background: #f1f1f1;}
.side-menu-inner::-webkit-scrollbar-thumb {background: #888;}
.side-menu-inner::-webkit-scrollbar-thumb:hover {background: #555;}
#side-menu-close img {display:block; height: 15px; width: 15px;float:right;}
#side-menu-menu {}
.side-menu-item {height: 50px;font-size: 16px;padding: 17px 0 17px 25px;border-bottom:1px solid #f4f4f4;font-weight: 600;}
#side-menu-menu a .side-menu-item,#side-menu-menu a:visited .side-menu-item {color:#53565a;text-decoration: none;}
#side-menu-menu a:hover,#side-menu-menu a:focus {color:#fd8f1d;text-decoration: none;}
#side-menu-menu a:hover .side-menu-item,#side-menu-menu a:focus .side-menu-item {color:#fd8f1d;text-decoration: none;}
#side-menu-menu a .side-menu-item.current {color:#fd8f1d}
#side-menu .mobile-menu {height:41px;padding:13.5px 0;border-bottom:1px solid #f4f4f4;margin:0 16px;}
#side-menu .mobile-menu img {height:13.5px;width:18px;display:block;float:left;}
#side-menu .mobile-menu .menu-text {float:left;margin-left:12px;color:#111}
#side-menu .mobile-menu .menu-arrow {float:right;background: url('/project/graphics/icons/icons-right-arrow.png'); background-repeat: no-repeat;background-size: cover;background-position:center;height: 7px;width: 7px;}
#side-menu .mobile-signin {margin-top:20px; background-color:var(--p-color);height:40px;color:#111;text-align: center;padding: 13px;font-family:var(--font-m)}

#side-menu.dashboard {position:fixed;width:100%;max-width:var(--side-menu-mx);width: 100%;top:var(--head-m-size);right:0;z-index:501;background-color:#fff;-webkit-transition: all .7s ease;-moz-transition: all .7s ease;-o-transition: all .7s ease;}
#side-menu.dashboard {max-height:100%;right: auto;left: 0;top: 0;bottom: 0;-webkit-box-shadow: 2px 0px 5px 0px rgba(0,0,0,0.16);-moz-box-shadow: 2px 0px 5px 0px rgba(0,0,0,0.16);box-shadow: 2px 0px 5px 0px rgba(0,0,0,0.16);}
#side-menu.dashboardu .menu-header {height:var(--head--db-ph)}
#side-menu.dashboard.hide{right:var(--side-menu-mxn);}
#side-menu.dashboard.hide{left:var(--side-menu-mxn);right:auto;}


/*side menu login*/
#side-login {position:relative;width:100%;width: 100%;z-index:501;background-color:#fff;-webkit-transition: all .7s ease;-moz-transition: all .7s ease;-o-transition: all .7s ease;overflow:hidden;height:183px}
#side-login.hide{height: 0;}
#side-login #side-menu-login {margin:0 16px;}
#side-login .side-login-body {height:91px;}
#side-login .temp-login-warn {font-size:18px;padding-top:25px;}
#side-menu-login a .side-menu-item,#side-menu-login a:visited .side-menu-item {color:#53565a;text-decoration: none;}
#side-menu-login a:hover,#side-menu-login a:focus {color:#fd8f1d;text-decoration: none;}
#side-menu-login a:hover .side-menu-item,#side-menu-login a:focus .side-menu-item {color:#fd8f1d;text-decoration: none;}
#side-menu-login a .side-menu-item.current {color:#fd8f1d}
#side-login .side-login-header {margin-top:13.5px;font-size:18px;font-family:var(--font-h);}
#side-login .mobile-signin {margin-top:20px; background-color:var(--p-color);height:40px;color:#111;text-align: center;padding: 13px;font-family:var(--font-m)}
#side-login .mobile-signin.inactive {background-color:#ccc;}

/*The elements*/
.cta-button {display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: #BABB39; height: 46px; border-radius: 23px; padding: 0 32px; font-family: var(--font-h); font-size: 16px; color: #2B2E31;margin-top: 40px;opacity: 1;transition: background-color .3s;cursor: pointer;border: 2px solid #BABB39;}
a .cta-button:hover, a .cta-button:focus, a .cta-button:visited {background-color: transparent; text-decoration: none;}
a:hover .cta-button, a:focus .cta-button, a:visited .cta-button {background-color: transparent; text-decoration: none;}
.cta-button.white {background-color: #fff;border: 2px solid #FFFFFF;}
a .cta-button.white:hover, a .cta-button.white:focus {color: #ffffff;}


/*home page elements*/
#animation-window {position:relative;display:block;z-index:25;width:100%;height:250vh;height:calc((var(--vh, 1vh) * 250));margin-top:calc(var(--head-size) * -1);}
#animation-pane {display:block;justify-content:center;align-items:center;position:fixed;position:sticky;position:-webkit-sticky;top:0;width:100%;height:97vh;height:calc((var(--vh, 1vh) * 97));white-space:nowrap;overflow:hidden;background-color:var(--s-color)}
#picture-box {position:relative;display:block;vertical-align: top;width:100%;height:40vh;height:calc((var(--vh, 1vh) * 40));background-color:grey;-webkit-transition: all .7s ease;-moz-transition: all .7s ease;-o-transition: all .7s ease;}
.home-animation-text {display:block;vertical-align: top;width:100%;height:60vh;height:calc((var(--vh, 1vh) * 60));padding:25px;-webkit-transition: all .7s ease;-moz-transition: all .7s ease;-o-transition: all .7s ease;}
.ha-text-wrapper {height: 100%;display:flex;justify-content:center;align-items:center;/*overflow:hidden;*/}
.ha-text-inner {height: auto;white-space: initial;text-align:center;color:#fff;}
#info-two {padding: 0 20px}
#animation-window h1 {color: #fff;font-size:38px;font-family:var(--font-h);margin-bottom: 25;white-space:normal}
#animation-window ul {display:table; margin:25px auto 0 auto;padding:0 0 0 20px;}
#animation-window ul li {line-height:1.8em;text-align:left;}
#animation-window p {margin:0;padding:0;}
.animation-picture {width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-transition: all .7s ease;-moz-transition: all .7s ease;-o-transition: all .7s ease;}
#picture-one { background: url('/project/graphics/photos/web/female.jpg'); background-repeat: no-repeat;background-size: cover;background-position:center;}
#picture-two {background: url('/project/graphics/photos/web/tablet.jpg'); background-repeat: no-repeat;background-size: cover;background-position:center;opacity:0;}
.card {position:relative;display:block;margin: 20px 15px; background-color:#f9f9f9;}
.card.padded {padding:40px;}
.card.maxed {max-width:900px;margin:20px 15px;}
.card.final {margin-bottom: 60px;}
.card-flex {position:relative;display:flex;justify-content:left;align-items:center;}
.card-flex.right, .card-flex.left {float:none;}
.card-image {display:flex;justify-content:center;align-items:center;overflow:hidden;position:absolute;height:300px;height:calc((100vw * 3) / 5);width:100%;left:0;right:0;top:0}
.card-image img {flex-shrink:0;min-width:100%;min-height:100%;max-width:none;}
.card-text {display:flex;flex-direction:column;width:100%;padding:25px;margin-top:300px;margin-top:calc((100vw * 3) / 5);}
.card-flex.right .card-image {right:0;}
.card-flex.left .card-image {left:0;}
.card-flex.left .card-text {margin-left:0;}
.card h3 {font-size:36px;letter-spacing:1px;text-align:center;margin: 0 auto 12px auto;font-weight:700;color:var(--s-color)}
.card p {text-align:center;}
.card-body {width:100%;padding:50px;}

.vehicle-info {display: flex; flex-direction: column; justify-content: flex-start; align-items: center; width: 100%;max-width: 1000px; margin: 32px auto 30px auto;padding: 0 16px;}
.vehicle-info-header {display: flex; flex-direction: column; justify-content: flex-start; align-items: center;width: 100%;padding-right: 80px;}
.vehicle-info-header h3 {font-family: var(--font-h); font-size: 42px; color: #2B2E31;line-height: 1.4em;}
.vehicle-info-text {display: flex; flex-direction: column; justify-content: center; align-items: flex-start;width: 100%;}
.vehicle-info-text p {font-family: var(--font-r); font-size: 20px; color: #2b2e31;padding: 0 60px 0 0 ; margin: 0;}






.float {position:relative;display:block; margin:0;}
.background {background-color:#fafafa;width:100%;height:auto;overflow:hidden;}
.employees {display:block;max-width:900px;width:100%;margin:0 auto 60px auto;}
.employee-card {width:100%;height:auto;float:left;margin-bottom:40px;}
.employee-card .float {background-color:#fafafa;margin:0 20px;}
.employee-card .employee-image {border-radius:50%;background-color:#111;width:150px;height:150px;margin-top:60px;overflow:hidden;}
.employees h4 {color:var(--s-color);font-size:26px;font-family:var(--font-h);margin-top:20px;}
.float.padded {padding:40px;}
.float.maxed .float-text {max-width:900px;margin-left:auto;margin-right:auto;}
.float.final {margin-bottom: 60px;}
.float-flex {position:relative;display:flex;justify-content:left;align-items:center;}
.float-flex.right, .float-flex.left {float:none;}
.float-text {display:flex;flex-direction:column;width:100%;margin:0;padding: 0 20px 60px 20px;}
.employees .float-text {padding:0 20px 25px 20px;}
.float-text h3, .float-body h3, .float-text h2 {font-family:var(--font-h);text-align:center;display:block;width:100%;font-size:32px;margin:60px 0 0 0;color:var(--s-color)}
.float-text h2.standard {font-size:32px;}
.float-text p {text-align:center;margin: 22px 0 0 0;font-size:17px;line-height:1.3em;font-family:var(--font-l);}
.float-text p.no-title {margin-top:60px}
.float-text.left h3, .float-body.left h3, .float-text.left h2 {text-align:left;}
.float-text.left p {text-align:left;}
.float-image {position:relative;display:block;overflow:hidden;height:211px;height:calc((100vw * 9) / 16);margin:0 20px 60px 20px}
.float-image img {max-width: 100%;height: auto;border: none;position: absolute;top: -9999px;bottom: -9999px;left: -9999px;right: -9999px;margin: auto;}
.float-image.history {margin: 60px 20px 0 20px;}
.history {/*width:100%;*/max-width: 1200px;margin: 0 auto;}
.history .float-image {margin:60px 20px 0 20px;}
.float-flex.right .float-image {right:0;}
.float-flex.left .float-image {left:0;}
/*.float-flex.left .float-text {margin-left:0;}*/
.float .body {margin:22px 20px 0 20px;max-width:900px;}
.float-body {width:100%}
.float .body img.graphs {margin-top: 15px;}
.float .body .padded-l img.graphs {margin-top:22px;}
.landing-image {display:flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;position:relative;width:100%;height:auto;/*height:calc((100vw * 9) / 16);max-height:60%;*/background-color:#fff;/*overflow:hidden;*/}
.landing-bookings {display: flex; flex-direction: column; justify-content: flex-start; align-items: center; min-height: 600px;width: 100%;background-image: url("/project/graphics/photos/web/home-page-hero.svg");background-repeat: no-repeat;background-position: center;background-size: cover;padding: 0 16px;}
.landing-bookings-card {display: flex;flex-direction: column; justify-content: flex-start;align-items: flex-start; background-color: #fff; border-radius: 20px; box-shadow: 2px 2px 16px #00000029;width: 100%; max-width: 880px; margin: 67px auto; padding: 0;margin-bottom: var(--aspect-r2);overflow:hidden;}
.landing-booking-title {display: flex;flex-direction: column;justify-content: center;align-items: center;width: 100%;background-color: #2a2e31;height: 55px;font-family: var(--font-h);font-size: 25px;color: var(--btn--a);margin-bottom: 28px;}
.landing-image .landing-info {position:absolute;top:55px;left:16px;right:16px;margin-left:100%;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;min-width:700px;}
.landing-image .landing-info.animate-in {margin-left:0;}
.landing-image .landing-intro {font-family:var(--font-r);font-size:16px;color:#fff;text-align:left;margin-top:0;text-shadow:0 0 12px rgba(40,40,40,0.2);}
.landing-image .landing-text {font-family:var(--font-h);font-size:45px;color:#fff;text-align:left;margin-top:0;text-shadow:0 0 12px rgba(40,40,40,0.2);}
.landing-image .landing-text.intro {margin-top:20px;}
.landing-image .landing-body {font-family:var(--font-l);font-size:16px;color:#fff;text-align:left;margin-top:20px;text-shadow:0 0 12px rgba(40,40,40,0.2);max-width:340px;}
.landing-image .landing-cars {width: 100%;max-width: 1200px;height:var(--aspect-r3);min-height: 200px;margin: var(--aspect-r) auto 0 auto;background-image: url("/project/graphics/photos/web/home-page-hero-cars.webp");background-repeat: no-repeat;background-position: center;background-size: cover;}
.landing-image .landing-footer-outer {position:absolute;bottom:0;left:0;right:0;height:72px;background-color:rgba(0,0,0,.3)}
.landing-image .landing-footer {position:absolute;bottom:16px;right:16px;max-width:300px;text-align:right;color:#fff;font-size:14px;font-family:var(--font-l)}


.icons {width:100%;max-width:900px; margin: 38px 0 60px 0; padding:0 20px;}
.icons .icon-box {width:50%;float:left;margin-top:22px;}
.icons .icon-icon img {display:block;width:auto;height:50px;margin: 0 auto 22px auto}
.icons .icon-text {width:100%;font-size:17px;text-align:center;padding:0 7px;}

/*OUR VEHICLES PAGE*/
#our-vehicles {display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start;flex-wrap: wrap;width: 100%; max-width: 1000px; margin: 0 auto; padding: 0 16px;margin-top: -42px;margin-bottom: 80px;transition: padding .7s;}
.our-vehicle {display: flex; flex-direction: row; justify-content: flex-start; align-items: center;width: 100%;}
#our-vehicles .our-vehicle:nth-child(odd) {padding-right 0;}
#our-vehicles .our-vehicle:nth-child(even) {padding-left: 0;}
.our-vehicle-wrapper {display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start;background-color: #fff; border-radius: 7px; box-shadow: 0px 0px 6px #00000029;padding: 20px 24px;margin-bottom: 24px;width: 100%;}
.vehicle-left {display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start;padding-right: 10px;}
.vehicle-right {display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start;}
.vehicle-title {font-family: var(--font-h); font-size: 24px; color: #2B2E31;}
.vehicle-sub-title {font-family: var(--font-r); font-size: 16px; color: #2B2E31; margin-top: 10px;}
.vehicle-right img { margin-right: 8px; width: 13px; height: 13px;/* margin-top: 16px;*/}
.vehicle-left img {height: auto; width: 100%; margin-right: 8px; max-width: 300px; margin-top: 16px;}
.vehicle-people {display: flex; flex-direction: row; justify-content: flex-start; align-items: center;font-family: var(--font-m); font-size: 14px; color: #2B2E31;margin-top: 16px;}
.vehicle-bags {display: flex; flex-direction: row; justify-content: flex-start; align-items: center;font-family: var(--font-m); font-size: 14px; color: #2B2E31;margin-top: 16px;}
.vehicle-right .cta-button {margin-top: 20px;transition: margin-top .7s;}


/*CONTACT US PAGE*/
#location {width: 100%; max-width: 700px; margin: 0 auto;padding:60px 20px 60px 20px;}
#location-map {height: 400px; height: calc((100vw *5) / 16);border: 1px solid #f4f4f4;}
#location-text {display:block;width: 100%; height: 25px; background-color: #fff; text-align:center;font-size: 14px; padding: 5.5px 0;border: 1px solid #f4f4f4;}
.contact-message {width:100%; height: 114px;}

/*account menu*/
#account-menu {position:absolute;display:block;width:100%;max-width:570px;height:auto;top:0;right:0;z-index:102;background-color:var(--head--db-pc)}
#account-menu.hide{right:-225px;}
#account-menu.dashboard.hide{top:-100%;right:0px;}
#account-menu.dashboard {top:var(--head--db-m-ph);right:0;}
#account-menu-inner {position:relative;width:100%;height:100%;background-color:var(--obj-color)}
#account-menu-inner.right {text-align:right;}
#account-menu-inner.center {text-align:center;}
#account-menu-inner.box {padding:0 0 15px 0;margin:0;}

/*menu buttons and such*/
.menu-button {width:100%;height:40px;display:block;margin:0;padding:0;padding-left:var(--p-mp);font-size:16px;color:var(--txt-color);position:relative;}
.menu-button-icon {float:left;display:block;width:20px;height:20px;margin:10px 15px 10px 7px;}
.menu-button a,.menu-button a:visited,.menu-button a:hover{float:left;display:block;text-decoration:none;color:var(--txt-color);padding:12px 0;}
.menu-button a.border {border-top:1px solid var(--obj-line)}
.menu-button a.full {position: absolute;top: 0;left: 0;right: 0;margin: 0 25px;padding-left: 42px;}
.menu-button.border {border-bottom:1px solid var(--obj-line)}
.menu-button:hover, .menu-button:focus {background-color: #e5e5e5}
.menu-button a.border:hover{border-color:#e5e5e5;}
.menu-button.inset {padding-right:var(--p-mp)}
.menu-button:last-child {border-bottom:none;}
.menu-header  {position:relative;display:block;width:100%;height:auto;background-color:var(--p-color);padding:var(--p-e);text-align:right;}
.menu-header.dashbaord {background-color:var(--head--db-pmc);color:var(--db--temp);padding:0;}
.menu-header.border {border-bottom: 1px solid var(--row-c)}
.menu-header .image {position: absolute;display: block;opacity:1;height: 12px;width: 12px;right:var(--p-mp);top:var(--p-p);z-index: 102;-webkit-transition: all .7s ease;-moz-transition: all .7s ease;-o-transition: all .7s ease;}
.menu-header #side-menu-close.image {top:12px;right:12px;}
.menu-header .image.right {left:auto;right:var(--p-p);}
.menu-header .image.vert {bottom:50%;margin-bottom:-15px}
.menu-header .image.top {bottom:auto;top:var(--p-p)}
.menu-header .image.hide {opacity:0;}
.menu-header .name {margin:var(--p-p) 0}
.menu-header .company {font-size:12px;}
.menu-header-pic {position:relative;width:100%;height:85px;padding:35px 0 0 0;text-align:center;}
.menu-picture {display:inline-block; width:50px; height:50px;background-color:var(--p-color);background-image: url('');background-repeat: no-repeat;background-position: center;background-size: 50px;-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;}
.menu-header-pic.side-menu {width: 90px;padding: 15px 15px 15px 25px;margin: 0;float: left;}
.menu-header-name {display:block;font-size:18px;color:var(--t-color);text-align:center;}
.menu-header-name.account {margin:14px 0 var(--p-mp) 0;}
.menu-header-name.side-menu {margin: 0;float: left;padding: 32px 0;}
.menu-group {display:block;padding:var(--p-mp) 0 4px var(--p-mp);margin:0;font-size:16px;color:var(--txt-sub-color)}
.menu-group.border {border-bottom:1px solid #efefef}

/*box*/
.box {position:relative;display:block;width:auto;height:auto;background-color:var(--obj-color);padding:0;margin: 0 16px 15px 16px;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;}
.box.collapsed {margin: 0; padding: 0;}
.box.white {background-color:#fff;}
.dashboard .box {background-color:var(--obj--db-color)}
.box.padded-t {margin-top:var(--m-f);}
.box.last {margin-bottom:40px}
.box.border {border:1px solid var(--obj-line);}
.box.flat {padding:0;}
.box--inner {position:relative;display:block;width:100%;height:auto;background-color:unset;padding:0;}
.box--inner.padded-c {padding:0 var(--p-mp);}
.box--inner.padded-e {padding:25px;}
.box--inner.padded-t {padding-top:var(--p-e);}
.box--inner.padded-b {padding-bottom:var(--p-e)}
.box--title {display:block;width:100%;text-align:left;font-size:26px;color: var(--t-color);margin:0 0 15px 0;/*background-color:var(--obj-color)*/}
.box--title.padded {padding: 30px var(--p-mp) 0 var(--p-mp);}
.box--title.contact-form {padding-top: 60px;}
.box--title.img {padding-top:0;}
.box--subtitle {display:block;width:100%;text-align:left;font-size:14px);color: var(--txt-color);padding: /*var(--p-p)*/ 0;}
.box--title.center {text-align:center;}
.box--title.large {font-size:var(--f-1);}
.box--title.bold {font-family: var(--font-h)}
.box--subtitle.center {text-align:center;}
.box--btn {display:block;width:100%;height:var(--btn-h);text-align:left;font-size:var(--f-5);background-color:var(--btn--a);color:var(--btn--a-f);margin:var(--p-p) 0;padding:12px;cursor:pointer;}
.box--btn.in-form {margin-top: 34px;}
.box--btn a,.box--btn a:hover,.box--btn a:visited,.box--btn a:focus {font-size:var(--f-5);color:var(--btn--a-f);text-decoration:none;}
.box--btn.bold {font-weight:bold;}
.box--btn:hover,.box--btn:focus {opacity:.8; }
.box--btn.center {margin:10px 10%;}
.box--btn.txt-center {text-align:center;}
.box--btn.round {-webkit-border-radius: var(--r-s);-moz-border-radius: var(--r-s);border-radius: var(--r-s);}
.box--btn.rounded {-webkit-border-radius: var(--r-p);-moz-border-radius: var(--r-p);border-radius: var(--r-p);}
.box--btn.small {width:100%;}
.box--btn.small.left {margin-right:auto;text-align:center;float:none;}
.box--btn.small.right {margin-left:auto;text-align:center;float:none;}
.box--btn.small.right.float {float:right;}
.box--btn.small.left.float {float:left;}
.box--btn.small.center {margin-left:auto;margin-right:auto;text-align:center;float:none;}
.box--btn-no {display:block;height:var(--btn-h);font-size:var(--f-4);color:var(--a-color);padding:var(--p-e) 0;cursor:pointer;}
.box--btn-no.small {font-size:14px;}
.box--btn.flat {margin: 0;}
.box.stand-alone {margin: var(--m-f) 15px;}
.box [class*="col-"] {padding:0;margin: 0;}
.box .padded-l, .card .padded-l {padding:0 var(--p-mp);}
.box .padded-r, .card .padded-r {padding:0 var(--p-mp);}
.box .padded-c, .card .padded-c {padding:0 var(--p-mp);}
.box .padded-f, .card .padded-f {padding:0 var(--p-mp);}
.box .padded-t, .card .padded-t {padding-top:35px;}
.box .padded-m-t, .card .padded-m-t {padding-top:35px;}
.box .padded--btn-t {padding-top:20px;}
.box label {display:block;padding:var(--p-e) 0;color:var(--txt-color);font-size: var(--f-l);font-family:var(--font-l);}
.box label.check-container {padding-left: 25px;}
.box--footer {width:100%;height:50px;font-size:14px; padding:0 0 23px 0;text-align:center;background-color:transparent}
.box--footer a.major {display:block;width:100%;font-size:var(--f-4)}
.box--columns {display:block;width:100%;font-size:var(--f-4)}
.box--columns.border {border-bottom:1px solid var(--obj--db-line);}
.box--columns.border.thick {border-bottom:2px solid var(--obj--db-line)}
.box--columns.border .box--column:last-child {border-right:none;}
.box--columns.center .box--column {text-align:center;}
.box--column {display:block;float:left;padding:var(--p-p) 0;overflow:hidden;}
.box--column .sub-column {display:inline-block;width:40px;text-align:center;font-size:14px;}
.box--column.small {font-size:.8em;}
.box--column.right {float:right;}
.box--column.width {width:35px;}
.box--columns .desktop {display:none;}
.box--rows {display:block;position:relative;width:100%;font-size:var(--b-r);;color:var(--txt-color);height:var(--row-h);overflow:hidden;}
.box--rows.border {border-bottom:1px solid var(--obj--db-line)}
.box--table > .box--rows.border:last-child {border-bottom:none;}
.box--table > .parent:not(.collapse):last-child .box--rows.border {border-bottom:none;}
.parent.collapse .box--rows {border-bottom:none;}
.box--rows.center .box--row {text-align:center;}
.box--rows .box--row.center {text-align:center;}
.box--rows.highlight {color: var(--p-color);}
.box--row {display:block;float:left;height:var(--btn-h);padding:var(--row-tp);overflow:hidden;white-space: nowrap;}
.box--row .sub-column {display:inline-block;width:42px;text-align:center;}
.box--row .sub-column.drop-down {width:170px;}
.box--column span {font-size: 16px;color: var(--a-color);}
.box--row span {padding-left:3px;position:absolute;}
.box--row span.small {display:inline-block;font-size:.65em;color:var(--txt-sub-color);margin-top: .35em}
.box--row span.small.desktop {display:none;}
.box--column span.italic {font-family:arial; font-style: italic;}
.box--row span.italic {font-family:arial; font-style: italic;}
.box--column span.italic.desktop {display:none;}
.box--row span.italic.desktop {display:none;}
.box--row.left {float:left;}
.box--row.right {float:right;}
.box--row.width {width:35px;}
.box--row-holder {height:31px;background-color:var(--s--db-color)}
.box--row.collapse {padding:0;margin:0;}
.box--row img {display:block;width:var(--btn-h);height:var(--btn-h);padding:12px 0;margin-top:-13px;text-align:center;}
.box--row img.inline {display:inline-block;}
.box--row .inspection_upload {display: block;width: 30px;height: 30px;background-color: var(--p-color);float: right;margin-top: -8px;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background-image:url('../graphics/icons/dashboard/default/menu-icon/mod-icon-upload-FFFFFF.svg');background-position: center;background-repeat: no-repeat;background-size: 16px 16px;}
.box--row img.indicator {padding: 8px; margin-right:7px;}
.box--row .inspection-percent {font-size:18px;font-weight:bold;}
.pinned-t {position: relative;width:100%;padding:var(--p-p) var(--p-mp)}



/*facebox*/
#outer-box {z-index: 499;position: fixed;display: block;width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0;background-color:var(--db--ob-rgb);cursor:pointer;}
#outer-box.hide {display:none;}
#message-box {position:absolute;top:50%;left:50%;margin-left:-125px;-webkit-transition: top .7s ease;-moz-transition: top .7s ease;-o-transition: top .7s ease;}
#message-box.top {top:0;}
#message-box.hide {top:-100%;}
#message-box.top.hide {top:-100%;}
#message-box-close {height: 50px;display: block;position: relative;width:100%;}
#message-box-close img {width:50px;height:50px;padding:19px;display:block;float:right;}
#message-box.box {width:300px;max-width:100%;background-color:#fff;padding:0;max-height: 100%;overflow: auto;}
#message-title {padding: 15px 15px 0 15px;}
#message-body {min-height:120px;}
#message-body p {padding: 0 var(--p-mp) var(--p-mp) var(--p-mp)}
.message-logo {display:block;width:100%;text-align:center;}
.message-logo img {width:60px; height:60px;margin-top:30px;}
.message-title {width:100%;text-align:center;color:var(--s-color);font-size:26px;margin:0 0 15px 0;}
#message-box .padded-p {padding:var(--p-mp)}
#message-box input[type=text], #message-box input[type=password], #message-box select {padding:10px; font-size:18px;height: 50px;border-radius: 5px;margin:0 0 10px 0;}
#message-box .accessory,#message-box .accessory label {color: var(--a-color)}
#message-box .accessory.padded,.accessory.padded {padding:var(--p-e) 0;}
#message-box .footer {}
#message-box .box--footer {width:100%;height:50px;font-size:14px; padding:0 0 23px 0;text-align:center;background-color:transparent}
#message-box button, button.message-style {height:50px;margin:55px 0 10px 0;}
#message-box button.collapse, button.message-style.collapse {margin-top:7px;}
#message-body .box--btn.message-style {height: 50px;margin: 10px 15px 20px 15px;width: auto;text-align: center;font-size: 14px;padding: 16px 0;}
.input-desc {display:block;width:100%;padding:3px 0;font-size:10px;text-align:center;}


/*page view specific stufff*/
.parent .box--rows {height:var(--btn-h);overflow:hidden;-webkit-transition: all .7s ease;-moz-transition: all .7s ease;-o-transition: all .7s ease;cursor:pointer;}
.parent.pause .box--rows {-webkit-transition: none;-moz-transition: none;-o-transition: none;}
.parent.collapse .box--rows {height:0;padding:0;margin:0;overflow:hidden;}
[level='1'] .box--row:first-child {padding-left:20px;}
[level='2'] .box--row:first-child {padding-left:35px;}
[level='3'] .box--row:first-child {padding-left:55px;}
[level='4'] .box--row:first-child {padding-left:75px;}
[level='5'] .box--row:first-child {padding-left:95px;}
[level='6'] .box--row:first-child {padding-left:115px;}
[level].new-line .box--row:before {width:11px;content:" ";position:absolute;left:7px;top:-4px;height:24px;opacity:.2;background: url('/petey/graphics/icons/child-black.png');background-repeat: no-repeat;background-position: center;background-size: 10px 20px;}
[level='2'].new-line .box--row:before{left:22px;}
[level='3'].new-line .box--row:before{left:42px;}
[level='4'].new-line .box--row:before{left:62px;}
[level='5'].new-line .box--row:before{left:82px;}
[level='6'].new-line .box--row:before{left:102px;}
.fixed-save {position: fixed;width: 100%;bottom: var(--foot--db-h);background-color: var(--foot--db-c);border-top: 1px solid var(--obj--db-line);left: 0;z-index: 102;padding:0 25px 0 25px;margin-bottom:-2px;}
.fixed-save-helper {display:block;width:100%;height:110px;}


/*INVOICE STUFF*/
.html-invoice {width:100%;margin: 0 auto;}
#info table, #invoice{max-width:800px;margin:0 auto}
#info table {margin-right:0;font-size:13px;}
#billship,#info,#company,#items{width:100%;border-collapse:collapse}
#company td,#info, td#billship td,#items th{padding:15px}
#items td{padding:7px}
#address, #billship{margin-bottom:30px}
#info,#company {margin-bottom:0}
#company img{max-width:180px;height:auto}
#bigi{font-size:40px;color:#444444}
#billship{background:#b92d2d;color:#fff}
#billship td{width:33%}
#items th{text-align:left;border-bottom:2px solid var(--row-c);text-align:center;font-family:var(--font-l);font-size: 14px;padding: 7px 0;}
#items td, .comment td{border-bottom:1px solid var(--row-c);color:var(--txt-color)}
#items tr {height:var(--row-h);}
#items tr:last-child td{border-bottom:none}
td.comment td{border:1px solid var(--row-c)}
td.comment td div{min-height:50px;}
td.l-border{border-left:1px solid var(--row-c)}
td.r-border{border-right:1px solid var(--row-c)}
#items td.n-border{border:none;}
#items td.s-border{border-bottom:2px solid var(--row-c)}
td.idesc{color:#ca3f3f}
td.ttl{font-weight:700}
td.right{text-align:right;float:none;}
td.left{text-align:left}
td.center{text-align:center}
td.footer{border:none;font-size:10px;color:#222222;}
#notes{margin-top:30px;font-size:.95em}



.status-link {width:15px;height:15px;display:inline-block;margin:0 var(--p-s);background-color:var(--e-color);-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.status-link.active {background-color:var(--g-color)}


/*likely box objects*/
.txt-obj {padding: var(--p-p) 0;display:block;width: 100%;overflow:hidden;}
.txt-obj.padded {padding: var(--m-f);}
.txt-obj.narrow {padding: var(--p-p);}
.txt-obj.none {padding: 0;}
.txt-obj.border-t {border-top:1px solid #e6e6e6}
.txt-obj.border-t:first-child {border-top:none;}
.padded-r .txt-obj.border-t:first-child {border-top:1px solid var(--form-line);}
.txt-obj.doubled {height:auto;}
.txt-obj label {float:none;font-size: 12px;font-family: var(--font-b);padding:5px 0 10px 0;}
.txt-obj h6 {font-size:16px;text-align:left;float:none;padding:0 0 5px 0;margin:0;}

/*messages, warnings, alerts, etc for inside a box*/
.message {display: block;/*width: 100%;*/height:auto;margin:var(--p-e) var(--p-mp);padding:var(--p-e);background-color: var(--e-color);opacity:.8;overflow:hidden;color:#fff;-webkit-transition: all .7s ease,background-color 1ms;-moz-transition: all .7s ease,background-color 1ms;-o-transition: all .7s ease,background-color 1ms;}
.message.padded {margin:var(--p-e) var(--p-mp);}
.message.padded-v {margin:var(--p-e) 0;padding: var(--p-e);}
.message.padded-h {margin:0 var(--p-e);}
.message.round {-webkit-border-radius: var(--r-s);-moz-border-radius: var(--r-s);border-radius: var(--r-s);}
.message.rounded {-webkit-border-radius: var(--r-p);-moz-border-radius: var(--r-p);border-radius: var(--r-p);}
.message.good {background-color: var(--g-color);color:#111;}
.message.center {text-align:center;}
.message.collapse {height:0;border-width:0;padding:0;margin:0;}
.message.no-box.collapse {margin:0;}
.message.round {-webkit-border-radius: var(--r-s);-moz-border-radius: var(--r-s);border-radius: var(--r-s);}
.message.rounded {-webkit-border-radius: var(--r-p);-moz-border-radius: var(--r-p);border-radius: var(--r-p);}

/*forms*/
::placeholder {color: var(--input-c-faded);opacity: 1;}
:-ms-input-placeholder {color: var(--input-c-faded);}
::-ms-input-placeholder {color: var(--input-c-faded);}
::-webkit-datetime-edit-text {padding:var(--input-pad)}
textarea, input[type=text], input[type=password], input[type=date], input[type=number], select {font-family: var(--font-r);width: 100%;padding: var(--input-pad);margin: 0;height: var(--btn-h);display: inline-block;border: 1px solid var(--form-line);background-color: #fff;box-sizing: border-box;color: var(--input-c);font-size: var(--f-p);-webkit-border-radius: var(--r-s);-moz-border-radius: var(--r-s);border-radius: var(--r-s);}
.web textarea,.web input[type=text], .web input[type=password], .web input[type=date], .web input[type=number], .web select {font-family:var(--font-r);width: 100%;padding: 7px 0 3px 0;margin: 0 0 20px 0;/*height:var(--btn-h);*/display: inline-block;border-bottom: 1px solid #2B2E31;border-width:0 0 1px 0;background-color:#fff;box-sizing: border-box;color:var(--input-c);font-size:var(--f-p);-webkit-border-radius: 0;-moz-border-radius: 0;border-radius:0;}
.web textarea {border:1px solid #2B2E31;margin-top:7px;padding:10px;}
.web textarea.round, .web input[type=text].round, .web input[type=password].round, .web input[type=date].round, .web input[type=number].round, .web select.round {-webkit-border-radius: var(--r-s);-moz-border-radius: var(--r-s);border-radius: var(--r-s);}
.web textarea.rounded, .web input[type=text].rounded, .web input[type=password].rounded, .web input[type=date].rounded, .web input[type=number].rounded, .web select.rounded {-webkit-border-radius: var(--r-p);-moz-border-radius: var(--r-p);border-radius: var(--r-p);}
textarea.padded, input[type=text].padded, input[type=password].padded, input[type=date].padded, input[type=number].padded, select.padded {padding:var(--input-pad);margin: var(--p-p)}
textarea.small, input[type=text].small, input[type=password].small, select.small, input[type=date].small, input[type=number].small {width: 100%; margin:var(--p-p) 0}
textarea.xsmall, input[type=text].xsmall, input[type=password].xsmall, select.xsmall, input[type=date].xsmall, input[type=number]xsmall {width: 100%; margin:var(--p-p) 0}
textarea:focus, input:focus {border-color:var(--a-c); box-shadow: 0 0 1px var(--a-c);}
textarea {height:114px;padding:var(--p-p) var(--p-p);resize:vertical;}
input[type=text].error, input[type=password].error {border-color:var(--e-color); box-shadow: 0 0 1px var(--e-color);}
input[type=text]:focus.error, input[type=password]:focus.error {border-color:var(--e-color); box-shadow: 0 0 1px var(--e-color);}
input[type=text].good, input[type=password].good {border-color:var(--g-color); box-shadow: 0 0 0 var(--g-color);}
input[type=text]:focus.good, input[type=password]:focus.good {border-color:var(--g-color); box-shadow: 0 0 0 var(--g-color);}
input.readonly, input:disabled, input:disabled:-internal-autofill-selected, input:disabled:-webkit-autofill {background-color:#efefef!important;color:#bbb}
label.center {display:block;width:100%;text-align:center;}
label {font-size:16px;margin-top:3px;}
button {display:block;width:100%;height:var(--btn-h);text-align:left;font-size:var(--f-5);background-color: var(--btn--a);color:var(--btn--a-f);/*padding: var(--p-p);*/margin: var(--p-p) 0;border: none;cursor: pointer;}
button:disabled {background-color:#efefef}
button.inactive {background-color: var(--btn);color:var(--btn--f)}
button.bold {font-weight:bold;}
button.center {text-align:center;}
button.round {-webkit-border-radius: var(--r-s);-moz-border-radius: var(--r-s);border-radius: var(--r-s);}
button.rounded {-webkit-border-radius: var(--r-p);-moz-border-radius: var(--r-p);border-radius: var(--r-p);}
button.in-form {margin-top: 34px;}
button.in-form-box {margin-top: 96px;}
button:hover, button:focus {opacity: 0.8;}
button.small {width:100%;margin:var(--p-p) 0}
button.xsmall {width:100%;margin:var(--p-p) 0}
button.vsmall {width:100%;margin:var(--p-p) 0}
button.left.float {float:left;text-align:center;}
button.right.float {float:right;text-align:center;}
button.margin-r {margin-right:0;}
.drop-down select {border:none;}
.web-assign .check-container {display:inline-block;height:25px;padding:0 0 0 35px;}
.check-container {display: block;position: relative;padding-left: 35px;cursor: pointer;font-size: 22px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.check-container input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.box--row span.checkmark {margin-top:11.5px;margin-left:8px;}
.checkmark {position: absolute;top: 0;left: 0;height: 16px;width: 16px;background-color: #fff;border: 1px solid var(--a-color)}
.checkmark.round {-webkit-border-radius: 12.5px;-moz-border-radius: 12.5px;border-radius: 12.5px;}
.check-container:hover input ~ .checkmark {background-color: #fff;}
.check-container input:disabled ~ .checkmark {background-color: #ececec;border-color:#ececec}
.check-container input:checked ~ .checkmark {background-color: var(--g-color);border:none;}
.check-container input:checked:disabled ~ .checkmark {background-color: #ececec;}
.check-container.disabled {color:#ececec}
.check-container.replacement input:checked ~ .checkmark {background-color: #ccc;top: var(--p-e);height: 15px;}
.check-container.replacement .checkmark:after {content: "";position: absolute;display: none;}
.check-container input:checked ~ .checkmark:after {display: block;}
.check-container .checkmark:after {left: 9px;top: 5px;width: 5px;height: 10px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.check-container.replacement .checkmark:after {left:5px;top:1px;width:4px;height:8px;border-color: var(--btn--a);border-width:0 2px 2px 0;}
.check-container .checkmark.solid:after {border:none;}
.box label.check-container.collapse {padding-left: 0;}
.check-container.popup .checkmark {left: auto;right: 0;top:0;height: 20px;width: 20px;}
.check-container.popup {height: 20px;padding: 0;margin: 17px 0 0 0;font-size: 17px;line-height: 1.3em;}
.check-container.popup.first {margin-top:50px;  }
.check-container.popup.replacement input:checked ~ .checkmark {background-color: var(--g-color);top: 0;height: 20px;}
.check-container.popup.replacement input:checked:disabled ~ .checkmark {background-color: #ececec;}
.check-container.popup.replacement .checkmark:after {content: "";position: absolute;display: none;}
.check-container.popup.replacement .checkmark:after {left: 6px;top: 2px;width: 5px;height: 10px;border-color: #fff;border-width: 0 2px 2px 0;}
.check-container.popup.replacement input:checked ~ .checkmark:after {display: block;}
.formUnit.picker {position:relative; display:block;}
.formUnit.picker input[type=text] {width:100%;float:left;padding-right:47px;}
.formUnit.picker .picker-button {position:absolute;right:0;bottom:0;width:40px;background-color:var(--s-color);height:var(--btn-h);margin:0;-webkit-border-top-right-radius: 3px;-webkit-border-bottom-right-radius: 3px;-moz-border-radius-topright: 3px;-moz-border-radius-bottomright: 3px;border-top-right-radius: 3px;border-bottom-right-radius: 3px;}
.formUnit.picker .picker-button img {padding:12px;}

/*.box--row span.checkmark {padding-left: 0;margin-top: 0;position: absolute;}*/
.basic-arrow {position:relative;}
select::-ms-expand {display: none;}
.basic-arrow:after {content: '>';font: 13px "Consolas", monospace;font-weight:500;color: var(--txt-color-s);-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);right: 11px;top: 12px;padding: 0 0 2px 0;position: absolute;pointer-events: none;}
.basic-arrow select {-webkit-appearance: none;-moz-appearance: none;appearance: none;display: block;}

/*FILE INPUT*/
.inputfile {width: 0.1px;height: 0.1px;opacity: 0;overflow: hidden;position: absolute;z-index: -1;}
.inputfile + label {width: 100%;height:50px;font-size:var(--f-5);text-overflow: ellipsis;white-space: nowrap;cursor: pointer;display: inline-block;overflow: hidden;padding: 17px;background-color: var(--p-color);color:#fff;text-align:center;-webkit-border-radius: var(--r-s);-moz-border-radius: var(--r-s);border-radius: var(--r-s);margin-bottom:3px;}
.inputfile:disabled + label {background-color:rgba(255,143,28, .3)}
.inputfile.padded-t + label {margin-top:35px;}
.inputfile:focus + label,
.inputfile.has-focus + label {outline: none;}
.inputfile + label svg {width: 1em;height: 1em;vertical-align: middle;fill: currentColor;margin-top: -0.25em;margin-right: 0.25em;}
.inputfile-1 + label {color: #f1e5e6;background-color: #d3394c;}
.inputfile-1:focus + label, .inputfile-1.has-focus + label, .inputfile-1 + label:hover {background-color: #722040;}


/*DRAG AND DROP*/
header, footer{display:block;}
header{background:#999999;padding:33px;position: relative;}
header:before,#dropbox:before{display: block;content:'';height:4px;width:100%;/*background:url('../graphics/icons/blue_line.jpg');*/position: absolute;top:0;left:0;box-shadow:0 2px 2px rgba(0,0,0,0.4);}
header h1 {display:block;text-align:center}
#dropbox{background:#eee;border-radius:3px;position: relative;margin:10px 90px 90px 90px;min-height: 200px;overflow-x: hidden;overflow-y: auto;padding-bottom: 40px;width: 100%;box-shadow:0 0 4px rgba(0,0,0,0.3) inset,0 -3px 2px rgba(0,0,0,0.1);}
#dropbox .message{color:#444;font:14px/1.3 'Segoe UI',Arial, sans-serif;font-size: 11px;text-align: center;padding-top:160px;display: block;}
#dropbox .message i{color:#555;font-size:10px;}
#dropbox:before{border-radius:3px 3px 0 0;}
#dropbox .preview{width:20%;height: 215px;float:left;margin: 55px 2.5% 0 2.5%;position: relative;text-align: center;}
#dropbox .preview img{max-width: 240px;max-height:180px;width:100%;height:100%;border:3px solid #fff;display: block;box-shadow:0 0 2px #000;}
#dropbox .imageHolder{display: inline-block;position:relative;}
#dropbox .uploaded{position: absolute;top:0;left:0;height:100%;width:100%;background: url('../graphics/icons/done.png') no-repeat center center rgba(255,255,255,0.5);display: none;}
#dropbox .preview.done .uploaded{display: block;}
#dropbox .progressHolder{position: absolute;background-color:#252f38;height:12px;width:100%;left:0;bottom: 0;box-shadow:0 0 2px #000;}
#dropbox .progress{background-color:#2586d0;position: absolute;height:100%;left:0;width:0;box-shadow: 0 0 1px rgba(255, 255, 255, 0.4) inset;-moz-transition:0.25s;-webkit-transition:0.25s;-o-transition:0.25s;transition:0.25s;}
#dropbox .preview.done .progress{width:100% !important;}
footer{display:block;background-color: #151517;position:fixed;width:100%;height:70px;bottom:0;left:0;z-index: 100000;box-shadow: 0 -1px 2px #171717;-webkit-box-shadow: 0 -1px 2px #171717;-moz-box-shadow: 0 -1px 2px #171717;}
footer h2{font-size:20px;font-weight:normal;left:50%;margin-left:-400px;padding:22px 0;position:absolute;width: 540px;color:#eee;}
footer a.tzine,a.tzine:visited{background:url("../graphics/icons/tzine.png") no-repeat right top;border:none;text-decoration:none;color:#FCFCFC;font-size:12px;height:70px;left:50%;line-height:31px;margin:23px 0 0 110px;position:absolute;top:0;width:290px;}
/*PHOTO VIEWER*/
.photo_thumb {/*padding:3px;*/display:inline-block;width:20%;border:2px solid #fff;position:relative;cursor:pointer;}
.photo_thumb[manager="1"] {/*border-color:#16e816;*/}
.photo_thumb[manager="1"] div.manage {position:absolute;width:100%;height:100%;top:0;left:0;background-image:url('../graphics/icons/public-border.png');background-position: center;background-repeat: no-repeat;background-size: cover;z-index:95;opacity:.8;}
.photo_thumb img {width:100%;height:auto;display:block;margin-left:auto;margin-right:auto;cursor:pointer;}
.photo_full img {width:100%;height:auto;display:block;margin-left:auto;margin-right:auto;cursor:pointer;}
.photo_full img.port {width:auto;height:100%;}

/* Wider than Tall */
@media (min-aspect-ratio: 1/1) {
    #photo {padding-right:0;padding-bottom:50px;}
    #fileName {padding-right: 20px;}
    #manageBar {width:100%;height:50px;background-color:#fff;bottom:0;right:0;top:auto;}
    #downloadPhoto{right:57px;bottom:0;}
    #toggleAdmin {right:7px;}
    #manager #rightArrow {right:1%;}
    /*home-page animation*/
    #picture-box {display:inline-block;width:40%;height:100vh;height:calc((var(--vh, 1vh) * 97));}
    .home-animation-text {display:inline-block;width:60%;height:100vh;height:calc((var(--vh, 1vh) * 97));padding:0 40px 0 60px;}
    .ha-text-inner {text-align:left;}
    #info-two {padding: 0 60px 0 40px;}
    #animation-window h1 {font-size:42px;text-align:left;white-space:nowrap;margin-bottom:17px;}
    .animation-picture {width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;}
    #animation-window ul {display:block; margin:0;}
    .card-image {height:250px;height:calc((100vw * 3) / 9);}
    .card-text {margin-top:250px;margin-top:calc((100vw * 3) / 9);}
}

/* Taller than Wide */
@media (max-aspect-ratio: 1/1) {
    #photo {padding-right:50px;padding-bottom:0;}
    #fileName {padding-right: 70px;}
    #manageBar {width:50px;height:100%;background-color:#fff;top:0;right:0;}
    #downloadPhoto{right:0;bottom:50px;}
    #manager #rightArrow {right:60px;}
}
@media only screen and (min-width: 570px) {
    .photo_thumb {width:33%;}
    /* For tablets: */
    .col-m-1 {width: 8.33%;}
    .col-m-2 {width: 16.66%;}
    .col-m-3 {width: 25%;}
    .col-m-4 {width: 33.33%;}
    .col-m-5 {width: 41.66%;}
    .col-m-6 {width: 50%;}
    .col-m-7 {width: 58.33%;}
    .col-m-8 {width: 66.66%;}
    .col-m-9 {width: 75%;}
    .col-m-10 {width: 83.33%;}
    .col-m-11 {width: 91.66%;}
    .col-m-12 {width: 100%;}
    td.desktop {display: table-cell;}
    th.desktop {display: table-cell;}
    .box--columns span.small.desktop {display:inline-block;}
    .box--rows span.small.desktop {display:inline-block;}
    .box.stand-alone {width:var(--obj-w);max-width:500px;margin-left:auto;margin-right:auto;}
    .box.stand-alone.narrow {width:var(--obj-wn);}
    .box.maxed {margin-left:32px;margin-right:32px;}
    .box.sub-maxed {max-width:var(--inner-sub-max);margin-left:auto;margin-right:auto;width:100%;}
    .box.shadow {-webkit-box-shadow: var(--shadow--db-s) var(--shadow--db-c);-moz-box-shadow: var(--shadow--db-s) var(--shadow--db-c);box-shadow: var(--shadow--db-s) var(--shadow--db-c);}
    .box.round {-webkit-border-radius: var(--r-s);-moz-border-radius: var(--r-s);border-radius: var(--r-s);}
    .box.rounded {-webkit-border-radius: var(--r-p);-moz-border-radius: var(--r-p);border-radius: var(--r-p);}
    .box.round .box--footer {-webkit-border-radius: var(--rb-p);-moz-border-radius: var(--rb-p);border-radius: var(--rb-p);}
    .box.rounded .box--footer {-webkit-border-radius: var(--rb-p);-moz-border-radius: var(--rb-p);border-radius: var(--rb-p);}
    .txt-obj.doubled {height:154px;}
    .txt-obj label {float:left;}
    .txt-obj h6 {text-align:right;float:right; max-width:50%;}
    .padded-r .txt-obj.border-t:first-child {border-top:none;}
    /*#navbar {height:var(--head-size);}*/
    #page-body.dashboard {padding-bottom:65px}
    #footer {padding:0 32px;}
    .landing-image .landing-info {left:32px;right:32px;top:60px;}
    .landing-image .landing-intro {font-size:18px;}
    .landing-image .landing-text {font-size:45px;margin-top:30px;}
    .landing-image .landing-body {font-size:18px;margin-top:30px;max-width:340px;}
    .footer-cell {margin-left:0;}
    #footer .footer-social {float: none;width: 200px;position: absolute;text-align: center;left: 50%;margin-left: -109;}
    #nav-primary.dashboard {height:var(--head--db-ph);}
    #nav-secondary.dashboard {height:var(--head--db-sh);}
    #nav-location.dashboard {padding-top: 17px;}
    #nav-buttons div {padding:var(--p-s);}
    #nav-buttons {padding:var(--p-p)}
    #nav-image {left:32px;}
    #nav-nav .icon img {right:32px;}
    #side-menu {height:203px}
    #side-menu.dashboard {height:100%;}
    #side-menu .menu-header {height:var(--head--db-ph);}
    #side-menu .mobile-menu {margin:0 32px;}
    .side-menu-inner {top:var(--head--db-ph);}
    #side-menu .mobile-signin {width:343px;display: block;margin: 20px auto;}
    input[type=text].small, input[type=password].small, select.small {width: 170px;}
    input[type=text].xsmall, input[type=password].xsmall, select.xsmall {width: 125px;}
    button.small {width:170px;}
    button.xsmall {width:125px;}
    button.vsmall {width:125px;}
    button.margin-r {margin-right:var(--p-p);}
    .pinned-t {position: absolute;top: 15px;right: 25px;padding:0;margin:0;}
    .pinned-t textarea, .pinned-t input[type=text], .pinned-t input[type=password], .pinned-t input[type=date], .pinned-t input[type=number], .pinned-t select {margin:var(--p-p) 0}
    .box--btn.small {width:170px;}
    .fixed-save {position: fixed;height:var(--foot--db-h);width: 100%;bottom: 0;background-color: transparent;border-top: none;left: 0;padding: 0 0 0 25px;margin-bottom:-2px;}
    .fixed-save button.small {margin: 2.5px 1%}
    [class*="col-"].padded-p {padding:0 var(--p-mp)}
    [class*="col-"].padded-e {padding:0 var(--p-e)}
    .box .padded-l, .card .padded-l {padding:0 7px 0 var(--p-mp);}
    .box .padded-r, .card .padded-r {padding:0 var(--p-mp) 0 7px;}
    .box .padded-c, .card .padded-c {padding:0 7px;}
    .box .padded-t, .card .padded-t {padding-top:35px;}
    #account-menu {max-width:300px;}
    .ha-text-inner {margin-top:-40px;}
    .float-text {padding: 0 35px 80px 35px;}
    .float-image.history {margin: 80px 35px 0 35px;}
    .employees .float-text {padding:0 35px 35px 35px;}
    .employee-card .float {margin:0 35px;}
    .float.final {margin-bottom: 80px;}
    .float-text h3, .float-body h3, .float-text h2 {font-size:38px;margin:80px 0 0 0;}
    .float-text h2.standard {font-size:32px;}
    .float-text p {margin: 22px 0 0 0;font-size:19px;line-height:1.3em;}
    .float-text p.sub-maxed {max-width:600px;margin-left:auto;margin-right:auto;}
    .float-image {height:320px;height:calc((100vw * 9) / 16);margin:0 35px 80px 35px;}
    /*.float-image img {margin: 80px 0;}*/
    .float .body img.graphs {margin-top: 15px;}
    .float .body {margin:22px 35px 0 35px;}
    .float .body .padded-l img.graphs {margin-top:22px;}
    .landing-image img.background-image {max-width: 100%;}
    .landing-image {/*height:332px;height:calc((100vw * 9) / 16);*/}
    .landing-image .landing-text {font-size:46px;margin-top:-23px}
    .icons {margin: 58px 0 80px 0; padding:0 35px;}
    .icons .icon-box {margin-top:22px;}
    .icons .icon-icon img {height:50px;margin: 0 auto 22px auto}
    .icons .icon-text {font-size:19px;}
    .float-text p.no-title {margin-top:80px}
    .history .float-image {margin:80px 35px 0 35px;}
    #location {margin:80px 35px 80px 35px;}
    .box--title.contact-form {padding-top: 80px;}
    .reservation .res-title {font-size:20px;}
    .reservation .res-button {width: 343px;display: block;margin: 30px auto;}
    .vehicle-slider {padding:30px 32px;}
    /*.vehicle-slider .veh-slider-title {font-size:45px;max-width:375px}*/
    .vehicle-slider .veh-slider-label {font-size:18px;width:100%;/*text-align:right;*/margin-top:-50px;}
    .veh-slider-label .bold {font-size:18px;}
    .sub-image {height:275px;}
    .sub-image .landing-info {left:32px;top:36px;}
    .sub-image.right .landing-info {left:auto;right:32px;}
    .sub-image .landing-info .landing-text {font-size:40px;}
    .sub-image .landing-info .landing-body {margin-top:15px;font-size:16px;max-width:300px;}
    .home-review {padding:30px 32px 60px 32px;}
    .home-review .home-review-body {width: 100%;text-align: center;margin-top: 20px;}
    .home-review .home-review-body.second, .home-review .home-review-body.third {display:none;}
    .home-review .home-review-body .review-headline {font-size:28px;width:100%;margin:15px 0;}
    .home-review .home-review-body .review-content {font-size:16px;max-width:255px;text-align:center;display:block;margin:0 auto;}
    .landing-image .landing-footer {bottom:20px;right:32px;}
    .rent-cta {/*margin:0 32px 50px 32px;*/}
    .rent-cta .rent-cta-title {max-width:510px;}
    .rent-cta .rent-cta-br {display:inline;}
    .rent-cta .rent-cta-second-br {display:block;}
    #side-login {max-width:345px;margin:0 auto;height:200px;}
    #side-login #side-menu-login {margin:0;}
    .standard-hero-wrapper h1 {font-size: 60px;}
    #our-vehicles {padding: 0 56px}
    .vehicle-right .cta-button {margin-top: 60px;}
    .rent-cta-wrapper {padding: 0 32px;}
    #nav-nav .icon img {margin-right: 32px;}
}
@media only screen and (min-width: 700px) {
    /* For tablets: */
    .col-t-1 {width: 8.33%;}
    .col-t-2 {width: 16.66%;}
    .col-t-3 {width: 25%;}
    .col-t-4 {width: 33.33%;}
    .col-t-5 {width: 41.66%;}
    .col-t-6 {width: 50%;}
    .col-t-7 {width: 58.33%;}
    .col-t-8 {width: 66.66%;}
    .col-t-9 {width: 75%;}
    .col-t-10 {width: 83.33%;}
    .col-t-11 {width: 91.66%;}
    .col-t-12 {width: 100%;}
    .mobile {display:none;}
    .tablet {display:block;}
    .tablet-only {display:block;}
    .photo_thumb {width:50%;}
    #nav-image img.mobile {display:none;}
    #nav-image img.desktop {display:block;}
    #footer {height:var(--footer-size); padding: 0 64px;}
    #footer .maxed.footer, #footer .footer {/*margin-top:20px;*/}
    #page-body {padding-bottom:var(--footer-size)}
    .box {margin: 0 0 15px 0;}
    .box.maxed {margin-left:64px;margin-right:64px;}
    .box.last {margin-bottom:60px;}
    .box--column span.italic.desktop {display:inline-block;}
    .box--row span.italic.desktop {display:inline-block;}
    .box .padded-m-t, .card .padded-m-t {padding-top:0;}
    button.vsmall {width:170px;}
    #home-background {background-image: url('/petey/graphics/graphics/home-background.jpg');}
    #nav-nav.dashboard {height:var(--head--db-ph);}
    #navbar.dashboard {height:var(--head--db-h);}
    #nav-wrapper.nav-primary.dashboard {height:var(--head--db-ph);}
    #nav-wrapper.nav-primary.dashboard {height:var(--head--db-ph);}
    #nav-nav.dashboard .icon img {height:var(--head--db-ph);padding:29px var(--p-mp) 29px 0px;}
    #nav-nav.dashboard .icon.menu img {height:var(--head--db-ph);padding:27px 0 27px var(--p-mp);}#nav-image {left:64px;}
    #nav-nav .icon img {right:64px;}
    #nav-image-mobile {top:20px;}
    #side-menu .mobile-menu {margin:0 64px;}
    .landing-image .landing-info {left:64px;right:64px;top:80px;}
    .landing-image .landing-intro {font-size:18px;}
    .landing-image .landing-text {font-size:55px;margin-top:35px;}
    .landing-image .landing-body {display:block;font-size:18px;margin-top:35px;max-width:340px;}
    /*home page elements*/
    #picture-box {display:inline-block;width:40%;height:100vh;height:calc((var(--vh, 1vh) * 100));}
    .home-animation-text {display:inline-block;width:60%;height:100vh;height:calc((var(--vh, 1vh) * 100));padding:0 40px 0 60px;}
    .ha-text-inner {text-align:left;}
    #info-two {padding: 0 60px 0 40px;}
    #animation-window h1 {font-size:42px;text-align:left;white-space:nowrap;margin-bottom:17px;}
    .animation-picture {width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;}
    #animation-window ul {display:block; margin:0;}
    /*home page elements*/
    .card.final {margin-bottom: 80px;}
    .card-image {height:100%;width:40%;top:0;bottom:0;}
    .card-text {width:60%;padding:75px 50px;margin-top:0;}
    .card-flex.left .card-text {margin-left:40%;}
    .card-flex.right .card-image {left:auto;}
    .card h3 {text-align:left; margin: 0 0 20px 0;}
    .card h3.center {text-align:center;}
    .card p {text-align:left;}
    .card p.center {text-align:center;}
    #account-menu.dashboard.hide{top:var(--head--db-ph);right:-570px;}
    #account-menu.dashboard {top:var(--head--db-ph);right:0;}
    .ha-text-inner {margin-top:-40px;}
    .float-text {padding: 0 45px 80px 45px;}
    .employees .float-text {padding:0 35px 35px 35px;}
    .employee-card .float {margin:0 45px;}
    .float-text h3, .float-body h3, .float-text h2 {font-size:40px;}
    .float-text h2.standard {font-size:32px;}
    .float-text p {line-height:1.42em;}
    .float-image {height:394px;height:calc((100vw * 9) / 16);margin:0 45px 80px 45px;}
    .float-image.history {margin: 80px 45px 0 45px;}
    .float .body {margin:22px 45px 0 45px;}
    .float .body img.graphs {margin-top: 15px;}
    .float .body .padded-l img.graphs {margin-top:22px;}
    .landing-image {/*height:408px;height:calc((100vw * 9) / 16);*/}
    .landing-image .landing-text {font-size:54px;margin-top:-27px}
    .icons {margin: 58px 0 80px 0; padding:0 35px;}
    .icons .icon-box {margin-top:22px;width:33.3%}
    .icons .icon-icon img {height:60px;margin: 0 auto 22px auto}
    .history .float-image {margin:80px 45px 0 45px;}
    #location {margin:80px auto 80px auto;}
    .footer-info-column {display: inline-block;margin: 0 35px 0 0;float:right;}
    .reservation {margin-top:35px;}
    .reservation .res-title {font-size:22px;}
    .reservation .res-button {margin: 35px auto;}
    .vehicle-slider {padding:35px 64px;}
    /*.vehicle-slider .veh-slider-title {font-size:55px;max-width:525px}*/
    .vehicle-slider .veh-slider-image {width: 50%;margin-top: 20px;float:left;}
    .vehicle-slider .veh-slider-label {font-size:18px;text-align:center;margin-top:-40px;}
    .veh-slider-label .bold {font-size:18px;}
    .vehicle-slider .veh-slidepost {list-style-type: none;margin: 0;padding: 0;text-align: center;}
    .vehicle-slider .veh-slidepost li.last {display:none;}
    .sub-image {height:275px;}
    .sub-image .landing-info {left:64px;top:36px;}
    .sub-image.right .landing-info {left:auto;right:64px;}
    .sub-image .landing-info .landing-text {font-size:40px;}
    .sub-image .landing-info .landing-body {margin-top:30px;font-size:16px;max-width:465px;}
    .home-review {padding:30px 64px 60px 64px;}
    .home-review .home-review-body {width: 50%;text-align: center;margin-top: 20px;}
    .home-review .home-review-body.second {display:block;}
    .home-review .home-review-body .review-headline {font-size:28px;width:100%;margin:15px 0;}
    .home-review .home-review-body .review-content {font-size:16px;}
    .landing-image .landing-footer {bottom:20px;right:64px;}
    .rent-cta .rent-cta-title {max-width:572px;}
    .rent-cta {/*margin:0 64px 50px 64px;*/}
    .rent-cta .rent-cta-title {max-width:400px;}
    .padded-l {padding-right:15px;}
    .padded-r {padding-left:15px;}
    #fleet-slider .veh-slider-image {width:50%;}
    #fleet-slider .veh-slider-image.offscreen {left:-75%;}
    #fleet-slider .veh-slider-image.first {left:0;}
    #fleet-slider .veh-slider-image.second {left:50%;}
    #fleet-slider .veh-slider-image.third {left:125%;}
    #fleet-slider .veh-slider-image.other {left:125%;}
    .contact-info .contact-row {margin-bottom:35px;}
    .vehicle-info {padding: 0 32px;}
    .landing-bookings {padding: 0 32px;}
    .standard-hero-wrapper h1 {font-size: 72px;}
    #our-vehicles {padding: 0 18vw;}
    .rent-cta-wrapper {padding: 0 48px;}
    .rent-cta.column .rent-cta-title { text-align: left;}
}
@media only screen and (min-width: 800px) {
    .rent-cta {flex-direction: row;}
    .rent-cta.column {flex-direction: column}
    .rent-cta .cta-button {margin-top: 0;}
    .rent-cta.column .cta-button {margin-top: 40px;}
    .rent-cta .rent-cta-title { text-align: left;}
}
@media only screen and (min-width: 930px) {
    /* For desktop: */
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
    .tablet {display:none;}
    .desktop {display:block;}
    .box.maxed {margin-left:90px;margin-right:90px;}
    #nav-image {left:90px;}
    #nav-menu-items {margin-right: 74px;}
    #nav-nav .icon img {margin:31px 20px 31px 0;}
    #nav-tertiary {margin-bottom:50px;}
    .landing-image .landing-info {left:90px;right:90px;top:130px;}
    .landing-image .landing-intro {font-size:20px;}
    .landing-image .landing-text {font-size:70px;margin-top:45px;}
    .landing-image .landing-body {font-size:20px;margin-top:45px;max-width:430px;}
    .box.d-round {-webkit-border-radius: var(--r-s);-moz-border-radius: var(--r-s);border-radius: var(--r-s);}
    #animation-window h1 {font-size:50px;}
    .card {margin: 40px 0;}
    .card.maxed {margin:40px auto;}
    .message.maxed {display:block;max-width:900px;margin:var(--p-e) auto;}
    .ha-text-inner {margin-top:-40px;}
    .float-text {padding: 0 100px 100px 100px;}
    .employees .float-text {padding:0 35px 35px 35px;}
    .employee-card {width:50%}
    .float.final {margin-bottom: 100px;}
    .float-text h3, .float-body h3, .float-text h2 {font-size:48px;margin:100px 0 0 0;}
    .float-text h2.standard {font-size:32px;}
    .float-text p {margin: 25px 0 0 0;line-height:1.42em;}
    .float-image {height:523px;height:calc((100vw * 9) / 16);margin:0 100px 100px 100px;}
    #footer {padding: 0 90px;}
    /*.float-image img {margin: 100px 0;}*/
    .float .body img.graphs {margin-top: 0;padding:0 12px;}
    .float .body {margin:22px auto 0 auto;}
    .float .body .padded-l img.graphs {margin:0;}
    .float .body {margin-top:25px;}
    .landing-image {/*height:542px;height:calc((100vw * 9) / 16);*/}
    .landing-image .landing-text {font-size:62px;margin-top:-32px}
    .icons {margin: 75px auto 100px auto; padding:0 115px;}
    .icons .icon-box {margin-top:25px;}
    .icons .icon-icon img {height:60px;margin: 0 auto 25px auto}
    .float-text p.no-title {margin-top:100px}
    .float-image.history {margin: 80px 35px 0 35px;}
    .history .float-image {margin:80px 45px 0 45px;width:80%;height:200px;height:calc((40vw * 9) / 16);margin-right:auto;margin-left:auto;}
    .history .float-text {padding-left:0;}
    .employee-card {margin-bottom:0;}
    .employee-card.first .float {margin:12px 12px 12px 0;}
    .employee-card.second .float {margin:12px 0 12px 12px;}
    .reservation {margin-top:40px;}
    .reservation .res-title {font-size:25px;}
    .reservation .res-button {margin: 40px auto;}
    .vehicle-slider {padding:40px 90px;}
    /*.vehicle-slider .veh-slider-title {font-size:70px;max-width:600px}*/
    .vehicle-slider .veh-slider-label {margin-top:-25px;}
    .sub-image {height:305px;}
    .sub-image .landing-info {left:90px;top:50px;}
    .sub-image.right .landing-info {left:auto;right:90px;}
    .sub-image .landing-info .landing-text {font-size:50px;}
    .sub-image .landing-info .landing-body {margin-top:20px;font-size:18px;max-width:540px;}
    .home-review {padding:30px 90px 60px 90px;}
    .home-review .home-review-body {width: 50%;text-align: center;margin-top: 20px;}
    .home-review .home-review-body .review-headline {font-size:28px;width:100%;margin:15px 0;}
    .home-review .home-review-body .review-content {font-size:16px;}
    .landing-image .landing-footer {bottom:20px;right:90px;font-size:16px;}
    .rent-cta {/*margin:0 auto 50px auto;max-width:750px;*/}
    .rent-cta .rent-cta-title {max-width:400px;}
    .rent-cta .rent-cta-button {bottom:34px;}
    #fleet-slider .veh-slider-image {width:33.33%;}
    #fleet-slider .veh-slider-image.offscreen {left:-58%;}
    #fleet-slider .veh-slider-image.first {left:0;}
    #fleet-slider .veh-slider-image.second {left:33%;}
    #fleet-slider .veh-slider-image.third {left:66%;}
    #fleet-slider .veh-slider-image.other {left:125%;}
    .contact-us-wrapper {display:block;margin:0 auto;max-width:750px;}
    .contact-info .contact-row {margin-bottom:40px;}
    .vehicle-info {flex-direction: row;padding: 0 32px;}
    .vehicle-info-header {width: 50%;}
    .vehicle-info-text {width: 50%;}
    .standard-hero-wrapper h1 {font-size: 80px;}
    #our-vehicles {padding: 0 16px;}
    .our-vehicle {width: 50%;}
    #our-vehicles .our-vehicle:nth-child(odd) {padding-right: 12px;}
    #our-vehicles .our-vehicle:nth-child(even) {padding-left: 12px;}
}
@media only screen and (min-width: 1200px) {
    .box.maxed {max-width:var(--inner-max); margin-left: auto;margin-right: auto;width: 100%;}
    #nav-menu-items {margin-right: 116px;}
    #animation-window h1 {font-size:68px;}
    .ha-text-inner {max-width:700px;}
    .ha-text-wrapper {justify-content:center;}
    .float-image {height:570px;height:calc((100vw * 9) / 16);max-height: 675px;margin:0 50px 100px 50px;}
    .landing-image {/*height:699px;height:calc((100vw * 9) / 16);max-width: 1200px;max-height:675px;margin:40px auto 0 auto*/}
    .landing-image .landing-cars {height: 320px;margin: -160px auto 0 auto;}
    .landing-bookings-card {margin-bottom: 180px;}
    .float-image.history {margin: 80px auto 0 auto;}
    .landing-image .landing-info {left:90px;right:90px;top:130px;}
    .landing-image .landing-intro {font-size:25px;}
    .landing-image .landing-text {font-size:110px;/*margin-top:70px;*/}
    .landing-image .landing-body {font-size:25px;margin-top:70px;max-width:550px;}
    .float-text {padding: 0 50px 100px 50px;}
    .employees .float-text {padding:0 35px 35px 35px;}
    #location-map {max-height: 250px;}
    #footer {padding: 0 132px;}
    .reservation {margin-top:35px;}
    .reservation .res-title {font-size:22px;}
    .reservation .res-button {margin: 35px auto;}
    .vehicle-slider {padding:85px 132px 40px 132px;}
    /*.vehicle-slider .veh-slider-title {font-size:90px;width:100%;text-align:center;max-width:100%;}*/
    .vehicle-slider .veh-slider-image {width: 33%;/*margin-top: 60px;*/float:left;}
    .vehicle-slider .veh-slider-label {font-size:18px;text-align:center;margin-top:-9px;}
    .veh-slider-label .bold {font-size:18px;}
    .vehicle-slider .veh-slidepost {margin-top:40px;}
    .sub-image {height:395px;}
    .sub-image .landing-info {left:132px;top:80px;}
    .sub-image.right .landing-info {left:auto;right:132px;}
    .sub-image .landing-info .landing-text {font-size:60px;}
    .sub-image .landing-info .landing-body {margin-top:40px;font-size:20px;max-width:670px;}
    .home-review {padding:30px 132px 60px 132px;}
    .home-review .home-review-body {width: 33%;text-align: center;margin-top: 20px;}
    .home-review .home-review-body.third {display:block;}
    .home-review .home-review-body .review-headline {font-size:28px;width:100%;margin:15px 0;}
    .home-review .home-review-body .review-content {font-size:16px;}
    .landing-image .landing-footer {bottom:20px;right:132px;}
    #fleet-slider {height:350px;}
}
@media only screen and (min-width: 1600px) {
    /*#inner-page-content {padding:40px 232px 0 232px;}*/
    .landing-image {/*height:699px;height:calc((100vw * 9) / 16);max-width: 1200px;max-height:675px;margin:40px auto 0 auto*/}
    #nav-menu-items {margin-right: 216px;}
    #footer {padding: 0 232px;}
    .ha-text-inner p, .ha-text-inner li {font-size:18px;}
    .landing-image .landing-info {left:90px;right:90px;top:130px;}
    .landing-image .landing-intro {font-size:22px;}
    .landing-image .landing-text {font-size:90px;margin-top:45px;}
    .landing-image .landing-body {font-size:22px;margin-top:45px;max-width:660px;}
    .reservation {margin-top:40px;}
    .reservation .res-title {font-size:25px;}
    .reservation .res-button {margin: 40px auto;}
    .vehicle-slider {padding:85px 232px 40px 132px;}
    .sub-image {height:525px;}
    .sub-image .landing-info {left:232px;top:160px;}
    .sub-image.right .landing-info {left:auto;right:232px;}
    .sub-image .landing-info .landing-text {font-size:70px;}
    .sub-image .landing-info .landing-body {margin-top:55px;font-size:25px;max-width:900px;}
    .home-review {padding:30px 232px 60px 232px;}
    .home-review .home-review-body {width: 33%;text-align: center;margin-top: 20px;}
    .home-review .home-review-body.third {display:block;}
    .home-review .home-review-body .review-headline {font-size:28px;width:100%;margin:15px 0;}
    .home-review .home-review-body .review-content {font-size:16px;}
    .landing-image .landing-footer {bottom:20px;right:232px;}
}