@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*/ /*primary*/ /*secondary*/ /*tertiary*/ /*accent*/ /*error*/ /*error accent*/ /*good/correct*/ /*good/correct accent*/
    /*colors main objects*/ /*background-color*/ /*header color*/ /*footer color*/ /*header line*/
    /*website header heights*/ /*header size*/ /*header size mobile*/ /*footer size*/ /*footer size mobile*/
    /*text colors*/ /*header text color*/ /*footer text color*/
    /*objects -> with width and width/narrow*/ /*in body object color*/ /*object line*/ /*shadow color*/ /*shadow size*/ /*object width*/ /*object max-width when narrow is designated*/ /*objects that are maxed to normal size for larger browsers*/ /*objects that are maxed to sub-normal size for larger browsers*/ /*side menu max width*/ /*side menu max width negative*/
    /*buttons -> f=font, a=active*/ /*button color*/ /*button font color*/ /*button color when active*/ /*button font color when active*/ /*button height*/
    /*fonts*/ /*text color*/ /*text color secondary*/ /*sub text color*/ /*sub text color*/ /*header 1 size*/ /*header 2 size*/ /*header 3 size*/ /*header 4 size*/ /*header 5 size*/ /*paragraph size*/ /*box row default font-size*/ /*font size for form labels*/
    /*radius -> primary and secondary*/ /*all corner radius*/ /*all corner radius secondary*/ /*bottom radius*/ /*bottom radius secondary*/ /*top radius*/ /*top radius secondary*/
    /*standard margin full and half*/ /*standard page margins - like to define elements*/ /*half the standard*/
    /*padding primary and secondary*/ /*indent level padding size*/ /*small padding*/ /*standard padding size*/ /*extra padding size*/ /*extra padding size*/ /*padding padding*/
    /*forms*/ /*input text border color*/ /*input padding*/ /*input text color*/ /*input text color*/
    /*tables*/ /*height of a row in a table*/ /*row border colors*/ /*box row text padding*/
    /*VH FIX*/
    /*///////////////////DASHBOARD/////////////////////*/
    /*header heights*/ /*header height*/ /*primary header height*/ /*secondary header height*/ /*header height*/ /*primary header height*/ /*secondary header height*/ /*tertiary header height*/
    /*header colors*/ /*primary header color*/ /*primary header color*/ /*primary menu header color*/ /*primary menu header color*/ /*secondary header color*/ /*tertiary header color*/
    /*footer*/ /*footer hieght*/ /*footer color*/
    /*the body*/ /*background color*/ /*light or dark - dark is 242424*/ /*light or dark - dark is 242424*/
    /*colors -> primary, secondary and accent*/ /*primary*/ /*secondary*/ /*accent*/ /*error*/ /*error accent*/ /*good/correct*/ /*good/correct accent*/
    /*objects -> with width and width/narrow*/ /*in body object color*/ /*object line*/ /*shadow color*/ /*shadow size*/
    /*fonts*//*light font*//*light oblique font*//*book font*//*book oblique font*//*regular font*//*medium font*//*heavy font*//*black font*//*title font*/
}
html {-webkit-tap-highlight-color:transparent;height:100%;position:relative;
    /*FONT CREATION*/
    color: #f2f2f2; font-family: Avenir Roman, 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:Avenir Light}
.bold {font-family:Avenir Heavy}
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 { color: #bf1e2e; text-decoration: none;font-family:Avenir Light; }
a:visited { color: #bf1e2e; text-decoration: none;font-family:Avenir Light; }
a:hover { color: #bf1e2e; text-decoration: none; }
a.none:link { color: #f2f2f2; text-decoration: none;}
a.none:visited { color: #f2f2f2; text-decoration: none;}
a.none:hover { color: #f2f2f2; text-decoration: none;}
img { max-width:100%; height:auto; border:none; }
hr { margin: 7px; 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: Bebas Neue, Arial, Aira, sans-serif; font-size: 2.7em; padding: 0px; margin:8px 0 0 0; font-weight: normal; color: #f2f2f2; letter-spacing: 2px; line-height: 1.2em;}
h2 { font-family: Bebas Neue, Arial, Aira, sans-serif; font-size: 2.3em; padding: 0px; margin:13px 0 0 0; font-weight: 600; color: #f2f2f2; letter-spacing: 2px; line-height: 1.2em;}
h3 { font-family: Bebas Neue, Arial, Aira, sans-serif; font-size: 32px; padding: 0px; margin:20px 0 0 0; font-weight: normal; color: #f2f2f2; letter-spacing: 2px; line-height: 1.2em;}
h4 { font-family: Bebas Neue, Arial, Aira, sans-serif; font-size: 32px; padding: 0px; margin:10px 0 0 0; font-weight: normal; color: #f2f2f2; letter-spacing: 2px; line-height: 1.2em;}
h5 { font-family: Bebas Neue, Arial, Aira, sans-serif; font-size: 1.5em; padding: 0px; margin:3px 0 0 0; font-weight: normal; color: #f2f2f2;letter-spacing: 2px; line-height: 1.2em;}
h6 { font-family: Bebas Neue, Arial, Aira, sans-serif; font-size: 1.5em; padding: 0px; margin:3px 0 0 0; font-weight: normal; color: #f2f2f2;letter-spacing: 2px;line-height: 1.2em;}
p {font-size:16px; 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: 25px;}
p.center {text-align: center;}
p.flat {padding:0;}
button:focus {outline:0;}
form {margin-block-end: 0;}
a {text-decoration:none;outline:none;color:#bf1e2e;}
a:visited {text-decoration:none;outline:none;color:#bf1e2e;}
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: 2px 2px 5px -3px rgba(0,0,0,0.16);-moz-box-shadow: 2px 2px 5px -3px rgba(0,0,0,0.16);box-shadow: 2px 2px 5px -3px rgba(0,0,0,0.16);}
.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:3px}
img.padded-p {padding:25px}
span.padded-s {padding:3px}
span.padded-p {padding:25px}
span.accent {color:#bf1e2e}
span.bold {font-weight:600;}
div.padded-s {padding:3px}
div.padded-p {padding:25px}
div.padded-e {padding:10px}
div.padded-ee {padding:15px}
div.padded-v {padding:25px 0}
div.padded-h {padding:0 25px}
[class*="col-"].padded-p {padding:0 7px}
[class*="col-"].padded-e {padding:0 10px}
[class*="col-"].padded-ee {padding:0 15px}
ul {margin:0;padding:0 0 0 20px;}
ul li {color:#ffffff;font-size:16px;font-family:Avenir Light;margin-top:12px;line-height:1.5em;}
hr.thick {height:1px;}
hr.pad {margin:12px 0}
hr.padded {margin:25px 0}
hr.pad--t {margin:12px 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:#000000;/*overflow-x:hidden;*/}
#page-content.dashboard {background-color:#fafafa;overflow-x:hidden;}
.drop-shadow {-webkit-box-shadow: 2px 2px 5px -3px rgba(0,0,0,0.16);box-shadow: 2px 2px 5px -3px rgba(0,0,0,0.16);}
/* 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:#000000;/*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: 3px;}
#nav-buttons img {height:100%;width:auto;padding:3px;background-color:#ffffff;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:3px;background-color:#ffffff;}
#nav-buttons div.border {border: 1px solid #ffffff;}
#nav-buttons div.circle {-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;overflow:hidden;}
#nav-buttons div.round {-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
#nav-buttons div.rounded {-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;}
#nav-location {display:block;height:100%;width:auto;font-size:2.2em;color:#f2f2f2}
#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: 3px;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:10px 10px 10px 3px}
#nav-header .border {font-size:16px;padding: 12px 10px;border-right:1px solid #e6e6e6;}
#nav-header .text {font-size:16px;;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 #e6e6e6;border-top:0px solid #e6e6e6;}
#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:103px;}
#nav-nav ul {padding:0;margin:0;}
#nav-nav ul li {display:inline-block;position:relative;color:#f2f2f2;padding:50px 0 49px 31px;font-size:18px;letter-spacing:2px;font-weight:500;font-family:Bebas Neue;margin-top:0;}
#nav-nav ul li:focus {color:#bf1e2e;border: 0px;}
#nav-nav ul li:hover {color:#bf1e2e;border: 0px;}
#nav-nav ul li.current {color:#bf1e2e;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 #bf1e2e}

/*Dashbaord Navigation*/
#navbar.dashboard {height:160px;}
#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:60px;padding:0;background-color:#ffffff;z-index:100;}
#nav-wrapper.nav-primary.dashboard.maxed {max-width:930px;}
#nav-location.dashboard {color:#ffffff;padding: 10px;font-family: Avenir Roman,arial narrow, arial;letter-spacing: .05em;padding-top: 11px;}
#nav-user.dashboard {padding-right:7px;margin-right:7px}
#nav-user.dashboard span {display:block;text-align:right;font-size: 2.2em;color: #f2f2f2;padding: 3px 0 0 0;}
#nav-user.dashboard span.padded-s {margin:3px 0}
#nav-user.dashboard span.padded-p {margin:25px 0}
#nav-user.dashboard span.company {font-size:12px;}
#nav-nav.dashboard {height:60px;}
#nav-nav.dashboard .icon img {display:block;float:right;height:60px;padding:19px 25px 19px 0px;margin:0;}
#nav-nav.dashboard .icon.menu img {padding:17px 0 17px 25px;}
#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:100px;background-color:#393939;z-index:99;}
#nav-apps {position:absolute;left:0;right:0;top:0;bottom:0;width:auto;max-width:930px;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 25px;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:#bf1e2e;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: #bf1e2e;top: 63px;height: 4px;content: '';width: 4px;left: 50%;}


/*DASHBOARD NAVIGATION TERTIARY*/
#nav-tertiary.dashbaord {position:relative;display:block;width:100%;height:50px;background-color:#969696;-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:930px;margin:0 auto; padding: 0 25px;}
#nav-tert-title {position:relative;display:block;float:left;color:#f2f2f2;font-family:Avenir Heavy;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: #ffffff;}
/* Handle */
#page-content #nav-secondary ::-webkit-scrollbar-thumb {background: #393939;}
/* Handle on hover */
#page-content #nav-secondary ::-webkit-scrollbar-thumb:hover {background: #393939;}
#secondary-scroll {position:absolute;bottom:-2px;left:0;right:0;height:0;width:100%;background-color:#bf1e2e;overflow:hidden}
#secondary-scrollbar {position:relative;float:left;height:5px;width:200px;background-color:#393939;}


/*page-body full*/
#page-body {position:relative;display:block;width:100%;height:auto;background-color:#000000;padding:0;margin:0;padding-bottom:103px;}
#page-body.dashboard {padding:0 15px;padding-bottom:65px;background-color:#fafafa}

.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 {position: fixed;display: block;width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(255,255,255,.55);z-index: 500;cursor: pointer;}
#body-freeze {position: fixed;display: block;width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(255,255,255,.55);z-index: 500;cursor: pointer;}
#loading.hide {display:none;}
#freeze.hide, #body-freeze.hide {display:none;}
#body-freeze {top: 103px}


/*footer-basic*/
#footer {position:absolute;display:block;z-index:100;left:0;bottom:0;top:auto;width:100%;height:103px;background-color:#000000;padding:0 16px;}
#footer.basic {}
#footer.dashboard {height:50px;background-color:#ffffff;text-align:right;}
#footer.dashboard.border {border-top: 1px solid #e6e6e6;}
#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:80px}
#side-menu.dashboard.hide{left:-375px;right:auto;}
#side-menu-inner {position:relative;width:100%;height:100%;background-color:#969696;margin:0;}
#side-menu-inner.right {text-align:right;}
#side-menu-inner.center {text-align:center;}
.side-menu-inner {position:absolute;display:block;top:80px;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 #bf1e2e;}
.mobile-menu.top {border-bottom: 0; border-top:1px solid #bf1e2e}
.mobile-menu.none {border-bottom: 0;}
.side-menu-item {padding: 13.5px 0;font-weight: 500;font-family:Bebas Neue;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 {color:#bf1e2e;text-decoration: none;}
#side-menu-menu a:focus {color:#bf1e2e;text-decoration: none;}
#side-menu-menu a:hover .side-menu-item {color:#bf1e2e;text-decoration: none;}
#side-menu-menu a:focus .side-menu-item {color:#bf1e2e;text-decoration: none;}
#side-menu-menu a .side-menu-item.current {color:#bf1e2e}
#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 #bf1e2e}
.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((1vh * 250));margin-top:calc(103px * -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((1vh * 97));white-space:nowrap;overflow:hidden;background-color:#393939}
#picture-box {position:relative;display:block;vertical-align: top;width:100%;height:40vh;height:calc((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((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:Avenir Heavy;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:#393939}
.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:Bebas Neue;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:Bebas Neue;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:Avenir Roman;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: #969696;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:#bf1e2e;color:#000;font-family:Bebas Neue;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 #bf1e2e;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 {color:#e4e4e4;font-family:Bebas Neue;letter-spacing: 2px; font-size:16px;}
.resort .action-btn.wire a:hover {color:#e4e4e4;font-family:Bebas Neue;letter-spacing: 2px; font-size:16px;}
.resort .action-btn.wire a:focus {color:#e4e4e4;font-family:Bebas Neue;letter-spacing: 2px; font-size:16px;}
.resort .action-btn.wire a:visited {color:#e4e4e4;font-family:Bebas Neue;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:Bebas Neue;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:#bf1e2e}
.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:Bebas Neue;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:#ffffff}
#account-menu.hide{right:-225px;}
#account-menu.dashboard.hide{top:-100%;right:0px;}
#account-menu.dashboard {top:60px;right:0;}
#account-menu-inner {position:relative;width:100%;height:100%;background-color:#969696}
#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:25px;font-size:16px;color:#f2f2f2;position:relative;}
.menu-button-icon {float:left;display:block;width:20px;height:20px;margin:10px 15px 10px 7px;}
.menu-button a{float:left;display:block;text-decoration:none;color:#f2f2f2;padding:12px 0;}
.menu-button a:visited{float:left;display:block;text-decoration:none;color:#f2f2f2;padding:12px 0;}
.menu-button a:hover{float:left;display:block;text-decoration:none;color:#f2f2f2;padding:12px 0;}
.menu-button a.border {border-top:1px solid #000000}
.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 #000000}
.menu-button:hover, .menu-button:focus {background-color: #e5e5e5}
.menu-button a.border:hover{border-color:#e5e5e5;}
.menu-button.inset {padding-right:25px}
.menu-button:last-child {border-bottom:none;}
.menu-header  {position:relative;display:block;width:100%;height:auto;background-color:#bf1e2e;padding:10px;text-align:right;}
.menu-header.dashbaord {background-color:#ffffff;color:#ffffff;padding:0;}
.menu-header.border {border-bottom: 1px solid #e6e6e6}
.menu-header .image {position: absolute;display: block;opacity:1;height: 12px;width: 12px;right:25px;top:7px;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:7px;}
.menu-header .image.vert {bottom:50%;margin-bottom:-15px}
.menu-header .image.top {bottom:auto;top:7px}
.menu-header .image.hide {opacity:0;}
.menu-header .name {margin:7px 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:#bf1e2e;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:#393939;text-align:center;}
.menu-header-name.account {margin:14px 0 25px 0;}
.menu-header-name.side-menu {margin: 0;float: left;padding: 32px 0;}
.menu-group {display:block;padding:25px 0 4px 25px;margin:0;font-size:16px;color:#f2f2f2}
.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:#ffffff}
.box.padded-t {margin-top:25px;}
.box.last {margin-bottom:40px}
.box.border {border:1px solid #000000;}
.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 25px;}
.box--inner.padded-t {padding-top:10px;}
.box--inner.padded-b {padding-bottom:10px}
.box--title {display:block;width:100%;text-align:left;font-size:26px;color: #f2f2f2;font-family:Bebas Neue;letter-spacing:2px;margin:0 0 25px 0;/*background-color:var(--obj-color)*/}
.box--title.padded {padding: 30px 25px 0 25px;}
.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: #f2f2f2;padding: /*var(--p-p)*/ 0;}
.box--title.center {text-align:center;}
.box--title.large {font-size:2.7em;}
.box--title.bold {font-family: Avenir Heavy}
.box--subtitle.center {text-align:center;}
.box--btn {display:block;width:100%;height:40px;text-align:left;font-size:1.1em;background-color:#bf1e2e;color:#ffffff;margin:7px 0;padding:12px;cursor:pointer;}
.box--btn.in-form {margin-top: 34px;}
.box--btn a {font-size:1.1em;color:#ffffff;text-decoration:none;}
.box--btn a:hover {font-size:1.1em;color:#ffffff;text-decoration:none;}
.box--btn a:visited {font-size:1.1em;color:#ffffff;text-decoration:none;}
.box--btn a:focus {font-size:1.1em;color:#ffffff;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: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.box--btn.rounded {-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;}
.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:40px;font-size:1.5em;color:#393939;padding:10px 0;cursor:pointer;}
.box--btn-no.small {font-size:14px;}
.box--btn.flat {margin: 0;}
.box.stand-alone {margin: 25px 15px;}
.box [class*="col-"] {padding:0;margin: 0;}
.box .padded-l {padding:0 25px;}
.card .padded-l {padding:0 25px;}
.box .padded-r {padding:0 25px;}
.card .padded-r {padding:0 25px;}
.box .padded-c {padding:0 25px;}
.card .padded-c {padding:0 25px;}
.box .padded-f {padding:0 25px;}
.card .padded-f {padding:0 25px;}
.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:10px 0;color:#f2f2f2;font-size: 14px;font-family:Avenir Light;}
.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:1.5em}
.box--columns {display:block;width:100%;font-size:1.5em}
.box--columns.border {border-bottom:1px solid #e6e6e6;}
.box--columns.border.thick {border-bottom:2px solid #e6e6e6}
.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:7px 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:16px;;color:#f2f2f2;height:40px;overflow:hidden;}
.box--rows.border {border-bottom:1px solid #e6e6e6}
.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: #bf1e2e;}
.box--row {display:block;float:left;height:40px;padding:13px 0;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: #393939;}
.box--row span {padding-left:3px;position:absolute;}
.box--row span.small {display:inline-block;font-size:.65em;color:#f2f2f2;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:#393939}
.box--row.collapse {padding:0;margin:0;}
.box--row img {display:block;width:40px;height:40px;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: #bf1e2e;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:7px 25px}



/*facebox*/
#outer-box {z-index: 499;position: fixed;display: block;width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0;background-color:rgba(255,255,255,.55);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 25px 25px 25px}
.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:#393939;font-size:26px;margin:0 0 15px 0;}
#message-box .padded-p {padding:25px}
#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 {color: #393939}
#message-box .accessory label {color: #393939}
#message-box .accessory.padded {padding:10px 0;}
.accessory.padded {padding:10px 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:40px;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: 50px;background-color: #ffffff;border-top: 1px solid #e6e6e6;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:#969696;font-family:Bebas Neue;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:Avenir Book Oblique;font-size: 15px;margin-top:26px;letter-spacing:1px;}
.callout-box h6 {color:#969696;font-size:32px;font-family:Bebas Neue;letter-spacing:2px;}
.callout-box ul {margin:0;padding:0 0 0 20px;}
.callout-box ul li {color:#f2f2f2;font-size:16px;font-family:Avenir Light;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:Avenir Light Oblique;color:#f2f2f2;font-size:16px;line-height:1.5em;}
.callout-slide .slide-handle {font-family:Bebas Neue;color:#969696;font-size:12px;margin-top:14px}
.callout-slide .slide-date {font-family:Avenir Light;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:Bebas Neue;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:Avenir Light;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:Bebas Neue;color:#969696;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;}

/*guiding information*/
.guide-info {width:100%;padding:0 16px; margin-bottom:30px;}
.dates{position: relative;font-size: 18px;font-family:Avenir Light;letter-spacing:1px;color:#969696;margin-top:27px;}
.dates span {padding-right: 50px;}
.dates:after {content: "";position: relative;height: 0.3em;border-top: 1px solid #bf1e2e;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:#969696;font-size:28px;display:inline-block;margin-top: -.3em;}
h4 span.lighter.small {font-size:18px;}
.dates-info span {font-family:Bebas Neue;letter-spacing:2px;font-size:32px;color:#f2f2f2;}
.dates-info span.lighter {color:#969696;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 #e6e6e6;text-align:center;font-family:Avenir Light;font-size: 14px;padding: 7px 0;}
#items td{border-bottom:1px solid #e6e6e6;color:#f2f2f2}
.comment td{border-bottom:1px solid #e6e6e6;color:#f2f2f2}
#items tr {height:40px;}
#items tr:last-child td{border-bottom:none}
td.comment td{border:1px solid #e6e6e6}
td.comment td div{min-height:50px;}
td.l-border{border-left:1px solid #e6e6e6}
td.r-border{border-right:1px solid #e6e6e6}
#items td.n-border{border:none;}
#items td.s-border{border-bottom:2px solid #e6e6e6}
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 3px;background-color:#c8102e;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.status-link.active {background-color:#c4d600}


/*likely box objects*/
.txt-obj {padding: 7px 0;display:block;width: 100%;overflow:hidden;}
.txt-obj.padded {padding: 25px;}
.txt-obj.narrow {padding: 7px;}
.txt-obj.none {padding: 0;}
.txt-obj.border-t {border-top:1px solid #bf1e2e}
.txt-obj.border-t:first-child {border-top:none;}
.padded-r .txt-obj.border-t:first-child {border-top:1px solid #bf1e2e;}
.txt-obj.doubled {height:auto;}
.txt-obj label {float:none;font-size: 12px;font-family: Avenir Heavy;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:10px 0;padding:10px;background-color: #c8102e;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:10px 25px;}
.message.round {-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.message.rounded {-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;}
.message.good {background-color: #c4d600;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: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.message.rounded {-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;}

/*forms*/
::placeholder {color: #dadada;opacity: 1;}
:-ms-input-placeholder {color: #dadada;}
::-ms-input-placeholder {color: #dadada;}
::-webkit-datetime-edit-text {padding:0 9px}
::-webkit-calendar-picker-indicator {filter: invert(1);}
.form {margin-top:20px;}
textarea {font-family:Avenir Book Oblique;letter-spacing:0;width: 100%;padding: 0 9px;margin: 0 0 20px 0;height:40px;display: inline-block;border:none;border-bottom: 1px solid #bf1e2e;background-color:transparent;box-sizing: border-box;color:#f2f2f2;font-size:25px;}
input[type=text] {font-family:Avenir Book Oblique;letter-spacing:0;width: 100%;padding: 0 9px;margin: 0 0 20px 0;height:40px;display: inline-block;border:none;border-bottom: 1px solid #bf1e2e;background-color:transparent;box-sizing: border-box;color:#f2f2f2;font-size:25px;}
input[type=password] {font-family:Avenir Book Oblique;letter-spacing:0;width: 100%;padding: 0 9px;margin: 0 0 20px 0;height:40px;display: inline-block;border:none;border-bottom: 1px solid #bf1e2e;background-color:transparent;box-sizing: border-box;color:#f2f2f2;font-size:25px;}
input[type=date] {font-family:Avenir Book Oblique;letter-spacing:0;width: 100%;padding: 0 9px;margin: 0 0 20px 0;height:40px;display: inline-block;border:none;border-bottom: 1px solid #bf1e2e;background-color:transparent;box-sizing: border-box;color:#f2f2f2;font-size:25px;}
input[type=number] {font-family:Avenir Book Oblique;letter-spacing:0;width: 100%;padding: 0 9px;margin: 0 0 20px 0;height:40px;display: inline-block;border:none;border-bottom: 1px solid #bf1e2e;background-color:transparent;box-sizing: border-box;color:#f2f2f2;font-size:25px;}
select {font-family:Avenir Book Oblique;letter-spacing:0;width: 100%;padding: 0 9px;margin: 0 0 20px 0;height:40px;display: inline-block;border:none;border-bottom: 1px solid #bf1e2e;background-color:transparent;box-sizing: border-box;color:#f2f2f2;font-size:25px;}
textarea {border:1px solid #bf1e2e;font-family:Avenir Book Oblique;}
textarea.round {-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
input[type=text].round {-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
input[type=password].round {-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
input[type=date].round {-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
input[type=number].round {-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
select.round {-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
textarea.padded {padding: 0 9px;margin: 7px}
input[type=text].padded {padding: 0 9px;margin: 7px}
input[type=password].padded {padding: 0 9px;margin: 7px}
input[type=date].padded {padding: 0 9px;margin: 7px}
input[type=number].padded {padding: 0 9px;margin: 7px}
select.padded {padding: 0 9px;margin: 7px}
textarea.small {width: 100%; margin:7px 0}
input[type=text].small {width: 100%; margin:7px 0}
input[type=password].small {width: 100%; margin:7px 0}
select.small {width: 100%; margin:7px 0}
input[type=date].small {width: 100%; margin:7px 0}
input[type=number].small {width: 100%; margin:7px 0}
textarea.xsmall {width: 100%; margin:7px 0}
input[type=text].xsmall {width: 100%; margin:7px 0}
input[type=password].xsmall {width: 100%; margin:7px 0}
select.xsmall {width: 100%; margin:7px 0}
input[type=date].xsmall {width: 100%; margin:7px 0}
input[type=number]xsmall {width: 100%; margin:7px 0}
textarea:focus {border-color:undefined; box-shadow: undefined;}
input:focus {border-color:undefined; box-shadow: undefined;}
textarea {height:114px;padding:7px 7px;resize:vertical;font-size:18px;}
.textarea-counter {float: right;margin-top: -17px;}
input[type=text].error {border-color:#c8102e; box-shadow: 0 0 1px #c8102e;}
input[type=password].error {border-color:#c8102e; box-shadow: 0 0 1px #c8102e;}
input[type=text]:focus.error {border-color:#c8102e; box-shadow: 0 0 1px #c8102e;}
input[type=password]:focus.error {border-color:#c8102e; box-shadow: 0 0 1px #c8102e;}
input[type=text].good {border-color:#c4d600; box-shadow: 0 0 0 #c4d600;}
input[type=password].good {border-color:#c4d600; box-shadow: 0 0 0 #c4d600;}
input[type=text]:focus.good {border-color:#c4d600; box-shadow: 0 0 0 #c4d600;}
input[type=password]:focus.good {border-color:#c4d600; box-shadow: 0 0 0 #c4d600;}
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:40px;text-align:left;font-size:1.1em;font-family:Bebas Neue;letter-spacing:2px;background-color: #bf1e2e;color:#ffffff;/*padding: var(--p-p);*/margin: 7px 0;border: none;cursor: pointer;}
button:disabled {background-color:#1b1b1b}
button.inactive {background-color: #969696;color:#f2f2f2}
button.bold {font-weight:bold;}
button.center {text-align:center;}
button.round {-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
button.rounded {-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;}
button.in-form {margin-top: 34px;}
button:hover, button:focus {opacity: 0.8;}
button.small {width:100%;margin:7px 0}
button.xsmall {width:100%;margin:7px 0}
button.vsmall {width:100%;margin:7px 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 #393939}
.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: #c4d600;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: 10px;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: #bf1e2e;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: #c4d600;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: #969696;-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:1.1em;text-overflow: ellipsis;white-space: nowrap;cursor: pointer;display: inline-block;overflow: hidden;padding: 17px;background-color: #bf1e2e;color:#fff;text-align:center;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;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((1vh * 97));}
    .home-animation-text {display:inline-block;width:60%;height:100vh;height:calc((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:16px; 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:80%;max-width:500px;margin-left:auto;margin-right:auto;}
    .box.stand-alone.narrow {width:350px;}
    .box.maxed {max-width:930px; margin-left: auto;margin-right: auto;width: 100%;}
    .box.sub-maxed {max-width:700px;margin-left:auto;margin-right:auto;width:100%;}
    .box.shadow {-webkit-box-shadow: 2px 2px 5px -3px rgba(0,0,0,0.16);-moz-box-shadow: 2px 2px 5px -3px rgba(0,0,0,0.16);box-shadow: 2px 2px 5px -3px rgba(0,0,0,0.16);}
    .box.round {-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
    .box.rounded {-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;}
    .box.round .box--footer {-webkit-border-radius: 0 0 7px 7px;-moz-border-radius: 0 0 7px 7px;border-radius: 0 0 7px 7px;}
    .box.rounded .box--footer {-webkit-border-radius: 0 0 7px 7px;-moz-border-radius: 0 0 7px 7px;border-radius: 0 0 7px 7px;}
    .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:80px;}
    #nav-secondary.dashboard {height:100px;}
    #nav-location.dashboard {padding-top: 17px;}
    #nav-buttons div {padding:3px;}
    #nav-buttons {padding:7px}
    #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:80px;}
    .side-menu-inner {top:80px;}
    #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:7px;}
    .pinned-t {position: absolute;top: 15px;right: 25px;padding:0;margin:0;}
    .pinned-t textarea {margin:7px 0}
    .pinned-t input[type=text] {margin:7px 0}
    .pinned-t input[type=password] {margin:7px 0}
    .pinned-t input[type=date] {margin:7px 0}
    .pinned-t input[type=number] {margin:7px 0}
    .pinned-t select {margin:7px 0}
    .box--btn.small {width:170px;}
    .fixed-save {position: fixed;height:50px;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 25px}
    [class*="col-"].padded-e {padding:0 10px}
    .box .padded-l {padding:0 7px 0 25px;}
    .card .padded-l {padding:0 7px 0 25px;}
    .box .padded-r {padding:0 25px 0 7px;}
    .card .padded-r {padding:0 25px 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:#bf1e2e}
    .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:80px;}
    #navbar.dashboard {height:180px;}
    #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:80px;}
    #nav-wrapper.nav-primary.dashboard {height:80px;}
    #nav-nav.dashboard .icon img {height:80px;padding:29px 25px 29px 0px;}
    #nav-nav.dashboard .icon.menu img {height:80px;padding:27px 0 27px 25px;}
    #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((1vh * 100));}
    .home-animation-text {display:inline-block;width:60%;height:100vh;height:calc((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:80px;right:-570px;}
    #account-menu.dashboard {top:80px;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:930px;}
    #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:930px;}
    #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: 3px;-moz-border-radius: 3px;border-radius: 3px;}
    #animation-window h1 {font-size:50px;}
    .card {margin: 40px 0;}
    .card.maxed {margin:40px auto;}
    .message.maxed {display:block;max-width:900px;margin:10px 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:930px;}
    .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:930px;}
    .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:930px;}
    .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:930px;}
    /*guiding information*/
    .guide-info {padding:0 64px;width:100%;margin: auto;max-width:930px;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:930px;}
    .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:930px;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;}
}