@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 Light Oblique";
    src:url("../fonts/a59168c1-917d-4de9-a244-0316c057c357.woff2") format("woff2"),url("../fonts/6dc0e7d8-9284-44e1-8f05-984a41daa3a4.woff") format("woff");
}
@font-face{
    font-family:"Avenir Book";
    src:url("../fonts/065a6b14-b2cc-446e-9428-271c570df0d9.woff2") format("woff2"),url("../fonts/65d75eb0-2601-4da5-a9a4-9ee67a470a59.woff") format("woff");
}
@font-face{
    font-family:"Avenir Book Oblique";
    src:url("../fonts/476612d9-282d-4f76-95cd-b4dd31e7ed21.woff2") format("woff2"),url("../fonts/f1ebae2b-5296-4244-8771-5f40e60a564a.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");
}
@font-face{
    font-family:"Bebas Neue";
    src:url("../fonts/BebasNeue-Regular.woff2") format("woff2"),url("../fonts/BebasNeue-Regular.woff") format("woff"),url("../fonts/BebasNeue-Regular.ttf") format("truetype");
}
:root {
    /*colors -> primary, secondary and accent*/
    --p-color: #bf1e2e; /*primary*/
    --s-color: #393939; /*secondary*/
    --t-color: #969696; /*tertiary*/
    --a-color: #393939; /*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: #000000; /*background-color*/
    --head-color: #000000; /*header color*/
    --footer-color: #000000; /*footer color*/
    --head-line: #d8d8d8; /*header line*/
    /*website header heights*/
    --head-size: 103px; /*header size*/
    --head-m-size: 103px; /*header size mobile*/
    --footer-size: 120px; /*footer size*/
    --footer-m-size: 210px; /*footer size mobile*/
    /*text colors*/
    --head-txt-color: #f2f2f2; /*header text color*/
    --footer-txt-color: #ffffff; /*footer text color*/
    /*objects -> with width and width/narrow*/
    --obj-color: #969696; /*in body object color*/
    --obj-line: #000000; /*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: 930px; /*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(--t-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: #f2f2f2; /*text color*/
    --txt-color-s: var(--t-color); /*text color secondary*/
    --txt-head-color: #f2f2f2; /*sub text color*/
    --txt-sub-color: #f2f2f2; /*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: var(--p-color); /*input text border color*/
    --input-pad: 0 9px; /*input padding*/
    --input-c: #f2f2f2; /*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(--s--db-color); /*secondary header color*/
    --head--db-tc: var(--t-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(255,255,255,.55); /*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-lo: Avenir Light Oblique;/*light oblique font*/
    --font-b: Avenir Book;/*book font*/
    --font-b: Avenir Book Oblique;/*book oblique font*/
    --font-r: Avenir Roman;/*regular font*/
    --font-m: Avenir Medium;/*medium font*/
    --font-h: Avenir Heavy;/*heavy font*/
    --font-blk: Avenir Black;/*black font*/
    --font-t: Bebas Neue;/*title 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-t), Arial, Aira, sans-serif; font-size: var(--f-1); padding: 0px; margin:8px 0 0 0; font-weight: normal; color: var(--txt-head-color); letter-spacing: 2px; line-height: 1.2em;}
h2 { font-family: var(--font-t), Arial, Aira, sans-serif; font-size: var(--f-2); padding: 0px; margin:13px 0 0 0; font-weight: 600; color: var(--txt-head-color); letter-spacing: 2px; line-height: 1.2em;}
h3 { font-family: var(--font-t), Arial, Aira, sans-serif; font-size: 32px; padding: 0px; margin:20px 0 0 0; font-weight: normal; color: var(--txt-head-color); letter-spacing: 2px; line-height: 1.2em;}
h4 { font-family: var(--font-t), Arial, Aira, sans-serif; font-size: 32px; padding: 0px; margin:10px 0 0 0; font-weight: normal; color: var(--txt-head-color); letter-spacing: 2px; line-height: 1.2em;}
h5 { font-family: var(--font-t), Arial, Aira, sans-serif; font-size: var(--f-4); padding: 0px; margin:3px 0 0 0; font-weight: normal; color: var(--txt-sub-color);letter-spacing: 2px; line-height: 1.2em;}
h6 { font-family: var(--font-t), Arial, Aira, sans-serif; font-size: var(--f-4); padding: 0px; margin:3px 0 0 0; font-weight: normal; color: var(--txt-color);letter-spacing: 2px;line-height: 1.2em;}
p {font-size:var(--f-p); padding: 35px 0 0 0; margin:0; line-height: 1.55;text-shadow:none;letter-spacing: 1px;}
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;}
.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)}
ul {margin:0;padding:0 0 0 20px;}
ul li {color:#ffffff;font-size:16px;font-family:var(--font-l);margin-top:12px;line-height:1.5em;}
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;}

/*navbar-basic*/
#navbar {position:relative;z-index:50;display:block;width:100%;/*height:var(--head-size);*/background-color:var(--head-color);/*border-bottom:1px solid #f4f4f4*/}
#navbar.basic {}
#navbar img {height:100%;width:auto;text-align: left;display: block;-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:103px;width:100%;position:relative;max-width:100%;margin:0; padding: 0 16px;}
#nav-wrapper.full {max-width:100%;}
#nav-image {height:41px;width:107px;position:absolute;top:31px;left:0;}
#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:100%;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 {margin:42.5px 0 31px 42.5px;height:20px;width:23px;}
#nav-nav .icon img.square {width:auto;}
#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;position:relative;color:var(--head-txt-color);padding:50px 0 49px 31px;font-size:18px;letter-spacing:2px;font-weight:500;font-family:var(--font-t);margin-top:0;}
#nav-nav ul li:focus, #nav-nav ul li:hover, #nav-nav ul li.current {color:var(--p-color);border: 0px;}
#nav-image-mobile {position: absolute;display: block;width: 40px;height: 40px;top: 20px;left: 50%;margin-left: -20px;}
#nav-image-mobile.dashboard {top: 10px;}

/*Accordion navigation*/
.desktop-parent-nav {position:relative;display:inline-block}
.desktop-children-outer {position: absolute;top: 89px;left: 31px;height: 0;background-color: #000;overflow:hidden;z-index:51;-webkit-transition: all .7s ease;-moz-transition: all .7s ease;-o-transition: all .7s ease;}
ul.desktop-children {display:block;}
#nav-nav ul.desktop-children li {display: block;text-align: left;font-size: 15px;padding: 7px 0;width: 150px;margin: 0 10px;}
#nav-nav ul.desktop-children li.top {border-top:1px solid var(--p-color)}

/*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(--p-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(--p-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:103px;}
#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;}

/*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(/project/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:103px;background-color:var(--footer-color);padding:0 16px;}
#footer.basic {}
#footer.dashboard {height:var(--foot--db-h);background-color:var(--foot--db-c);text-align:right;}
#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;}
#footer .footer-logo {width: 107px;height: 41px;float: left;margin-top: 31px;}
#footer .footer-social {margin-top: 40px;float: left;}
#footer .footer-social img {width: auto;height: 21px;display: inline-block;margin-left: 26px;}
#footer .footer-top {width: 36px;height: 40px;padding: 31px 0;float: right;}
.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;}


/*side menu*/
#side-menu-wrapper {position: relative; width: 100%; height: auto;}
#side-menu {    position: relative;width: 100%;z-index: 501;background-color: #000;-webkit-transition: all .7s ease;-moz-transition: all .7s ease;-o-transition: all .7s ease;overflow: hidden;height: 100px;padding:0 18px;}
#side-menu.hide {height: 0}
#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.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 {}
.mobile-menu {width: 100%;border-bottom:1px solid var(--p-color);}
.mobile-menu.top {border-bottom: 0; border-top:1px solid var(--p-color)}
.mobile-menu.none {border-bottom: 0;}
.side-menu-item {padding: 13.5px 0;font-weight: 500;font-family:var(--font-t);letter-spacing:2px;float:left;font-size: 25px;color: #f2f2f2;}
#side-menu-menu a .side-menu-item,#side-menu-menu a:visited .side-menu-item {color:#f2f2f2;text-decoration: none;}
#side-menu-menu a:hover,#side-menu-menu a:focus {color:var(--p-color);text-decoration: none;}
#side-menu-menu a:hover .side-menu-item,#side-menu-menu a:focus .side-menu-item {color:var(--p-color);text-decoration: none;}
#side-menu-menu a .side-menu-item.current {color:var(--p-color)}
#side-menu .mobile-menu .menu-arrow {margin: 18px 0;float: right;background: url(/project/graphics/icons/ionic-ios-arrow-forward-2x.png);background-repeat: no-repeat;background-size: cover;background-position: center;height: 14px;width: 8px;-webkit-transition: all .7s ease;-moz-transition: all .7s ease;-o-transition: all .7s ease;}
#side-menu .mobile-menu .menu-arrow.rotate {transform: rotate(90deg);margin: 21px 3px 0 0;}
.accordion {height: auto;overflow:hidden;}
.accordion.hide {height: 0;}
.mobile-children {width: 100%; max-width: 100%;overflow: hidden; height: 0px;border-top:1px solid var(--p-color)}
.mobile-children.hide {height: 0px;}
.mobile-children-inner {margin: 0 16px;}

/*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;}


.float {position:relative;display:block; margin:0;}
.background {background-color:#fafafa;width:100%;height:auto;overflow:hidden;}
.landing-float {position:absolute;width:100%;height:100%;top:0;left:0;z-index:2;padding:0 16px;}
.landing-float .float-text {position:relative;font-family:var(--font-t);font-size:38px;color:#fff;text-align:left;}
.landing-image {display:block;position:relative;width:100%;height:211px;height:calc((100vw * 9) / 16);/*max-height:60%;*/background-color:#fff;overflow:hidden;z-index:1;}
.landing-image .landing-text {font-family:var(--font-t);font-size:38px;color:#fff;position:absolute;top:50%;width:100%;text-align:center;margin-top:-19px;text-shadow:0 0 12px rgba(40,40,40,0.2);}
.landing-image img {max-width: 100%;height: auto;border: none;position: absolute;top: -9999px;bottom: -9999px;left: -9999px;right: -9999px;margin: auto;}
/*home page*/
.landing-image.home {height:539px;}
.landing-image.home img {max-width: 300%;height: 100%;padding-left: 200px;}
.landing-float .float-text.welcome {font-size:16px;font-family:var(--font-r);letter-spacing:2px;margin-top:173px;}
.landing-float .float-text.welcome-title {font-size:60px;letter-spacing:2px;margin-top:3px;max-width:500px;}
.landing-float .float-text.welcome-sub {font-size:32px;letter-spacing:2px;margin-top:3px;color: var(--t-color);max-width: 300px;}
.landing-float .float-text.welcome.services {max-width: 200px;margin-top:151px;}
.landing-float .float-text.welcome-title.services {max-width: 300px}
.landing-float .float-text.welcome-sub.services {max-width:200px;}
.action-bar {display:block;width:100%;}
.action-bar.services {margin-top:0;}
.action-btn {display:inline-block;padding:20px 30px;background-color:var(--p-color);color:#000;font-family:var(--font-t);letter-spacing: 2px; font-size:24px;float:right;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;margin-top:13px;}
.action-btn.wire {background-color:transparent;border:1px solid var(--p-color);color:#e4e4e4}
.action-btn.wire.collapsed {padding:6px 15px;}
.musky-school {margin-top: 35px;}
.musky-school .action-btn {margin: 14px 0 0 0; font-size: 16px;}
.musky-school .guide-action-bottom {margin: 0}
.musky-school .object {width:100%;float:none;}


.guide-action {display:block; width: 100%;}
.guide-action .action-btn {display:block;float:left;margin-top:20px}
.resort .action-btn {margin:11px 0 21px 0;float:left;height:27px;padding:6px 19px;font-size:16px;}
.resort .action-btn.wire a, .resort .action-btn.wire a:hover, .resort .action-btn.wire a:focus, .resort .action-btn.wire a:visited {color:#e4e4e4;font-family:var(--font-t);letter-spacing: 2px; font-size:16px;}
.guide-action-bottom {display:block;width:100%;margin:40px 0 80px 0;}
.guide-action-bottom .action-btn {float:left;}
.services-action-bottom {display:block;width:100%;margin:40px 0 80px 0;}
.services-action-bottom .services-action-text {text-align:right;color:#f2f2f2;font-family:var(--font-t);letter-spacing:2px;font-size:32px;float:right;margin-right:15px;margin-top:3px;}
.services-action-bottom .action-btn {float:right;margin-top:0;}
.services-action-bottom .services-action-text span.services-action-highlight {display:block;color:var(--p-color)}
.services-action-bottom .split-mobile {display:block;width: 100%;margin-bottom: 20px;margin-right:0;}
.services-action-bottom .split-desktop {display:none;}

.float-social {margin-top: 53px;float: left;text-align: left;}
.landing-image.home .float-social img {width: auto;height: 21px;display: inline-block;max-width: 100%;padding: 0;position: relative;margin:0 22px 0 0;top: 0;left: 0;}
.basic-header {height:490px}
.header-float {position: absolute;z-index:601;left:0;bottom:0;width:100%;height:171px;background-color:rgba(0,0,0,.40);}
.header-text {font-family:var(--font-t);font-size:72px;font-weight:400;letter-spacing:2px;color:#f2f2f2;padding:14px 16px;max-width:300px}
/*GB MUSKY*/
.landing-image.gbmusky img {max-width: 300%;height: 100%;padding-left: 200px;}
/*GB WALLEY*/
.landing-image.gbwalleye img {max-width: 300%;height: 100%;padding-left: 50px;}
/*GB BASS*/
.landing-image.gbbass img {max-width: 300%;height: 100%;padding-left: 30px;}
/*CN Musky*/
.landing-image.cnmusky img {max-width: 300%;height: 100%;padding-left: 150px;}
/*MUSKY SCHOOL*/
.landing-image.muskyschool img {max-width: 300%;height: 100%;padding-left: 220px;}
/*ABOUT ME*/
.landing-image.aboutme img {max-width: 300%;height: 100%;padding-left: 100px;}
/*PHOTOS*/
.landing-image.photos img {max-width: 300%;height: 100%;padding-right:220px}
/*CONTACT*/
.landing-image.contactme img {max-width: 300%;height: 100%;padding-left: 220px;}




.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;}


/*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;}


/*ABOUT US PAGE*/
.aboutPhotos {display:block;}
.aboutPhotos img {display:block;width:100%;height:auto; margin-top: 40px;}
.aboutPhotos .left {display:block;margin: 0;}
.aboutPhotos .right {display:block;margin: 0;}


/*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(--s-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)*/transparent;padding:0 0 30px 0;margin: 0 15px 15px 15px;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;}
.box.collapsed {margin: 0; padding: 0;}
.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-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: #f2f2f2;font-family:var(--font-t);letter-spacing:2px;margin:0 0 25px 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 {background-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;}


/*CALLOUT BOXES*/
.callout-box {position:relative;height:auto;width:100%;background-color:#1c1c1c;color:var(--t-color);font-family:var(--font-t);letter-spacing: 2px;}
.callout-box-inner {width:100%;padding:50px 16px;}
.callout-box .line {display:inline-block;}
.callout-comment {font-size: 32px; text-align:left;max-width:275px;}
.callout-attr {font-family:var(--font-b);font-size: 15px;margin-top:26px;letter-spacing:1px;}
.callout-box h6 {color:var(--t-color);font-size:32px;font-family:var(--font-t);letter-spacing:2px;}
.callout-box ul {margin:0;padding:0 0 0 20px;}
.callout-box ul li {color:#f2f2f2;font-size:16px;font-family:var(--font-l);margin-top:12px;line-height:1.5em;}
.callout-box .second {margin-top:45px;}
/*CALLOUT SLIDE*/
.callout-slide {position:relative;width:100%;}
.callout-slide .callout-left-arrow {display:block;position:absolute;left:0;top:50%;margin-top:-7px;z-index:10;height:14px;width:auto}
.callout-slide .callout-right-arrow {display:block;position:absolute;right:0;top:50%;margin-top:-7px;height:14px;width:auto;}
.callout-slide .callout-slide-container {display:block;position:relative;width:100%;}
.callout-slide .callout-slide-pane {width:100%;overflow:hidden;}
.callout-slide .callout-slide-inner {width:300%;-webkit-transition: margin .7s ease;-moz-transition: margin .7s ease;-o-transition: margin .7s ease;}
.callout-slide table {width:100%;}
.callout-slide td {width:33.33%;}
.callout-slide .slide-wrapper {position:relative;display:block;width:100%;padding:0 78px;}
.callout-slide .slide-item {display:block;width:100%;}
.callout-slide .slide-comment {font-family:var(--font-lo);color:#f2f2f2;font-size:16px;line-height:1.5em;}
.callout-slide .slide-handle {font-family:var(--font-t);color:#969696;font-size:12px;margin-top:14px}
.callout-slide .slide-date {font-family:var(--font-l);color:#969696;font-size:12px;}


/*page highlights*/
.page-highlight {position:relative;display:block;margin-top:8px;}
.page-highlight.left, .page-highlight.right {margin: 8px 0 0 0;}
.page-highlight img {width:100%;height:auto;}
.page-highlight a:active .footer, .page-highlight a:focus .footer{height:100%;}
.page-highlight .footer {background-color:rgba(0,0,0,0.40);position:absolute;width:100%;z-index:601;left:0;bottom:0;height:77px;-webkit-transition: height .7s ease;-moz-transition: height .7s ease;-o-transition: height .7s ease;}
.page-highlight .footer .wrapper {position:absolute;left:0;bottom:0;height:77px;padding:0 16px;width: 100%;}
.page-highlight .text {position: relative;float: left;}
.page-highlight .footer .title {font-family:var(--font-t);letter-spacing:2px;font-weight:400;font-size:30px;display:block;width:100%;text-align:left;color:#f2f2f2;padding:16px 0 3px 0;}
.page-highlight .footer .sub-title {font-family:var(--font-l);letter-spacing:1px;font-size:14px;text-align:left;color:#f2f2f2;padding-bottom:12px;}
.page-highlight-arrow {margin: 32px 16px 32px 0;float: right;background: url(/project/graphics/icons/ionic-ios-arrow-forward-2x.png);background-repeat: no-repeat;background-size: cover;background-position: center;height: 14px;width: 8px;}

/*sponsor logos*/
#our-sponsors {width:100%;text-align:center;font-size:32px;font-family:var(--font-t);color:var(--t-color);margin:20px 0;}
.sponsors table {padding: 0 16px;}
.sponsors table,.sponsors table th,.sponsors table td{border-collapse: collapse}
sponsor-wrapper {width:100%;}
.sponsor-logo {position:relative;}
.sponsor-logo.left img {padding-left:0;}
.sponsor-logo.center img {padding: 20px 10px;}
.sponsor-logo.right img {padding-right:0;}
.sponsors table td {vertical-align: middle;float:none;width:33.33%}
.sponsors table td.spacer {width:16.6%}
.sponsor-logo img {position:relative;display:block;width:100%;height:auto;padding: 20px;}
.sponsors {width:100%;margin-bottom:85px;padding:0 16px;}
/*2026 new sponsorship code*/
/* Wrapper */
.sponsors-grid{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 18px;
    align-items: center;
    padding: 10px 0;
}

/* Each sponsor tile */
.sponsor-card{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px;
    border-radius: 10px;
    background: var(--bg-color);
    border: 1px solid rgba(0,0,0,0.08);
    transition: transform 120ms ease, box-shadow 120ms ease;
}

/* Link fills tile */
.sponsor-link{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

/* Logo image */
.sponsor-img{
    max-width: 100%;
    max-height: 72px;
    width: auto;
    height: auto;
    object-fit: contain;
    display: block;
    filter: grayscale(0%);
    opacity: 0.95;
}

/* Hover */
.sponsor-card:hover{
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(0,0,0,0.10);
}

.sponsor-card:hover .sponsor-img{
    opacity: 1;
}

/* Optional: tighten on small screens */
@media (max-width: 480px){
    .sponsors-grid{
        grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
        gap: 12px;
    }
    .sponsor-img{
        max-height: 60px;
    }
}

/*guiding information*/
.guide-info {width:100%;padding:0 16px; margin-bottom:30px;}
.dates{position: relative;font-size: 18px;font-family:var(--font-l);letter-spacing:1px;color:var(--t-color);margin-top:27px;}
.dates span {padding-right: 50px;}
.dates:after {content: "";position: relative;height: 0.3em;border-top: 1px solid var(--p-color);z-index: 601;width: 35px;display: inline-block;}
.dates.blank{margin:5px 0 0 -2px;}
.dates.blank span {padding-right: 0;}
.dates-info {width:100%;margin-top:12px;}
h4 span {display: inline-block}
h4 span.lighter {color:var(--t-color);font-size:28px;display:inline-block;margin-top: -.3em;}
h4 span.lighter.small {font-size:18px;}
.dates-info span {font-family:var(--font-t);letter-spacing:2px;font-size:32px;color:#f2f2f2;}
.dates-info span.lighter {color:var(--t-color);font-size:28px;display:block;margin-top: -.2em;}
.dates-info span.lighter.small {font-size:18px;}
.dates-info span.lighter.small.extra {display:inline-block;padding-left:7px;}
.dates-info span.lighter.inline {display:inline-block;}
.dates-info.small span {font-size:25px;}
.maxed-p-helper {max-width:100%;}
.padded-date {margin-top: 20px}
.padded-date-tablet {margin-top: 20px}
/*guiding info photos*/
.guided-photos {margin: 0;}
.guided-image {display:block; width: 100%; height: auto; margin-top: 30px;}
.guided-image img {width:100%; height:auto; display:block;}
.guided-video {position: relative;width: 100%;height: 0;padding-bottom: 56.25%; margin-top: 30px;}
.guided-video .video {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}



/*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 var(--form-line)}
.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-h);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) 0;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.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)}
::-webkit-calendar-picker-indicator {filter: invert(1);}
.form {margin-top:20px;}
textarea, input[type=text], input[type=password], input[type=date], input[type=number], select {font-family:var(--font-b);letter-spacing:0;width: 100%;padding: var(--input-pad);margin: 0 0 20px 0;height:var(--btn-h);display: inline-block;border:none;border-bottom: 1px solid var(--form-line);background-color:transparent;box-sizing: border-box;color:var(--input-c);font-size:25px;}
textarea {border:1px solid var(--form-line);font-family:var(--font-b);}
textarea.round, input[type=text].round, input[type=password].round, input[type=date].round, input[type=number].round, select.round {-webkit-border-radius: var(--r-s);-moz-border-radius: var(--r-s);border-radius: var(--r-s);}
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;font-size:18px;}
.textarea-counter {float: right;margin-top: -17px;}
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, select:disabled, textarea:disabled, input:disabled:-internal-autofill-selected, input:disabled:-webkit-autofill {background-color:#000!important;color:#2f2f2f}
input:-internal-autofill-selected {background-color:transparent}
select option { color: #000; }
label.center {display:block;width:100%;text-align:center;}
button {display:block;width:100%;height:var(--btn-h);text-align:left;font-size:var(--f-5);font-family:var(--font-t);letter-spacing:2px;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:#1b1b1b}
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: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;}

/*.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: 400px) {
    #footer .footer-social {
        float: none;
        width: 200px;
        position: absolute;
        text-align: center;
        left: 50%;
        margin-left: -109;
    }
}
@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%;}
    h3 {font-size: 32px;margin-top:20px;}
    h4 {font-size: 32px;margin-top:10px;}
    p {font-size:var(--f-p); padding: 30px 0 0 0; margin:0;}
    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 {max-width:var(--inner-max); margin-left: auto;margin-right: auto;width: 100%;}
    .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 {padding-bottom:82px;}
    #page-body.dashboard {padding-bottom:65px}
    #footer {padding:0 35px;height:82px;}
    .footer-cell {margin-left:0;}
    #footer .footer-logo {width: 107px;height: 41px;margin-top: 21px;}
    #footer .footer-social {margin-top: 30px;}
    #footer .footer-social img {height: 21px;margin-left: 26px;}
    #footer .footer-top {width: 36px;height: 40px;padding: 21px 0;}
    #nav-wrapper {height:82px;padding: 0 32px;}
    #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 {height:41px;width:107px;top:21px;}
    #nav-nav .icon img {margin:32.5px 0 31px 32.5px;height:20px;width:23px;}
    #nav-nav .icon img.square {width:auto;}
    #side-menu .menu-header {height:var(--head--db-ph);}
    .side-menu-inner {top:var(--head--db-ph);}
    #side-menu {padding:0 33px;}
    .mobile-children-inner {margin: 0 33px;}
    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;}
    .landing-image {height:320px;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;}
    .history .float-image {margin:80px 35px 0 35px;}
    #location {margin:80px 35px 80px 35px;}
    .box--title.contact-form {padding-top: 80px;}
    /*home page*/
    .landing-float {padding: 0 32px;}
    .landing-image.home {height:615px;}
    .landing-image.home img {max-width:300%;height:100%;padding-left:80px}
    .landing-float .float-text.welcome {font-size:16px;margin-top:226px;}
    .landing-float .float-text.welcome-title {font-size:72px;letter-spacing:2px;margin-top:3px;max-width:400px}
    .landing-float .float-text.welcome-sub {font-size:32px;letter-spacing:2px;margin-top:3px;}
    .landing-float .float-text.welcome.services {max-width: 100%;margin-top:225px;}
    .landing-float .float-text.welcome-title.services {max-width: 100%}
    .landing-float .float-text.welcome-sub.services {max-width:100%;}
    .float-social {margin-top: 40px;float: left;text-align: center;}
    .action-btn {padding:20px 44px;font-size:24px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;margin-top:0;}
    .action-bar.services {margin-top:82px;}
    .musky-school {margin-top: 29px;}
    .musky-school .guide-action-bottom {margin: 0}
    .musky-school .guide-action-bottom .action-btn {margin: 14px 0; font-size: 16px;float:none;}
    .musky-school .object {width:100%;}
    .guide-action-bottom {margin:30px 0 100px 0;}
    .guide-action-bottom .action-btn {float:right;}
    .services-action-bottom {margin:30px 0 100px 0;}
    .services-action-bottom .services-action-text {text-align:right;font-size:32px;float:right;margin-right:30px;margin-top:3px;}
    .services-action-bottom.services .services-action-text {}
    .services-action-bottom .action-btn {float:right;margin-top:0;}
    .services-action-bottom .services-action-text span.services-action-highlight {display:block;color:var(--p-color)}
    .services-action-bottom .split-mobile {display:block;width: 100%;margin-bottom: 24px;margin-right:0;}
    .landing-image.home .float-social img {height: 20px;padding: 0;position: relative;margin: 0 24px 0 0;top: 0;left: 0;}
    .basic-header {height:440px;}
    .header-float {height:129px;}
    .header-text {font-size:72px;padding:28px 32px;max-width:100%}
    /*GB MUSKY*/
    .landing-image.gbmusky img {max-width: 300%;height: 100%;padding-left: 24px;}
    /*GB WALLEY*/
    .landing-image.gbwalleye img {max-width: 300%;height: 100%;padding-left: 0;}
    /*GB BASS*/
    .landing-image.gbbass img {max-width: 300%;height: 100%;padding-left: 0;}
    /*CN Musky*/
    .landing-image.cnmusky img {max-width: 300%;height: 100%;padding-left: 0;}
    /*MUSKY SCHOOL*/
    .landing-image.muskyschool img {max-width: 300%;height: 100%;padding-left: 0;}
    /*ABOUT ME*/
    .landing-image.aboutme img {max-width: 300%;height: 100%;padding-left: 0;}
    /*PHOTOS*/
    .landing-image.photos img {max-width: 300%;height: 100%;padding-right:20px}
    /*CONTACT*/
    .landing-image.contactme img {max-width: 300%;height: 100%;padding-left: 0;}
    /*CALLOUT BOXES*/
    .callout-box-inner {padding:53px 32px;}
    .callout-comment {font-size: 32px;max-width:325px;}
    .callout-attr {font-size: 15px;margin-top:20px;}
    .callout-box h6 {font-size:32px;}
    .callout-box ul li {font-size:16px;margin-top:12px;}
    .callout-box .second {margin-top:76px;}
    /*CALLOUT SLIDE*/
    .callout-slide .callout-left-arrow {margin-top:-7px;height:14px;}
    .callout-slide .callout-right-arrow {margin-top:-7px;height:14px;}
    .callout-slide .slide-wrapper {padding:0 108px;}
    .callout-slide .slide-comment {font-size:16px;}
    .callout-slide .slide-handle {font-size:12px;margin-top:18px}
    .callout-slide .slide-date {font-size:12px;}
    /*page highlights*/
    .page-highlight {margin-top:10px;}
    .page-highlight.left, .page-highlight .right {margin: 10px 0 0 0;}
    .page-highlight.footer {height:117px;}
    .page-highlight .footer .wrapper {height:117px;padding:0 32px;}
    .page-highlight .footer .title {font-size:45px;text-align:left;padding:26px 0 3px 0;}
    .page-highlight .footer .sub-title {font-size:18px;text-align:left;padding-bottom:18px;}
    .page-highlight-arrow {margin: 48px 32px 48px 0;height: 21px;width:13px;}
    /*sponsor logos*/
    #our-sponsors {font-size:32px;margin:25px 0;}
    .sponsor-logo.center img {padding: 12px 17px;}
    .sponsor-logo img {padding: 12px 35px}
    .sponsors {margin-bottom:85px;padding:0 32px;}
    /*guiding information*/
    .guide-info {padding:0 32px; margin-bottom:30px;}
    .dates{font-size: 18px;margin-top:24px;}
    .dates span {padding-right: 50px;}
    .dates:after {width: 35px;}
    .dates-info {margin-top:12px;}
    .dates-info span {font-size:32px;}
    .dates-info span.lighter {font-size:32px;display:inline-block;}
    .dates-info.small span {font-size:25px;}
    .guided-image {margin-top: 30px;}
    .guided-video {margin-top: 30px;}
    /*about us page*/
    .aboutPhotos img {margin-top: 48px;}
    .aboutPhotos .left {padding-right: 15px;}
    .aboutPhotos .right {padding-left: 15px;}
}
@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%;}
    h3 {font-size: 25px;margin-top:35px;}
    h4 {font-size: 25px;margin-top:10px;}
    p {font-size:14px; padding: 18px 0 0 0; margin:0;}
    .mobile {display:none;}
    .tablet {display:block;}
    .photo_thumb {width:50%;}
    #nav-image img.mobile {display:none;}
    #nav-image img.desktop {display:block;}
    #nav-image {height:45px;width:116px;top:23px;}
    #footer {padding:0 68px;height:90px;}
    /*#footer .maxed.footer, #footer .footer {margin-top:20px;}*/
    #footer .footer-logo {width: 116px;height: 45px;margin-top: 23px;}
    #footer .footer-social {margin-top: 34px;}
    #footer .footer-social img {height: 21px;margin-left: 34px;}
    #footer .footer-top {width: 36px;height: 40px;padding: 25px 0;}
    #page-body {padding-bottom:90px;}
    .box {margin: 0 0 15px 0;}
    .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-nav .icon img {margin:34.5px 0 31px 34.5px;height:24px;width:29px;}
    #nav-nav .icon img.square {width:auto;}
    #nav-wrapper {height:90px;padding: 0 68px;}
    #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 {height:37px;top:21.5px;}
    #nav-image-mobile {top:20px;}
    #side-menu {padding:0 70px;}
    .mobile-children-inner {margin: 0 70px;}
    /*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;}
    .basic-header {height:398px;}
    .header-float {height:90px;}
    .header-text {font-size:65px;padding:18px 64px;}
    /*GB MUSKY*/
    .landing-image.gbmusky img {max-height: 300%;height: auto; width:100%;padding-left:0px;}
    /*GB WALLEY*/
    .landing-image.gbwalleye img {max-height: 300%;height: auto; width:100%;}
    /*GB BASS*/
    .landing-image.gbbass img {max-height: 300%;height: auto; width:100%;}
    /*CN Musky*/
    .landing-image.cnmusky img {max-height: 300%;height: auto; width:100%;}
    /*MUSKY SCHOOL*/
    .landing-image.muskyschool img {max-height: 300%;height: auto; width:100%;}
    /*ABOUT ME*/
    .landing-image.aboutme img {max-height: 300%;height: auto; width:100%;}
    /*PHOTOS*/
    .landing-image.photos img {max-height: 300%;height: auto; width:100%;padding-right:0;}
    /*CONTACT*/
    .landing-image.contactme img {max-height: 300%;height: auto; width:100%;}
    /*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;}
    .maxed-p-helper {max-width:80%;}
    #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;}
    .employees .float-text {padding:0 35px 35px 35px;}
    .employee-card .float {margin:0 45px;}
    .landing-image {height:394px;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;}
    /*home page*/
    .landing-float {padding: 0;width:100%;}
    .landing-image.home {height:615px;text-align:center;}
    .landing-image.home img {max-width:300%;height:100%;padding-left:0}
    .landing-float .float-text.welcome {font-size:13px;margin-top:200px;text-align:center;}
    .landing-float .float-text.welcome-title {font-size:65px;letter-spacing:2px;margin-top:3px;max-width:100%;text-align:center;}
    .landing-float .float-text.welcome-sub {font-size:25px;margin-top:3px;max-width:100%;text-align:center;}
    .landing-float .float-text.welcome.services {max-width: 100%;margin-top:201px;}
    .float-social {margin-top: 33px;float: none;width: 100%;text-align: center;}
    .dates-info .center {display:block;text-align:center;}
    .action-btn {float:none;margin:0 auto;padding:6px 36px;font-size:20px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;margin-top:24px;}
    .action-bar.services {margin-top:0;}
    .musky-school {margin-top: 35px;}
    .musky-school .guide-action-bottom.object {margin: 0;}
    .musky-school .object {margin: 0;width: auto;float: left; display: inline-block;}
    .musky-school .dates-info {margin-top: 0;}
    .musky-school .guide-action-bottom .action-btn {margin: -3px 0 0 30px; font-size: 14px;padding:7px 16px;float:left;}
    .guide-action {display:block; width: 100%;}
    .guide-action .action-btn {display:block;float:right;margin-top:-32px;}
    .guide-action-bottom {margin:34px 0 250px 0;}
    .guide-action-bottom .action-btn {float:right;}
    .services-action-bottom {margin:34px 0 250px 0;}
    .services-action-bottom .services-action-text {font-size:25px;margin-right:30px;margin-top:3px;}
    .services-action-bottom .services-action-text span.services-action-highlight {display:inline-block;}
    .resort {display:block;width:100%;text-align:center}
    .resort .action-btn {margin:15px 0 0 0;float:none;height:27px;padding:7px 21px;font-size:14px;}
    .resort .action-btn.wire a, .resort .action-btn.wire a:hover, .resort .action-btn.wire a:focus, .resort .action-btn.wire a:visited {font-size:14px;}
    .landing-image.home .float-social img {width: auto;height: 17px;padding: 0;position: relative;margin: 0 10px;top: 0;left: 0;}
    /*CALLOUT BOXES*/
    .callout-box-inner {padding:50px 64px;}
    .callout-comment {font-size: 25px;max-width:100%;}
    .callout-attr {font-size: 15px;margin-top:12px;}
    .callout-box h6 {font-size:25px;}
    .callout-box .first ul {padding:0 40px 0 20px;}
    .callout-box .second {padding-left:20px;}
    .callout-box ul li {font-size:14px;margin-top:12px;}
    .callout-box .second {margin-top:0;}
    /*CALLOUT SLIDE*/
    .callout-slide .callout-left-arrow {margin-top:-7px;height:14px;}
    .callout-slide .callout-right-arrow {margin-top:-7px;height:14px;}
    .callout-slide .slide-item {max-width:450px;margin:0 auto;padding: 0;}
    .callout-slide .slide-wrapper {padding:0;}
    .callout-slide .slide-comment {font-size:14px;}
    .callout-slide .slide-handle {font-size:12px;margin-top:21px}
    .callout-slide .slide-date {font-size:12px;}
    /*page highlights*/
    .page-highlight.left  {margin: 8px 4px 0 0;}
    .page-highlight.right {margin: 8px 0 0 4px;}
    .page-highlight .footer {height:71px;}
    .page-highlight .footer .wrapper {height:71px;padding:0 0 0 33px;}
    .page-highlight .footer .title {font-size:28px;text-align:left;padding:15px 0 3px 0;}
    .page-highlight .footer .sub-title {font-size:12px;text-align:left;padding-bottom:11px;}
    .page-highlight-arrow {margin: 29px 33px 29px 0;height: 14px;width:8px;}
    /*sponsor logos*/
    #our-sponsors {font-size:22px;margin:20px 0;}
    .sponsor-logo.center img {padding: 20px 20px;}
    .sponsor-logo img {padding: 20px 40px;}
    .sponsors {margin-bottom:115px;padding:0 64px;}
    /*guiding information*/
    .guide-info {padding:0 64px; margin-bottom:35px;}
    .dates{font-size: 16px;margin-top:30px;}
    .dates span {padding-right: 50px;}
    .dates:after {width: 40px;}
    .dates-info {margin-top:12px;}
    .dates-info span {font-size:25px;}
    .dates-info span.lighter {font-size:25px;}
    .dates-info.small span {font-size:24px;}
    .dates-info.small span {font-size:20px;}
    .padded-date-tablet {margin-top: 0}
    .guided-image {margin-top: 35px;}
    .guided-video {margin-top: 35px;}
    .services-action-bottom .split-mobile {display:none;}
    .services-action-bottom .split-desktop {display:block;}
    /*about us page*/
    .aboutPhotos img {margin-top: 35px;}
    .aboutPhotos .left {padding-right: 15px;}
    .aboutPhotos .right {padding-left: 15px;}
}
@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;}
    h3 {font-size: 30px;margin-top:30px;}
    h4 {font-size: 30px;margin-top:10px;}
    p {font-size:15px; padding: 20px 0 0 0; margin:0;}
    #nav-tertiary {margin-bottom:50px;}
    #nav-wrapper {height:120px;padding: 0 90px;margin: auto;max-width:var(--inner-max);}
    #nav-image {height:52px;width:135px;top:34px;}
    #page-body {padding-bottom:120px;}
    #footer {padding:0;height:120px;}
    .footer {width:100%;padding:0 64px;width:100%;margin: auto;max-width:var(--inner-max);}
    #footer .footer-logo {width: 135px;height: 52px;margin-top: 34px;}
    #footer .footer-social {margin-top: 46px;width: 400px;margin-left: -200px;}
    #footer .footer-social img {height: 28px;margin-left: 32px;}
    #footer .footer-top {width: 48px;height: 54px;padding: 33px 0;}
    .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;}
    .landing-image {height:523px;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}
    .employee-card {margin-bottom:0;}
    .employee-card.first .float {margin:12px 12px 12px 0;}
    .employee-card.second .float {margin:12px 0 12px 12px;}
    /*home page*/
    .landing-float {padding: 0;width:100%;}
    .landing-image.home {height:565px;}
    .landing-image.home img {max-height: 300%;height: auto;width: 100%;padding-left: 0;}
    .landing-float .float-text.welcome {font-size:16px;margin-top:160px;}
    .landing-float .float-text.welcome-title {font-size:75px;}
    .landing-float .float-text.welcome-sub {font-size:30px;margin-top:3px;}
    .landing-float .float-text.welcome.services {max-width: 100%;margin-top:170px;}
    .float-social {margin-top: 33px;float: none; width: 100%;text-align: center;}
    .action-btn {float:none;margin:0 auto;padding:7px 44px;font-size:22px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;margin-top:28px;}
    .musky-school {margin-top: 27px;}
    .musky-school .guide-action-bottom.object {margin: 0;}
    .musky-school .object {margin: 0;width: auto;float: left; display: inline-block;}
    .musky-school .dates-info {margin-top: 0;}
    .musky-school .guide-action-bottom .action-btn {margin: -2px 0 0 50px; font-size: 16px;padding:7px 16px;float:left;}
    .guide-action .action-btn {margin-top:-36px;}
    .guide-action-bottom {margin: 40px 0 250px 0;}
    .guide-action-bottom .action-btn {float:right;}
    .services-action-bottom {margin: 40px 0 250px 0;}
    .services-action-bottom .services-action-text {font-size:30px;margin-right:30px;margin-top:3px;}
    .services-action-bottom .services-action-text span.services-action-highlight {display:inline-block;}
    .resort .action-btn {margin:15px 0 0 0;float:none;height:30px;padding:8px 22px;font-size:16px;}
    .resort .action-btn.wire a, .resort .action-btn.wire a:hover, .resort .action-btn.wire a:focus, .resort .action-btn.wire a:visited {font-size:16px;}
    .landing-image.home .float-social img {width: auto;height: 18px;padding: 0;position: relative;margin: 0 11px;top: 0;left: 0;}
    .basic-header {height:450px;}
    .header-float {height:109px;}
    .header-wrapper {width:100%;height:100%;padding: 0 64px;margin: auto;max-width:var(--inner-max);}
    .header-text {font-size:75px;padding:23px 0;}
    /*GB MUSKY*/
    .landing-image.gbmusky img {max-height: 300%;height: auto; width:100%;padding-top:50px;}
    /*GB WALLEY*/
    .landing-image.gbwalleye img {max-height: 300%;height: auto; width:100%;padding-top:40px}
    /*CN Musky*/
    .landing-image.cnmusky img {max-height: 300%;height: auto;width:100%;padding-top: 50px;}
    /*PHOTOS*/
    .landing-image.photos img {max-height: 300%;height: auto; width:100%;padding-top:70px;}
    /*CALLOUT BOXES*/
    .callout-box-inner{padding: 60px 90px;margin: auto;max-width:var(--inner-max);}
    .callout-comment {font-size: 30px;}
    .callout-attr {font-size: 14px;margin-top:13px;}
    .callout-box h6 {font-size:30px;}
    .callout-box ul li {font-size:15px;margin-top:17px;}
    /*CALLOUT SLIDE*/
    .callout-slide .callout-left-arrow {margin-top:-12px;height:24px;}
    .callout-slide .callout-right-arrow {margin-top:-12px;height:24px;}
    .callout-slide .callout-item {max-width:485px;margin:0 auto;padding: 0;}
    .callout-slide .slide-wrapper {padding:0;}
    .callout-slide .slide-comment {font-size:15px;}
    .callout-slide .slide-handle {font-size:14px;margin-top:36px}
    .callout-slide .slide-date {font-size:14px;}
    /*page highlights*/
    .page-highlight-wrapper {width:100%;margin: auto;max-width:var(--inner-max);margin-bottom: 20px;}
    .page-highlight.left  {margin: 12px 6px 0 0;}
    .page-highlight.right {margin: 12px 0 0 6px;}
    .page-highlight .footer {height:96px;}
    .page-highlight .footer .wrapper {height:96px;padding:0;width: 100%;}
    .page-highlight .footer .text {float:none;width:100%;}
    .page-highlight .footer .title {font-size:35px;text-align:center;padding:15px 0 7px 0;}
    .page-highlight .footer .sub-title {font-size:14px;text-align:center;padding-bottom:15px;}
    .page-highlight-arrow {display:none;}
    /*sponsor logos*/
    #our-sponsors {font-size:30px;margin:30px 0;}
    .sponsor-logo.center img {padding: 25px 25px;}
    .sponsor-logo img {padding: 25px 50px;}
    .sponsors {width:100%;margin-bottom:115px;padding:0 64px;margin: auto;max-width:var(--inner-max);}
    /*guiding information*/
    .guide-info {padding:0 64px;width:100%;margin: auto;max-width:var(--inner-max);margin-bottom:40px;}
    .dates{font-size: 18px;margin-top:30px;}
    .dates span {padding-right: 90px;}
    .dates:after {width: 50px;}
    .dates-info {margin-top:12px;}
    .dates-info span {font-size:30px;}
    .dates-info span.lighter {font-size:30px;}
    .dates-info.small span {font-size:25px;}
    .guided-image {margin-top: 40px;}
    .guided-video {margin-top: 40px;}
    /*about us page*/
    .aboutPhotos img {margin-top: 40px;}
    .aboutPhotos .left {padding-right: 19px;}
    .aboutPhotos .right {padding-left: 19px;}
}
@media only screen and (min-width: 1200px) {
    h3 {font-size: 38px;margin-top:54px;}
    h4 {font-size: 38px;margin-top:8px;}
    p {font-size:16px; padding: 30px 0 0 0; margin:0;}
    .desktop-children-outer {top: 112px;}
    /*#nav-wrapper {height:142px;padding: 0 120px;}*/
    #nav-wrapper {height:142px;padding: 0;}
    #nav-image {height:70px;width:180px;top:36px;}
    #nav-nav ul li {padding:58px 0 57px 42px;font-size:22px;}
    #page-body {padding-bottom:176px;}
    #footer {padding:0;height:176px;}
    .footer {padding: 0;width:100%;margin:auto;}
    #footer .footer-logo {width: 180px;height: 70px;margin-top: 53px;}
    #footer .footer-social {margin-top: 69px;}
    #footer .footer-social img {height: 37px;margin-left: 42px;}
    #footer .footer-top {width: 52px;height: 59px;padding: 59px 0;}
    .desktop-children-outer {left: 42px;}
    #animation-window h1 {font-size:68px;}
    .ha-text-inner {max-width:700px;}
    .ha-text-wrapper {justify-content:center;}
    .employees .float-text {padding:0 35px 35px 35px;}
    .landing-image.maxed {height:570px;height:calc((100vw * 9) / 16);max-width: 1200px;max-height:675px;margin:auto}
    #location-map {max-height: 250px;}
    /*home page*/
    .landing-float {padding: 0;width:100%;}
    .landing-image.home {height:653px;}
    .landing-float .float-text.welcome {font-size:20px;margin-top:176px;}
    .landing-float .float-text.welcome-title {font-size:95px;}
    .landing-float .float-text.welcome-sub {font-size:38px;margin-top:3px;}
    .landing-float .float-text.welcome.services {max-width: 100%;margin-top:176px;}
    .float-social {margin-top: 40px;float: none;width: 100%;text-align: center;}
    .action-btn {float:none;margin:0 auto;padding:8px 48px;font-size:27px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;margin-top:28px;}
    .musky-school {margin-top: 42px;}
    .musky-school .guide-action-bottom.object {margin: 0;}
    .musky-school .object {margin: 0;width: auto;float: left; display: inline-block;}
    .musky-school .dates-info {margin-top: 0;}
    .musky-school .guide-action-bottom .action-btn {margin: -3px 0 0 50px; font-size: 18px;padding:13px 19px;float:left;}
    .guide-action .action-btn {margin-top:-43px;}
    .guide-action-bottom {margin:48px 0 200px 0;}
    .services-action-bottom {margin:48px 0 200px 0;}
    .services-action-bottom .services-action-text {font-size:38px;margin-right:30px;margin-top:3px;}
    .resort .action-btn {margin:15px 0 0 0;float:none;height:32px;padding:8px 32px;font-size:18px;}
    .resort .action-btn.wire a, .resort .action-btn.wire a:hover, .resort .action-btn.wire a:focus, .resort .action-btn.wire a:visited {font-size:18px;}
    .landing-image.home .float-social img {width: auto;height: 24px;padding: 0;position: relative;margin: 0 13px;top: 0;left: 0;}
    .basic-header {height:490px;}
    .header-float {height:133px;}
    .header-wrapper {padding: 0;margin: auto;max-width:var(--inner-max);}
    .header-text {font-size:95px;padding:26px 0;}
    /*GB WALLEY*/
    .landing-image.gbwalleye img {max-height: 300%;height: auto; width:100%;padding-top:120px}
    /*CALLOUT BOXES*/
    .callout-box-inner{padding:64px 0;}
    .callout-comment {font-size: 38px;}
    .callout-attr {font-size: 17px;margin-top:26px;}
    .callout-box h6 {font-size:38px;}
    .callout-box ul li {font-size:18px;margin-top:17px;}
    /*CALLOUT SLIDE*/
    .callout-slide .callout-left-arrow {margin-top:-12px;height:24px;}
    .callout-slide .callout-right-arrow {margin-top:-12px;height:24px;}
    .callout-slide .callout-item {max-width:510px;margin:0 auto;padding: 0;}
    .callout-slide .slide-wrapper {padding:0;}
    .callout-slide .slide-comment {font-size:16px;}
    .callout-slide .slide-handle {font-size:14px;margin-top:28px}
    .callout-slide .slide-date {font-size:14px;}
    /*page highlights*/
    .page-highlight.left  {margin: 16px 8px 0 0;}
    .page-highlight.right {margin: 16px 0 0 8px;}
    .page-highlight .footer {height:124px;}
    .page-highlight .footer .wrapper {height:124px;}
    .page-highlight .footer .title {font-size:50px;padding:22px 0 7px 0;}
    .page-highlight .footer .sub-title {font-size:20px;padding-bottom:17px;}
    /*sponsor logos*/
    #our-sponsors {font-size:38px;margin:40px 0;}
    .sponsor-logo.center img {padding: 30px 30px;}
    .sponsor-logo img {padding: 30px 60px;}
    .sponsors {padding: 0;margin-bottom:135px;}
    /*guiding information*/
    .guide-info {width:100%;padding:0;margin: auto;max-width:var(--inner-max);margin-bottom:30px;}
    .dates{font-size: 20px;margin-top:30px;}
    .dates span {padding-right: 54px;}
    .dates:after {width: 60px;}
    .dates-info {margin-top:12px;}
    .dates-info span {font-size:38px;}
    .dates-info span.lighter {font-size:38px;}
    .dates-info.small span {font-size:28px;}
    .guided-image {margin-top: 48px;}
    .guided-video {margin-top: 48px;}
    /*about us page*/
    .aboutPhotos img {margin-top: 40px;}
    .aboutPhotos .left {padding-right: 24px;}
    .aboutPhotos .right {padding-left: 24px;}
}
@media only screen and (min-width: 1600px) {
    h3 {font-size: 48px;margin-top:54px;}
    h4 {font-size: 48px;margin-top:8px;}
    p {font-size:18px; padding: 42px 0 0 0; margin:0;}
    #nav-nav ul li {padding:57px 0 54px 65px;font-size:25px;}
    .ha-text-inner p, .ha-text-inner li {font-size:18px;}
    .desktop-children-outer {left: 65px;}
    /*home page*/
    .landing-float .float-text.welcome {font-size:25px;margin-top:258px;}
    .landing-float .float-text.welcome-title {font-size:120px;}
    .landing-float .float-text.welcome-sub {font-size:48px;margin-top:3px;}
    .landing-float .float-text.welcome.services {max-width: 100%;margin-top:258px;}
    .float-social {margin-top: 71px;float: none;width: 100%;text-align: center;}
    .action-btn {float:none;margin:0 auto;padding:10px 67px;font-size:40px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius:10px;margin-top:50px;}
    .musky-school {margin-top: 42px;}
    .musky-school .guide-action-bottom.object {margin: 0;}
    .musky-school .object {margin: 0;width: auto;float: left; display: inline-block;}
    .musky-school .dates-info {margin-top: 0;}
    .musky-school .guide-action-bottom .action-btn {margin: -3px 0 0 50px; font-size: 18px;padding:13px 19px;float:left;}
    .guide-action .action-btn {margin-top:-60px;}
    .guide-action-bottom {margin:40px 0 200px 0;}
    .services-action-bottom {margin:40px 0 200px 0;}
    .services-action-bottom .services-action-text {font-size:48px;margin-right:40px;margin-top:3px;}
    .resort .action-btn {margin:15px 0 0 0;float:none;height:34px;padding:8px 34px;font-size:19px;}
    .resort .action-btn.wire a, .resort .action-btn.wire a:hover, .resort .action-btn.wire a:focus, .resort .action-btn.wire a:visited {font-size:19px;}
    .landing-image.home {height:889px;}
    .basic-header {height:700px;}
    .header-float {height:164px;}
    .header-wrapper {padding: 0;margin: auto;max-width:1100px;}
    .header-text {font-size:120px;padding:32px 0;}
    /*GB MUSKY*/
    .landing-image.gbmusky img {max-height: 300%;height: auto; width:100%;padding-top:115px;}
    /*GB WALLEY*/
    .landing-image.gbwalleye img {max-height: 300%;height: auto; width:100%;padding-top:180px}
    /*adjust max*/
    .page-highlight-wrapper {max-width:1100px;}
    #nav-wrapper {max-width:1100px;}
    .callout-box-inner{max-width:1100px;}
    /*CALLOUT SLIDE*/
    .callout-slide .callout-left-arrow {margin-top:-12px;height:24px;}
    .callout-slide .callout-right-arrow {margin-top:-12px;height:24px;}
    .callout-slide .callout-item {max-width:585px;margin:0 auto;padding: 0;}
    .callout-slide .slide-wrapper {padding:0;}
    .callout-slide .slide-comment {font-size:18px;}
    .callout-slide .slide-handle {font-size:14px;margin-top:28px}
    .callout-slide .slide-date {font-size:14px;}
    .sponsors {max-width:1100px;}
    /*page highlights*/
    .page-highlight.left  {margin: 20px 10px 0 0;}
    .page-highlight.right {margin: 20px 0 0 10px;}
    .page-highlight .footer {height:166px;}
    .page-highlight .footer .wrapper {height:166px;}
    .page-highlight .footer .title {font-size:70px;padding:25px 0 7px 0;}
    .page-highlight .footer .sub-title {font-size:28px;padding-bottom:25px;}
    /*guiding information*/
    .guide-info {width:100%;padding:0 64px;margin: auto;max-width:1100px;margin-bottom: 40px;}
    .dates{font-size: 24px;margin-top:40px;}
    .dates span {padding-right: 60px;}
    .dates:after {width: 74px;}
    .dates-info {margin-top:12px;}
    .dates-info span {font-size:48px;}
    .dates-info span.bigsmall {font-size:40px;}
    .dates-info span.lighter {font-size:48px;}
    .dates-info.small span {font-size:35px;}
    .guided-image {margin-top: 40px;}
    .guided-video {margin-top: 40px;}
    /*about us page*/
    .aboutPhotos img {margin-top: 50px;}
    .aboutPhotos .left {padding-right: 28px;}
    .aboutPhotos .right {padding-left: 28px;}
}