@font-face { font-family: 'icons'; src: url('/fonts/rivdocs.woff2?ead6eb32') format('woff2'), url('/fonts/rivdocs.woff?ead6eb32') format('woff'),
                 url('/fonts/rivdocs.ttf?ead6eb32') format('truetype'); font-weight: normal; font-style: normal }


* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

/* = Reset
----------------------------------------------------------------------------------------------------------------- */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, hr, a, a img, font, img, dd, dl, dt, li, ol, ul, blockquote, fieldset, form, label, legend, table, caption, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
audio, canvas, video { display: inline-block; }
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }


/* = Body
----------------------------------------------------------------------------------------------------------------- */
body { color: #3c3c3b; font-size: 16px; text-align: left; font-family: 'Px Grotesk'; font-weight: normal; font-style: normal; 
       text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; background: #fff; }

body { padding-top: 101px; }
body.body--no-nav { padding-top: 61px; }
body.body--has-hero { padding-top: 0; }

html.do-trans body { transition: padding-top .25s linear; }


@media screen and (min-width: 601px) {
    body { padding-top: 108px; }
    body.body--no-nav { padding-top: 68px; }
    body.body--has-hero { padding-top: 0; }
}

@media screen and (min-width: 901px) {
    body,
    body.body--no-nav { padding-top: 84px; }
    body.body--has-hero { padding-top: 0; }
}



/* = ICONS (font based - use svg font file on fontello.com website to modify/edit these icons)
----------------------------------------------------------------------------------------------------------------- */
.icon:before,
.icon:after,
.msg:before,
.sb-pill:before,
.side-nav-toggle a span:after,
.side-nav_item a:before,
.side-nav_toc-toggle:before,
.content_nav-link:after,
.content_toc-toggle:before,
.toctree_nav-toggle:before,
.bc_item:after { font-family: "icons"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; min-width: 1em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; text-decoration: none; }

.icon--padright:before,
.icon--padright:after { padding-right: 8px; }

.icon--padleft:before,
.icon--padleft:after { padding-right: 8px; }

.icon--twitter:after {  content:'\f099'; }
.icon--bluesky:after {  content:'\e83d'; }
.icon--linkedin:after {  content:'\f0e1'; }
.icon--youtube:after {  content:'\f16a'; }
.icon--github:after {  content:'\f09b'; }
.icon--chevDown:after {  content:'\e80d'; }
.icon--pg-left:after { content:'\e804'; }
.icon--pg-right:after { content:'\e805'; }
.icon--ext-paper:after { content:'\e81f'; }
.icon--close:after { content:'\e814'; }
.icon--chevron-right:after { content:'\e805'; }
.icon--doc:before { content:'\f0f6'; }
.icon--pdf:before { content:'\f1c1'; }
.icon--home:before { content:'\e823'; }
.icon--fullscreen:before { content:'\e824'; }
.icon--print:before { content:'\e825'; }

.icon--prev:before { content:'\f104'; }
.icon--next:before { content:'\f105'; }



/* = Typography
----------------------------------------------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 { font-family: 'Px Grotesk'; font-weight: normal; margin: 0 0 30px; color: #1d3c34; line-height: normal;  }

h1, .h1 { font-size: 42px; }
h2, .h2, .h1-small  { font-size: 32px; }
h3, .h3, .h2-small { font-size: 26px; }
h4, .h4  { font-size: 22px; margin-bottom: 25px;  }
h5, .h5  { font-size: 20px; margin-bottom: 25px; }
h6, .h6  { font-size: 20px; margin-bottom: 25px;  }

.h-underlined { padding-bottom: 25px;  border-bottom: 1px solid rgba(0, 0, 0, 0.15);}

p { margin: 0 0 25px; line-height: 1.5em; font-weight: 300; }
p:last-child {margin-bottom:0;}

p.caption[role="heading"] { margin: 0 0 15px; }

.leader-large { font-size: 24px; color:#1d3c34; font-weight: normal; }
.leader { font-size: 20px;  color:#1d3c34; font-weight: normal; }
.leader-small { font-size: 18px;  color:#1d3c34; font-weight: normal;  }

p + h2 { margin-top:35px; }
.leader + h2 { margin-top:40px; }

strong, b { font-weight: bold;}

.textCenter { text-align: center; }

blockquote { margin: 45px 0; border-left: 5px solid #006f62; padding-left: 28px; }
blockquote:first-child { margin-top: 5px;}
blockquote:last-child { margin-bottom: 5px;}
blockquote p { margin: 0; font-size: 1.2em; font-family: 'Px Grotesk'; color:#1d3c34; font-weight: normal; }
blockquote cite { font-size: 1em; font-style: normal; margin-top: 20px; display: block; color:#ff7500; }
blockquote p cite { font-size: 0.75em; }


.blockquote--white { border-color:#fff; }
.blockquote--white p { color:#fff; }

a { color: #006f62; text-decoration: none; }

a:hover,
a:focus { color: #006f62; text-decoration: underline; }

img { max-width: 100%; height:auto; vertical-align: bottom; height: auto; -ms-interpolation-mode: bicubic; }

small { font-size: 0.8em; }

p small { line-height: 1.6em; display: block;}

address { margin: 0 0 20px; line-height: 1.5em; font-style: normal; }

sub, sup { line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em;     font-size: .6em; }
sub { bottom: -0.25em; }

pre { margin: 0; }
pre code { font-size: 1.5em; white-space: pre-wrap; }

figure { margin: 0 0 20px; }
figcaption { padding-top: 10px; color: #444; font-size: 0.85em; }

.clr { clear: both; }

hr { margin: 30px 0; height: 1px; border: 0; border-top: 3px solid #ece9e8;}

hr.thin { border-top-width: 1px;}



/* = Messaging
----------------------------------------------------------------------------------------------------------------- */
.msg { padding: 25px; background: #fff; }

@media screen and (min-width: 550px) {
    .msg { padding: 30px; }
}




/* = Skip to content
----------------------------------------------------------------------------------------------------------------- */
.skip-to-content { position: fixed; top:0; left:0; padding: 10px 20px; font-size: 16px; color:#fff; background: #3c3c3b; border: 4px solid #006f62; outline: none; 
                   transform: translateY(-101%); }
.skip-to-content:active,
.skip-to-content:hover,
.skip-to-content:focus { color: #fff; transform: translateY(0%);}



/* = Buttons
----------------------------------------------------------------------------------------------------------------- */
.btn { font-family: 'Px Grotesk'; color:#3c3c3b; font-size: 1em; font-weight: bold; padding: 0.75em 1.25em 0.85em; border:none; background-color: transparent; 
       text-decoration: none; display: inline-block; position: relative; transform: perspective(0) translateZ(0); line-height: 1; margin:0; outline: none; 
       cursor: pointer; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all .3s ease; transition: all .3s ease; }

.btn--white { color:#fff; }

.btn:before { content:''; position: absolute; top:0; left:0;  width:10px; height: 17px; background: url(/images/shapes/bracket-top-left.svg) center no-repeat; background-size:contain; -webkit-transition:transform .3s ease; transition:transform .3s ease; }
.btn:after { content:''; position: absolute;  bottom:0; right:0; width:10px; height: 17px; background: url(/images/shapes/bracket-bottom-right.svg) center no-repeat; background-size:contain; -webkit-transition:transform .3s ease; transition:transform .3s ease; }

.btn:hover,
.btn:focus { text-decoration: none; }

.btn { border: 1px solid #00d9aa; color: #006f62; }

.btn:hover, .btn:focus, .btn-outline:hover, .btn-outline:focus {
    color: #0a1603;
    text-decoration: none;
    background: #fff;
    box-shadow: 0 0 4px 0 #00d9aa;
}

.btn:before,
.btn:after { content: none; }

button.btn:before,
button.btn:after { content: none; }


button.btn,
input.btn { background-color: #006f62; color:#fff; }

button.btn:hover,
button.btn:focus,
input.btn:hover,
input.btn:focus { background-color: #ff7500; color:#fff; }

.btn--simple { padding: 0; }
.btn--simple:before,
.btn--simple:after { content: none; }


/* = Lists in main text
----------------------------------------------------------------------------------------------------------------- */
ul { margin: 0 0 30px; padding-left: 25px; line-height: 1.5em; list-style: initial; font-weight: 300; }

ul li { margin: 0 0 13px; }
ul li ul { margin-top: 20px; margin-left: 20px; list-style-type: circle; font-weight: 300; }

ol { margin: 0 0 30px;  padding-left: 25px; line-height: 1.5em; }
ol li { margin: 0 0 13px; }
li ol { margin-top: 20px; margin-left: 20px; list-style-type: lower-latin; }

dl { margin: 0 0 30px;  line-height: 1.5em; }
dt { color: #111; font-weight: 600; }
dd { margin: 0 0 20px; }


/* = Forms
----------------------------------------------------------------------------------------------------------------- */
form { margin:40px 0;}
form:first-child {margin-top: 0;} 
form:last-child {margin-bottom: 0;} 

input.text, textarea, select, .cd-title, 
input[type=text], input[type=password] { color:#3c3c3b; width: 100%; padding: 11px 18px 10px 18px; margin:0; font-weight: normal; font-size: 1rem; border: none; border-bottom: 2px solid #cad5e2; background: #fff; -webkit-border-radius: 0; border-radius: 0; }
input.text:focus, textarea:focus, select:focus, input[type=text]:focus, input[type=password]:focus, .cd-title:focus   { outline: none; border-color: #006f62; box-shadow: inset 0 0 0 1px #006f62;  }

.select { width: 100%;}

/*Cross browser & device resets*/
select,  .cd-title { padding-right: 45px; cursor: pointer; outline: none; color:#3c3c3b;  background: #fff url(/images/icons/icon-chevron-down.svg) right 17px center no-repeat; background-size: 15px auto; -moz-appearance: none; -webkit-appearance: none; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; border-radius: 0; }
select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #2c2c2c; }
select::-ms-expand { display: none; }
select option {  color: #3c3c3b}
select option:first-child {  color: #76757B;} 
select:invalid { color: #333;}
select:valid { color: #3c3c3b;}

.checkradio-group { margin:10px 0 0; }
.checkradio-group legend { display: none;}
.checkbox-dropdown {width: 100%; position: relative;}
.cd-checkboxes { height: 0; padding: 0 18px; margin:0; border: 1px solid transparent; border-width: 0 1px 1px 1px;  border-radius: 0 0 4px 4px; background: #fff; overflow: hidden; } 
.on .cd-checkboxes { height: auto; padding: 18px;  border-color: #441F77; }

textarea,
input.text,
input[type="text"],
input[type=password],
input[type="button"],
input[type="submit"],
.input-checkbox { -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius: 0;  border-radius: 0; }

textarea { min-height:150px; min-width:100%; max-width:100%; }

::-webkit-input-placeholder { color: #333; opacity:1;  font-family: 'Px Grotesk'; }
::-moz-placeholder { color: #333; opacity:1;  font-family: 'Px Grotesk'; }
:-ms-input-placeholder { color: #333; opacity:1;  font-family: 'Px Grotesk'; }
:-moz-placeholder { color: #333;  opacity:1;  font-family: 'Px Grotesk'; }

/*Start - Custom checkbox and radio buttons*/
input[type="checkbox"],
input[type="radio"] { position: absolute; opacity: 0; float: left; margin: 0; top:  0;  left: 0;  height:  20px;  width:  20px;  -webkit-appearance:  none; outline:none;}

.checkradio-label { cursor: pointer; margin-bottom: 12px; padding-left: 35px; font-size: 18px; font-weight: 500; line-height: 1.55em; display: block; position: relative; outline: none; }
.checkradio-label:last-child { margin-bottom: 0;}

.checkradio-label a { text-decoration: underline;}

.checkradio-label:before, 
.checkradio-label:after { pointer-events: none; }

.checkradio-label:before { position: absolute; top:0; left:0; content: ' '; height:  22px;  width:  22px;  margin-right:  10px; border:   1px solid #B9B9B9; -webkit-border-radius: 4px; border-radius: 4px; background:  #fff;}
.checkradio-label--check:after { content: ''; position: absolute;  top: 4px;  left: 8px;   width: 5px;  height: 10px;  border: solid #006f62;  border-width: 0 3px 3px 0;  -webkit-transform: rotate(45deg) scale(0); transform: rotate(45deg) scale(0);  -webkit-transition:  transform .3s ease; transition:  transform .3s ease; }

.checkradio-label--check--small {padding-left:28px; }
.checkradio-label--check--small:before { top:2px; height:  15px;  width:  15px;  margin-right:  8px; border-color: #E4E3DE; border-radius: 3px; }
.checkradio-label--check--small:after { top: 4px; left: 6px;  width: 3px;  height: 7px; }

.checkradio-label--radio:after { content: '';  position:  absolute; top:  6px;  left:  6px;  height:  12px;  width:  12px; -webkit-border-radius: 2px; border-radius: 2px; background: #006f62; -webkit-transform: scale(0); transform: scale(0); -webkit-transition:  transform .3s ease; transition:  transform .3s ease; }
.checkradio-label--radio:before,
.checkradio-label--radio:after { border-radius:  50%; }

input[type="checkbox"]:focus + .checkradio-label:before,
input[type="radio"]:focus + .checkradio-label:before { box-shadow: 0 0 0 2px #006f62; }

.checkradio-group input[type="radio"]:checked + .checkradio-label:after,
.checkradio-label.on:after { -webkit-transform:  scale(1); transform:  scale(1);}
.checkradio-group input[type="checkbox"]:checked + .checkradio-label--check:after,
.checkradio-label--check.on:after {  -webkit-transform: rotate(45deg) scale(1);  transform: rotate(45deg) scale(1); } 
/*End - Custom checkbox and radio buttons*/

.form-field {margin-bottom: 20px; position: relative; display: -ms-flexbox; display: -webkit-flex; display: flex;  -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.form-field:last-child {margin-bottom:0;}
.form-field > .label,
.form-field > label { display: block; margin: 0 0 5px;  width:100%; font-weight: normal; }
.form-field .label,
.form-field label { color:#3c3c3b; }
.form-field--submit { margin: 30px 0 0; }
.form-field--submit .btn {margin-bottom: 5px; border-radius: 3px; }

.form-text { display: block; margin: 10px 0 15px; }
.form-text:empty { display: none; }

.form-field.form-check { position: relative; }

.form-field.form-check > .label,
.form-field.form-check > label { font-size: 15px; padding-left: 35px; }


.field-validation-error { color: red; }

.sb-pill { cursor: pointer; display: inline-block; font-size: 13px; margin:10px 10px 0 0; padding:4px 10px 4px 20px; color:#fff; border-radius: 2px; background: #1d3c34; -webkit-transition: background .2s ease; transition: background .2s ease; position: relative;}
.sb-pill:hover,
.sb-pill:focus { background: #ff7500; }

.sb-pill:before { content: '\e815';  padding-right: 3px;  font-size: .7em;  position: absolute; top:calc(50% + 1px);  left:5px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

@media screen and (min-width:751px) {
    .form-field,
    .form-field--checkradio {margin-bottom: 18px; }
    .form-field > .label,
    .form-field > label { width:25%;  margin: 0 30px 0 0; padding: 11px 0;}
    
    .form-text { margin-left: calc(25% + 30px); }

    .form-field > input:not([type="checkbox"]):not([type="radio"]),
    .form-field > .select,
    .form-field > select,
    .form-field > .checkradio-group,
    .form-field > .checkbox-dropdown { width:calc(75% - 30px); }

    .form-field > textarea { min-width:calc(75% - 30px); width:calc(75% - 30px); }

    .form-field.form-check { padding-left: calc(25% + 30px); }
    .form-field.form-check > .label,
    .form-field.form-check > label { display: inline-block; width: auto; padding: 0 0 0 35px; }

    .selected-checkboxes {margin-left: calc(25% + 30px);}

    .form-field--submit { margin: 30px 0 0; }
    .form-field--submit .btn {margin: 0; width: auto; }  
    

    .form--full-width .form-field.form-check { padding-left: 0; }

    .form--full-width .form-field:not(.form-check) > .label,
    .form--full-width .form-field:not(.form-check) > label { display: block; width:100%; margin:0 0 4px; padding: 0; }

    .form--full-width .form-field--submit .label { display: none;}
    
    .form--full-width .form-text { margin-left: 0; }

    .form--full-width .form-field > input:not([type="checkbox"]):not([type="radio"]),
    .form--full-width .form-field > .select,
    .form--full-width .form-field > select,
    .form--full-width .form-field > .checkradio-group,
    .form--full-width .form-field > .checkbox-dropdown,
    .form--full-width .form-field > textarea { width:100%; }
}

@media screen and (max-width:480px) {
    .sb-pill {  font-size: 13px;}
}

@media screen and (max-width:400px) {
    .sb-pill {  font-size: 12px;}
}



/* = Tables
--------------------------------------------------------------------------------------------------------- */

.table-wrap { width: 100%; overflow-x: auto; }
        
table { width: 100%; margin: 0 0 30px; border-spacing: 0; border-collapse: collapse; }
tr { border-bottom: 1px solid #EBEBEB; }
th { padding: 10px 12px; color: #fff; font-weight: 700; background: #00837c; text-align: left; }
td { padding: 15px; text-align: left; vertical-align: top; }
    
th.center,
td.center { text-align: center; }
    
tbody tr.row-even td { }
tbody tr.row-odd td { background: #fafafa; }



/* = Flex
----------------------------------------------------------------------------------------------------------------- */
.flx { display: -ms-flexbox; display: -webkit-flex; display: flex; }
.flx-inl { display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; }
.flx--col { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.flx--jc { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.flx--jc-sb { -webkit-justify-content: space-between; -ms-flex-pack: justify;  justify-content: space-between; }
.flx--jc-sa { -webkit-justify-content: space-around;-ms-flex-pack: distribute; justify-content: space-around; }
.flx--jc-end { -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }
.flx--ac { -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; }
.flx--ai { -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.flx--ai-start { -webkit-align-items: flex-start; -ms-flex-align: start;  align-items: flex-start;  }
.flx--ai-end { -webkit-align-items: flex-end; -ms-flex-align: end;  align-items: flex-end;  }
.flx--wr { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.flx--noSh { -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; }


/* = Object fit images
----------------------------------------------------------------------------------------------------------------- */
.ofi {  width: 100%; height: 100%; object-fit: cover; font-family: 'object-fit: cover;'; }
.ofi--center {object-position: center; font-family: 'object-fit: cover; object-position: center;';  }
.ofi--abs {position: absolute; top: 0; left: 0; }
.ofi--contain { object-fit: contain; font-family: 'object-fit: contain;'; }
.ofi--scaledown { object-fit: scale-down; font-family: 'object-fit: scale-down;'; }


.ofi--center {object-position: center; font-family: 'object-fit: cover; object-position: center;';  }
.ofi--bottom,
.hero--internal img.ofi--bottom {object-position: bottom; font-family: 'object-fit: cover; object-position: bottom;';  }
.ofi--top,
.hero--internal img.ofi--top {object-position: top; font-family: 'object-fit: cover; object-position: top;';  }


/* = Pagination
----------------------------------------------------------------------------------------------------------------- */
.paging { margin:40px 0 0; text-align: center; list-style: none; padding:0; }
.paging li { display: inline-block; vertical-align: top; margin: 0 3px; position: relative;  }
.paging li a { display: block; font-size: 16px; width:34px; height: 34px; line-height: 32px; border:1px solid #e2e2e2; text-decoration: none; font-weight: normal; transition: all .2s ease; transition: all .2s ease; }
.paging li a.on { color: #fff; background: #ff7500; border-color: #ff7500;}
.paging li a.icon { border-color: transparent;}

.icon--pg-left:before {content: '\e900'; content: none; color:#EAFF00; font-size: 1.75em; padding: 2px 0; display: inline-block; vertical-align: top; }
.icon--pg-right:before {content: '\e901'; content: none; color:#EAFF00; font-size: 1.75em; padding: 2px 0; display: inline-block; vertical-align: top; }

.paging li a:not(.on):hover,
.paging li a:not(.on):focus { background: #f5f4f3; border-color: #f5f4f3; }

.paging li a.icon:hover,
.paging li a.icon:focus { background-color: transparent; border-color: transparent;  }


/* = Columns
----------------------------------------------------------------------------------------------------------------- */
.cols { margin:45px 0; }
.cols:first-child { margin-top:0; }
.cols:last-child { margin-bottom:0; }

.cols .col { margin: 0 0 50px; width: 100%; }
.cols .col:last-child { margin-bottom: 0; }

.col-image { display: block; position: relative; width: 100%; height: 0; padding-top:75%; overflow: hidden;}


@media screen and (min-width:851px) {
    .cols {  display: -ms-flexbox; display: -webkit-flex; display: flex; }

    .cols--half .col { float:left; width: calc(50% - 25px); margin:50px 50px 0 0; }
    .cols--half .col:nth-child(2n+2) { margin-right: 0; }
    .cols--half .col:nth-child(-n+2) { margin-top: 0; }

    .cols--twoThirds .col { float:left; width: calc(66% - 20px); margin:40px 40px 0 0; }
    .cols--twoThirds .col:nth-child(2n+2) { width: calc(34% - 20px); margin-right: 0; }
    .cols--twoThirds .col:nth-child(-n+2) { margin-top: 0; }

    .cols--twoThirds-rev .col { float:left; width: calc(34% - 30px);  margin:60px 60px 0 0; }
    .cols--twoThirds-rev .col:nth-child(2n+2) { width: calc(66% - 30px); margin-right: 0; }
    .cols--twoThirds-rev .col:nth-child(-n+2) { margin-top: 0; }

    .cols--video .col { float:left;  width: calc(45% - 20px);  margin:40px 40px 0 0; }
    .cols--video .col:nth-child(2n+2) { width: calc(55% - 20px); margin-right: 0; }
    .cols--video .col:nth-child(-n+2) { margin-top: 0; }
}

@media screen and (min-width:1025px) {
    .cols--half .col { width: calc(50% - 30px); margin:60px 60px 0 0; }
}

@media screen and (max-width:850px) {
    .col-image { padding:0; height: auto; margin-bottom: 15px; }
    .col-image img { position: relative; }
}

@media screen and (max-width:600px) {
    .cols--contact .col { padding:10% 8%; background-color: #fff; border: 1px solid #d9d9d9; }
}



/* = Container
----------------------------------------------------------------------------------------------------------------- */
.container { max-width: 1420px; padding: 0 25px; margin: 0 auto; } 
.container--medium { max-width: 1460px; }
.container--large { max-width: 1600px; }
.container--lgrey { background: #f5f5f5;}

@media screen and (min-width: 901px) {
    .container { padding: 0 30px; } 
    .content_docs .container { max-width: 100%; padding: unset; }
}

.content_docs .container { max-width: 100%; padding: unset; }



/* = Header
----------------------------------------------------------------------------------------------------------------- */
header { position: fixed; top:0; left:0; width:100%; color: #fff; background: #017b70 url(/images/bg/bg_riverlane_1.jpg) 50% 50% no-repeat }

body.body--has-hero header { position: absolute; background: transparent; }

.hdr_main { display: flex; height: 61px; min-width: 180px; padding: 10px 45px 10px 0; margin: 0 25px 0; }

.hdr_main > * { margin-top: auto; }

.hdr_logo { display: flex; position: relative; margin: 2px 40px 0 0; }
.hdr_logo a { display: block; }
.hdr_logo img { width: 55px; }
.hdr_logo > * {  }
.hdr_logo > span { margin: auto 0 -2px 10px; font-size: .8125rem; }


header.hdr--slim { box-shadow: 0 1px rgba(255,255,255, 0.25); background-color: #1d3c34; }
header.hdr--slim .hdr_main { padding:20px 0; }
header.hdr--slim .hdr_logo img { width: 60px;}

html.do-trans .hdr_main { transition: all .25s linear; }
html.do-trans .hdr_logo img { transition: width .25s linear; }


@media screen and (min-width: 601px) {
    .hdr_main { height: 68px; }

    .hdr_logo img { width: 65px; }
    .hdr-logo span { font-size: 1rem;}
}

@media screen and (min-width: 901px) {
    .hdr_main { height: 74px; padding: 15px 45px 10px 0; margin: 0 30px 10px; }

}

@media screen and (min-width: 1001px) {
    .hdr_main { padding-right: 0; }

}



/* = Header links
----------------------------------------------------------------------------------------------------------------- */
.headerlink:after { font-family: "icons"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; min-width: 1em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; text-decoration: none; }

.headerlink { margin: 0 0 0 10px; font-size: 0; opacity: 0; color: #ff7500; transition: opacity 250ms linear; }
.headerlink:hover { color: #ff7500; }
dt:hover a.headerlink { opacity: 1; }
.headerlink:after { content: '\e819'; font-size: 1rem; }



/* = Nav Hamburger
----------------------------------------------------------------------------------------------------------------- */
.hdr_burger { position: fixed; top: 10px; right: 26px; vertical-align: middle; overflow: hidden; margin: 7px 0 0 20px; cursor: pointer; user-select: none; -webkit-tap-highlight-color: transparent; }

body.body--has-hero .hdr_burger { position: absolute; }

.burger { position: relative; display: inline-block; vertical-align: middle; margin: 0;padding: 0;width: 22px;height: 23px;cursor: pointer; transition: background 0.3s ease;overflow: hidden;}
.burger:focus { outline: none; }
.burger span {display: block;position: absolute;top: calc(50% - 1px);margin-top: 0px;left: 0;right: 0;height: 2px;background: #fff; transition: background 0.3s ease;}
.burger span:before,
.burger span:after {content: "";position: absolute;display: block;left: 0;width: 100%;height: 2px;background-color: #fff; transition: 0.3s ease;}
.burger span:before {top: -8px;}
.burger span:after {bottom: -8px; width:60%; }

.nav-on .burger span { background: none; }
.nav-on .burger span:before { top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.nav-on .burger span:after { bottom: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);  width:100%; }


@media screen and (min-width: 601px) {
    .hdr_burger { margin-top: 13px; }
}

@media screen and (min-width: 901px) {
    .hdr_burger { margin-top: 20px; right: 31px; }
}

@media screen and (min-width: 1001px) {
    .hdr_burger { display: none; }
}



/* = Menu Wrap
----------------------------------------------------------------------------------------------------------------- */
.menu-wrap { display: none; }

@media screen and (max-width: 600px) {

    .menu-wrap .bc_tools { display: flex; gap: .5em; margin: 10px 0 0; align-items: center; color: #fff; }
    .menu-wrap .bc_tools-label { display: inline-block; }
    .menu-wrap .bc_tools button { width: 30px; background: transparent; border: none; cursor: pointer; color: #fff; }

}

@media screen and (max-width: 1000px) {
    .menu-wrap { position: fixed; display: flex; flex-direction: column; top: 0; right: 0; padding: 110px 35px 35px; width: 440px; max-width: 100%; height: 100%;
                    transform: translate3d(470px, 0, 0); background: #000; box-shadow: 5px 5px 25px rgba(0, 0, 0, 0.2); }
    .nav-on .menu-wrap { transform: translate3d(0, 0, 0); }

    html.do-trans .menu-wrap { transition: transform 500ms ease; }


    .main-menu { flex: 1; position: relative; max-height: 100%; overflow: auto; }
    .main-menu ul { list-style: none; margin: 0; padding: 0; }
    .main-menu ul li { margin: 0; padding: 2px 0; position: relative; border-bottom: 1px solid #222; }
    .main-menu ul li:first-child { border-top: 1px solid #222; }
    .main-menu a,
    .main-menu button { display: block; padding: 14px 0; font-size: 1.125rem; white-space: nowrap; color: #fff; }
    .main-menu button { font-family: 'Px Grotesk'; font-weight: 300; border-width: 0; background: transparent; cursor: pointer; }
    .main-menu button:hover { text-decoration: underline; }

    .main-menu .has-children > a { position: relative; }
    .main-menu .has-children > ul { display: none; }
    .main-menu .has-children.sub-on > ul { display: block; }
    .main-menu .has-children.sub-on > a { padding-bottom: 16px; border-bottom: 1px solid #222;}

    .main-menu .has-children ul a { padding: 6px 0; font-size: 18px;  }
    .main-menu .has-children > ul { margin: 14px 0 12px; padding: 0 20px; }
    .main-menu .has-children > ul > li { border: none; }
    .main-menu .has-children > ul > li > ul { margin: 0 0 5px 10px; }

    .main-menu .liOn > a { color: #A2C617; }

    .main-menu > ul > li.has-children .icon { display: flex; align-items: center; justify-content: center; position: absolute; top: 0; right: 0; font-size: 18px; margin: 6px 0; height: 47px; width: 54px; text-align: center; cursor: pointer;  border-left: 1px solid #222; }

    .main-menu > ul > li.has-children .icon:after {  color:#fff; }
    .main-menu > ul > li.has-children.sub-on .icon:after { -webkit-transform:rotate(180deg); transform:rotate(180deg); } 
}

@media screen and (max-width: 600px) {
    .menu-wrap { width: 100%; transform: translate3d(calc(100% + 30px), 0, 0); }
}



/* = Main menu nav
----------------------------------------------------------------------------------------------------------------- */
.hdr_nav-wrap { margin-top: 17px; flex: 1; }
.hdr_nav { display: none; margin: 0 35px 0 0; text-align: right; }
.hdr_nav li { position: relative;} 
.hdr_nav li a { color:#fff; font-weight: 300; }
.hdr_nav li a.on { color:#ff7500; }

.hdr_nav li button { position: relative; color:#fff; font-weight: 300; background: transparent; border: none; font-size: 1rem; font-family: 'Px Grotesk'; cursor: pointer; }


@media screen and (min-width: 1001px) {
    .hdr_nav { display: block; }

    .hdr_nav li { display: inline-block; margin: 0 0 0 25px; }

    .hdr_nav li ul { visibility: hidden; opacity: 0; position: absolute; margin:0; padding: 15px 30px;  left:50%; -webkit-transform: translateX(-50%) scale(0.9); transform: translateX(-50%) scale(0.9); top: calc(100% + 28px); background: #006f62; -webkit-transition:all .3s ease; transition:all .3s ease; }
    .hdr_nav li ul:before { content:''; position: absolute; top:-15px; left:calc(50% - 15px);  width: 0; height: 0;  border-style: solid;  border-width: 0 15px 20px 15px; border-color: transparent transparent #006f62 transparent;  }
    .hdr_nav li ul li { margin:0; display: block; margin:5px 0; padding:5px 0; text-align: center; }

    .hdr_nav .has-children a span { position: relative;}
    .hdr_nav .has-children a span:before { content:''; position: absolute; top:0; left:0; width: 100%; height: 70px; opacity: 0;}
    .hdr_nav .has-children > a span:after { content:'\e80d'; display: inline-block;  margin-left: 8px; font-size: 0.8em; }
    .hdr_nav .has-children > .icon { display: none;}

    .hdr_nav .has-children:hover ul  { visibility: visible; opacity: 1; -webkit-transform: translateX(-50%) scale(1); transform: translateX(-50%) scale(1); }

    .hdr_nav > ul > li:not(.has-children) > a:before,
    .hdr_nav > ul > li:not(.has-children) > form > button:before { opacity: 0;  content:'';  position: absolute; top:-2px; left:-12px;  width:8px; height: 13px; background: url(/images/shapes/bracket-top-left-white.svg) center no-repeat; background-size:contain; -webkit-transform: translate(4px, 4px);  transform: translate(-4px, -4px); -webkit-transition:all .3s ease;  transition:all .3s ease; }
    .hdr_nav > ul > li:not(.has-children) > a:after,
    .hdr_nav > ul > li:not(.has-children) > form > button:after { opacity: 0; content:''; position: absolute; bottom:-5px; right:-12px; width:8px; height: 13px; background: url(/images/shapes/bracket-bottom-right-white.svg) center no-repeat;background-size:contain;-webkit-transform: translate(4px, 4px); transform: translate(4px, 4px); -webkit-transition:all .3s ease; transition:all .3s ease; }
    
    .hdr_nav > ul > li > a:hover,
    .hdr_nav > ul > li > a:focus { text-decoration: none; color:#fff; }
    
    .hdr_nav > ul > li > a:hover:before,
    .hdr_nav > ul > li > a:focus:before,
    .hdr_nav > ul > li > form > button:hover:before,
    .hdr_nav > ul > li > form > button:focus:before { opacity:1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } 
    .hdr_nav > ul > li > a:hover:after,
    .hdr_nav > ul > li > a:focus:after,
    .hdr_nav > ul > li > form > button:hover:after,
    .hdr_nav > ul > li > form > button:focus:after { opacity:1;  -webkit-transform: translate(0, 0); transform: translate(0, 0); } 
}



/* = 
----------------------------------------------------------------------------------------------------------------- */
.hdr_search { position: relative; display: none; }
.hdr_search input[type="text"] { width: 185px; padding: 7px 35px 7px 15px; background: #fff url(/images/icons/icon-search.svg) right 10px center no-repeat; background-size: 18px; }
.hdr_search input[type="text"]:focus { border-color: #fff; box-shadow: inset 0 0 0px 1px #eee }

.hdr_search-button { position: absolute; top: 1px; right: 0; width: 38px; height: 34px; border-width: 0; background: transparent; cursor: pointer; }


@media screen and (min-width: 601px) {
    .hdr_search { display: block; margin-top: 10px; }
}

@media screen and (min-width: 901px) {
    .hdr_search { margin-top: auto; }
}



/* = Main wrap
----------------------------------------------------------------------------------------------------------------- */


@media screen and (min-width: 901px) {
    .main { display: flex; }
}



/* = Side Navigation - Section
----------------------------------------------------------------------------------------------------------------- */
.nav-section { margin: 0 0 20px; }
.nav-section:first-child { margin-top: 10px; }
.nav-section_title { margin: 0 0 10px; text-transform: uppercase; font-size: 15px; color: #0049bd; white-space: nowrap; }
.nav-section_items {  }




/* = Side Navigation - List
----------------------------------------------------------------------------------------------------------------- */

.side-nav-toggle { position: fixed; top: 61px; width: 100%; height: 40px; overflow: hidden; }
.side-nav-toggle a { position: relative; display: block; height: 40px; color: #fff; background: #1d3c34; padding: 10px 25px; border-top: solid 1px #409591; transition: background .3s ease, background-image .3s ease; }
.side-nav-toggle a { text-decoration: none; background: #017b70 url(/images/bg/bg_riverlane_1.jpg) 50% 50% no-repeat; }
.side-nav-toggle a:hover { text-decoration: none; background: #017b70; }

.side-nav-toggle a span { position: absolute; top: 50%; right: 28px; transform: translateY(-50%); }
.side-nav-toggle a span:after { content:'\e80d'; transition: transform .25s linear; }
.side-nav-toggle.trigd a span:after { transform: rotate(180deg); }

.side-nav { position: fixed; top: 101px; width: 100%; height: calc(100vh - 101px); font-family: Lato,proxima-nova,Helvetica Neue,Arial,sans-serif; 
            font-size: .9375rem; background: #f5f4f3; transform: translateY(-100vh); overflow-y: auto; } /* box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1); */

.side-nav.on { transform: none; }

.side-nav_product { position: relative; margin: 0; width: calc(100% + 50px); top: -20px; left: -30px; padding: 9px 30px 9px; color: #222; font-size: 16px; background: #fff; 
                        white-space: nowrap; box-shadow: 0 0 0 1px rgba(64,87,109,.07), 0 2px 8px rgba(57,76,96,.15);}

.side-nav_inner > nav { padding: 20px 20px 25px 30px; }

.side-nav ul { list-style: none; margin: 0; padding: 0; white-space: nowrap; }

.side-nav ul ul { display: none; }
.side-nav ul ul.open { display: block; margin-bottom: 0; }

.side-nav_item { list-style: none; margin: 0; padding: 0; font-size: .875rem; }
.side-nav_item ul { margin-left: 15px; }

.side-nav_item a { position: relative; display: block; padding: 5px 10px 5px 0; color: #00110f; text-decoration: none; }
.side-nav_item a:hover { text-decoration: none; }
.side-nav_item a:before { width: 18px; margin: 0 5px 0 0; color: #26b4ad; }
.side-nav_item a.on,
.side-nav_item a.on:before { color: #ff7500; }

.side-nav_item--folder > a { }
.side-nav_item--folder > a:before { content:'\e821'; }
.side-nav_item--folder > a.opened:before { content:'\e822'; margin-left: 1px; margin-right: 4px; }
.side-nav_item--doc > a:before { content:'\f0f6'; }

.side-nav_toc-toggle,
.side-nav_toc-notoggle { position: absolute; top: 5px; left: -24px; width: 25px; text-align: center; cursor: pointer; }
.side-nav_toc-toggle:before { content:'\e803'; }
.side-nav_toc-toggle.opened:before { content:'\e801'; }

.side-nav_toc-toggle--child { top: 4px; color: #01b1a9; }

.side-nav_toc-notoggle { cursor: default; top: 2px; }
.side-nav_toc-notoggle:before { content:'- '; }

.side-nav_toc { padding-left: 12px; }
.side-nav_toc li { position: relative; }
.side-nav_toc li.in-view > a { color: #ff7500 }

.side-nav_toc > ul.open > li li { font-size: 14px; }
.side-nav code { font-family: 'Px Grotesk'; font-size: 13px; }
.side-nav a.reference { padding: 3px 10px 3px 0; }

.side-nav_toc li { margin: 0; }
.side-nav_toc ul { margin-bottom: 10px; }

.side-nav .draghandle { position: fixed; top: 0; left: 270px; width: 6px; height: 100%; cursor: col-resize; background: transparent; }
.side-nav .draghandle:hover { background: #e2e2e2; }


@media screen and (min-width: 601px) {
    .side-nav-toggle { top: 68px; }
    
    .side-nav { top: 108px }
    .side-nav.on { height: calc(100vh - 108px); }
}

@media screen and (min-width: 901px) {
    .side-nav-toggle { height: 0; }
    .side-nav { display: block; position: sticky; transform: none; top: 84px; left: 0; width: 270px; min-width: 200px; max-width: 450px; height: calc(100vh - 84px); min-height: calc(100vh - 84px); border-right: solid 1px #e2e2e2; }
}

@media screen and (min-width: 1201px) {
    .side-nav { width: 300px; }
    .side-nav .draghandle { left: 300px; }
}


/* = Breadcrumb
----------------------------------------------------------------------------------------------------------------- */
.bc { display: flex; width: 100%; padding: 10px 25px; font-size: .8125rem; border-bottom: solid 1px #e2e2e2; background: #fff; }

.bc_items { flex: 1; padding-right: 20px; }

.bc_item { display: inline-block; }
.bc_item:after { content: "\e80b"; padding: 0 3px; font-size: 8px; vertical-align: 1px; }
.bc_item:first-child { font-size: .875rem; }
.bc_item:last-child:after { content: none; }
.bc_link { color: #ff7500; }
.bc_current { }

.bc_tools { display: none; color: #fff; position: relative; }
.bc_tools-label { display: none; }
.bc_tools button { cursor: pointer; }
.bc_tools button:hover { color: #ff7500; }

@media screen and (min-width: 601px) {
    .bc_items { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .bc .bc_tools { display: flex; }
    .bc_tools button { border-width: 0; background: transparent; color: #1d3c34; font-size: 16px; }
}

@media screen and (min-width: 701px) {
    .bc .bc_tools { gap: .5em; }
}

@media screen and (min-width: 901px) {
    .bc { position: fixed; top: 84px; left: 271px; width: calc(100% - 271px) }
}

@media screen and (min-width: 1201px) {
    .bc { left: 301px; width: calc(100% - 301px) }
    .bc { padding: 10px 25px; }
}


/* = 
----------------------------------------------------------------------------------------------------------------- */
.main {  }

@media screen and (min-width: 901px) {
    .main { }
}


/* = 
----------------------------------------------------------------------------------------------------------------- */
.content { }

.content-wrap { position: relative; display: flex; }

.content--withnav { width: 100%; }


.content_docs { flex: 1; padding: 30px 25px 40px; overflow-x: auto; max-width: 1000px; font-family: Lato,proxima-nova,Helvetica Neue,Arial,sans-serif; font-size: 15px; }

@media screen and (min-width: 550px) {
    .content_docs { padding: 30px 25px 40px; }
}



.content--nobc { flex: 1; }
.content--nobc .content_docs { margin: 0 auto; }

.content_docs h1,
.content_docs .h1 { margin: 0 0 25px; padding: 0 0 15px; font-size: 24px; border-bottom: solid 1px #eee; }
.content_docs h2,
.content_docs .h2 { margin: 0 0 25px; padding: 0 0 15px; font-size: 21px; border-bottom: solid 1px #eee; }
.content_docs h3 { margin: 0 0 20px; font-size: 19px; }
.content_docs h4 { margin: 0 0 20px; font-size: 18px; }
.content_docs h5 { margin: 0 0 20px; font-size: 17px; }
.content_docs h6 { margin: 0 0 20px; font-size: 16px; }

.container--lgrey .content_docs .container > h1,
.container--lgrey .content_docs .container > .h1,
.container--lgrey .content_docs .container > h2,
.container--lgrey .content_docs .container > .h2 { border-color: #cfcfcf; }

.content_docs a { text-decoration: underline; }
.content_docs a:hover { text-decoration: none; }

.content_docs section + section { margin-top: 30px; }

.content_nav { display: flex; margin: 50px 0 0; }
.content_nav > div { flex: 1; margin: 0 15px 0 0; }
.content_nav > div:last-child { margin: 0 0 0 15px; }
.content_nav > div:last-child a { text-align: right; }


/* Meta */ 

.content_docs-meta { margin: 45px 0 0; padding: 10px 0 20px; border-top: 1px solid #e2e2e2; font-size: 13px; color: #666; }


/* Previous + Next */ 

a.content_nav-link { display: block; position: relative; flex: 1; }
.content a.content_nav-link { text-decoration: none; }
a.content_nav-link span { display: block; transition: linear 250ms transform, linear 250ms color; }
a.content_nav-link span:first-child { padding: 10px 0 10px 50px; font-size: 14px; color: #ff7500; font-weight: bold; }
a.content_nav-link span:last-child { padding: 20px 0; font-size: 16px; }

a.content_nav-link:before { content:''; position: absolute; top: 0; left: 0; right: 0; border-top: 0 solid #ff7500; }
a.content_nav-link:after { content: '\e804'; position: absolute; top: 0; left:0; width:34px; height: 34px; line-height: 36px; color:#fff; 
                           background: #ff7500; transition: linear 250ms transform; } 

a.content_nav-link:hover span:last-child { color: #ff7500; }

a.content_nav-link:hover span,
a.content_nav-link:hover:after { transform: translateX(-20px); transform: translateX(0);  }

.content_nav-item { display: flex; }


.content_nav-item--next a.content_nav-link span:first-child { padding: 10px 50px 10px 0; }
.content_nav-item--next a.content_nav-link:after { content: '\e805'; left: auto; right: 0; }

.content_nav-item--next a.content_nav-link:hover span,
.content_nav-item--next a.content_nav-link:hover:after { transform: translateX(20px); transform: translateX(0); }

.content_nav-link { border: solid 1px #ff7500; }
.content_nav-item--prev .content_nav-link { }
.content_nav-item--prev .content_nav-link span:last-child { padding: 0 20px 20px 50px; }
.content_nav-item--next .content_nav-link { }
.content_nav-item--next .content_nav-link span:last-child { padding: 0 50px 20px 20px; }



/* In page TOC */ 

.content_toc { display: none; position: relative; width: 320px; padding: 0 20px 0 0; }
.content_toc-items { position: sticky; top: 155px; width: 100%; max-height: calc(100vh - 185px); padding: 20px 0 20px 35px; margin-bottom: 30px; border-left: solid 1px #e2e2e2; overflow-y: auto; } 

.content_toc-items.is-loading { width: 100%; height: 30px; background: url(/images/loading.gif) 40px center no-repeat; background-size: 20px; border-width: 0; }
.content_toc-items.is-loading ul { display: none; }

.content_toc ul { list-style: none; margin: 0 0 10px; padding: 0; }
.content_toc ul ul { display: none; margin-left: 10px; }
.content_toc ul ul.open { display: block; margin: 10px 0 15px 10px; }
.content_toc li { position: relative; margin-bottom: 5px; }
.content_toc a { text-decoration: none; }

.content_toc li.in-view > a,
.content_toc a:hover { color: #ff7500 }

.content_toc-toggle,
.content_toc-notoggle { position: absolute; top: 5px; left: -24px; width: 25px; text-align: center; cursor: pointer; }
.content_toc-toggle:before { content:'\e803'; }
.content_toc-toggle.opened:before { content:'\e801'; }

.content_toc-toggle--child { top: 1px; color: #01b1a9; }

.content_toc-notoggle { cursor: default; top: 2px; }
.content_toc-notoggle:before { content:'- '; }

.content_toc > ul.open > li li { font-size: 14px; }
.content_toc code { font-family: 'Px Grotesk'; font-size: 13px; }
.content_toc a.reference { padding: 3px 10px 3px 0; }




@media screen and (min-width: 901px) {
    .content--withnav { width: calc(100% - 270px); }

    .content_docs { min-height: calc(100vh - 84px); padding: 60px 25px 70px;}
    .content--nobc .content_docs { padding-top: 35px; }

    body.body--has-hero .content_docs { min-height: 0; }
}

@media screen and (min-width: 1101px) {
    a.content_nav-link span:last-child { font-size: 18px; }
}

@media screen and (min-width: 1201px) {
    .content--withnav { width: calc(100% - 300px); }

    .content_docs { padding: 60px 35px 70px; }
    .content--nobc .content_docs { padding-top: 35px; }
    
    .content_toc { display: block; }
}

@media screen and (min-width: 1301px) {
    .content_docs { padding: 65px 45px 75px; }
    .content--nobc .content_docs { padding-top: 35px; }
}

@media screen and (min-width: 1601px) {
    .content_toc { width: 350px; }
}

@media screen and (min-width: 1671px) {
    .content_toc { width: 380px; }
}

@media screen and (min-width: 1721px) {
    .content_toc { width: 400px; }
}



/* = Search Resutls
----------------------------------------------------------------------------------------------------------------- */
.search-res { }

.search-res_details { margin: 35px 0 35px; padding: 0 20px; font-size: 1.5rem; color: #111; text-align: center; font-family: 'Px Grotesk'; }
.search-res_details small { display: inline-block; font-size: 1.5rem; }

.search-res_list,
.search-res_item { list-style: none; margin: 0 0 30px; padding: 0; }
.search-res_item { position: relative; margin: 0 0 25px; padding: 0 0 0; }

.search-res_item-link { display: block; background: #fff; }
a.search-res_item-link { text-decoration: none; }

.search-res_item-type { position: relative; padding: 20px; background: #016b5f; color: #fff; text-align: center; transition: background linear 250ms; }
.search-res_item-type > div { position: relative; width: 100%; font-family: 'Px Grotesk'; padding: 5px 10px; font-size: 16px; }
.search-res_item-type span { display: block; }

.search-res_item-details { flex: 1; padding: 20px; }

.search-res_item-title { font-weight: bold; font-size: 22px; transition: color linear 250ms; }
.search-res_item-title a { text-decoration: none; }

.search-res_item-title a:hover { text-decoration: underline; color: #ff7500; }
.search-res_item-meta { font-size: 13px; color: #999; }
.search-res_item-summary { margin: 0 0 15px; }

.search-res_item-more { display: block; margin: 0 0 -1px; color: #ff7500; text-align: right; font-size: 13px; font-weight: bold; text-decoration: none; transform: translate(-10px, -10px); transition: transform linear 50ms; }
    
.search-res_item-more span { vertical-align: 0; }
.search-res_item-more .icon { display: inline-block; width: 30px; height: 30px; margin: 0 0 0 10px; text-align: center; background: #ff7500; color: #fff; }
.search-res_item-more .icon:after { padding-top: 9px; }


.search-res_item-link:hover { }
.search-res_item-link:hover .search-res_item-title { color: #ff7500; }
.search-res_item-link:hover .search-res_item-type { background: #ff7500; }
.search-res_item-link:hover .search-res_item-more { transform: translate(0, -10px); }


@media screen and (min-width: 650px) {
    
    .search-res_item-link { display: flex; }
    .search-res_item-type { width: 180px; }
    .search-res_item-type > div { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); padding: 5px 10px; font-size: 16px; }
    .search-res_item-type span { display: block; }

    .search-res_item-details { flex: 1; padding: 20px; }

    .search-res_item { padding: 0; }
    .search-res_item-more { position: absolute; bottom: 0; right: 0; margin: 0; }
}

@media screen and (min-width: 800px) {
    .search-res_item-more { bottom: 0; }
}



/* = Vertical heading
----------------------------------------------------------------------------------------------------------------- */

.card-wrap + .card-wrap { margin-top: 20px; }


@media screen and (min-width: 1301px) {
    .card-wrap + .card-wrap { margin-top: 30px; }
}


/* = Vertical heading
----------------------------------------------------------------------------------------------------------------- */
.has-vheading, .has-vheading--right { position: relative;}

.v-heading { font-size:15px; font-weight: 300; letter-spacing: 0.5px; text-transform: uppercase; font-family: "Px Grotesk" }
.v-heading--orange { color: #ff7500; }
.v-heading + div  { margin-top: 10px; }

@media screen and (min-width: 601px) {
    .has-vheading { padding-left:60px; }

    .has-vheading--right { padding-right:60px; }

    .v-heading { position: absolute; left:0; top: 15px; height: calc(100% - 30px); padding-right: 10px; border-right: 1px solid rgba(0, 0, 0, 0.25); -ms-writing-mode: tb-rl; writing-mode: vertical-rl; text-orientation: mixed; }
    .v-heading--right { left:auto; right:0; }
    .v-heading.textWhite { border-color: rgba(255, 255, 255, 0.25); }
}

@media screen and (max-width: 600px) {
    .v-heading { padding-bottom: 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.3); font-size: 14px;  } 
    .v-heading:not(.v-heading--hide-mobile) + div  { margin-top:40px; }
    .v-heading.textWhite { border-color: rgba(255, 255, 255, 0.3); }

    .v-heading--hide-mobile { display: none;}
}

@media screen and (max-width: 400px) {
    .v-heading { letter-spacing: 0.4px;  } 
    .v-heading:not(.v-heading--hide-mobile) + div { margin-top:35px; }
}


/* = Card with image
----------------------------------------------------------------------------------------------------------------- */
.card { position: relative;}

.card-image { position: relative; }
.card-image .ci-inner { width:100%; height: 0; padding-top: 70%; position: relative; display: block;}
.card-content { background-color: #fff;}

.card-image--padded { padding:3%; background-color: #D8D8D8; }

.card-image_text { position: absolute; overflow: hidden; display: block; top: 0; left: 0; right: 0; height: 100%; background-color: #003b40; transition: background-color linear 250ms; }
.card-image_text:hover { background-color:  #003b40; }
.card-image_text:hover:after { content: "";
    position: absolute;
    right: -20%;
    top: 30%;
    width: 80%;
    height: 0;
    padding-top: 60%;
    background: #006f62;
    filter: blur(100px);
    z-index: 0;
    border-radius: 50%;
}
.card-image_text span { z-index: 5; position: absolute; top: 50%; left: 50%; color: #fff; font-size: 30px; font-weight: bold; transform: translate(-50%, -50%); }

.card--w-image { max-width: 600px; margin:0 auto; padding:15px 0; }
.card--w-image .card-image {  width: calc(100% - 120px); margin:0 60px -140px;  }
.card--w-image .card-image .ci-inner { width:100%; height: 0; }
.card--w-image .card-content { padding:180px 60px 60px;  }

.content_docs .card-content a { text-decoration: none; }

.ci-inner--brackets:before { content:'';  position: absolute; z-index: 1; top:40px; left:40px;  width:7%; height: 15%; background: url(/images/shapes/bracket-top-left-white.svg) center no-repeat; background-size:contain; -webkit-transform: translate(4px, 4px);  transform: translate(-4px, -4px); -webkit-transition:all .3s ease;  transition:all .3s ease; }
.ci-inner--brackets:after { content:''; position: absolute; z-index: 1; bottom:40px; right:40px; width:7%; height: 15%; background: url(/images/shapes/bracket-bottom-right-white.svg) center no-repeat;background-size:contain;-webkit-transform: translate(4px, 4px); transform: translate(4px, 4px); -webkit-transition:all .3s ease; transition:all .3s ease; }

.ci-inner--brackets:before,
.ci-inner--brackets:after { content: none; }

@media screen and (min-width: 951px) {
    .card--w-image { max-width: 100%; }
    .card--w-image  .card-image { width: 45%; margin: 0; }
    .card--w-image .card-image .ci-inner { padding-top: 80%; }
    .card--w-image .card-image--narrow .ci-inner { padding-top: 60%; }
    .card--w-image .card-content  { width: 55%; padding:5.5%; }

    .card--w-image--reverse .card-content  { order:1; }
    .card--w-image--reverse .card-image { order:2; }
}

@media screen and (max-width: 950px) {
    .card-image--padded { padding:28px; }
    .card--w-image .card-content { min-width: 100%; }
}


@media screen and (max-width: 600px) {
    .card--w-image .card-content { padding:12% 10%; padding-top:160px; } 
    .card--w-image .card-image { width: 80%; margin:0 10%; margin-bottom: -120px; }

    .ci-inner--brackets:before { top:30px; left:30px; }
    .ci-inner--brackets:after { bottom:30px; right:30px; }

    .card--w-image .card-image.card-image--padded { width: 100%; margin-left:0; margin-right: 0; } 
}

@media screen and (max-width: 440px) {
    .card-image .ci-inner { padding-top: 80%;}

    .card--w-image .card-content { padding:13% 8.5%; padding-top:135px; } 
    .card--w-image .card-image { width: 83%; margin:0 8.5%;  margin-bottom: -100px; }

    .ci-inner--brackets:before { top:25px; left:25px; }
    .ci-inner--brackets:after { bottom:25px; right:25px; }
}

@media screen and (max-width: 400px) {
    .card--w-image .card-content { padding:13% 7.5%; padding-top:135px; } 
    .card--w-image .card-image { width: 85%; margin:0 7.5%; margin-bottom: -100px; }
}





/* = Hero banners
----------------------------------------------------------------------------------------------------------------- */
.hero { min-height: 475px; overflow: hidden; position: relative; background: #017b70 url(/images/bg/bg_riverlane_1.jpg) 50% 50% no-repeat;  }

.hero-content { padding: 50px 0;  position: relative; text-align: center; z-index: 1;  }
.hero-content h1 { margin-bottom: 25px; color:#fff;}
.hero-content p,
.hero-content a { color:#fff;}
.hero-content h1:last-child { margin: 0;}

.hero--internal { min-height: 100px;}
.hero--internal:before { content:''; opacity: 1; z-index: 1; position: absolute; top:0; left:0; width:100%; height: 180px; background: linear-gradient(180deg, rgba(0,0,0,0.7) 0%, rgba(255,255,255,0) 100%);  }

.hero--internal .hero-content { margin-top: 65px;}
.hero--internal .hero-content p { font-weight: 300; max-width: 480px;}
.hero--internal .hero-content p.textCenter { margin-left:auto; margin-right: auto; max-width: 800px;}
.hero--internal .hero-content p.has-button { font-size: 1.25em;}
.hero--internal .hero-content .long { max-width: 650px;}
.hero--internal .container { width: 100%;}
.hero--internal img { object-position: 65% 50%; }

.hero--gradient:after { content:''; position: absolute; top:0; left: 0; width:100%; height: 100%;  background: linear-gradient(90deg, rgba(9, 12, 22, 0.8), rgba(29, 60, 52, 0));  }


@media screen and (min-width: 1201px) {
    .hero-content h1 { font-size: 44px;}

    .hero--internal { min-height: 280px;} 
    .hero--internal .hero-content p { max-width: 540px; font-size: 28px; }

    .hero--internal .hero-content .long { max-width: 780px;}
}

@media screen and (min-width: 1301px) {
    .hero-content h1 { font-size: 46px;}

    .hero--internal .hero-content p { font-size: 30px; }
}

@media screen and (min-width: 1401px) {
    .hero-content h1 { font-size: 48px;}

    .hero--internal .hero-content p { font-size: 32px; max-width: 600px; }
    .hero--internal .hero-content .long { max-width: 850px;}
}

@media screen and (min-width: 1501px) {
    .hero-content h1 { font-size: 52px;}
}

@media screen and (min-width: 1601px) {
    .hero-content h1 { font-size: 54px;}
}



@media screen and (max-width: 650px) {
    .hero--internal { min-height: 275px; align-items: flex-end;}
    .hero--internal h1 { margin-bottom: 22px;}
}

@media screen and (max-width: 480px) {
    .hero--internal h1 { margin-bottom: 20px; font-size: 32px; }
}

@media screen and (max-width: 440px) {
    .hero--internal { min-height: 125px;}
}






/* = Docs styling
----------------------------------------------------------------------------------------------------------------- */


.content_docs .toctree-wrapper .caption .caption-text { margin: 0 0 10px; text-transform: uppercase; font-size: 15px; color: #0049bd; }

.content_docs .toctree-wrapper .toctree-l2 { position: relative; }
.content_docs .toctree-wrapper .toctree-l2.has-toggle,
.content_docs .toctree-wrapper .toctree-l2 li.has-toggle { list-style: none; }
.content_docs .toctree-wrapper .toctree-l2 ul { display: none; margin-left: 0; }
.content_docs .toctree-wrapper .toctree-l2 ul.open { display: block; }

.content_docs .toctree-wrapper .toctree-l1 ul,
.content_docs .toctree-wrapper .toctree-l1 ul ul { margin-left: 0; margin-top: 10px; margin-bottom: 15px; }

.root_doc .content_docs .toctree-wrapper .toctree-l1 ul { display: none; }


.toctree_nav-toggle { }

.toctree_nav-toggle { position: absolute; top: 1px; left: -24px; width: 25px; text-align: center; cursor: pointer; }
.toctree_nav-toggle:before { content:'\e803'; }
.toctree_nav-toggle.opened:before { content:'\e801'; }

.toctree_nav-toggle--child { top: 4px; color: #01b1a9; }


/**

*/

.content_docs code, 
.content_docs tt, 
code, 
kbd, 
pre, 
samp { font-family: monospace,serif; _font-family: courier new,monospace; }


code, 
.content_docs tt, 
.content_docs .linenodiv pre, 
.content_docs div[class^=highlight] pre, 
.content_docs pre.literal-block { font-family: SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,Courier,monospace; }

code,
.content_docs tt { white-space: nowrap; max-width: 100%; background: #fff; border: 1px solid #e1e4e5; font-size: 13px; padding: 0 5px; 
       color: #e74c3c; overflow-x: auto; }

.content_docs code, 
.content_docs tt { color: #000; padding: 2px 5px; }

.content_docs code.literal, 
.content_docs tt.literal { color: #e74c3c; white-space: normal; background: rgba(248, 247, 255, .55); }

.content_docs div[class^=highlight] pre { display: block; overflow: auto;  white-space: pre; margin: 0; padding: 12px; }

.content_docs .linenodiv pre, 
.content_docs div[class^=highlight] pre, 
.content_docs pre.literal-block { font-size: 12px; line-height: 1.4; }



.content_docs dl p { margin-bottom: 20px; }
.content_docs dl ul.simple { margin-bottom: 20px; }
.content_docs dl ul.simple:last-child { margin-bottom: 0; }



.content_docs dl:not(.docutils) dl:not(.field-list)>dt, 
.content_docs dl[class]:not(.option-list):not(.field-list):not(.footnote):not(.glossary):not(.simple) dl:not(.field-list)>dt {
    margin-bottom: 15px;
    border: none;
    border-left: 3px solid #cf6f7f;
    background: #f3f3f3;
    color: #555;
    padding: 10px;
    line-height: 1.5em;
}

.content_docs dl dd { margin: 0 0 12px; line-height: 24px; }

@media screen and (min-width: 650px) {
    .content_docs dl dd { margin-left: 25px; }
}



.content_docs dl:not(.docutils)>dt, 
.content_docs dl[class]:not(.option-list):not(.field-list):not(.footnote):not(.glossary):not(.simple)>dt {
    display: block;
    margin: 6px 0 20px;
    font-size: 90%;
    line-height: normal;
    background: #e7f2fa;
    color: #2980b9;
    border-top: 3px solid #6ab0de;
    padding: 6px;
    position: relative;
    padding: 10px;
}

.content_docs dl.field-list, 
.content_docs dl.footnote {
    display: grid;
    grid-template-columns: max-content auto;
}


.autodoc_pydantic_collapsable_json > summary { font-size: 14px; cursor: pointer; }

.highlight-default,
.highlight-python,
.highlight-ipython3,
.output_area,
.highlight-json { margin: 20px 0; border: solid 1px #e2e2e2; background: #fcfcfc; }
.highlight-default .highlight > pre,
.highlight-python .highlight > pre,
.highlight-ipython3 .highlight > pre,
.output_area .highlight > pre,
.highlight-json .highlight > pre { font-size: 11px; }

.content_docs a.reference { text-decoration: none; }
.content_docs a.reference:hover { }
.content_docs a.reference:hover code { color: #000; background: #e1e4e5; }
.content_docs a.reference.external { text-decoration: underline; }
.content_docs a.reference.external:hover { text-decoration: none; }

.content_docs dl.field-list.simple { margin-bottom: 0; }
.content_docs dl.field-list.simple > dt { margin: 0; background: transparent; border-top-width: 0; padding-top: 4px; padding-left: 0; }
.content_docs dl.field-list.simple dd li,
.content_docs dl.field-list.simple dd li > p { margin-bottom: 10px; }


.content_docs dl:not(.docutils) dt > .property:first-child, 
.content_docs dl[class]:not(.option-list):not(.field-list):not(.footnote):not(.glossary):not(.simple) dt > .property:first-child {
    display: inline-block;
    padding-right: 8px;
    max-width: 100%;
    color: #cf6f7f;
}


.content_docs dl[class].class:not(.option-list):not(.field-list):not(.footnote):not(.glossary):not(.simple)  > dt > .property:first-child {
    color: #2980b9;
}

.content_docs dl:not(.docutils) .property, 
.content_docs dl[class]:not(.option-list):not(.field-list):not(.footnote):not(.glossary):not(.simple) .property {}

#subpackages { display: none; }


.sig-param > .n a { text-decoration: underline; color: #2980b9; }
.sig-param > .n a:hover { text-decoration: none; }
.sig-param > .n:first-child { color: #cf6f7f; }
.sig-prename { color: #000; }
.sig-paren { margin: 0 1px 0 2px; }
.sig-param + .sig-paren { margin: 0 2px 0 1px; }

.content_docs dl[class]:not(.option-list):not(.field-list):not(.footnote):not(.glossary):not(.simple) dl:not(.field-list) > dt .sig-param > .n a { color: #555; }
.content_docs dl[class]:not(.option-list):not(.field-list):not(.footnote):not(.glossary):not(.simple) dl:not(.field-list) > dt .sig-name { color: #2980b9; } 


/* Hide items */
.content_docs .plotly-graph-div,
.content_docs .rendered_html { display: none; }


/* = Footer - main
----------------------------------------------------------------------------------------------------------------- */
footer { position: relative; padding: 80px 0; color: #fff; background: #1D3C35 url(/images/bg/bg_riverlane_1.jpg) 50% 50% no-repeat; }
footer p,
footer a,
footer .leader { color:#fff; }
footer a:hover,
footer a:focus { text-decoration: none; }
footer .leader { font-size: 22px; }

footer .h6 { margin-bottom: 20px; color:#fff;}

footer ul { list-style: none; margin:0; padding:0; }
footer li:not(:last-child) { margin-bottom: 10px;}
footer li a { font-size: 16px; font-weight: 300;}

footer .cols { margin-bottom: 0; }

.ftr-social { margin: 60px 0; display: flex; }
.ftr-social a { margin-right: 20px; font-size: 34px; color: #fff; display: inline-block; width: 34px; height: 34px; line-height: 34px;  text-align: center; -webkit-transition:color .3s ease; transition:color .3s ease;  }

.ftr-social a:hover,
.ftr-social a:focus { opacity: .8; }

.ftr-tagline { max-width: 350px;}
.ftr-products { margin-left: 80px;}

.ftr-nav {
    min-width: 150px;
    padding: 0 15px;
    border-left: 1px solid #00d9aa;
    align-items: flex-start;
}
.cols--footer > .flx--jc-end { align-self: flex-start }
.ftr-nav > * { align-self: normal }

.ftr-copyright { max-width: 620px; font-size: 12px; color:#fff; }

.ftr-contact a,
.ftr-products a { font-weight: 400; color: #00D9AA; }

.ftr-contact a:hover,
.ftr-products a:focus { color: rgb(0 217 170 / 75%);  }

.ftr-nav-wrap { display: flex; }

.footer-print { display: none; }


@media screen and (min-width: 1025px) {
    .ftr-products { margin-left:100px; }

    .ftr-social a { margin-right: 28px;}
}

@media screen and (min-width: 801px) {
    .cols--footer .col { width:calc(40% - 25px); margin:0 50px 0 0; }
    .cols--footer .col:last-child { margin: 0; width:calc(60% - 25px);}
}

@media screen and (max-width: 800px) {
    footer { padding:70px 0; }
    .cols--footer  .col:last-child {  justify-content: flex-start; }

    .ftr-tagline { max-width:100%; }

    .ftr-social { margin: 50px 0 0; }
    .ftr-products li:last-child { margin-bottom: 0;}

    .ftr-nav-wrap { margin-bottom: 50px;}
}

@media screen and (max-width: 600px) {
    .ftr-logo { display: none;}

    .ftr-social { margin: 0; }

    footer li:not(:last-child) { margin-bottom: 8px; }
}

@media screen and (max-width: 500px) {
    .ftr-nav-wrap { display: block; }
    .ftr-products { margin: 30px 0 0;}
}

@media screen and (max-width: 400px) {
    footer { padding:60px 0; }

}


/* = Boxes
----------------------------------------------------------------------------------------------------------------- */
.box-heading-wrap { position: relative; }





/* = Login forms
----------------------------------------------------------------------------------------------------------------- */
.login_page { padding-top: 30px; }
.login_page .h1 { border-color: #cfcfcf; }
        
.form-box { padding: 35px 30px; background: #fff; }

.login-form { margin: 2px 0; }
.login_box,
.access_box { max-width: 500px; width: calc(100% - 40px); margin: 0 auto 80px; }

.access_box { margin: 0 auto 50px; }


@media screen and (min-width: 900px) {
    .login_page { display: flex; justify-content: center; }
    .login_box,
    .access_box { flex: 1; margin-left: 25px; margin-right: 25px; }
    .access_box { max-width: 100%; }
}

@media screen and (min-width: 1150px) {
    .login_box { margin: 0 50px 50px; }

    .access_box { margin: 0 50px 50px; }
}


/* = Admonition
----------------------------------------------------------------------------------------------------------------- */
.admonition.note {
    border: solid 1px #e1e1e1;
    background: #eee;
    padding: 15px 20px;
    margin: 0 0 30px;
    border-radius: 10px;
}

.admonition-title {
    font-weight: bold;
    margin: 0 0 0;
}



/* = Hubspot forms
-----------------------------------------------------------------------------------------------------------------
.hubspot-wrap { margin: 50px auto;  padding: 50px; box-sizing: border-box;  background-color: #fff; }
.hubspot-wrap:first-child { margin-top: 10px;}
.hubspot-wrap:last-child { margin-bottom: 10px;}

.hubspot-wrap--lgrey,
.hubspot-wrap--lgrey .hubspot-form  { background-color: #f5f4f3;}

.hubspot-form { background-color: #fff;  }
.hubspot-form p a { text-decoration: underline; }
.hubspot-form p a:hover { text-decoration: none; }

.hubspot-form .form_req { color: #ff7500;  }

.hubspot-form .hs-form-field > label { width: 100%; }

.hubspot-form .hs-form-field input[type=date], 
.hubspot-form .hs-form-field input[type=email], 
.hubspot-form .hs-form-field input[type=number], 
.hubspot-form .hs-form-field input[type=phone], 
.hubspot-form .hs-form-field input[type=tel], 
.hubspot-form .hs-form-field input[type=text], 
.hubspot-form .hs-form-field select, 
.hubspot-form .hs-form-field textarea {
    float:none;
    width:100% !important;
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}

@media screen and (max-width:480px) {
    .hubspot-wrap { margin: 45px auto; padding:12% 10%; } 
}

@media screen and (max-width: 440px) {
    .hubspot-wrap { margin: 40px auto; padding:13% 8.5%; } 
}
*/


.dropdown-wrap { position: relative; }

.dropdown {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 8px;
    min-width: 155px;
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    z-index: 50;
    padding: 4px;
    overflow: hidden;
}

.dropdown--right {
    left: auto;
    right: 0;
}

.dropdown.is-active {
    display: block;
}

.dropdown ul {
    list-style: none;
    margin: 0;
    padding: 5px 0 0;
}

.dropdown li {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 12px;
    margin: 0 0 5px;
    font-size: 14px;
    color: #1d3c34;
    cursor: pointer;
    border-radius: 4px;
    transition: background-color 0.2s;
}

.dropdown li:hover {
    background-color: #f1f5f9;
}

.dropdown a,
.dropdown a:hover { text-decoration: none; color: inherit; }

.dropdown .icon {
    font-size: 16px;
    opacity: 0.7;
    color: #1e293b;
    margin-right: 3px;
}

.menu-wrap .dropdown { bottom: 1.5rem; top: auto; right: 0; transform: translateX(50%); }






/* = Loading panes
----------------------------------------------------------------------------------------------------------------- */
.loading-pane { min-height: 100px; position: relative; }
.loading-pane:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(255,255,255,0.85) url(/images/images/loading-pane-circle.gif) center 4% no-repeat; 
                      transition: background 0.3s ease-in; }







/* = Z-Indices
----------------------------------------------------------------------------------------------------------------- */

.bc { z-index: 6; }
footer { z-index: 7; }
.side-nav { z-index: 8; }
.side-nav-toggle { z-index: 9; }
#sideNavDrag { z-index: 10; }

header { z-index: 20; }
.menu-wrap { z-index: 25; }
.hdr_burger { z-index: 30; }

.skip-to-content { z-index: 90; }


@media screen and (min-width: 901px) {
    footer { z-index: 11; }
}



/* = Clearfix
----------------------------------------------------------------------------------------------------------------- */
.clearfix:after { content: ""; display: table; clear: both; }




/* = Vendors
----------------------------------------------------------------------------------------------------------------- */

/*! Lity - v2.4.0 - 2019-08-10
* http://sorgalla.com/lity/
* Copyright (c) 2015-2019 Jan Sorgalla; Licensed MIT */

img[data-lity] { cursor: zoom-in; }
.lity{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;white-space:nowrap;background:#0b0b0b;background:rgba(0,0,0,.9);outline:none!important;opacity:0;-webkit-transition:opacity 0.3s ease;-o-transition:opacity 0.3s ease;transition:opacity 0.3s ease}.lity.lity-opened{opacity:1}.lity.lity-closed{opacity:0}.lity *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.lity-wrap{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;text-align:center;outline:none!important}.lity-wrap:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-.25em}.lity-loader{z-index:9991;color:#fff;position:absolute;top:50%;margin-top:-.8em;width:100%;text-align:center;font-size:14px;font-family:Arial,Helvetica,sans-serif;opacity:0;-webkit-transition:opacity 0.3s ease;-o-transition:opacity 0.3s ease;transition:opacity 0.3s ease}.lity-loading .lity-loader{opacity:1}.lity-container{z-index:9992;position:relative;text-align:left;vertical-align:middle;display:inline-block;white-space:normal;max-width:100%;max-height:100%;outline:none!important}.lity-content{z-index:9993;width:100%;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform 0.3s ease;transition:-webkit-transform 0.3s ease;-o-transition:-o-transform 0.3s ease;transition:transform 0.3s ease;transition:transform 0.3s ease,-webkit-transform 0.3s ease,-o-transform 0.3s ease}.lity-loading .lity-content,.lity-closed .lity-content{-webkit-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8)}.lity-content:after{content:'';position:absolute;left:0;top:0;bottom:0;display:block;right:0;width:auto;height:auto;z-index:-1;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6)}.lity-close{z-index:9994;width:35px;height:35px;position:fixed;right:0;top:0;-webkit-appearance:none;cursor:pointer;text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,.6);border:0;background:none;outline:none;-webkit-box-shadow:none;box-shadow:none}.lity-close::-moz-focus-inner{border:0;padding:0}.lity-close:hover,.lity-close:focus,.lity-close:active,.lity-close:visited{text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,.6);border:0;background:none;outline:none;-webkit-box-shadow:none;box-shadow:none}.lity-close:active{top:1px}.lity-image img{max-width:100%;display:block;line-height:0;border:0}.lity-iframe .lity-container,.lity-youtube .lity-container,.lity-vimeo .lity-container,.lity-facebookvideo .lity-container,.lity-googlemaps .lity-container{width:100%;max-width:964px}.lity-iframe-container{width:100%;height:0;padding-top:56.25%;overflow:auto;pointer-events:auto;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-overflow-scrolling:touch}.lity-iframe-container iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}.lity-vimeo iframe{border-width:0}.lity-hide{display:none}

.lity-content { background: #fff; }