@font-face{
    font-family:"Montserrat Black";
    src:url('../fonts/Montserrat-Black.ttf')  format('truetype');
}
@font-face{
    font-family:"Montserrat Bold";
    src:url('../fonts/Montserrat-Bold.ttf')  format('truetype');
}
@font-face{
    font-family:"Montserrat Medium";
    src:url('../fonts/Montserrat-Medium.ttf')  format('truetype');
}
@font-face{
    font-family:"Montserrat Regular";
    src:url('../fonts/Montserrat-Regular.ttf')  format('truetype');
}
@font-face{
    font-family:"Montserrat Semi-Bold";
    src:url('../fonts/Montserrat-SemiBold.ttf')  format('truetype');
}
@font-face{
    font-family:"Montserrat Light";
    src:url('../fonts/Montserrat-Light.ttf')  format('truetype');
}
@font-face{
    font-family:"Montserrat Italic";
    src:url('../fonts/Montserrat-Italic.ttf')  format('truetype');
}
:root {
    /*colors -> primary, secondary and accent*/
    --p-color: #BABB39; /*primary*/
    --s-color: #C30000; /*secondary*/
    --t-color: #2B2E31; /*tertiary*/
    --a-color: #52C3C4; /*accent*/
    --e-color:#c8102e; /*error*/
    --ea-color: #ab2121; /*error accent*/
    --g-color:#c4d600; /*good/correct*/
    --ga-color: #167107; /*good/correct accent*/
    /*colors main objects*/
    --bg-color: #ffffff; /*background-color*/
    --head-color: #141313; /*header color*/
    --footer-color: #141313; /*footer color*/
    --head-line: #d8d8d8; /*header line*/
    /*website header heights*/
    --head-size: 117px; /*header size*/
    --head-m-size: 117px; /*header size mobile*/
    --footer-size: 532px; /*footer size*/
    --footer-t-size: 915px; /*tablet size*/
    --footer-m-size: 1250px; /*footer size mobile*/
    /*text colors*/
    --head-txt-color: #ffffff; /*header text color*/
    --footer-txt-color: #ffffff; /*footer text color*/
    /*objects -> with width and width/narrow*/
    --obj-color: #f9f9f9; /*in body object color*/
    --obj-line: #e6e6e6; /*object line*/
    --shadow-c: rgba(0,0,0,0.16); /*shadow color*/
    --shadow-s: 2px 2px 5px -1px; /*shadow size*/
    --obj-w: 80%; /*object width*/
    --obj-wn: 350px; /*object max-width when narrow is designated*/
    --inner-max: 900px; /*objects that are maxed to normal size for larger browsers*/
    --inner-sub-max: 700px; /*objects that are maxed to sub-normal size for larger browsers*/
    --side-menu-mx: 375px; /*side menu max width*/
    --side-menu-mxn: -375px; /*side menu max width negative*/
    /*buttons -> f=font, a=active*/
    --btn: var(--s-color); /*button color*/
    --btn--f: var(--txt-color); /*button font color*/
    --btn--a: var(--p-color); /*button color when active*/
    --btn--a-f: #ffffff; /*button font color when active*/
    --btn-h: 40px; /*button height*/
    /*fonts*/
    --txt-color: #2B2E31; /*text color*/
    --txt-color-s: var(--s-color); /*text color secondary*/
    --txt-head-color: var(--p-color); /*sub text color*/
    --txt-sub-color: var(--a-color); /*sub text color*/
    --f-1: 56px; /*header 1 size*/
    --f-2: 40px; /*header 2 size*/
    --f-3: 32px; /*header 3 size*/
    --f-4: 28px; /*header 4 size*/
    --f-5: 24px; /*header 5 size*/
    --f-6: 16px; /*header 6 size*/
    --f-p: 16px; /*paragraph size*/
    --b-r: 16px; /*box row default font-size*/
    --f-l: 14px; /*font size for form labels*/
    /*radius -> primary and secondary*/
    --r-p: 7px; /*all corner radius*/
    --r-s: 3px; /*all corner radius secondary*/
    --rb-p: 0 0 7px 7px; /*bottom radius*/
    --rb-s: 0 0 3px 3px; /*bottom radius secondary*/
    --rt-p: 7px 7px 0 0; /*top radius*/
    --rt-s: 3px 3px 0 0; /*top radius secondary*/
    /*standard margin full and half*/
    --m-f: 25px; /*standard page margins - like to define elements*/
    --m-h: 12px; /*half the standard*/
    /*padding primary and secondary*/
    --p-i: 16px; /*indent level padding size*/
    --p-s: 3px; /*small padding*/
    --p-p: 7px; /*standard padding size*/
    --p-e: 10px; /*extra padding size*/
    --p-ee: 15px; /*extra padding size*/
    --p-mp: 25px; /*padding padding*/
    /*forms*/
    --form-line: #e6e6e6; /*input text border color*/
    --input-pad: 0 9px; /*input padding*/
    --input-c: var(--txt-color); /*input text color*/
    --input-c-faded:#dadada; /*input text color*/
    /*tables*/
    --row-h: 40px; /*height of a row in a table*/
    --row-c: #e6e6e6; /*row border colors*/
    --row-tp: 13px 0; /*box row text padding*/
    /*VH FIX*/
    --vh: 1vh;
    /*///////////////////DASHBOARD/////////////////////*/
    /*header heights*/
    --head--db-h: 180px; /*header height*/
    --head--db-ph: 80px; /*primary header height*/
    --head--db-sh: 100px; /*secondary header height*/
    --head--db-m-h: 160px; /*header height*/
    --head--db-m-ph: 60px; /*primary header height*/
    --head--db-m-sh: 100px; /*secondary header height*/
    --head--db-th: 50px; /*tertiary header height*/
    /*header colors*/
    --head--db-pc: #ffffff; /*primary header color*/
    --head--db-pca: #ffffff; /*primary header color*/
    --head--db-pmc: #ffffff; /*primary menu header color*/
    --head--db-pmca: #ffffff; /*primary menu header color*/
    --head--db-sc: var(--p--db-color); /*secondary header color*/
    --head--db-tc: var(--s-color); /*tertiary header color*/
    /*footer*/
    --foot--db-h: 50px; /*footer hieght*/
    --foot--db-c: #ffffff; /*footer color*/
    /*the body*/
    --bg--db-c: #fafafa; /*background color*/
    --db--temp: #ffffff; /*light or dark - dark is 242424*/
    --db--ob-rgb: rgba(0,0,0,.25); /*light or dark - dark is 242424*/
    /*colors -> primary, secondary and accent*/
    --p--db-color: var(--p-color); /*primary*/
    --s--db-color: var(--s-color); /*secondary*/
    --a--db-color: var(--a-color); /*accent*/
    --e--db-color:var(--e-color); /*error*/
    --ea--db-color: var(--ea-color); /*error accent*/
    --g--db-color:var(--g-color); /*good/correct*/
    --ga--db-color: var(--ga-color); /*good/correct accent*/
    /*objects -> with width and width/narrow*/
    --obj--db-color: #ffffff; /*in body object color*/
    --obj--db-line: #e6e6e6; /*object line*/
    --shadow--db-c: rgba(0,0,0,0.16); /*shadow color*/
    --shadow--db-s: 2px 2px 5px -3px; /*shadow size*/
    /*fonts*/
    --font-i: Montserrat Italic;/*italic font*/
    --font-l: Montserrat Light;/*light font*/
    --font-r: Montserrat Regular;/*regular font*/
    --font-m: Montserrat Medium;/*medium font*/
    --font-sb: Montserrat Semi-Bold;/*semi-bold font*/
    --font-h: Montserrat Bold;/*heavy font*/
    --font-b: Montserrat Black;/*black font*/
}
html {-webkit-tap-highlight-color:transparent;height:100%;position:relative;
    /*FONT CREATION*/
    color: var(--txt-color); font-family: var(--font-r), Arial, sans-serif; font-size: 14px; text-align: left; line-height: 1;background-color:#fff;height:100%;-webkit-transition: background-color .7s ease;-moz-transition: background-color .7s ease;-o-transition: background-color .7s ease;}
/*BODY AND OVERVIEW STYLES*/
html, body { margin: 0; padding: 0; border: 0px; background-color: #fff;height:100% !important; -webkit-backface-visibility: hidden;}
body { -webkit-font-smoothing: subpixel-antialiased; overflow-y:auto; -moz-osx-font-smoothing: grayscale; font-smooth: always; text-shadow: 1px 1px 1px rgba(0,0,0,0.004); text-align: left;/*-webkit-transform-style: preserve-3d;*/-webkit-backface-visibility: hidden;/*overflow-x:hidden;*/}
body#tinymce {margin:15px;}
/*LARGE SCALE ISSUE FIXES*/
* { box-sizing: border-box; }
.light {font-family:var(--font-l)}
.bold {font-family:var(--font-h)}
button::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner { padding: 0 !important; border: 0 none !important; -webkit-appearance: none; -webkit-border-radius: 0; cursor: pointer;}
input[type="button"] {border-radius: 0; -webkit-appearance: none; -webkit-border-radius: 0; cursor: pointer;}
input[type="button"] {border-radius: 0; -webkit-appearance: none; -webkit-border-radius: 0; cursor: pointer;}
input[type="submit"] {border-radius: 0; -webkit-appearance: none; -webkit-border-radius: 0; cursor: pointer;}
input[type="text"] {border-radius: 0; -webkit-appearance: none; -webkit-border-radius: 0;}
input:focus,
select:focus,
textarea:focus,
button:focus {outline: none;}
.form-wrapper input { box-sizing: border-box;}
a:link, a:visited { color: var(--p-color); text-decoration: none;font-family:var(--font-l); }
a:hover { color: var(--p-color); text-decoration: none; }
a.none:link, a.none:visited { color: var(--txt-color); text-decoration: none;}
a.none:hover { color: var(--txt-color); text-decoration: none;}
img { max-width:100%; height:auto; border:none; }
hr { margin: var(--p-p); display: block; height: 1px; background-color: #eee; border: none; }
body { -webkit-animation: bugfix infinite 1s; }
@-webkit-keyframes bugfix { from {padding:0;} to {padding:0;} }
h1 { font-family: var(--font-sb), Arial, Aira, sans-serif; font-size: var(--f-1); padding: 0px; margin:0 0 8px 0; color: var(--txt-head-color); letter-spacing: -.5px; line-height: 66px;}
h2 { font-family: var(--font-sb), Arial, Aira, sans-serif; font-size: var(--f-2); padding: 0px; margin:0 0 13px 0; color: var(--txt-head-color); letter-spacing: -.5px; line-height: 42px;}
h3 { font-family: var(--font-sb), Arial, Aira, sans-serif; font-size: var(--f-3); padding: 0px; margin:0 0 13px 0; color: var(--txt-sub-color); letter-spacing: -.5px; line-height: 36px;}
h4 { font-family: var(--font-sb), Arial, Aira, sans-serif; font-size: var(--f-4); padding: 0px; margin:0 0 3px 0; color: var(--txt-head-color); letter-spacing: -.5px; line-height: 32px;}
h5 { font-family: var(--font-sb), Arial, Aira, sans-serif; font-size: var(--f-5); padding: 0px; margin:0 0 3px 0; color: var(--txt-sub-color); line-height: 24px;}
h6 { font-family: var(--font-sb), Arial, Aira, sans-serif; font-size: var(--f-6); padding: 0px; margin:0 0 3px 0; color: var(--txt-sub-color); line-height: 24px;}
p {font-family: var(--font-l);font-size:var(--f-p); padding: 0 0 15px 0; margin:0 0 3px 0; line-height: 24px;text-shadow:none;}
h1.center {text-align: center;}
h2.center {text-align: center;}
h3.center {text-align: center;}
h4.center {text-align: center;}
h5.center {text-align: center;}
h6.center {text-align: center;}
h1.padded {margin: var(--m-f);}
p.center {text-align: center;}
p.flat {padding:0;}
button:focus {outline:0;}
form {margin-block-end: 0;}
a, a:visited {text-decoration:none;outline:none;color:var(--p-color);}
a:hover{text-decoration:underline;}
a.center {text-align:center;}
a.inline {display:inline-block;}
[class*="col-"] { width: 100%; height:auto;position: relative;float: left; }
.row { padding: 0;}
.col-c-6 {width:50%;}
.col-p-6 {width:50%;}
.row::after { content: ""; clear: both; display: block; }
.shadow {-webkit-box-shadow: var(--shadow--db-s) var(--shadow--db-c);-moz-box-shadow: var(--shadow--db-s) var(--shadow--db-c);box-shadow: var(--shadow--db-s) var(--shadow--db-c);}
.left {float:left;}
.right {float:right;}
.inline {display:inline-block;}
.cursor {cursor:pointer;}
.mobile {display:block;}
.tablet {display:none;}
.desktop {display:none;}
img.height {height:100%;width:auto}
img.width {height:auto;width:100%;}
img.padded-s {padding:var(--p-s)}
img.padded-p {padding:var(--p-mp)}
span.padded-s {padding:var(--p-s)}
span.padded-p {padding:var(--p-mp)}
span.accent {color:var(--p-color)}
span.bold {font-weight:600;}
div.padded-s {padding:var(--p-s)}
div.padded-p {padding:var(--p-mp)}
div.padded-e {padding:var(--p-e)}
div.padded-ee {padding:var(--p-ee)}
div.padded-v {padding:var(--p-mp) 0}
div.padded-h {padding:0 var(--p-mp)}
[class*="col-"].padded-p {padding:0 var(--p-p)}
[class*="col-"].padded-e {padding:0 var(--p-e)}
[class*="col-"].padded-ee {padding:0 var(--p-ee)}
hr.thick {height:1px;}
hr.pad {margin:var(--m-h) 0}
hr.padded {margin:var(--m-f) 0}
hr.pad--t {margin:var(--m-h) 0 0 0 }
hr.padded--t {margin:19px 0 0 0 }
.menu {-webkit-transition: all .7s ease;-moz-transition: all .7s ease;-o-transition: all .7s ease;}
.hidden-close {background: url('/petey/graphics/icons/close-btn-white.png');background-repeat: no-repeat;background-position: center;background-size: 20px 20px;}
.hidden-close.dark {background: url('/petey/graphics/icons/close-btn-black.png');background-repeat: no-repeat;background-position: center;background-size: 20px 20px;}

/*Heros*/
.cta-hero a:focus, .cta-hero a:link, .cta-hero a:active, .cta-hero a:visited, .cta-hero a:hover {text-decoration: none;}
.cta-hero a:focus .hero-button, .cta-hero a:active .hero-button, .cta-hero a:hover .hero-button {background-color: rgba(195,0,0,.5);}
.cta-hero .sub-hero-split-cta a:focus .hero-button, .cta-hero .sub-hero-split-cta a:active .hero-button, .cta-hero .sub-hero-split-cta a:hover .hero-button {background-color: rgba(195,0,0,1);color:#FFFFFF}
.cta-hero a:focus .hero-link, .cta-hero a:active .hero-link, .cta-hero a:hover .hero-link {text-decoration: underline;text-decoration-color:#FFFFFF;}
.sub-hero-split a:focus .sub-hero-sec-cta, .sub-hero-split a:active .sub-hero-sec-cta, .sub-hero-split a:hover .sub-hero-sec-cta {text-decoration: underline; text-decoration-color: var(--s-color);}
a:focus .sub-hero-sec-cta, a:active .sub-hero-sec-cta, a:hover .sub-hero-sec-cta {text-decoration: underline; text-decoration-color: #ffffff;}


/*Large Hero*/
#large-hero {position: relative; display: flex; align-items: center; justify-content: flex-start;height: calc(100vh - var(--head-size));height: calc(100dvh - var(--head-size));transition: height .7s;min-height: 450px;}
#large-hero img {width: auto; height: auto;}
#large-hero-content {display: flex; flex-direction: column; justify-content: flex-start;align-content: center;}
#large-hero-wrapper {display: flex; flex-direction: column; align-items: flex-start;justify-content: center;width: 100%;margin-left:16px;transition: margin .7s;}
#large-hero-title {font-family: var(--font-h);font-size: 42px;color: #f7f7f7;line-height: 64px;margin-bottom: 28px;letter-spacing: 2.24px;transition: font-size .7s;}
#large-hero-body {font-family: var(--font-r);font-size: 20px; color: #f7f7f7;margin-bottom: 48px;}
#large-hero-cta-wrapper {display: flex;flex-direction: column; justify-content: flex-start;align-items:flex-start;}
.large-hero-cta {display: flex; align-items: center; justify-content: center; width: auto; height: 50px;padding: 0 40px; cursor: pointer;border: 1px solid var(--s-color);background-color: rgba(195,0,0,1);font-family: var(--font-m);font-size: 14px; color: #ffffff;border-radius: 25px;letter-spacing: 2.1px;}
#large-hero-sec-cta {display: flex; align-items: center; justify-content: center; width: auto; height: 50px;padding: 0; cursor: pointer;font-family: var(--font-m);font-size: 14px; color: #ffffff;letter-spacing: 2.1px;margin-top: 12px;}
.large-hero-cta.second {margin-top: 16px; margin-left: 0;}

/*Large Hero Nav*/
#large-hero-nav {position: relative; display: flex; align-items: center; justify-content: flex-start;height: calc(100vh - var(--head-size) - 93px);height: calc(100dvh - var(--head-size) - 93px);transition: height .7s;min-height: 350px;}
#large-hero-nav.video-background {background-color: #000000;}
#large-hero-nav #background-video {width: 100%;height: 100%;object-fit: cover;position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 2;}
#large-hero-nav img {width: auto; height: auto;}
#large-hero-nav-content {display: flex; flex-direction: column; justify-content: flex-start;align-content: center;}
#large-hero-nav-wrapper {display: flex; flex-direction: column; align-items: flex-start;justify-content: center;width: 100%;margin-left:16px;transition: margin .7s;}
#large-hero-nav.video-background #large-hero-nav-wrapper  {z-index: 4;}
#large-hero-nav-title {font-family: var(--font-h);font-size: 42px;color: #f7f7f7;line-height: 64px;margin-bottom: 28px;letter-spacing: 2.24px;transition: font-size .7s;}
#large-hero-nav-sub-title {font-family:var(--font-h);font-size: 20px; color: #F7F7F7;margin-bottom: 48px;}
#large-hero-nav-sub-title span {font-family: var(--font-r);}
#large-hero-nav-body {font-family: var(--font-r);font-size: 20px; color: #F7F7F7; text-shadow: 0px 0px 12px #0000004D;max-width: 450px;line-height: 26px;}
#large-hero-nav-cta-wrapper {display: flex;flex-direction: column; justify-content: flex-start;align-items:flex-start;}
.large-hero-nav-cta {display: flex; align-items: center; justify-content: center; width: auto; height: 50px;padding: 0 40px; cursor: pointer;border: 1px solid var(--s-color);background-color: rgba(195,0,0,1);font-family: var(--font-m);font-size: 14px; color: #ffffff;border-radius: 25px;letter-spacing: 2.1px;}
#hero-nav {position: -webkit-sticky;position: sticky;z-index:11;top:0;display: flex; flex-direction: row;align-items: center; justify-content: space-evenly;height: 93px; width: 100%; background-color: #141313;}
.hero-nav-arrow {position: absolute;top: 15px;margin-top: 0;height: 63px;width: 42px;font-family: var(--font-r);font-size: 32px;color: #888888;text-align: center;opacity: 0;transition: opacity .3s;background-color: #141313;display: flex;align-items: center;justify-content: center;cursor: pointer;}
#hero-nav-left {border-right: 1px solid #4c4c4c;left: 0;}
#hero-nav-right {border-left: 1px solid #4c4c4c;right: 0;opacity: 1;}
#hero-nav-sub-wrapper {display: flex; align-items: center; justify-content: flex-start;width: 100%; padding: 0 42px;overflow: hidden;overflow-x:auto;}
#hero-nav-sub-wrapper::-webkit-scrollbar{height: 0;width: 0;background: #141313;}
#hero-nav-sub-wrapper::-webkit-scrollbar-thumb:horizontal{background: #141313;border-radius: 0;}
#hero-nav-wrapper {display:flex; flex-direction: row;align-items: center; justify-content: space-between;width: 100%; max-width: 1200px;margin: 0 16px;min-width: 850px;}
.hero-nav-item {display: flex; font-family:var(--font-h);font-size: 14px; color: #888888;cursor: pointer;letter-spacing: 2.1px;}
.hero-nav a:focus .hero-nav-item, .hero-nav a:hover .hero-nav-item, .hero-nav a:active .hero-nav-item {color: #ffffff;text-decoration: none!important;}

/*Large Hero Split*/
#large-hero-split {position: relative; display: flex; flex-direction: column; align-items: center; justify-content: flex-start;height: calc(100vh - var(--head-size));height: calc(100dvh - var(--head-size));transition: height .7s;min-height: 750px;}
#large-hero-split-wrapper {display: flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;height: 50vh;}
#large-hero-split-content {display: flex; flex-direction: column; align-items: center; justify-content: center;}
#large-hero-split-title {font-family: var(--font-h);font-size: 40px;color: #F7F7F7;margin-bottom: 52px;text-align: center;line-height: 48px; letter-spacing: 2.26px;transition: font-size .7s;}









/*Breadcrumb Hero*/
#medium-hero {display: flex; position: relative; align-items: center; justify-content: center;height: 500px; width: 100%;}
#breadcrumb {display: inline-block; position: absolute; left: 16px; top: 26px;font-family: var(--font-r);font-size: 16px; color: #F7F7F7;z-index: 7;transition: left .7s;}
#breadcrumb a {color: #F7F7F7}
#breadcrumb a:hover, #breadcrumb a:active, #breadcrumb a:focus {text-decoration: underline; text-decoration-color: #ffffff;}
#breadcrumb span {font-family: var(--font-h);}
#breadcrumb span.hyphen {font-family: var(--font-r);color: #F7F7F7; margin: 0 9px;}

/*Secondary heros*/
#secondary-hero {position: relative; flex-direction: column; display: flex; align-items: center; justify-content: center;height: 560px;}
.secondary-hero-sub-title {font-family: var(--font-r);font-size: 16px; color: #F7F7F7;letter-spacing:3.2px;margin-bottom:16px;}
.secondary-hero-title {font-family: var(--font-h);font-size:40px;color:#F7F7F7;letter-spacing:1.6px;margin-bottom:64px;margin-left:16px;text-align:center;}
.secondary-hero-cta {display: flex;flex-direction: column; justify-content: flex-start;align-items:flex-start;}
.secondary-hero-cta-button {display: flex; align-items: center; justify-content: center; width: auto; height: 50px;padding: 0 40px; cursor: pointer;border: 1px solid var(--s-color);background-color: rgba(195,0,0,1);font-family: var(--font-m);font-size: 14px; color: #ffffff;border-radius: 25px;letter-spacing: 2.1px;}
.secondary-hero-cta-text {display: flex; align-items: center; justify-content: center; width: auto; height: 50px;padding: 0; cursor: pointer;font-family: var(--font-m);font-size: 14px; color: #ffffff;letter-spacing: 2.1px;margin-top: 12px;}

/*Page Break Heros*/
.page-break-hero {display: flex; flex-direction: column; align-items: center; justify-content: flex-start;width: 100%; background-image: url('/project/graphics/photos/web/45th_Rock_Texture.webp');background-repeat: no-repeat;background-position: center;background-size: cover;}
.page-break-hero-clean {display: flex; flex-direction: column; align-items: center; justify-content: flex-start;width: 100%;background-color: #FFFFFF}
.page-break-hero-wrapper {display: flex; flex-direction: column; align-items: center; justify-content: flex-start;width:100%;padding: 80px 16px;}
.page-break-sub-header {font-family: var(--font-r);font-size: 16px; color: #141313; letter-spacing: 3.2px;margin-bottom: 24px;}
.page-break-header {font-family: var(--font-h);font-size: 40px; color: #141313; letter-spacing: 1.6px; margin-bottom: 24px;text-align: center;}
.page-break-text {font-family: var(--font-r);font-size: 16px;color: #000000; margin-bottom: 24px;max-width: 750px;text-align: center;line-height: 22px;}
.page-break-text-cta {display: flex;flex-direction: row;align-items: center;font-family: var(--font-h);font-size: 14px; color: #C30000;letter-spacing: 2.1px;}
.page-break-text-cta img {width: 16px; height: 16px;margin-right: 8px;}


/*Sub Heros*/
.sub-hero {position: relative; flex-direction: column; display: flex; align-items: center; justify-content: center;height: 560px;}
.sub-hero-left {position: relative; flex-direction: column; display: flex; align-items: flex-start; justify-content: center;height: 560px;}
.sub-hero-right {position: relative; flex-direction: column; display: flex; align-items: flex-end; justify-content: center;height: 560px;padding-left: 16px;}
.sub-hero-wrapper {display: flex; flex-direction: column; align-items: flex-start;justify-content: center;/*width: 100%;*/transition: margin .7s;}
.sub-hero-left .sub-hero-wrapper {margin-left:16px;}
.sub-hero-right .sub-hero-wrapper {margin-right:16px;}
.sub-hero-content {display: flex; flex-direction: column; justify-content: flex-start;align-items: flex-start;}
.sub-hero .sub-hero-content {align-items: center;}
.sub-hero-sub-header {font-family: var(--font-r);font-size: 16px; color: #F7F7F7;margin-bottom: 24px;letter-spacing: 3.2px;}
.sub-hero-header {font-family: var(--font-h);font-size: 40px; color: #F7F7F7; margin-bottom: 20px; letter-spacing: 1.6px; line-height: 48px;max-width: 360px;}
.sub-hero-text {font-family: var(--font-r);font-size: 16px; color: #F7F7F7; margin-bottom: 56px; line-height: 22px;max-width: 360px;}
.sub-hero-cta-wrapper {display: flex;flex-direction: column; justify-content: flex-start;align-items:flex-start;}
.sub-hero .sub-hero-sub-header, .sub-hero .sub-hero-header, .sub-hero .sub-hero-text {text-align: center;}
.sub-hero-cta-button {display: flex; align-items: center; justify-content: center; width: auto; height: 50px;padding: 0 40px; cursor: pointer;border: 1px solid var(--s-color);background-color: rgba(195,0,0,1);font-family: var(--font-m);font-size: 14px; color: #ffffff;border-radius: 25px;letter-spacing: 2.1px;}
.sub-hero-sec-cta {display: flex; align-items: center; justify-content: center; width: auto; height: 50px;padding: 0; cursor: pointer;font-family: var(--font-m);font-size: 14px; color: #ffffff;letter-spacing: 2.1px;margin-top: 12px;}


/*Sub Hero Split 50/50 with content*/
.sub-hero-split {display: flex;flex-direction: column; align-items: stretch; justify-content: flex-start;}
.sub-hero-split-item {display: flex;flex-direction: column; align-items: center; justify-content: flex-start;width: 100%;max-width: 100%;}
.sub-hero-split-item:first-child {background-color:#F7F7F7;}
.sub-hero-split-cta {display: flex;flex-direction: column; align-items: center; justify-content: flex-start;width: 100%;max-width: 100%;padding: 70px 16px;}
.sub-hero-split-cta .sub-hero-left-justify {}
.sub-hero-cta-icon {width: 105px; height: 105px; margin-bottom: 32px;}
.sub-hero-cta-icon img {width: 100%; height: 100%;}
.sub-hero-cta-sub-title {font-family: var(--font-r);font-size: 16px; color: #211919;margin-bottom: 24px;}
.sub-hero-cta-title {font-family: var(--font-h);font-size: 40px; color: #141313;margin-bottom: 18px;letter-spacing: 1.6px;text-align: center;}
.sub-hero-cta-text {font-family: var(--font-r);font-size: 16px; color: #141313;line-height: 22px; margin-bottom: 56px;text-align: center;max-width: 350px;}
.sub-hero-left-justify .sub-hero-cta-sub-title {text-align: left;}
.sub-hero-left-justify .sub-hero-cta-title {text-align: left;}
.sub-hero-left-justify .sub-hero-cta-text {text-align: left;}
.sub-hero-split .sub-hero-cta-button {background-color: transparent;color: var(--s-color);font-family: var(--font-h);border-width:2px;}
.sub-hero-split .sub-hero-sec-cta {font-family: var(--font-h);font-size: 14px;color: var(--s-color);}
.sub-hero-split .sub-hero-cta-wrapper {align-items: center;}
.sub-hero-split .sub-hero-left-justify .sub-hero-cta-wrapper {align-items: flex-start;}

/*Sub Hero Map*/
#locations-map {display: flex; flex-direction: column; align-items: center; justify-content: flex-start;width: 100%; height: 100%;min-height: 450px; background-image: url('/project/graphics/photos/web/Mask-Group-6.png');background-repeat: no-repeat;background-position: center;background-size: cover;}

/*backgrounds*/
.wood-texture-wrapper {display: flex; flex-direction: column; align-items: center; justify-content: flex-start;width: 100%; background-image: url('/project/graphics/photos/web/45th_Wood_Texture.webp');background-repeat: no-repeat;background-position: center;background-size: cover;}


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

/*navbar-basic*/
#navbar {position:relative;z-index:50;display:block;width:100%;height:var(--head-size);background-color:var(--head-color);border-bottom:1px solid rgba(195,0,0,.2)}
#navbar-wrapper {position: relative;display: block;}
#navbar.basic {}
#navbar img {height:auto;width:25px;-webkit-transition: all .7s ease;-moz-transition: all .7s ease;-o-transition: all .7s ease;}
#nav-buttons {height:100%;padding: var(--p-s);}
#nav-buttons img {height:100%;width:auto;padding:var(--p-s);background-color:var(--head--db-pca);opacity:1;}
#nav-buttons .hide img {opacity:0;}
#nav-menu {margin:0;-webkit-transition: all .7s ease;-moz-transition: all .7s ease;-o-transition: all .7s ease;}
#nav-menu img {opacity:1;}
#nav-menu.hide img {opacity:0;}
#side-menu-close {position: absolute;right: 0;top: 0;-webkit-transition: all .7s ease;-moz-transition: all .7s ease;-o-transition: all .7s ease;}
#side-menu-close img {opacity:1;}
/*#side-menu-close.hide img {opacity:0;}*/
#nav-menu-items {margin-right: 20px;}
#nav-buttons div {height:100%; padding:var(--p-s);background-color:var(--head--db-pca);}
#nav-buttons div.border {border: 1px solid var(--db--temp);}
#nav-buttons div.circle {-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;overflow:hidden;}
#nav-buttons div.round {-webkit-border-radius: var(--r-s);-moz-border-radius: var(--r-s);border-radius: var(--r-s);}
#nav-buttons div.rounded {-webkit-border-radius: var(--r-p);-moz-border-radius: var(--r-p);border-radius: var(--r-p);}
#nav-location {display:block;height:100%;width:auto;font-size:var(--f-3);color:var(--txt-color)}
#nav-wrapper {height:var(--head-size);width:100%;position:relative;max-width:var(--inner-max);margin:0 auto;padding:0 16px;display:flex;align-items: center;justify-content:center;transition: padding .7s;}
#nav-wrapper.full {max-width:1440px;}
/*#nav-image {height:30px;width:auto;position:absolute;top:51px;left:16px;}
#nav-image-mobile {position: relative;display: block;width: 100%;}
#nav-image img.mobile {display:block; padding: var(--p-s);float: none;text-align: center;margin: 0 auto;}
#nav-image img.desktop {display:none;z-index:50;margin:0 auto;}
#nav-image.basic{}*/
#nav-header {width:100%;height:40px;position:relative;}
#nav-header .icon img {padding:var(--p-e) 10px var(--p-e) 3px}
#nav-header .border {font-size:var(--f-p);padding: 12px 10px;border-right:1px solid var(--obj--db-line);}
#nav-header .text {font-size:var(--f-p);;padding: 12px 10px;}
#nav-account img {margin-right:15px;}
#nav-nav {display:block;width:100%;height:var(--head-size);text-align:center;position:relative;}
#nav-nav.border {border-bottom:1px solid var(--obj--db-line);border-top:0px solid var(--obj--db-line);}
#nav-nav .icon img {height: 24px;width: 26px;position: absolute;top: 54px;right: 16px;}
#nav-nav.dashboard .icon img {margin:31px 20px 31px 0;width:auto;height:18px;}
#nav-nav .icon.left img {padding:30px;width:auto;height:var(--head-size);}
#nav-nav ul {padding:0;margin:0;}
#nav-nav ul li {display:inline-block;color:#111;padding:56px 16px 0px 16px;font-size:14px;letter-spacing:0px;font-family:var(--font-r)}
#nav-nav ul li.accent {color:var(--p-color)}
#nav-nav ul li:focus, #nav-nav ul li:hover, #nav-nav ul li.current {border-bottom:4px solid var(--p-color)}
#nav-nav.dashboard .icon img {position:inherit;}
#nav-nav.dashboard ul {padding:0;margin:0;}
#nav-nav.dashboard ul li {display:inline-block;color:var(--head-txt-color);padding:33px 12px 29px 12px;font-size:14px;letter-spacing:0px;font-weight:500;font-family:var(--font-r)}
#nav-nav.dashboard ul li:focus, #nav-nav ul li:hover, #nav-nav ul li.current {border-bottom:4px solid var(--p-color)}
#nav-image-mobile {position: absolute;display: block;width: 40px;height: 40px;top: 20px;left: 50%;margin-left: -20px;}
#nav-image-mobile.dashboard {top: 10px;}
#nav-nav {display:flex;flex-direction:row;justify-content: center; align-items: center;position:relative;}
#nav-image {display:flex; margin: auto;}
#nav-image img {height: 85px; width: auto;transition: height .7s;}
.nav-menu-items {display:none;flex: 1;align-items: center;justify-content: space-between;}
.nav-menu-item a {font-family:var(--font-sb);font-size: 14px; color: #ffffff;letter-spacing:2.1px;}
.nav-menu-item a .current {color: var(--s-color);}
.nav-menu-item a:hover, .nav-menu-item a:focus, .nav-menu-item a:active {color: var(--s-color); text-decoration: none;}
.nav-menu-item a.active {color: var(--s-color)}
#nav-mobile {display: block; position: absolute; right: 0;}
#whiskey-club {display: none;padding: 16px 40px;background-color: var(--s-color);border: 1px solid var(--s-color);border-radius: 0 0 20px 20px;cursor: pointer;width: auto;position: absolute;right: 56px;top: var(--head-size);cursor: pointer;}
#whiskey-club:focus, #whiskey-club:active, #whiskey-club:hover {background-color: rgba(195,0,0,.5);}
#whiskey-club a {font-family: var(--font-h);font-size: 14px; color: #f7f7f7;letter-spacing: 2.1px;}
#whiskey-club a:active, #whiskey-club a:hover, #whiskey-club a:focus, #whiskey-club a:visited {font-family: var(--font-h);font-size: 14px; color: #f7f7f7;text-decoration: none;}

/*hidden menu*/
#side-menu-box {display: flex;position: relative;z-index: 6;width: 100%;height: 0;overflow: hidden;position: absolute;top: 0;left: 0;right: 0;align-self: flex-start;transition: height 1s;z-index: 11;}
#side-menu-box.show {height: 100vh;}
#side-menu-inner {display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;height: 100vh;width: 100%; background: rgba(20,19,19,.7);backdrop-filter: blur(30px);-webkit-backdrop-filter: blur(30px);}
#side-menu-wrapper {display: flex;justify-content: center;align-items: center;width: 45px;height: 45px;}
#side-menu-menu {display: flex;flex-direction: column;justify-content: flex-start;align-items: center;width: 100%;margin-top: 92px;}
#side-menu-menu a {display: flex;width: 100%;}
#side-menu-header {display: flex;height: var(--head-size);width: 100%;align-items: center;justify-content: center;background-color: var(--head-color);}
#side-menu-logo {display: flex;}
#side-menu-logo img {height: 56px; width: auto;}
#side-menu-close {display: flex;flex-direction: column;justify-content: center;align-items: flex-end;height: 57px;width: 100%;padding: 0;height:var(--head-size);}
#side-menu-close img {width: 13px;height: 13px;filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);transition: filter .3s;}
.nav-side-item a {font-family: var(--font-r);font-size: 16px; color: #f7f7f7; margin-bottom: 56px;}
.nav-side-item.current a {color: var(--s-color);}
.nav-side-item a:hover, .nav-side-item a:focus, .nav-side-item a:active {color: var(--s-color); text-decoration: none;}
.nav-side-item a.active {color: var(--s-color)}

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

/*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: 75px;}
#freeze, #body-freeze {position: fixed;display: block;width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0;background-color: var(--db--ob-rgb);z-index: 500;cursor: pointer;}
#loading.hide {display:none;}
#freeze.hide, #body-freeze.hide {display:none;}
#body-freeze {top: var(--head-m-size)}

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

.footer {display:flex; flex-direction: column; align-items: center; justify-content: space-between;height: 356px;padding: 0 16px;transition: padding .7s;}
#email-signup {display: flex; flex-direction: column; align-items: center; justify-content: center; height: 302px; width: 100%; background-color: #F2EEE2;position:relative;}
.footer-logos {display: flex; flex-direction: column;margin-top: 56px; transition: margin-top .7s;}
.footer-logos img.logo {width: 224px; height: auto;margin-bottom: 32px;}
.footer-social-wrapper {display: flex;flex-direction: row;}
.footer-sitemap-wrapper {display: flex; flex-direction: row;}
.footer-footer {display: flex; flex-direction: column;margin-top: 56px; transition: margin-top .7s;}
.footer-tablet-wrapper {display: flex; flex-direction: row;align-items: flex-start;justify-content: flex-start;}
.footer-footer.tablet {display: none;}
.footer-wrapper {display: flex; flex-direction: column;justify-content: space-between;width: 100%;max-width: 560px;}
.footer-sitemap-wrapper {margin-top: 56px; transition: margin-top .7s;}
.footer-sitemap {display: flex; flex-direction: column;flex: 1;min-width: unset;align-items: flex-start;}
.footer-sitemap a {font-family: var(--font-sb); font-size: 14px; color: #f7f7f7; letter-spacing: 2.1px; margin-bottom: 42px;}
.footer-sitemap a:last-child {margin-bottom: 0;}
.footer-sitemap a:hover,.footer-sitemap a:focus,.footer-sitemap a:active {color: var(--s-color);text-decoration: none;}
.footer-sitemap-inner {display: flex; flex-direction: column;align-items: flex-start; justify-content: flex-start;width: 130px;}
.footer-address {font-family: var(--font-r); font-size: 16px; color: #DBDBDB; line-height: 20px;letter-spacing: .16px; margin-bottom: 24px;}
.footer-social-wrapper img {width: 40px; height: 40px; margin-right: 12px;}
.footer-hours-title {font-family: var(--font-l);font-size: 16px; color: #f7f7f7; letter-spacing: 3.2px; line-height: 20px; margin-bottom: 24px;}
.footer-footer.tablet .footer-hours-title {margin-right: 72px;}
.footer-hours-hours {font-family: var(--font-l);font-size: 16px; color: #ffffff; letter-spacing: .5px;margin-bottom: 56px;}
.footer-hours-hours div {margin-bottom: 8px;}
.footer-hours-hours span {font-family:var(--font-h);font-size: 16px; color: #ffffff}
.footer-copyright {font-family: var(--font-r);font-size: 16px; color: #BCBCBC}
.email-header {font-family: var(--font-h);font-size: 18px; color: #000000;margin-right: 70px;line-height: 32px;margin-bottom: 24px;margin-top: -66px;padding: 0 16px;transition: font-size .7s;}
.email-input {display: flex;flex-direction: row;justify-content: center;align-items: center;}
.email-input #email-list {height: 56px; width: 260px; border-radius: 32px;border: 1px solid #707070;background-color: #ffffff;padding: 0 40px; color: #838383;font-family: var(--font-r); font-size: 16px;margin-right: 10px;transition: width .7s;}
.email-input #email-list.error {border-color: var(--e-color);}
#back-to-top {position: absolute; bottom: 0; right: 0; height: 66px; width: 100%;background-color: #c30000;writing-mode: unset;display: flex;justify-content: center;align-items: center;font-family: var(--font-h);font-size: 14px;color: #f7f7f7;letter-spacing: 2.1px;user-select: none;cursor:pointer;}
.footer-sitemap-wrapper .footer-sitemap:last-child {align-items: flex-end;}

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

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

/*forms*/
#form-wrapper {display: flex; position: relative; flex-direction: column; align-items: center; justify-content: flex-start;width: 100%;padding: 76px 16px 80px 16px;background-color: #F7F7F7;overflow: hidden;}
.form-wrapper-inner {width: 100%; max-width: 880px;}
.form-title {font-family: var(--font-h);font-size: 28px; color: #141313; margin-bottom: 16px;text-align: center;}
.form-description {font-family: var(--font-r);font-size: 16px; color: #000000; margin-bottom: 56px;max-width: 570px;text-align: center;line-height: 24px;}
.form-items {display: flex; flex-direction: column; align-items: center; justify-content: flex-start;width: 100%;max-width: 880px;padding: 0 16px;}
.form-row {display: flex;flex-direction: column;width: 100%;}
.form-unit {display: block;position: relative;padding-bottom: 40px;}
.form-unit.half {width: 100%;}
.form-unit.half:first-child {margin-right: 0;}
.form-unit.half:last-child {margin-left: 0;}
.form-unit.full {width: 100%;}
.error-message {display: none;position: absolute; left: 0; bottom: 16px;font-family: var(--font-r);font-size: 16px; color: var(--s-color);}
.form-unit input.error:first-of-type + span {display: block;}
.form-unit div {display: inline-block;}
.form-unit div label {font-family: var(--font-r)}
.form-unit div:last-child {margin-left: 0;}
.form-unit label {display: inline-block;margin-bottom: 8px;font-family: var(--font-h);font-size: 16px;color: #211919;}
.submit-button {display: flex;flex-direction: row;align-items: center;justify-content: center; position: relative;}
.form-submit {display: flex; flex-direction: column; align-items: center; justify-content: center; width: auto; padding: 16px 40px; background-color: transparent;border-radius: 25px;border: 2px solid var(--s-color);font-family: var(--font-h);font-size: 14px; color: var(--s-color);letter-spacing: 2.1px;}
.form-submit:hover, .form-submit:focus, .form-submit:active {background-color: var(--s-color);color: #FFFFFF;}
.form-row-info {display: block;position: absolute;top: -35px;left: 0;margin-left: unset;}
.form-row-info p {font-family: var(--font-r);font-size: 16px;color: #000000;}
.form-response {display: flex; flex-direction: column; align-items: center; justify-content: center;position: absolute; width: 100%; height: 100%;top: 0; left: 100%; bottom: 0; background-color: #F7F7F7;transition: left .7s;}
.form-response-content {display: flex; flex-direction: column; align-items: center; justify-content: center;}
.form-response-icon {display: flex; justify-content: center; align-items: center; height: 126px; width: 126px;margin-bottom: 56px;}
.form-response-icon img {height: 126px; width: 126px;}
.form-response-title {font-family: var(--font-h);font-size: 32px; color: #141313;margin-bottom: 16px;}
.form-response-body {width: 100%; max-width: 690px; padding: 0 16px;font-family: var(--font-r);font-size: 16px; color: #000000;line-height: 24px;margin-bottom: 56px;text-align: center;}
.form-response-cta {display: flex; flex-direction: row;align-items: flex-start; justify-content: center;}
.form-response-cta-button {display: flex; align-items: center; justify-content: center; padding: 16px 40px; cursor: pointer;font-family: var(--font-h);font-size: 14px; color: var(--s-color);letter-spacing: 2.1px;border: 2px solid var(--s-color);border-radius: 25px;}
.form-response-cta-button:hover, .form-response-cta-button:focus, .form-response-cta-button:active {background-color: var(--s-color);color: #FFFFFF;}
.form-response-cta-link {display: flex;align-items: center;justify-content: center;align-self: stretch;font-family: var(--font-h);font-size: 14px; color: var(--s-color);letter-spacing: 2.1px;margin-left: 48px;}




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







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

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


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



.box {}
.box.stand-alone {margin-top: 40px; margin-bottom: 80px;}
.box .box--title {margin-bottom: 12px;font-family: var(--font-h);font-size: 22px;color: #aaa;margin-top: 20px;}
.box .box--title.center {text-align: center;}
.box .box--footer {margin-left: 16px;}
#account-signin input {margin-top: 12px;margin-bottom: 12px;}
#users-setup input {margin-top: 6px;margin-bottom: 20px;}
#users-setup button.right.float {margin-right: 24px;border-radius: 5px;font-size: 16px;}


#youtube-iframe-wrapper {display: flex; width: 100%; height: var(--aspect-r);}
#error-404-wrapper {display: flex;flex-direction: column;align-items: center;justify-content: center;min-height: 80%;}
#error-404-inner {}
#error-404-title {font-size: 46px;font-family: var(--font-h);text-align: center;margin-bottom: 40px;}
#error-404-body {font-size: 20px;text-align: center;max-width: 450px;line-height: 28px;padding: 0 16px;}


/*CMS Editable*/
.cms-text-editable {cursor: pointer; border: 2px solid red;}
.cms-href-editable {cursor: pointer; border: 2px solid red;}
.cms-photo-editable {cursor: pointer;}

/*BLOG STUFF*/
#blog-home-wrapper {display:block;max-width:900px;margin: 40px 16px 60px 16px;}
.blog-box {display:block;border:1px solid #ccc;margin:0 0 40px 0;padding:0;}
.blog-image {height:200px; width:100%;margin:0;padding:0;overflow:hidden;}
.blog-image img {max-height: 200%;width: 100%; height:auto;border: none;position: absolute;top: -9999px;bottom: -9999px;left: -9999px;right: -9999px;margin: auto;}
.blog-info {display:block;padding:30px;margin:0;}
.blog_date {color:#343c47; font-size: 14px;margin-bottom:30px}
.blog_title {color:var(--s-color); font-family:var(--font-m); letter-spacing:1px; font-size:22px; margin-bottom:20px}
.blog_intro {color:#343c47; font-size: 18px; line-height:1.5em;}
#blog-page-wrapper {display:block;margin:40px 0;padding: 0 16px;}
#blog-page-inner  {margin:0;padding:0;}
.blog-page-top {display:block;margin:0;padding:0;text-align:left;}
.blog-page-author-img {display:block;float:left;height:50px;width:50px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;overflow:hidden;margin-right: 7px;border: 1px solid #ccc;}
.blog-page-author-img img {display:block;height:auto;width:100%;}
.blog-page-info {display:block;float:left;height:50px;text-align:left;}
.blog-page-author {display:block;width:100%;height:25px;margin-top:7px;font-family:var(--font-m);font-size:20px;}
.blog-page-date {display:block;width:100%;height:25px;font-size:15px;}
.blog-page-title h1 {font-size: 26px; font-family:var(--font-h);margin:35px 0 0 0;}
.blog-page-content {display:block;margin:0;padding:0;}
#blog-page-wrapper h3 {font-size:18px;margin:25px 0 0 0;}
#blog-page-wrapper p {padding-top: 25px}
.blog-page-image {display:block;width:100%;height:auto;margin-top: 40px;}
.blog-page-image img {width:100%;height:auto;}

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

/* Taller than Wide */
@media (max-aspect-ratio: 1/1) {
    #photo {padding-right:50px;padding-bottom:0;}
    #fileName {padding-right: 70px;}
    #manageBar {width:50px;height:100%;background-color:#fff;top:0;right:0;}
    #downloadPhoto{right:0;bottom:50px;}
    #manager #rightArrow {right:60px;}
}
@media only screen and (min-width: 570px) {
    .photo_thumb {width:33%;}
    /* For tablets: */
    .col-m-1 {width: 8.33%;}
    .col-m-2 {width: 16.66%;}
    .col-m-3 {width: 25%;}
    .col-m-4 {width: 33.33%;}
    .col-m-5 {width: 41.66%;}
    .col-m-6 {width: 50%;}
    .col-m-7 {width: 58.33%;}
    .col-m-8 {width: 66.66%;}
    .col-m-9 {width: 75%;}
    .col-m-10 {width: 83.33%;}
    .col-m-11 {width: 91.66%;}
    .col-m-12 {width: 100%;}
    td.desktop {display: table-cell;}
    th.desktop {display: table-cell;}
    .box--columns span.small.desktop {display:inline-block;}
    .box--rows span.small.desktop {display:inline-block;}
    .box.stand-alone {width:var(--obj-w);max-width:500px;margin-left:auto;margin-right:auto;}
    .box.stand-alone.narrow {width:var(--obj-wn);}
    .box.maxed {max-width:var(--inner-max); margin-left: auto;margin-right: auto;width: 100%;}
    .box.sub-maxed {max-width:var(--inner-sub-max);margin-left:auto;margin-right:auto;width:100%;}
    .box.shadow {-webkit-box-shadow: var(--shadow--db-s) var(--shadow--db-c);-moz-box-shadow: var(--shadow--db-s) var(--shadow--db-c);box-shadow: var(--shadow--db-s) var(--shadow--db-c);}
    .box.round {-webkit-border-radius: var(--r-s);-moz-border-radius: var(--r-s);border-radius: var(--r-s);}
    .box.rounded {-webkit-border-radius: var(--r-p);-moz-border-radius: var(--r-p);border-radius: var(--r-p);}
    .box.round .box--footer {-webkit-border-radius: var(--rb-p);-moz-border-radius: var(--rb-p);border-radius: var(--rb-p);}
    .box.rounded .box--footer {-webkit-border-radius: var(--rb-p);-moz-border-radius: var(--rb-p);border-radius: var(--rb-p);}
    .txt-obj.doubled {height:154px;}
    .txt-obj label {float:left;}
    .txt-obj h6 {text-align:right;float:right; max-width:50%;}
    .padded-r .txt-obj.border-t:first-child {border-top:none;}
    #page-body.dashboard {padding-bottom:65px}
    input[type=text].small, input[type=password].small, select.small {width: 170px;}
    input[type=text].xsmall, input[type=password].xsmall, select.xsmall {width: 125px;}
    button.small {width:170px;}
    button.xsmall {width:125px;}
    button.vsmall {width:125px;}
    button.margin-r {margin-right:var(--p-p);}
    .pinned-t {position: absolute;top: 15px;right: 25px;padding:0;margin:0;}
    .pinned-t textarea, .pinned-t input[type=text], .pinned-t input[type=password], .pinned-t input[type=date], .pinned-t input[type=number], .pinned-t select {margin:var(--p-p) 0}
    .box--btn.small {width:170px;}
    .fixed-save {position: fixed;height:var(--foot--db-h);width: 100%;bottom: 0;background-color: transparent;border-top: none;left: 0;padding: 0 0 0 25px;margin-bottom:-2px;}
    .fixed-save button.small {margin: 2.5px 1%}
    [class*="col-"].padded-p {padding:0 var(--p-mp)}
    [class*="col-"].padded-e {padding:0 var(--p-e)}
    .box .padded-l, .card .padded-l {padding:0 7px 0 var(--p-mp);}
    .box .padded-r, .card .padded-r {padding:0 var(--p-mp) 0 7px;}
    .box .padded-c, .card .padded-c {padding:0 7px;}
    .box .padded-t, .card .padded-t {padding-top:35px;}
    .email-header {font-size: 24px;}
    .email-input #email-list {width: 370px;}
    #large-hero-wrapper {margin-left:32px;}
    #large-hero-nav-wrapper {margin-left:32px;}
    .sub-hero-left .sub-hero-wrapper {margin-left:32px;}
    .sub-hero-right .sub-hero-wrapper {margin-right:32px;}
    .sub-hero-header {max-width: 500px;}
    .sub-hero .sub-hero-header {max-width: 1000px;}
    .sub-hero-text {max-width: 500px;}
    #breadcrumb {left: 32px;}
    /*BLOG STUFF*/
    #blog-home-wrapper {display:block;max-width:900px;margin: 40px 32px 60px 32px;}
    .blog-box {display:block;border:1px solid #ccc;margin:0 0 40px 0;padding:0;}
    .blog-image {height:250px; width:100%;margin:0;padding:0;overflow:hidden;}
    .blog-image img {max-height: 200%;width: 100%; height:auto;border: none;position: absolute;top: -9999px;bottom: -9999px;left: -9999px;right: -9999px;margin: auto;}
    #blog-page-wrapper {margin:40px 0;padding: 0 32px;}
}
@media only screen and (min-width: 700px) {
    /* For tablets: */
    .col-t-1 {width: 8.33%;}
    .col-t-2 {width: 16.66%;}
    .col-t-3 {width: 25%;}
    .col-t-4 {width: 33.33%;}
    .col-t-5 {width: 41.66%;}
    .col-t-6 {width: 50%;}
    .col-t-7 {width: 58.33%;}
    .col-t-8 {width: 66.66%;}
    .col-t-9 {width: 75%;}
    .col-t-10 {width: 83.33%;}
    .col-t-11 {width: 91.66%;}
    .col-t-12 {width: 100%;}
    .photo_thumb {width:50%;}
    #nav-wrapper {padding:0 32px;}
    .footer {padding: 0 32px;}
    #nav-image img.mobile {display:none;}
    #nav-image img.desktop {display:block;}
    .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;}
    /*large hero*/
    #large-hero-title {font-size: 64px;}
    #large-hero-nav-title {font-size: 56px;}
    #large-hero-wrapper {margin-left:64px;}
    #large-hero-cta-wrapper {flex-direction: row;}
    #large-hero-sec-cta {padding: 0 40px;margin-top: 0;}
    .large-hero-cta.second {margin-top: 0; margin-left: 16px;}
    /*secondary hero*/
    .secondary-hero-cta {flex-direction: row;}
    .secondary-hero-cta-text {padding: 0 40px; margin-top: 0;}
    .secondary-hero-title {margin-left:32px;}
    /*large hero nav*/
    #large-hero-nav-wrapper {margin-left:64px;}
    #large-hero-nav-cta-wrapper {flex-direction: row;}
    #large-hero-nav-sec-cta {padding: 0 40px;margin-top: 0;}
    /*Page break hero*/
    .page-break-hero-wrapper {padding: 80px 32px;}
    /*Sub Hero*/
    .sub-hero-left .sub-hero-wrapper {margin-left:64px;}
    .sub-hero-right .sub-hero-wrapper {margin-right:64px;}
    .sub-hero-cta-wrapper {flex-direction: row;}
    .sub-hero-sec-cta {padding: 0 40px;margin-top: 0;}
    .form-row {flex-direction: row;}
    .form-unit.half {width: 50%;}
    .form-unit.half:first-child {margin-right: 20px;}
    .form-unit.half:last-child {margin-left: 20px;}
    .form-row-info {display: block;position: absolute;top: 16px;left: 50%;margin-left: 140px;}
    #large-hero-split-title {font-size: 56px;line-height: 70px;}
    /*BLOG STUFF*/
    #blog-home-wrapper {display:block;max-width:900px;margin: 40px 64px 60px 64px;}
    .blog-box {display:block;border:1px solid #ccc;margin:0 0 40px 0;padding:0;}
    .blog-image {height:300px; width:100%;margin:0;padding:0;overflow:hidden;}
    .blog-image img {max-height: 200%;width: 100%; height:auto;border: none;position: absolute;top: -9999px;bottom: -9999px;left: -9999px;right: -9999px;margin: auto;}
    #blog-page-wrapper {margin:40px 0;padding: 0 64px;}
}
@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%;}
    .mobile {display:none;}
    .desktop {display:block;}
    #nav-image {left:90px;}
    #nav-nav .icon img {margin:31px 20px 31px 0;}
    #nav-tertiary {margin-bottom:50px;}
    #nav-wrapper {padding:0 48px;}
    #page-body {padding-bottom:var(--footer-t-size)}
    .footer {padding: 0 48px;}
    #footer {height: var(--footer-t-size);}
    .footer-wrapper {flex-direction: row;}
    .footer-wrapper {flex-direction: row;max-width: unset;}
    .footer-sitemap {width: 240px;}
    .footer-sitemap-wrapper .footer-sitemap:last-child {align-items: center;}
    .footer-footer {display: none;}
    .footer-footer.tablet {display: flex;align-self: flex-start;}
    #breadcrumb {left: 56px;}
    /*BLOG STUFF*/
    #blog-home-wrapper {display:block;max-width:var(--inner-max);padding: 0 90px; margin:40px auto;}
    .blog-box {display:block;border:1px solid #ccc;margin:0 0 40px 0;padding:0;}
    .blog-image {height:350px; margin:0;padding:0;overflow:hidden;}
    .blog-image img {max-width: 200%;height: 100%; width:auto;border: none;position: absolute;top: -9999px;bottom: -9999px;left: -9999px;right: -9999px;margin: auto;}
    .blog-info {display:block;padding:30px;margin:0;}
    .blog_date {color:#343c47; font-size: 14px;margin-bottom:30px}
    .blog_title {color:var(--s-color); font-family:var(--font-m); letter-spacing:1px; font-size:22px; margin-bottom:20px}
    .blog_intro {color:#343c47; font-size: 18px; line-height:1.5em;}
    #blog-page-wrapper {max-width:var(--inner-max);margin:40px auto;padding: 0 90px;}
    #blog-page-inner  {border:1px solid #ccc;padding:30px 50px;}
}
@media only screen and (min-width: 1000px) {
    #hero-nav-sub-wrapper {justify-content: center;}
    #hero-nav-right {opacity: 0;}
    .sub-hero-split {flex-direction: row;}
    .sub-hero-split-cta {padding: 140px 16px;}
    .sub-hero-split-item {width: 50%;max-width: 50%;}
    .sub-hero-split-cta {width: 50%;max-width: 50%;}
}
@media only screen and (min-width: 1050px) {
    #large-hero-split {flex-direction: row;}
    #large-hero-split-wrapper {width: 50%;height: 100%;}
}
@media only screen and (min-width: 1200px) {
    #footer {height:var(--footer-size);}
    #footer .maxed.footer, #footer .footer {/*margin-top:20px;*/}
    #page-body {padding-bottom:var(--footer-size)}
    #email-signup {flex-direction: row;}
    #email-signup {height: 162px;}
    #back-to-top {position: absolute; top: 0; right: 0; height: 162px; width: 94px;writing-mode: vertical-rl;}
    .email-header {margin-bottom: 0;margin-top: 0;}
    .footer {flex-direction: row;padding: 0 56px;}
    .footer-logos {margin-top: 0;}
    .footer-sitemap-wrapper {margin-top: 0;}
    .footer-footer {margin-top: 0;}
    .footer-sitemap {align-items: center;}
    .footer-footer {display: flex;}
    .footer-footer.tablet {display: none;}
    .footer-sitemap {width: 280px;}
    #large-hero-wrapper {width: 50%;margin-left:170px;align-items: flex-end;}
    #large-hero-nav-wrapper {margin-left:170px;}
    .sub-hero-left .sub-hero-wrapper {margin-left:170px;}
    .sub-hero-right .sub-hero-wrapper {margin-right:170px;}
    /*BLOG STUFF*/
    #blog-home-wrapper {padding: 0; margin:40px auto;}
    #blog-page-wrapper {max-width:var(--inner-max);margin:40px auto;padding: 0;}
    #blog-page-inner  {border:1px solid #ccc;padding:40px 80px;}
}
@media only screen and (min-width: 1250px) {
    #nav-wrapper {padding:0 56px;}
    #nav-image {display:flex; margin: auto 114px;}
    #nav-image img {height: 100px;}
    .nav-menu-items {display: flex;}
    #nav-mobile {display: none;}
    #whiskey-club {display: block;}
}
@media only screen and (min-width: 1450px) {
    #large-hero-nav-wrapper {margin-left:auto;margin-right: auto;max-width: 1110px}
}
@media only screen and (min-width: 1600px) {

}