html.hc-nav-yscroll
{
overflow-y:scroll
}
body.hc-nav-open
{
overflow:visible;
position:fixed;
width:100%;
min-height:100%
}
.hc-offcanvas-nav
{
visibility:hidden;
display:none;
position:fixed;
top:0;
height:100%;
z-index:9999999;
}
.hc-offcanvas-nav.is-ios *
{
cursor:pointer!important
}
.hc-offcanvas-nav .nav-container
{
position:fixed;
z-index:9998;
top:0;
width:240px;
height:100%;
max-width:100%;
max-height:100%;
box-sizing:border-box;
transition:-webkit-transform .4s ease;
transition:transform .4s ease;
transition:transform .4s ease,-webkit-transform .4s ease
}
.hc-offcanvas-nav .nav-wrapper
{
width:100%;
height:100%;
max-height:100vh;
-ms-scroll-chaining:none;
overscroll-behavior:none;
box-sizing:border-box
}
.hc-offcanvas-nav .nav-content
{
height:100%;
max-height:100vh
}
.hc-offcanvas-nav .nav-wrapper-0>.nav-content
{
overflow:scroll;
overflow-x:visible;
overflow-y:auto;
box-sizing:border-box
}
.hc-offcanvas-nav ul
{
list-style:none;
margin:0;
padding:0;
display: block;
}
.hc-offcanvas-nav li
{
position:relative;
display:block;
float: none;
}
.hc-offcanvas-nav li.level-open>.nav-wrapper
{
visibility:visible
}
.hc-offcanvas-nav input[type="checkbox"]
{
display:none
}
.hc-offcanvas-nav label
{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
z-index:10;
cursor:pointer
}
.hc-offcanvas-nav a
{
position:relative;
display:block;
box-sizing:border-box;
cursor:pointer
}
.hc-offcanvas-nav a,.hc-offcanvas-nav a:hover
{
text-decoration:none
}
.hc-offcanvas-nav .nav-item
{
position:relative;
display:block;
box-sizing:border-box
}
.hc-offcanvas-nav.disable-body::after,.hc-offcanvas-nav .nav-wrapper::after
{
content:'';
position:fixed;
z-index:9990;
top:0;
left:0;
right:0;
bottom:0;
width:100%;
height:100%;
-ms-scroll-chaining:none;
overscroll-behavior:none;
visibility:hidden;
opacity:0;
transition:visibility 0 ease .4s,opacity .4s ease
}
.hc-offcanvas-nav.disable-body.nav-open::after,.hc-offcanvas-nav .sub-level-open::after
{
visibility:visible;
opacity:1;
transition-delay:.05s
}
.hc-offcanvas-nav:not(.nav-open)::after
{
pointer-events:none
}
.hc-offcanvas-nav.nav-levels-expand .nav-content
{
overflow:scroll;
overflow-x:visible;
overflow-y:auto;
box-sizing:border-box
}
.hc-offcanvas-nav.nav-levels-expand .nav-wrapper::after
{
display:none
}
.hc-offcanvas-nav.nav-levels-expand ul .nav-wrapper
{
min-width:0;
max-height:0;
overflow:hidden;
transition:height 0 ease .4s
}
.hc-offcanvas-nav.nav-levels-expand .level-open>.nav-wrapper
{
max-height:none
}
.hc-offcanvas-nav.nav-levels-overlap .nav-content
{
overflow:scroll;
overflow-x:visible;
overflow-y:auto;
box-sizing:border-box
}
.hc-offcanvas-nav.nav-levels-overlap ul .nav-wrapper
{
position:absolute;
z-index:9999;
top:0;
height:100%;
visibility:hidden;
transition:visibility 0 ease .4s,-webkit-transform .4s ease;
transition:visibility 0 ease .4s,transform .4s ease;
transition:visibility 0 ease .4s,transform .4s ease,-webkit-transform .4s ease
}
.hc-offcanvas-nav.nav-levels-overlap ul li.nav-parent
{
position:static
}
.hc-offcanvas-nav.nav-levels-overlap ul li.level-open>.nav-wrapper
{
visibility:visible;
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0);
transition:-webkit-transform .4s ease;
transition:transform .4s ease;
transition:transform .4s ease,-webkit-transform .4s ease
}
.hc-offcanvas-nav.nav-position-left
{
left:0
}
.hc-offcanvas-nav.nav-position-left .nav-container
{
left:0;
-webkit-transform:translate3d(-240px,0,0);
transform:translate3d(-240px,0,0)
}
.hc-offcanvas-nav.nav-position-left.nav-levels-overlap li .nav-wrapper
{
left:0;
-webkit-transform:translate3d(-100%,0,0);
transform:translate3d(-100%,0,0)
}
.hc-offcanvas-nav.nav-position-right
{
right:0
}
.hc-offcanvas-nav.nav-position-right .nav-container
{
right:0;
-webkit-transform:translate3d(240px,0,0);
transform:translate3d(240px,0,0)
}
.hc-offcanvas-nav.nav-position-right.nav-levels-overlap li .nav-wrapper
{
right:0;
-webkit-transform:translate3d(100%,0,0);
transform:translate3d(100%,0,0)
}
.hc-offcanvas-nav.nav-position-top
{
top:0
}
.hc-offcanvas-nav.nav-position-top .nav-container
{
top:0;
width:100%;
height:auto;
-webkit-transform:translate3d(0,-100%,0);
transform:translate3d(0,-100%,0)
}
.hc-offcanvas-nav.nav-position-top.nav-levels-overlap li .nav-wrapper
{
left:0;
-webkit-transform:translate3d(0,-100%,0);
transform:translate3d(0,-100%,0)
}
.hc-offcanvas-nav.nav-position-bottom
{
top:auto;
bottom:0
}
.hc-offcanvas-nav.nav-position-bottom .nav-container
{
top:auto;
bottom:0;
width:100%;
height:auto;
-webkit-transform:translate3d(0,100%,0);
transform:translate3d(0,100%,0)
}
.hc-offcanvas-nav.nav-position-bottom.nav-levels-overlap li .nav-wrapper
{
left:0;
-webkit-transform:translate3d(0,100%,0);
transform:translate3d(0,100%,0)
}
.hc-offcanvas-nav.nav-open[class*='hc-nav-'] div.nav-container
{
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0);
}
.hc-nav-trigger
{
position:absolute;
cursor:pointer;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
display:none;
top:12px;
left: 10px;
z-index:9980;
width:20px;
min-height:20px
}
.hc-nav-trigger {
font-size: 20px;
}
.hc-nav-trigger span
{
width:20px;
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
-webkit-transform-origin:50% 50%;
transform-origin:50% 50%
}
.hc-nav-trigger span,.hc-nav-trigger span::before,.hc-nav-trigger span::after
{
display:block;
position:absolute;
left:0;
height:3px;
background:#1a1d24;
transition:all .2s ease
}
.hc-nav-trigger span::before,.hc-nav-trigger span::after
{
content:'';
width:100%
}
.hc-nav-trigger span::before
{
top:-6px
}
.hc-nav-trigger span::after
{
bottom:-6px
}
.hc-nav-trigger.toggle-open span
{
background:rgba(0,0,0,0);
-webkit-transform:rotate(45deg);
transform:rotate(45deg)
}
.hc-nav-trigger.toggle-open span::before
{
-webkit-transform:translate3d(0,10px,0);
transform:translate3d(0,10px,0)
}
.hc-nav-trigger.toggle-open span::after
{
-webkit-transform:rotate(-90deg) translate3d(10px,0,0);
transform:rotate(-90deg) translate3d(10px,0,0)
}
.hc-offcanvas-nav::after,.hc-offcanvas-nav .nav-wrapper::after
{
background:rgba(0,0,0,0.3)
}
.hc-offcanvas-nav .nav-container,.hc-offcanvas-nav .nav-wrapper,.hc-offcanvas-nav ul
{
background:#191919;
}
.hc-offcanvas-nav h2
{
font-size:19px;
font-weight:400;
text-align:left;
padding:20px 17px;
color:#ffffff;
}
.hc-offcanvas-nav a,.hc-offcanvas-nav .nav-item
{
padding:14px 17px;
font-size:15px;
color:#fff;
z-index:1;
background:rgba(0,0,0,0);
border-bottom:1px solid #000000
}
.hc-offcanvas-nav:not(.touch-device) a:hover
{
background:#ffcc00;
color: #1a1d24;
}
.hc-offcanvas-nav ul:first-of-type:not(:first-child)>li:first-child:not(.nav-back):not(.nav-close)>a
{
border-top:1px solid #000000;
margin-top:-1px
}
.hc-offcanvas-nav li
{
text-align:left
}
.hc-offcanvas-nav li.nav-close a,.hc-offcanvas-nav li.nav-back a
{
background:#1a1d24;
border-top:1px solid #000000;
border-bottom:1px solid #000000
}
.hc-offcanvas-nav li.nav-close a:hover,.hc-offcanvas-nav li.nav-back a:hover
{
background:#ffcc00;
color: #1a1d24;
}
.hc-offcanvas-nav li.nav-close:not(:first-child) a,.hc-offcanvas-nav li.nav-back:not(:first-child) a
{
margin-top:-1px
}
.hc-offcanvas-nav li.nav-parent .nav-item
{
padding-right:58px
}
.hc-offcanvas-nav li.nav-close span,.hc-offcanvas-nav li.nav-parent span.nav-next,.hc-offcanvas-nav li.nav-back span
{
width:45px;
position:absolute;
top:0;
right:0;
bottom:0;
text-align:center;
cursor:pointer;
transition:background .2s ease
}
.hc-offcanvas-nav li.nav-close span::before,.hc-offcanvas-nav li.nav-close span::after
{
content:'';
position:absolute;
top:50%;
left:50%;
width:6px;
height:6px;
margin-top:-3px;
border-top:2px solid #fff;
border-left:2px solid #fff
}
.hc-offcanvas-nav li.nav-close span::before
{
margin-left:-9px;
-webkit-transform:rotate(135deg);
transform:rotate(135deg)
}
.hc-offcanvas-nav li.nav-close span::after
{
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg)
}
.hc-offcanvas-nav a[href]:not([href="#"])>span.nav-next
{
border-left:1px solid #000000
}
.hc-offcanvas-nav span.nav-next::before,.hc-offcanvas-nav li.nav-back span::before
{
content:'';
position:absolute;
top:50%;
left:50%;
width:8px;
height:8px;
margin-left:-2px;
box-sizing:border-box;
border-top:2px solid #fff;
border-left:2px solid #fff;
-webkit-transform-origin:center;
transform-origin:center
}
.hc-offcanvas-nav span.nav-next::before
{
-webkit-transform:translate(-50%,-50%) rotate(135deg);
transform:translate(-50%,-50%) rotate(135deg)
}
.hc-offcanvas-nav li.nav-back span::before
{
-webkit-transform:translate(-50%,-50%) rotate(-45deg);
transform:translate(-50%,-50%) rotate(-45deg)
}
.hc-offcanvas-nav.nav-position-left.nav-open .nav-wrapper
{
box-shadow:1px 0 2px rgba(0,0,0,0.2)
}
.hc-offcanvas-nav.nav-position-right.nav-open .nav-wrapper
{
box-shadow:-1px 0 2px rgba(0,0,0,0.2)
}
.hc-offcanvas-nav.nav-position-right span.nav-next::before
{
margin-left:0;
margin-right:-2px;
-webkit-transform:translate(-50%,-50%) rotate(-45deg);
transform:translate(-50%,-50%) rotate(-45deg)
}
.hc-offcanvas-nav.nav-position-right li.nav-back span::before
{
margin-left:0;
margin-right:-2px;
-webkit-transform:translate(-50%,-50%) rotate(135deg);
transform:translate(-50%,-50%) rotate(135deg)
}
.hc-offcanvas-nav.nav-position-top.nav-open .nav-wrapper
{
box-shadow:0 1px 2px rgba(0,0,0,0.2)
}
.hc-offcanvas-nav.nav-position-top span.nav-next::before
{
margin-left:0;
margin-right:-2px;
-webkit-transform:translate(-50%,-50%) rotate(-135deg);
transform:translate(-50%,-50%) rotate(-135deg)
}
.hc-offcanvas-nav.nav-position-top li.nav-back span::before
{
margin-left:0;
margin-right:-2px;
-webkit-transform:translate(-50%,-50%) rotate(45deg);
transform:translate(-50%,-50%) rotate(45deg)
}
.hc-offcanvas-nav.nav-position-bottom.nav-open .nav-wrapper
{
box-shadow:0 -1px 2px rgba(0,0,0,0.2)
}
.hc-offcanvas-nav.nav-position-bottom span.nav-next::before
{
margin-left:0;
margin-right:-2px;
-webkit-transform:translate(-50%,-50%) rotate(45deg);
transform:translate(-50%,-50%) rotate(45deg)
}
.hc-offcanvas-nav.nav-position-bottom li.nav-back span::before
{
margin-left:0;
margin-right:-2px;
-webkit-transform:translate(-50%,-50%) rotate(-135deg);
transform:translate(-50%,-50%) rotate(-135deg)
}
.hc-offcanvas-nav.nav-levels-expand .nav-container ul .nav-wrapper,.hc-offcanvas-nav.nav-levels-none .nav-container ul .nav-wrapper
{
box-shadow:none;
background:transparent
}
.hc-offcanvas-nav.nav-levels-expand .nav-container ul h2,.hc-offcanvas-nav.nav-levels-none .nav-container ul h2
{
display:none
}
.hc-offcanvas-nav.nav-levels-expand .nav-container ul ul .nav-item,.hc-offcanvas-nav.nav-levels-none .nav-container ul ul .nav-item
{
font-size:14px
}
.hc-offcanvas-nav.nav-levels-expand .nav-container li,.hc-offcanvas-nav.nav-levels-none .nav-container li
{
transition:background .3s ease
}
.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open,.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open
{
background:#2e6296
}
.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open a,.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open a
{
border-bottom:1px solid #000000
}
.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open a:hover,.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open a:hover
{
background:#2f649a
}
.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open>.nav-item .nav-next::before,.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open>.nav-item .nav-next::before
{
margin-top:2px;
-webkit-transform:translate(-50%,-50%) rotate(45deg);
transform:translate(-50%,-50%) rotate(45deg)
}
.hc-offcanvas-nav.nav-levels-expand .nav-container span.nav-next::before,.hc-offcanvas-nav.nav-levels-none .nav-container span.nav-next::before
{
margin-top:-2px;
-webkit-transform:translate(-50%,-50%) rotate(-135deg);
transform:translate(-50%,-50%) rotate(-135deg)
}
.cc-window
{
opacity:1;
transition:opacity 1s ease
}
.cc-window.cc-invisible
{
opacity:0
}
.cc-animate.cc-revoke
{
transition:transform 1s ease
}
.cc-animate.cc-revoke.cc-top
{
transform:translateY(-2em)
}
.cc-animate.cc-revoke.cc-bottom
{
transform:translateY(2em)
}
.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover
{
transform:translateY(0)
}
.cc-grower
{
max-height:0;
overflow:hidden;
transition:max-height 1s
}
.cc-link,.cc-revoke:hover
{
text-decoration:underline
}
.cc-revoke,.cc-window
{
position:fixed;
overflow:hidden;
box-sizing:border-box;
font-family:Helvetica,Calibri,Arial,sans-serif;
font-size:12px;
line-height:1.5em;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:nowrap;
flex-wrap:nowrap;
z-index:9999
}
.cc-window.cc-static
{
position:static
}
.cc-window.cc-floating
{
padding:2em;
max-width:24em;
-ms-flex-direction:column;
flex-direction:column;
border-radius: 6px;
-webkit-transition-duration: 400ms;
transition-duration: 400ms;
-webkit-box-shadow: 0 2px 13px rgba(0,0,0,0.19);
box-shadow: 0 2px 13px rgba(0,0,0,0.19);
}
.cc-window.cc-floating a.cc-link {
text-align: center;
width: 100%; height: auto; overflow: hidden; display: inline-block; margin-top: 8px;
}
.cc-window.cc-banner
{
padding:.3em 1em;
width:100%;
-ms-flex-direction:row;
flex-direction:row
}
.cc-revoke
{
padding:.5em
}
.cc-header
{
font-size:18px;
font-weight:700
}
.cc-btn,.cc-close,.cc-link,.cc-revoke
{
cursor:pointer
}
.cc-link
{
opacity:.8;
display:inline-block;
padding:.2em;
outline: none;
}
.cc-link:hover
{
opacity:1
}
.cc-link:active,.cc-link:visited
{
color:initial
}
.cc-btn
{
display:block;
padding:.4em .8em;
font-size:.9em;
font-weight:700;
border-width:2px;
border-style:solid;
text-align:center;
white-space:nowrap
}
.cc-banner .cc-btn:last-child
{
min-width:140px
}
.cc-highlight .cc-btn:first-child
{
background-color:transparent;
border-color:transparent
}
.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover
{
background-color:transparent;
text-decoration:underline
}
.cc-close
{
display:block;
position:absolute;
top:.5em;
right:.5em;
font-size:1.6em;
opacity:.9;
line-height:.75
}
.cc-close:focus,.cc-close:hover
{
opacity:1
}
.cc-revoke.cc-top
{
top:0;
left:3em;
border-bottom-left-radius:.5em;
border-bottom-right-radius:.5em
}
.cc-revoke.cc-bottom
{
bottom:0;
left:3em;
border-top-left-radius:.5em;
border-top-right-radius:.5em
}
.cc-revoke.cc-left
{
left:3em;
right:unset
}
.cc-revoke.cc-right
{
right:3em;
left:unset
}
.cc-top
{
top:1em
}
.cc-left
{
left:1em
}
.cc-right
{
right:1em
}
.cc-bottom
{
bottom:1em
}
.cc-floating>.cc-link
{
margin-bottom:1em
}
.cc-floating .cc-message
{
display:block;
margin-bottom:1em
}
.cc-window.cc-floating .cc-compliance
{
-ms-flex:1;
flex:1
}
.cc-window.cc-banner
{
-ms-flex-align:center;
align-items:center
}
.cc-banner.cc-top
{
left:0;
right:0;
top:0
}
.cc-banner.cc-bottom
{
left:0;
right:0;
bottom:0
}
.cc-banner .cc-message
{
-ms-flex:1;
flex:1
}
.cc-compliance
{
display:-ms-flexbox;
display:flex;
-ms-flex-align:center;
align-items:center;
-ms-flex-line-pack:justify;
align-content:space-between
}
.cc-compliance>.cc-btn
{
-ms-flex:1;
flex:1
}
.cc-btn+.cc-btn
{
margin-left:.5em
}
@media print {
.cc-revoke,.cc-window
{
display:none
}
}
@media screen and (max-width:900px) {
.cc-btn
{
white-space:normal
}
}
@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape) {
.cc-window.cc-top
{
top:0
}
.cc-window.cc-bottom
{
bottom:0
}
.cc-window.cc-banner,.cc-window.cc-left,.cc-window.cc-right
{
left:0;
right:0
}
.cc-window.cc-banner
{
-ms-flex-direction:column;
flex-direction:column
}
.cc-window.cc-banner .cc-compliance
{
-ms-flex:1;
flex:1
}
.cc-window.cc-floating
{
max-width:none
}
.cc-window .cc-message
{
margin-bottom:1em
}
.cc-window.cc-banner
{
-ms-flex-align:unset;
align-items:unset
}
}
.cc-floating.cc-theme-classic
{
padding:1.2em;
border-radius:5px
}
.cc-floating.cc-type-info.cc-theme-classic .cc-compliance
{
text-align:center;
display:inline;
-ms-flex:none;
flex:none
}
.cc-theme-classic .cc-btn
{
border-radius:5px
}
.cc-theme-classic .cc-btn:last-child
{
min-width:100px;
outline: none;
}
.cc-floating.cc-type-info.cc-theme-classic .cc-btn
{
display:inline-block
}
.cc-theme-edgeless.cc-window
{
padding:0
}
.cc-floating.cc-theme-edgeless .cc-message
{
margin:2em 2em 1.5em
}
.cc-banner.cc-theme-edgeless .cc-btn
{
margin:0;
padding:.8em 1.8em;
height:100%
}
.cc-banner.cc-theme-edgeless .cc-message
{
margin-left:1em
}
.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn
{
margin-left:0
}