:root {
 --blue:#2B317F;
 --blue-18:rgba(43,49,127,.18);
 --blue-30:rgba(43,49,127,.3);
 --blue-60:rgba(43,49,127,.6);
 --blue-75:rgba(43,49,127,.75);
 --teal:#006FA6;
 --link:#4985DF;
 --electric:#00EBF9;
 --electric-30:rgba(0,235,249,.3);
 --red:#ec0f18;
 --active:#A7FD39;
 --greyblue:hsl(229,6%,66%);
 --grey-light:#EAEAEA;
 --grey-light-mid:#BDBDBD;
 --grey:#757575;
 --grey-medium:#444444;
 --grey-dark:#292929;
 --white:#FAF8F8;
 --light-30:rgba(225,225,225,.3);
 --light-60:rgba(225,225,225,.6);
 --dark:#222222;
 --dark-9:rgba(0,0,0,.09);
 --dark-24:rgba(0,0,0,.24);
 --dark-18:rgba(0,0,0,.18);
 --dark-30:rgba(0,0,0,.3);
 --dark-60:rgba(0,0,0,.6);
 --dark-90:rgba(0,0,0,.9);
 --black:#181818;

 --boxShadow-outline-blue:0 0 0 3px var(--blue);
 --underline-light:0 1.8px 0 var(--white);
 --underline-blue:0 1.8px 0 var(--blue);
 --underline-dark:0 1.8px 0 var(--dark-60);
 --boxShadow:rgba(0,0,0,.2) 0px 8px 24px;
 --boxShadow-A:rgba(0,0,0,.2) 0px 3px 3px;
 --boxShadow-inset:inset rgba(0,0,0,.1) 0px 2px 2px;
 --boxShadow-offset:rgba(0,0,0,.2) 3px 8px 4px;
 --boxShadow-flat:rgba(0,0,0,.6) 0px 0px 6px;
 --boxShadow-flat-dark-9:var(--dark-9) 0px 0px 3px;
 --boxShadow-dark:rgba(0,0,0,.5) 0px 8px 24px;
 --boxShadow-light:rgba(225,225,225,.5) 0px 8px 24px;

 --textShadow:2px 2px 2px var(--dark-60);
 --textShadow-bold:3px 3px 3px var(--dark-90);

 /* dimensions */
 --navHeight:9rem;
 --footerHeight:5em;
 --bnr-tall:78%;
 --bnr-short:50%;
 --submitDisplace:12rem;
 --maxWidth:900px;
 --borderRadius-sm:.24em;
 --borderRadius-lg:1em;
 --borderRadius-round:500px;
 --spacer:1rem;
 --p-percent:3%;

 /*--aItem:150px;*/
 --aItem:9rem;

 /* Forms */
 --select-border:var(--blue-60);
 --select-focus:blue;
 --select-arrow:var(--select-border);
 --reportML:8.33%;
 --reportML-md:16.66%;
 --reportBreak:linear-gradient(90deg, rgba(204,204,204,0) 0%, rgba(204,204,204,0) var(--reportML), var(--grey-light) var(--reportML), var(--grey-light) 93%, rgba(204,204,204,0) 93%);
 --reportBreak-md:linear-gradient(90deg, rgba(204,204,204,0) 0%, rgba(204,204,204,0) var(--reportML-md), var(--grey-light) var(--reportML-md), var(--grey-light) 93%, rgba(204,204,204,0) 93%);

 /* Content */
  --baseFontSize:13.6px;
  --i-size:52%;
  --i-display:calc(var(--i-size)*1.384);
  --triangle:12px; /*size of triangle*/

 /* Animation */
  --ease-in-out:ease-in-out 0.3s;

 /* TEXT */
  --txt-clipCopy:"Copy to Clipboard";

  /* DEV */
  --viewOutline:1px solid teal;
}

html, body {display:flex;width:100%;height:100%;}

html {
 width:100%;height:100%;
 font-family: 'Roboto', sans-serif;
 font-size:var(--baseFontSize);
 background-color:var(--white);
 color:var(--blue);
}
body.view {
 justify-content:center;
 align-items:center;
}

body, ul, li, i, main, section, .container, .card, .graphic, .input-group input[type=text], .row, .labelbreak, #nav-toggle-icon {position:relative;}




.outline {
 outline:var(--viewOutline);
 outline-offset:-1px;
}

.d-none {display:none;}
.d-inline {display:inline-block;}
.d-inline-flex {display:inline-flex;}
.d-block {display:block;}
.d-flex {display:flex;}
.flex {display:flex;}
.grid {display:grid;}

.wrap {flex-wrap:wrap;}
.nowrap {flex-wrap:nowrap;}

.order-1 {order:1;}
.order-2 {order:2;}
.order-3 {order:3;}
.order-4 {order:4;}
.order-5 {order:5;}
.order-6 {order:6;}
.order-7 {order:7;}
.order-8 {order:8;}
.order-9 {order:9;}
.order-10 {order:10;}


.scroll-none {overflow-y:hidden;}
.overflow {overflow:visible!important;}
.overflow-hidden {overflow:hidden;}

.relative {position:relative;}
.absolute {position:absolute;}
.fixed {position:fixed;}

.index-0 {z-index:0;}
.index-1 {z-index:1;}
.index-2 {z-index:2;}
.index-3 {z-index:3;}
.index-4 {z-index:4;}
.index-5 {z-index:5;}
.index-6 {z-index:6;}
.index-7 {z-index:7;}
.index-8 {z-index:8;}
.index-9 {z-index:9;}
.index-10 {z-index:10;}

.overlay {
 position:absolute;
 left:0;right:0;top:0;bottom:0;
 background-color:transparent;
 background-repeat:no-repeat;
 width:100%;height:100%;
 background-repeat:no-repeat;
}
.overlay-centre {
 position:absolute;z-index:0;
 bottom:50%;right:50%;
 transform:translate(50%,50%);
 background-repeat:no-repeat;
}



/* - - - - - - - - - - - -
 - - - - - - - - - - - - - text
- - - - - - - - - - - - */

p, h1, h2, h3, h4, h5, h6, footer, label, .btn {
 font-family: 'Montserrat', sans-serif;
}
h1, h2, h3, h4, h5, h6, label, button, .btn {
 text-transform:capitalize;
}
nav, button, .btn {
 font-size:1.1rem;
}

.text-italic {font-style:italic;}
.unbold {font-weight:normal}
.underline {text-decoration:underline;}
.allcaps {text-transform:uppercase;}


.paragraphs p {
 margin-bottom:1em;
}
.paragraphs p:last-child {
 margin-bottom:0;
}



/* - - - - - - - - - - - -
 - - - - - - - - - - - - - widths
- - - - - - - - - - - - */

.row {
 display:flex;
 flex-flow:row wrap;
 width:100%;
}
.row-5 {
 display:flex;
 flex-flow:row wrap;
 height:41.66%!important;
}
.row-6 {
 display:flex;
 flex-flow:row wrap;
 height:50%!important;
}
.col {
 flex-direction:column;
 width:auto;
}
.col-0 {
 flex-direction:column;
 width:0;height:auto;
}
.col-1 {
 flex-direction:column;
 width:8.33%!important;
}
.col-2 {
 flex-direction:column;
 width:16.7%!important;
}
.col-3 {
 flex-direction:column;
 width:25%!important;
}
.col-4 {
 flex-direction:column;
 width:33%!important;
}
.col-5 {
 flex-direction:column;
 width:41%!important;
}
.col-6 {
 flex-direction:column;
 width:50%!important;
}
.col-7 {
 flex-direction:column;
 width:58%!important;
}
.col-8 {
 flex-direction:column;
 width:66.66%!important;
}
.col-9 {
 flex-direction:column;
 width:75%!important;
}
.col-10 {
 flex-direction:column;
 width:83.3%!important;
}
.col-11 {
 flex-direction:column;
 width:91.66%!important;
}
.col-12 {
 flex-direction:column;
 width:100%!important;
}



/* - - - - - - - - - - - -
 - - - - - - - - - - - - - space
- - - - - - - - - - - - */

.navHeight {
 margin-top:var(--navHeight);
}
.footerHeight {
 margin-top:var(--footerHeight);
}
.flex-gap {
 gap:.6rem;
}



/* - - - - - - - - - - - -
 - - - - - - - - - - - - - align
- - - - - - - - - - - - */

.justify-start {justify-content:flex-start!important;}
.justify-end {justify-content:flex-end;}
.justify-centre {justify-content:center;}
.justify-spaceAround {justify-content:space-around;}
.justify-centre-spaced {justify-content:space-around;}
.space-between {justify-content:space-between;}
.justify-between {justify-content:space-between;}

.align-start {align-items:flex-start;}
.align-centre {align-items:center;}
.align-right {align-items:flex-end;}
.align-end {align-items:flex-end;}

.text-centre {text-align:center;}

.pos-centre-vrt {left:50%;transform:translateX(-50%);}



/* - - - - - - - - - - - -
 - - - - - - - - - - - - - shadow
- - - - - - - - - - - - */

.boxShadow {box-shadow:var(--boxShadow);}
.boxShadow-flat {box-shadow:var(--boxShadow-flat);}
.boxShadow-inset {box-shadow:var(--boxShadow-inset);}
.boxShadow-light {box-shadow:var(--boxShadow-light);}
.boxShadow-A {box-shadow:var(--boxShadow-A);}



/* - - - - - - - - - - - -
 - - - - - - - - - - - - -
- - - - - - - - - - - - */

.card {
 padding:1.8em;
 border-radius:6px;
 margin-bottom:var(--triangle);
}

.borderRadius-sm {border-radius:var(--borderRadius-sm);}
.borderRadius-lg {border-radius:var(--borderRadius-lg);}
.borderRadius-lg-btm {
 border-radius:0px 0px var(--borderRadius-lg) var(--borderRadius-lg);
}
.borderRadius-round {border-radius:var(--borderRadius-round)!important;}
.border-light {border:1px solid var(--light-30);}
.border-dark-30 {border:1px solid var(--dark-30);}
.border-blue-30 {border:1px solid var(--blue-30);}
.border-red {border:1px solid var(--red);}

.border-btm-blue {border-bottom:.5px solid var(--blue);}
.border-btm-dark-30 {border-bottom:.5px solid var(--dark-30);}

.break-blue {border-bottom:1px solid var(--blue);}
.break-light-30 {border-bottom:1px solid var(--light-30);}
.break-light-60 {border-bottom:1px solid var(--light-60);}
.break-dark-18 {border-top:1px solid var(--blue-18);}
.break-dark-60 {border-bottom:1px solid var(--dark-60);}
.break-dark-30 {border-bottom:1px solid var(--dark-30);}
.break-report {background:var(--reportBreak);height:1px;}

.labelbreak {
 padding-top:1em;
 margin-top:1em;
}

.labelbreak.theme-blue {
 border-top:1px solid var(--blue);
 color:var(--blue);
}
.labelbreak.theme-dark-18 {
 border-top:1px solid var(--blue-18);
 color:var(--blue-30);
}

.labelbreak .label {
 position:absolute;
 top:-.7em;left:1.6em;
 padding:0 1em 0 1em;

 color:inherit;

 font-size:.8rem;
 font-weight:800;/*Montserrat*/
 font-weight:700;/*Roboto*/
 letter-spacing:.3em;
 text-transform:uppercase;
}

.label.white {
 background-color:var(--white);
}



.circle {border-radius:100%; }
.triangle-down-white {
 width:0;height:0;
 position:absolute;
 bottom:calc(var(--triangle)*(-1));right:50%;
 margin-right:calc(var(--triangle)*(-1));

 border-left:var(--triangle) solid transparent;
 border-right:var(--triangle) solid transparent;
 border-top:var(--triangle) solid var(--white);
}

.skew {transform:skew(-15deg); }



/* - - - - - - - - - - - -
 - - - - - - - - - - - - -
- - - - - - - - - - - - */

a, a:visited, a:active {text-decoration:none; }


h1 {
 margin-bottom:0;

 font-size:2rem;
 font-weight:800;/*Montserrat*/
 font-weight:700;/*Roboto*/
 line-height:1.2em;letter-spacing:-.01em;
}
h2 {
 margin-bottom:1rem;

 font-size:2.3rem;font-weight:700;
 line-height:1.1em;letter-spacing:.02em;
}
h3 {
 margin-bottom:1rem;

 font-size:2.5rem;
 font-weight:600;/*Montserrat*/
 font-weight:500;/*Roboto*/
 line-height:1.1em;letter-spacing:.01em;

}
h4 {
 margin-bottom:1rem;

 font-size:2.1rem;
 font-weight:800;/*Montserrat*/
 font-weight:700;/*Roboto*/
 line-height:1.2em;letter-spacing:.03em;
}
h5 {
 margin-bottom:1rem;

 font-size:17px;font-weight:400;
 line-height:1.5em;letter-spacing:1px;
 margin-top:0;
}
h6 {
 margin:0;
 font-size:1.2rem;font-weight:700;
 line-height:1em;letter-spacing:.02em;
}
p {
 font-size:1rem;font-weight:400;
 line-height:1.5em;letter-spacing:.01em;
}
p.display {font-size:1.3rem;}
p.details {font-size:.9rem;font-style:italic;}
p.subtext {font-size:.9rem;}

.subtext {font-size:.9em;}
.stats {
 font-size:.72em;
 font-weight:bold;
 letter-spacing:.072em;
}
b {
 /*display:inline;*/
 width:auto;
 font-weight:800;/*Montserrat*/
 font-weight:700;/*Roboto*/
}
span.serial {
 font-family:'Montserrat';
 font-size:.8rem;
 font-weight:800;
 letter-spacing:.08rem;
 color:var(--grey);
}
span.indent {
 display:inline-block;
 width:3rem;
}


/* - - - - - - - - - - - -
 - - - - - - - - - - - - - icons
- - - - - - - - - - - - */

i {
 display:block;
 display:flex;

 background-size:auto 100%;
 background-position:center;
 background-repeat:no-repeat;
}
i.inline {
 display:inline-block;
 width:1.3rem;height:1rem;
 bottom:-.15rem;
 margin-right:.9em;
}

i.alert { /* REPORT PAGE */
 border-right:1px solid var(--grey-light-mid);
 margin-right:1%;
 height:99%;min-height:1em;
 padding:1em 0 1em 0;margin-top:-.5em;

 background-size:1.5rem;
}
i.empty {
 background-image:none;
 border-right:1px solid transparent;
}
i.header {
 background-size:calc(2*(2.1rem));
 background-position:center;
 background-size:auto 100%;
}
img.placeholder {
 background-color: var(--grey);
 height:180px;
}
/*i {
 width:60px;height:60px;
 border-radius:100%;
}*/

i.display {
 width:5.2rem;height:5.2rem;
 background-size:auto var(--i-display);
 border-radius:100%;
}
i.sm {background-size:auto calc(var(--i-display)*.8);
}
i.sm.horizontal {
 background-size:auto calc(var(--i-display)*.7);
}
i.horizontal {
 background-size:auto calc(var(--i-display)*.8);
}
}
i > * {
 width:100%;height:100%;
}

.social-icon {
 width:24px;height:24px;
 border:1px solid var(--white);
 border-radius:2px;
 margin-right:.6em;

 background-size:auto 13px;
 background-position:center;
 background-repeat:no-repeat;
}
.social-icon#facebook {
 background-image: url('/item/icon/icon-social-Facebook.svg');
}
.social-icon#linkedin {
 background-image: url('/item/icon/icon-social-LinkedIn.svg');
}

.icon-label {padding-left:2em;}


#pagination div {
 width:8px;height:8px;
 margin:8px;
 border-radius:100%;
 background-color:var(--white);
 border:1px solid var(--grey);
}
#pagination div.selected {
 background-color:var(--grey);
}

ul li {padding-bottom:1em;padding-top:1em;}
ul.tight li {padding-bottom:0;}
ul.display li {padding-bottom:1em;}

ul.arrow li::before {
 content:'➤';
 padding-right:1.2em;
}
ul.bullet li {
 list-style-type:disc;
 margin-left:1.2rem;
}
section#report ul {
 justify-self:right;
 margin-right:0;
 margin-top:.6rem;
 margin-bottom:.6rem;
 padding-bottom:.3rem;
}

ul.address li {
 padding:0;
 font-size:.8em;
 letter-spacing:.06em;
}
ul.address li:first-child {
 text-transform:uppercase;

}

ul#userpanel li {
 padding-left:1em;
 border-bottom:1px solid var(--dark-30);
}
ul#userpanel li:last-child {
 border-bottom:unset;
}



/* - - - - - - - - - - - -
 - - - - - - - - - - - - - s
- - - - - - - - - - - - */

form {
 width:100%;height:auto;/*height:100%;*/
}
input, .select, textarea {
 justify-content:flex-start;
 height:4rem;
 padding-left:1.5rem;

 border-radius:var(--borderRadius-sm);
 font-size:1rem;letter-spacing:.04em;
 border-style:none;
 transition:var(--ease-in-out);
}

::placeholder {color:var(--blue);opacity:1;}
:-ms-input-placeholder {color:var(--blue);}
::-ms-input-placeholder {color:var(--blue);}

.input-group {
 align-items:center;
 padding:6px;
 flex-wrap:nowrap;
}
.input-group input[type=text] {
 z-index:1;
 width:100%;
 background-color:transparent;
}
.input-group input[type=image] {
 position:relative;z-index:1;
}
.input-group:hover {
 box-shadow:var(--boxShadow);
}
.input-group input[type=text]:focus {
 outline:none;
}
.input-group.theme-light {
 border:1px solid var(--light-60);
 box-shadow:var(--boxShadow-A);
}
.input-group.theme-light input[type=text] {
 color:inherit;
}
.input-group.theme-blue {
 border:1px solid var(--light-60);
 box-shadow:var(--boxShadow-A);
}
.input-group.theme-blue .overlay {
 z-index:0;
 border-radius:inherit;
 background-color:var(--light-30);
}
.input-group.theme-blue input[type=text]::placeholder {
 color:var(--white);opacity:1;
 text-shadow:0px 1px var(--blue);
}
.input-group.theme-blue input[type=text]:-ms-input-placeholder {
 color:var(--white);opacity:1;
 text-shadow:0px 1px var(--blue);
}
.input-group.theme-blue input[type=text]::-ms-input-placeholder {
 color:var(--white);opacity:1;
 text-shadow:0px 1px var(--blue);
}
.row#select {
 justify-content:space-between;
 margin:0;
 width:100%;
}
.row#select.theme-blue .select {
 color:var(--white);
 border:1px solid var(--white);
}
.select,
 select option,
 input-group,
 input[type=image] {
  border-radius:var(--borderRadius-sm);
 }
.select {
 /*flex:1 1 0px;*/
	box-sizing:border-box;
	margin:0;
	box-shadow:0 1px 0 1px rgba(0,0,0,.04);
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
	  /*linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);*/
	background-repeat:no-repeat,repeat;
	background-position:right .7em top 50%, 0 0;
	background-size:.65em auto, 100%;
}
select {
 width:100%;height:100%;
 background-color:transparent;
 color:inherit;
}
textarea {
 height:12rem;
}



/* - - - - - - - - - - - -
 - - - - - - - - - - - - - tables
- - - - - - - - - - - - */

.table {
 color:var(--grey-dark);
}
.table .row:nth-child(even) {
 background:var(--reportBreak);
}
.table .row:nth-child(even) i {
 border-right:none;
}
.table .titles {
 font-weight:900;
 letter-spacing:.05rem;
 text-transform:uppercase;
 color:var(--blue);
}
.table b {
 margin-right:.3rem;
}
.table .row.footer {
 background:var(--reportBreak);
 height:1px;
}
.table .row.footer > div {
 margin-top:calc(var(--spacer)*.5);
}




section.fill-blue a:focus:not(:hover) {
 box-shadow:0 1.8px 0 var(--white-60);
}
button:focus:not(:hover) {
 outline:1px solid var(--electric);
}
button:focus, button:hover, a.btn:hover:not(.btn-clear) {
 box-shadow:var(--boxShadow);
}
a.stealth {
 padding-left:0!important;
 padding-bottom:2rem!important;
 text-align:left;
 margin-left:0!important;
 border-bottom-right-radius:60px!important;
}
a.stealth:hover {
 box-shadow:var(--boxShadow-offset)!important;
 text-decoration:underline;
}
a:focus {
 text-decoration: underline;
}
a.pop:focus {
 outline:1px solid var(--electric);
}
form.light input:focus,
form.light textarea:focus,
form.light .input-group:focus-within {
 box-shadow:var(--underline-blue);
}


.easing {
 -webkit-transition:var(--ease-in-out);
 -moz-transition:var(--ease-in-out);
 -o-transition:var(--ease-in-out);
 transition:var(--ease-in-out);
}

 form label {
  font-size:.84rem;
  font-weight:600;/*Montserrat*/
  font-weight:500;/*Roboto*/
  letter-spacing:.03rem;
  text-transform:uppercase;
  margin:1rem 0 .2rem 0;
  padding-left:.3rem;
 }
 form .label {
  position:absolute;
  top:-.7em;left:1.6em;
  padding:0 1em 0 1em;

  font-size:.8rem;
  font-weight:800;/*Montserrat*/
  font-weight:700;/*Roboto*/
  letter-spacing:.3em;
  text-transform:uppercase;
 }

 form.light label {
  color:var(--grey);
 }
 form.light input[type=text], form.light select, form.light textarea {
  background-color:var(--blue-18);
  color:var(--blue);
 }

 form.light button[type=submit] {
  position:absolute;
  bottom:calc(var(--submitDisplace)*-.5);
  transform:translate(-50%,50%);
 }/*places submit button under forms*/

form.light .label {
 color:var(--blue-30);
 background-color:var(--white);
}



/* - - - - - - - - - - - -
 - - - - - - - - - - - - -
- - - - - - - - - - - - */

button, .btn {
 display:inline-block;
 min-width:var(--aItem);
 padding:1rem 2rem;
 border-radius:var(--borderRadius-sm);
 align-self:flex-start;

 font-weight:400;letter-spacing:.04em;
 text-align:center;
 text-decoration:none;
 transition:var(--ease-in-out);
 /*box-shadow:rgba(17, 12, 46, 0.12) 0px 18px 24px 0px;*/
}
nav .btn, nav button, a.display {
 align-self:auto;
}
a.pop {
 border:1px solid var(--grey);
}
button.red, .btn-red {
 background-color:var(--red);
 color:var(--white)!important;
 font-weight:600;/*Montserrat*/
 font-weight:500;/*Roboto*/
}
button.blue, .btn-blue {
 background-color:var(--blue);
 color:var(--white)!important;
}
button.clear, .btn-clear {
 font-size:14px;
 color:white;
 box-shadow:none;
}
button.clear:hover, .btn-clear:hover {
 box-shadow:none;
}



/* - - - - - - - - - - - -
 - - - - - - - - - - - - - img
- - - - - - - - - - - - */
img {
 background-size:auto 100%;
 background-repeat:no-repeat;
 background-position:center;
}
img#quotation {
 position:absolute;z-index:0;
 top:55px;right:0;
 width:130px;height:130px;
}
.img-profile {
 width:60px;height:60px;
 border-radius:100%;
}
.img-profile-24 {
 width:60px;height:60px;
 border-radius:100%;
}




/* - - - - - - - - - - - -
 - - - - - - - - - - - - - nav
- - - - - - - - - - - - */
nav {
 display:flex;
 /*justify-content:space-between;*/
 padding:0 4%;
}
nav#top {
 position:fixed;top:0;left:0;z-index:9;
 width:100%;height:var(--navHeight);
 align-items:center;
 flex-wrap:wrap;
 letter-spacing:1.8px;
}
nav a {
 font-weight:400;
 letter-spacing:.05em;
 text-decoration:none;
 text-align:center;

 transition:color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  nav a {transition:none;}
  nav#top {transition:none;}
}
nav a:hover:not(:focus, .btn, .logo, .toggle){
 border-bottom:1px solid var(--teal);
 transition:none;
}
nav a.logo {
 display:flex;
 order:0;
 flex-grow:1;
 transition:top 0.2s linear;
 height:100%;max-height:var(--navHeight);
}
nav a.logo img {
 width:100%;max-width:135px;height:auto;
}
nav .toggle {
 order:1;
 display:flex;
 align-items: center;
 height:100%; max-height:var(--navHeight);
}
nav .collapse {
 order:3;
 width:100%;height:auto;
 justify-content:center;
}
nav .collapse * {
 display:none;
 width:100%;
 padding:1.75rem 0 1.75rem 0;
 border-bottom:1px solid var(--blue-30);
}
nav .collapse .lastitem {
 border:none;
}
nav .active * {
 display:block;
}

nav.light a {color:var(--blue);}
nav.blue a {color:var(--white);}

nav#top.full {
 height:100%;
 background-color:white!important;
 align-items: flex-start;
}
nav#top.scroll-down {
 height:90px;
 background-color:var(--white);
 box-shadow:var(--boxShadow);
}

/* Nav Toggle Icon */
#nav-toggle-icon {
 width:3rem;height:1rem;
 margin:0;padding:0;
 cursor:pointer;

 -webkit-transform:rotate(0deg);
 -moz-transform:rotate(0deg);
 -o-transform:rotate(0deg);
 transform:rotate(0deg);
}
#nav-toggle-icon span {
 display:block;
 position:absolute;left:0;
 height:3px;width:100%;
 border-radius:3px;
 opacity:1;

 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
}
#nav-toggle-icon span:nth-child(1) {top:0px;}
#nav-toggle-icon span:nth-child(2),
#nav-toggle-icon span:nth-child(3) {
  top:6px;
}
#nav-toggle-icon span:nth-child(4) {
  top:12px;
}

#nav-toggle-icon.open span:nth-child(1) {
  top:6px;left:50%;width:0%;
}
#nav-toggle-icon.open span:nth-child(4) {
  top:6px;left:50%;width:0%;
}

#nav-toggle-icon.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#nav-toggle-icon.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}




footer img.logo {
 width:100%;max-width:136px;
}
footer p {
 max-width:100%;
}
footer #base {
 border-top:1px solid var(--grey);
 font-size:12px;
}
footer ul li {
 padding-bottom:var(--spacer);
}

footer#mini {
 position:fixed;
 bottom:0;
}
footer#mini img.logo {
 height:2.4em;
 margin-right:auto;
 width:auto;
}




/* - - - - - - - - - - - -
 - - - - - - - - - - - - -
- - - - - - - - - - - - */

main {
 width:100%;height:100%;
}
section {
 display:flex;
 justify-content:center;
 width:100%;height:auto;
}
section .container {
 display:flex;flex-direction:column;
 width:100%;max-width:var(--maxWidth);
 padding-left:1.5rem;padding-right:1.5rem;
 overflow:hidden;
 margin-bottom:auto;
}
section .container.whFull {
 padding-left:0;padding-right:0;
}
section.banner {
 justify-content:flex-start;

 background-position:center;
 background-repeat:no-repeat;
 background-size:auto 100%;
 background-color:transparent;
}
.banner-full {
 width:1920px;height:1080px;
}
section.banner-tall {
 height:var(--bnr-tall);min-height:45rem;
}
section.banner-short {
 height:var(--bnr-short);
}
section.banner .container {
 margin-top:var(--navHeight);
 max-width:100%;
 justify-content:center;
}
section.banner-short .container {
 justify-content:flex-start;
 padding-top:calc(var(--spacer)*1.5);
}
section.banner .container > * {
 position:relative;z-index:1;
}
section.banner .container h1 {
 margin-bottom:var(--spacer);
}
section.banner .container p {
 font-weight:600;/*Montserrat*/
 font-weight:500;/*Roboto*/
}
section.banner .container img#bg {
position:absolute;z-index:0;
top:0;left:0;
height:auto;
}


section.banner_ad {
 background-repeat:no-repeat;
 overflow:hidden;
}
section.banner_ad div:last-child {
 position:relative;z-index:1;
}
section.banner_ad.banner-card .container {
 margin-left:var(--spacer);
 margin-right:var(--spacer);
 margin-top:calc(var(--spacer)*3);
 border-radius:var(--borderRadius-lg);
 box-shadow:var(--boxShadow);
 overflow:hidden;
}
section.banner_ad.banner-blue .container {
 color:var(--white);background-color:var(--blue);
}
section.banner_ad.banner-white .container {
 color:var(--blue);background-color:var(--white);
}

section.afore {

}
section.afore div {

}

section.panel {
 position:fixed;
 height:100%;
}
section.panel#left {
 top:0;left:0;
}
section.panel#right {
 top:0;right:0;
}


section.list,
section.list ul,
section.list ul li {
 width:100%;
}
section.list ul li {
 display:flex;
 border:1px solid var(--dark-9);
 border-radius:var(--borderRadius-sm);
 min-height:8em;
 margin-bottom:.66em;
 padding:0;
 box-shadow:var(--boxShadow-flat-dark-9);
 overflow:hidden;
}

section.list ul li .image.empty {
 border-right:1px solid var(--dark-9);
}

section.list ul li .description {
 color:var(--dark-60);
 justify-content:center;
}
section.list ul li .description.default {
 color:var(--dark-30);
 font-weight:700;
 align-items:center;justify-content:center;
}
section.list .description .tag {
 position:absolute;
 bottom:0;right:0;
}
section.list .description .tag div {
 padding:.12em .3em .09em .42em;
}
section.list.monthly .description .tag div:last-child {
 margin-left:.24em;
 color:var(--white);
 background-color:var(--red);
}


.graphic {
 background-repeat:no-repeat;
}



section #graphic-tab {
 z-index:5;
 position:absolute;top:-49px;
 width:100%;height:50px;
 max-width:var(--maxWidth);
 border-radius:
 var(--borderRadius-lg) var(--borderRadius-lg) 0px 0px;
}
.container.form {
 margin-bottom:var(--submitDisplace);
}
section .bg-duo {
 position:absolute;bottom:0;
 width:100%;height:50%;
 box-shadow:rgba(0,0,0,.5) 0 0 150px;
}


section#home {
 z-index:1;
}
section#home .container {
 height:60%;
}
section#home.banner {
 background-color:white;
 overflow:hidden;
 z-index:1;
}
section#home .banner-full {
 background-repeat:no-repeat;
 background-position:center;
}

section#vinsearch_component {
 z-index:2;
}
section#vinsearch_component .container{
 padding:0;
 align-items:center;
}
.input-group.theme-light input[type=image] {
 background-image:url('/item/graphics/enter_arrow-blue.svg');
 padding:1.4em;
}
.input-group.theme-blue input[type=image] {
 background-image:url('/item/graphics/enter_arrow-white.svg');
 padding:1.4em;
}
section#vinsearch_component input.VIN {
 height:4.5rem;
}
section#vinsearch_component input::placeholder {
 letter-spacing:.2rem;

}
section#vinsearch_component input[type=image]:hover,
section#vinsearch_component input[type=image]:focus {
 background-color: var(--light-30);
 outline:.25px solid var(--light-60);
}
section#vinsearch_component .input-group:focus-within {
 outline:6px solid var(--blue);
 box-shadow:var(--boxShadow-outline-blue);
}

section#vehicle_history .col-4 {
 /*border:1px dashed white;*/
}
section#vehicle_history_extended .row {
 /*border-bottom:.5px solid var(--blue);*/
}
/*
section#vehicle_history_extended p {
 padding-left:calc(var(--spacer)*3);
 padding-bottom:calc(var(--spacer)*3);
}*/

section#report {
 margin-top:120px;
 padding-left:0;padding-right:0;
}
section#report .container {
 padding:0;
}
section#report .logo {
 width:100%;max-width:18em;
}
section#report .col-6 {
 padding-left:var(--spacer);
 padding-right:var(--spacer);
}
section#report #info li {
 padding:0;
}
section#report h4,
section#report i.header {
 left:-1rem;
 max-height:3em;overflow-y:visible;
}

.divider {
 border-bottom:1px solid var(--grey-light-mid);
}

section .row#searchvin {
 font-weight:100;
 font-style: italic;
 font-size:1.5em;
 letter-spacing:.2em;

 height:2.3em; /*equals text + padding of contents*/
}
section .row#searchvin * {
 padding:.4em 1em .4em 1em;
}

section#vinsearch_page .container {
 max-width:none;
 margin:0;padding:0;
 justify-content:unset;
 overflow:unset;
}





/* - - - - - - - - - - - -
 - - - - - - - - - - - - -
- - - - - - - - - - - - */

.row#break {
 justify-content:space-between;
 align-items:center;
 flex-wrap:nowrap;flex-basis:auto;

 font-size:12px;font-weight:700;
}
.row #line {
 width:45%;height:1px;
}
.row#break #text {
 flex-shrink:1;
 text-align:center;
 color:inherit;
}
.row#break.theme-light {
 color:var(--white);
 background-color:transparent;
}
.row#break.theme-light #line {
 background-color: var(--light-30);
}
#break .img {
 /*width:9rem;height:9rem;*/width:130px;height:130px;
 /*padding-bottom:8rem;*/
 border:1px solid var(--grey);
 border-radius:100%;
 background-color: var(--grey);
 background-position: center;
 background-repeat: no-repeat;
 background-size: auto 100%;
}
#break .img#savvy {
 background-image:url('/item/images/savvy-300px.png');
}





/* - - - - - - - - - - - -
 - - - - - - - - - - - - - colour
- - - - - - - - - - - - */


.theme-blue {
 color:var(--white);
 background-color:var(--blue);
 font-weight:400;
}
.theme-blue-outline {
 outline:1px solid var(--light-60);outline-offset:-1px;
 color:var(--white);
 background-color:var(--blue);
 box-shadow:var(--boxShadow-A);
}
.theme-blue-30 {
 color:var(--white);
 background-color:var(--blue-30);
}
.theme-light {
 color:var(--blue);
 background-color:var(--white);
}
.theme-light-30 {
 color:var(--blue);
 background-color:var(--light-30);
}
.theme-dark {
 color:var(--white);
 background-color:var(--black);
}

.fill-blue {
 background-color:var(--blue);}
.fill-blue-18 {
 background-color:var(--blue-18);}
.fill-blue-30 {
 background-color:var(--blue-30);}
.fill-blue-60 {
 background-color:var(--blue-60);}
.fill-red {
 background-color:var(--red);}
.fill-grey-light {
 background-color:var(--grey-light);}
.fill-grey {
 background-color:var(--grey);}
.fill-grey-dark {
 background-color:var(--grey-dark);}
.fill-white {
 background-color:var(--white);}
.fill-white-30 {
 background-color:rgba(255,255,255,.3)}
.fill-white-90 {
 background-color:rgba(250,248,248,.9)}
.fill-black {background-color:var(--black);}
.fill-dark-30 {background-color:var(--dark-30);}

}
.fill-none {
 background-color:transparent!important;
 background:none!important;
}





.gradient-top-white {
 top:0!important;
 background-image:linear-gradient(to bottom, rgba(255,255,255,1), rgba(255,255,255,0));
}
.gradient-right-white {
 left:0!important;
 background-image:linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0));
}
.gradient-btm-white {
 bottom:0!important;
 background-image:linear-gradient(to top, rgba(255,255,255,1), rgba(255,255,255,0));
}




.pattern-tire {
 background-image:url('/item/pattern/tire.png');
}
.pattern-chain {
 background-image:url('/item/pattern/chain.svg');
 background-size:4rem;
}
.pattern-diamond {
 background-image:url('/item/pattern/diamond.png');
}

.bg-none {
 background:none!important;
 background-color:transparent!important;
 background-image:none!important;
}


.txt-blue {color:var(--blue);}
.txt-red {color:var(--red);}
.txt-link {color:var(--link);}
.txt-grey {color:var(--grey);}
.txt-grey-medium {color:var(--grey-medium);}
.txt-grey-dark {color:var(--grey-dark);}
.txt-white {color:var(--white);}
.txt-dark {color:var(--dark);}
.txt-dark-24 {color:var(--dark-24)!important;}
.txt-dark-30 {color:var(--dark-30)!important;}
.txt-dark-60 {color:var(--dark-60)!important;}

.textShadow {
 text-shadow:var(--textShadow);
}

.a-light a:link {color:var(--white);}
.a-light a:visited {color:var(--white);}
.a-light a:hover {color:var(--red);}
.a-light a:active {color:var(--electric);}

.a-static a:hover {color:var(--white);}


a.hover {
 transition:var(--ease-in-out);
}
a.hover:hover {
 box-shadow:var(--boxShadow);
 text-shadow:var(--textShadow);
 text-decoration: underline;
}
a.hover-dark {
 transition:var(--ease-in-out);
}
a.hover-dark:hover {
 box-shadow:var(--boxShadow-dark);
 text-shadow:var(--textShadow);
 text-decoration: underline;
}


section.icons a:visited,
.a-light a.f_clipCopy:visited {
 color:var(--white);
}
section.icons a:hover,
.a-light a.f_clipCopy:hover {
 color:var(--white);
}

.nav .a-light a:visited {color:var(--white);}

a:hover, a:active {
 color:var(--electric);
}

a.light:link {color:var(--white);}
a.light:visited {color:var(--white);}

a.dark:link {color:var(--blue);}
a.dark:visited {color:var(--blue);}
a.dark:hover {font-weight:700;}

.light a.f_clipCopy:visited {color:var(--blue);}

.nav .a-dark a:visited {color:var(--blue);}



a.f_clipCopy .tooltip {
 visibility:hidden;
 width:120px;
 background-color:var(--blue);
 color:#fff;
 text-align:center;
 border-radius:6px;
 padding:5px 0;

 position:absolute;
 z-index:1;
}

a.f_clipCopy:hover:before {
 content:var(--txt-clipCopy);
 padding:.6rem 1rem .6rem 1rem;
 border-radius:var(--borderRadius-sm);
 /*border:1px solid var(--light-30);*/
 position:absolute;top:-1rem;

 background-color:var(--dark-30);
 color:var(--white);
 white-space:nowrap;
}
footer a.f_clipCopy:hover:before {
 left:-50%;top:25%;
}



/* - - - - - - - - - - - -
 - - - - - - - - - - - - - div ratios
- - - - - - - - - - - - */

.r1-1 {width:100%;padding-bottom:100%; }
.r3-2 {width:100%;padding-bottom:66.66%; }
.r4-3 {width:100%;padding-bottom:75%; }
.r8-5 {width:100%;padding-bottom:62.5%; }
.r16-9 {width:100%;padding-bottom:56.25%; }



/* - - - - - - - - - - - -
 - - - - - - - - - - - - - margin padding
- - - - - - - - - - - - */

.pt-percent {padding-top:var(--p-percent);}

.m-0 {
 margin-top:0!important;
 margin-bottom:0!important;
 margin-right:0!important;
 margin-left:0!important;
}
.p-0 {
 padding-top:0!important;
 padding-bottom:0!important;
 padding-right:0!important;
 padding-left:0!important;
}
.pb-0 {padding-bottom:0;}
.mt-0 {margin-top:0;}
.mb-0 {margin-bottom:0;}

.my-0 {
 margin-top:0;
 margin-bottom:0;
}

.p-2 {padding:calc(var(--spacer)*.5);}
.pt-2 {
 padding-top:calc(var(--spacer)*.5); }
.pr-2 {
 padding-right:calc(var(--spacer)*.5); }
.pb-2 {
 padding-bottom:calc(var(--spacer)*.5); }
.pl-2 {
 padding-left:calc(var(--spacer)*.5); }
.px-2 {
 padding-left:calc(var(--spacer)*.5);
 padding-right:calc(var(--spacer)*.5); }
.py-2 {
 padding-top:calc(var(--spacer)*.5);
 padding-bottom:calc(var(--spacer)*.5); }

.m-2 {margin:calc(var(--spacer)*.5);}
.mt-2 {
 margin-top:calc(var(--spacer)*.5); }
.mr-2 {
 margin-right:calc(var(--spacer)*.5); }
.mb-2 {
 margin-bottom:calc(var(--spacer)*.5); }
.ml-2 {
 margin-left:calc(var(--spacer)*.5); }
.mx-2 {
 margin-left:calc(var(--spacer)*.5);
 margin-right:calc(var(--spacer)*.5); }
.my-2 {
 margin-top:calc(var(--spacer)*.5);
 margin-bottom:calc(var(--spacer)*.5) }


.m-3 {margin:var(--spacer);}
.mt-3 {
 margin-top:var(--spacer); }
.mb-3 {
 margin-bottom:var(--spacer); }
.ml-3 {
 margin-left:var(--spacer); }
.mr-3 {
 margin-right:var(--spacer); }
.mx-3 {
 margin-left:var(--spacer);
 margin-right:var(--spacer); }
.my-3 {
 margin-top:var(--spacer);
 margin-bottom:var(--spacer); }


.p-3 {padding:var(--spacer);}
.pt-3 {
 padding-top:var(--spacer); }
.pr-3 {
 padding-right:var(--spacer); }
.pb-3 {
 padding-bottom:var(--spacer); }
.pl-3 {
 padding-left:var(--spacer); }
.px-3 {
 padding-left:var(--spacer);
 padding-right:var(--spacer); }
.py-3 {
 padding-top:var(--spacer);
 padding-bottom:var(--spacer); }


.m-4 {margin:calc(var(--spacer)*1.5);}
.mt-4 {
 margin-top:calc(var(--spacer)*1.5); }
.mb-4 {
 margin-bottom:calc(var(--spacer)*1.5); }
.ml-4 {
 margin-left:calc(var(--spacer)*1.5); }
.mx-4 {
 margin-left:calc(var(--spacer)*1.5);
 margin-right:calc(var(--spacer)*1.5); }
.my-4 {
 margin-top:calc(var(--spacer)*1.5);
 margin-bottom:calc(var(--spacer)*1.5) }



.p-4 {padding:calc(var(--spacer)*1.5);}
.pt-4 {padding-top:calc(var(--spacer)*1.5);}
.pr-4 {padding-right:calc(var(--spacer)*1.5);}
.pb-4 {padding-bottom:calc(var(--spacer)*1.5);}
.pl-4 {padding-left:calc(var(--spacer)*1.5);}
.px-4 {
 padding-left:calc(var(--spacer)*1.5);
 padding-right:calc(var(--spacer)*1.5);}
.py-4 {
 padding-top:calc(var(--spacer)*1.5);
 padding-bottom:calc(var(--spacer)*1.5);}


.m-5 {margin:calc(var(--spacer)*3);}
.mt-5 {
 margin-top:calc(var(--spacer)*3); }
.mb-5 {
 margin-bottom:calc(var(--spacer)*3); }
.ml-5 {
 margin-left:calc(var(--spacer)*3); }
.mr-5 {
 margin-right:calc(var(--spacer)*3); }
.mx-5 {
 margin-left:calc(var(--spacer)*3);
 margin-right:calc(var(--spacer)*3); }
.my-5 {
 margin-top:calc(var(--spacer)*3);
 margin-bottom:calc(var(--spacer)*3) }

.p-5 {padding:calc(var(--spacer)*3);}
.pt-5 {
 padding-top:calc(var(--spacer)*3); }
.pr-5 {
 padding-right:calc(var(--spacer)*3); }
.pb-5 {
 padding-bottom:calc(var(--spacer)*3); }
.pl-5 {
 padding-left:calc(var(--spacer)*3); }
.px-5 {
 padding-left:calc(var(--spacer)*3)!important;
 padding-right:calc(var(--spacer)*3)!important; }
.py-5 {
 padding-top:calc(var(--spacer)*3);
 padding-bottom:calc(var(--spacer)*3) }



 /* - - - - - - - - - - - -
  - - - - - - - - - - - - - break.xsm
 - - - - - - - - - - - - */

 @media (min-width: 412px) { /* xsm */

  section.banner-tall {
   height:var(--bnr-tall);max-height:42rem;
  }


 }




/* - - - - - - - - - - - -
 - - - - - - - - - - - - - break.sm
- - - - - - - - - - - - */

@media (min-width: 576px) {

 .d-flex-sm {
  display:flex;
 }
 .col-sm-5 {
  flex-direction:column;
  width:41%;
 }
 .col-sm-6 {
  flex-direction:column;
  width:50%;
 }
 .col-sm-7 {
  flex-direction:column;
  width:58%;
 }
 .col-sm-8 {
  flex-direction:column;
  width:66%;
 }

 .ml-sm-5 {
  margin-left:calc(var(--spacer)*3); }

 section#home .container {
  height:60%;
 }

 section.banner-tall {
  height:var(--bnr-tall);max-height:auto;
 }


}


/* - - - - - - - - - - - -
 - - - - - - - - - - - - - break.md
- - - - - - - - - - - - */

@media (min-width:768px) {

 h1 {
  margin-bottom:1rem;

  font-size:2.4rem;
  font-weight:800;/*Montserrat*/
  font-weight:700;/*Roboto*/
  line-height:1.2em;letter-spacing:-.01em;
 }

 .d-md-none {display:none;}
 .d-md-inline {display:inline-block;}
 .d-md-inline-flex {display:inline-flex;}
 .d-md-block {display:block;}
 .d-md-flex {display:flex;}
 .flex-md {display:flex;}
 .d-flex-md {display:flex;}

 .order-md-1 {order:1;}
 .order-md-2 {order:2;}
 .order-md-3 {order:3;}
 .order-md-4 {order:4;}
 .order-md-5 {order:5;}
 .order-md-6 {order:6;}
 .order-md-7 {order:7;}
 .order-md-8 {order:8;}
 .order-md-9 {order:9;}
 .order-md-10 {order:10;}

 .justify-centre-md {justify-content:center!important;}
 .justify-start-md {justify-content:flex-start;}
 .align-centre-md {align-items:center;}
 .align-md-start {align-items:flex-start;}
 .align-md-end {align-items:flex-end;}
 .text-centre-md {text-align:center;}
 .text-md-right {text-align:right;}



 .txt-blue-md {color:var(--blue);}

 .break-md-light-60 {border-bottom: solid 1px var(--light-60); }
 .break-md-dark-60 {border-bottom: solid 1px var(--dark-60); }
 .break-md-dark-30 {border-bottom: solid 1px var(--dark-30); }
 .break-md-none {border:none;}


 .border-btm-md-none {border-bottom:none;}



 section.banner-tall {
  max-height:none;
  background-size:auto 100%;
 }
 section.banner .container {
  width:30rem;
 }
 section.banner-short .container {
  justify-content:center;
  padding-top:0;
 }
 section#home .container {
  height:30%;
 }
 section#vinsearch_component form {
  top:-55%;
  overflow:visible;
 }
 section#vinsearch_page .container,
 section#vinsearch_page .container h4 {
  width:100%;
 }

 section#report {
  padding-left:calc(var(--spacer)*1.5);
  padding-right:calc(var(--spacer)*1.5);
 }

 form .row input[type=text] {
  margin-right:.7rem;
 }

 ul.tight-md li {padding-bottom:0;}
 ul.display-md li {padding-bottom:1em;}

 i.alert { /* REPORT PAGE */
  background-position:center right 1rem;
}

.table .row:nth-child(even) {
 background:var(--reportBreak-md);
}
.table .row.footer {
 background:var(--reportBreak-md);
}



 .row-md {
  flex-direction:row;
  width:100%!important;height:auto;
 }
 .col-md-2 {
  flex-direction:column;
  width:16.7%!important;
 }
 .col-md-3 {
  flex-direction:column;
  width:25%!important;
 }
 .col-md-4 {
  flex-direction:column;
  width:33%!important;
 }
 .col-md-5 {
  flex-direction:column;
  width:41%!important;
 }
 .col-md-6 {
  flex-direction:column;
  width:50%!important;
 }
 .col-md-7 {
  flex-direction:column;
  width:58%!important;
 }
 .col-md-9 {
  flex-direction:column;
  width:75%!important;
 }



 .mt-md-0 {margin-top:0; }
 .mr-md-0 {margin-right:0; }
 .mb-md-0 {margin-bottom:0; }
 .ml-md-0 {margin-left:0; }

 .pt-md-0 { padding-top:0; }
 .pr-md-0 { padding-right:0; }
 .pb-md-0 { padding-bottom:0; }
 .pl-md-0 { padding-left:0; }
 .px-md-0 {
  padding-left:0;
  padding-right:0;
 }
 .py-md-0 {
  padding-top:0;
  padding-bottom:0;
 }



 .mt-md-2 { margin-top:calc(var(--spacer)*.5);}

 .pl-md-2 {
  padding-left:calc(var(--spacer)*.5);}


 .mt-md-3 {margin-top:var(--spacer);}
 .my-md-3 {
  margin-top:var(--spacer);
  margin-bottom:var(--spacer);
 }
 .pt-md-3 {padding-top:var(--spacer);}
 .pl-md-3 {padding-left:var(--spacer);}
 .px-md-3 {
  padding-left:var(--spacer);
  padding-right:var(--spacer);
 }
 .py-md-3 {
  padding-top:var(--spacer);
  padding-bottom:var(--spacer);
 }

 .my-md-4 {
  margin-top:calc(var(--spacer)*1.5);
  margin-bottom:calc(var(--spacer)*1.5)
 }
 .mt-md-5 {margin-top:calc(var(--spacer)*3);}
 .mr-md-5 {margin-right:calc(var(--spacer)*3);}
 .mb-md-5 {margin-bottom:calc(var(--spacer)*3);}
 .ml-md-5 {margin-left:calc(var(--spacer)*3);}
 .mx-md-5 {
  margin-right:calc(var(--spacer)*3);
  margin-left:calc(var(--spacer)*3);
 }
 .my-md-5 {
  margin-top:calc(var(--spacer)*3);
  margin-bottom:calc(var(--spacer)*3);
 }
 .pl-md-5 {padding-left:calc(var(--spacer)*3);}
 .pt-md-5 {padding-top:calc(var(--spacer)*3);}
 .py-md-5 {
  padding-top:calc(var(--spacer)*3);
  padding-bottom:calc(var(--spacer)*3);
 }
 .px-md-5 {
  padding-left:calc(var(--spacer)*3)!important;
  padding-right:calc(var(--spacer)*3)!important;
 }

 .pt-percent-md {padding-top:3%;}



}


/* - - - - - - - - - - - -
 - - - - - - - - - - - - - break.lg (desktop)
- - - - - - - - - - - - */

@media (min-width: 992px) {
 .theme-lg-blue {
  color:var(--white);
  background-color:var(--blue);
  border:none;
  font-weight:400;
 }
 .theme-lg-blue input::placeholder {
  color:var(--white);
  letter-spacing:.2rem;
 }
 .theme-light-lg-30 {
  color:var(--blue);
  background-color:var(--light-30);
 }
 .theme-light-outline-lg-30 {
  outline:1px solid var(--blue-60);outline-offset:-1px;
  color:var(--blue);
  background-color:var(--light-30);
 }
 .fill-blue-lg {
  background-color:var(--blue);
 }
 .txt-blue-lg {color:var(--blue);
 }


 a.lg-dark:link {color:var(--blue);}
 a.lg-dark:visited {color:var(--blue);}
 a.lg-dark:hover {font-weight:700;}


 .inputgroup.theme-lg-light {

 }
 .inputgroup.theme-lg-blue {
  box-shadow: var(--boxShadow-A);
 }
 .inputgroup.theme-lg-blue .overlay {
  background-color:var(--light-30);
 }


 .break-lg-none {
  border:none;
 }

 .bg-none-lg {
  background-color:transparent;
  background-image:none;
 }
 .outline-blue-lg {
  outline:1px solid var(--blue-60);outline-offset:-1px;
 }
 .boxShadow-lg-light {
  box-shadow:var(--boxShadow-light);
 }
 .justify-start-lg {justify-content:flex-start!important; }



 .navHeight-lg {
  margin-top:var(--navHeight);
 }


 .relative-lg {position:relative;}
 .absolute-lg {position:absolute;}
 .fixed-lg {position:fixed;}

 .index-lg-0 {z-index:0;}



 section.banner-tall {
  max-height:none;
  background-size:auto 100%;
 }
 section#vinsearch_page .container {
  width:30rem;
  margin-left:6%;
  margin-top: var(--navHeight);
 }
 section.banner-short .container {
  justify-content:center;
  padding-top:0;
 }



 nav .collapse {
  width:auto;
 }
 nav .collapse * {
  display:inline;
  padding:1rem;
  border-bottom:none;
 }

 .view-md {
  display:none!important;
 }
 .d-lg-block {
  display:block;
 }

 .d-lg-none {display:none;}
 .d-lg-inline {display:inline-block;}
 .d-lg-inline-flex {display:inline-flex;}
 .d-lg-block {display:block;}
 .d-lg-flex {display:flex;}
 .flex-lg {display:flex;}



 footer p {
  max-width:400px;
 }

 section.banner-lg {
  height:70%;
  min-height:45rem;
  max-height:55rem;
 }
 section.banner-lg-tall {
  height:70%;
 }
 section.banner-short {
  background-size:100% auto;
 }
 section.banner .container,
 section#vinsearch_component .container {
  margin-left:6%;
 }
 section#home .container {
  height:75%;
  align-items:center;
 }
 section#vinsearch_component {
  position:absolute;top:0;left:0;
  justify-content:flex-start;
 }
 section#vinsearch_component .container {
  justify-content:flex-end;
  align-items:flex-start;
  width:47%;
  margin-bottom:2%;
  max-height:45rem;
 }
 section#vinsearch_component form {
  display:flex;flex-direction:column;
  /*justify-content:flex-end;*/
  position:static;
  overflow:visible;
 }



 .pr-lg-0 {
  padding-right:0; }
 .pb-lg-0 {
  padding-bottom:0; }
 .px-lg-0 {
  padding-left:0;
  padding-right:0;
 }

 .mt-lg-0 {margin-top:0; }
 .mb-lg-0 {margin-bottom:0; }
 .ml-lg-0 {margin-left:0; }
 .mx-lg-0 {
  margin-left:0;
  margin-right:0;
 }
 .my-lg-0 {
  margin-top:0;
  margin-bottom:0;
 }

 .pt-lg-0 {
  padding-top:0;
 }

 .ml-lg-3 {
  margin-left:var(--spacer)!important;
 }
 .ml-col-lg-3 {
  margin-left:25%;
 }
 .py-lg-3 {
  padding-top:var(--spacer)!important;
  padding-bottom:var(--spacer)!important;
 }


 .pt-lg-5 {
  padding-top:calc(var(--spacer)*3)!important;}
 .pr-lg-5 {
  padding-right:calc(var(--spacer)*3)!important;}
 .pl-lg-5 {
  padding-left:calc(var(--spacer)*3)!important;}
 .px-lg-5 {
  padding-left:calc(var(--spacer)*3)!important;
  padding-right:calc(var(--spacer)*3)!important;
 }

 .mt-lg-4 {
  margin-top:calc(var(--spacer)*1.5)!important; }
 .mb-lg-4 {
  margin-bottom:calc(var(--spacer)*1.5)!important; }

 .mt-lg-5 {
  margin-top:calc(var(--spacer)*3)!important; }
 .mx-lg-5 {
  margin-left:calc(var(--spacer)*3)!important;
  margin-right:calc(var(--spacer)*3)!important;
 }
 .my-lg-5 {
  margin-top:calc(var(--spacer)*3)!important;
  margin-bottom:calc(var(--spacer)*3)!important;
 }


 .row-lg {
  display:flex;
  flex-flow:row wrap;
  width:100%;height:auto;
 }
 .col-lg {
  flex-direction:column;
  width:auto;
 }
 .col-lg-0 {
  flex-direction:column;
  width:8.33%!important;
 }
 .col-lg-1 {
  flex-direction:column;
  width:8.33%!important;
 }
 .col-lg-2 {
  flex-direction:column;
  width:16.7%!important;
 }
 .col-lg-3 {
  flex-direction:column;
  width:25%!important;
 }
 .col-lg-4 {
  flex-direction:column;
  width:33%!important;
 }
 .col-lg-5 {
  flex-direction:column;
  width:41%!important;
 }
 .col-lg-6 {
  flex-direction:column;
  width:50%!important;
 }
 .col-lg-7 {
  flex-direction:column;
  width:58%!important;
 }
 .col-lg-8 {
  flex-direction:column;
  width:66.66%!important;
 }
 .col-lg-9 {
  flex-direction:column;
  width:75%!important;
 }
 .mb-2-lg {
  margin-bottom:calc(var(--spacer)*.5);
 }

 .border-lg-0 {
  border:none!important;
 }
}


/* - - - - - - - - - - - -
 - - - - - - - - - - - - - break.xl
- - - - - - - - - - - - */

@media (min-width: 1200px) {

}


/* - - - - - - - - - - - -
 - - - - - - - - - - - - - break.xxl
- - - - - - - - - - - - */

@media (min-width: 1400px) {

section.banner {
 background-size:100% auto;
}

}



@media only screen and (min-width:1919px) {
 .banner-tall {
  height:var(--bnr-tall);
 }
 .banner-short {
  height:var(--bnr-short);
 }

}