.next-content{
  z-index:1100!important;
  position:absolute;
  bottom:-32px;
  display:block;
  width:64px!important;
  height:64px!important;
  left:calc(50vw - 64px);
  margin:0 auto;
  padding:5px;
  color:var(--button-color);
  fill:var(--button-color);
  border-radius:50%;
  border:5px solid var(--button-color);
  background-color:var(--button-background-color);
  -webkit-box-shadow:.25rem .25rem .5rem rgba(0,0,0,.5);
  -moz-box-shadow:.25rem .25rem .5rem rgba(0,0,0,.5);
  box-shadow:.25rem .25rem .5rem rgba(0,0,0,.5)}

.next-content:hover{
  background-color:var(--button-background-color-hover);
  border:5px solid var(--button-color-hover);
  border-bottom:0;color:var(--button-color-hover);
  fill:var(--button-color-hover)}

.category-nav{
  background:transparent none!important;
  border:0!important}

.category-nav ul{
  border:0!important;
  margin:0 auto 0 5px!important}

.category-nav ul li,
.category-nav ul li a{
  position:relative;
  display:block!important;
  color:var(--link-color)!important;
  font-weight:400;
  font-size:1rem;
  border:0!important;
  margin:0 .5rem!important;
  padding:0!important}

.category-nav ul li,
.category-nav ul li a:hover,
.category-nav ul li a:focus{
  color:var(--link-color-hover)!important;
  border:0!important}

.category-nav .opener,
.category-nav .opener:focus{
  position:absolute!important;
  top:1px!important;
  left:-20px!important;
  border:0!important;
  background:none!important;
  cursor:pointer!important;
  -webkit-box-shadow:none!important;
  box-shadow:none!important;
  outline:none!important}

.category-nav .opener:before{
  content:'\002B'!important;
  display:block!important;
  width:1rem!important;
  height:1rem!important;
  border:0!important;
  font-family:Arial!important;
  font-weight:400!important;
  font-size:1.3rem!important;
  color:#000!important;
  opacity:.35!important}

.category-nav .opener:hover:before,
.category-nav .open>.opener:hover:before,
.category-nav .open .open>.opener:hover:before,
.category-nav .open .open .open>.opener:hover:before{
  border:0!important;
  opacity:1!important}

.category-nav .open>ul{
  border:0!important;
  display:block!important}

.category-nav .open>.opener:before,
.category-nav .open .open>.opener:before,
.category-nav .open .open .open>.opener:before{
  content:'\2212'!important;
  border:0!important;
  color:#000!important;
  opacity:.5!important}

.category-nav ul li ul{
  position:relative!important;
  display:none!important;
  background-color:transparent!important;
  box-shadow:none!important;
  border:0!important;
  top:auto!important;
  z-index:auto!important;
  padding:0!important}

.category-nav ul li ul li ul,
.category-nav ul li ul li ul li ul,
.category-nav ul li ul li ul li ul li ul{
  background-color:transparent!important;
  display:none!important }

.category-nav .open{
  display:block!important }

.pagination li:first-child{
  padding-right:1rem!important }

.pagination li:last-child{
  padding-left:1rem!important }

.pagination a{
  -webkit-appearance:button;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  display:inline-block;
  vertical-align:middle;
  transition:color .15s ease-in-out,background-color .15s ease-in-out,border-width .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  margin:0;
  border-width:var(--button-border-width)!important;
  border-style:var(--button-border-style)!important;
  border-color:var(--button-border-color)!important;
  border-radius:var(--border-radius)!important;
  background-color:var(--button-background-color)!important;
  padding:.65rem .75rem;
  color:var(--button-color)!important;
  font-weight:700;
  font-size:1rem;
  font-family:var(--font);
  line-height:1.2;
  user-select:none;
  text-align:center;
  text-decoration:none;
  text-shadow:none!important }

.pagination a:hover,
.pagination a:focus{
  cursor:pointer;
  border:var(--button-border-width-hover) var(--button-border-style-hover) var(--button-border-color-hover)!important;
  background-color:var(--button-background-color-hover)!important;
  color:var(--button-color-hover)!important;
  text-decoration:none }

.pagination ul li{
  padding:.5rem .1rem }

.pagination span{
  -webkit-appearance:button;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  display:inline-block;
  vertical-align:middle;
  transition:color .15s ease-in-out,background-color .15s ease-in-out,border-width .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  margin:0;border-width:var(--button-border-width)!important;
  border-style:var(--button-border-style)!important;
  border-radius:var(--border-radius)!important;
  border-color:var(--button-background-color-disabled)!important;
  background-color:var(--button-background-color-disabled)!important;
  padding:.65rem .75rem;
  color:var(--button-color-disabled)!important;
  font-weight:700;
  font-size:1rem;
  font-family:var(--font);
  line-height:1;
  user-select:none;
  text-align:center;
  text-decoration:none;
  cursor:not-allowed!important;
  -webkit-box-shadow:none!important;
  box-shadow:none!important }

.search-item-info{
  color:var(--search-item-info-color) }

.search-item-title a{
  color:var(--search-item-link-color) }

.search-item-title a:focus,
.search-item-title a:hover{
  color:var(--search-item-link-color-hover);
  text-decoration:underline }

.search-item-url{
  color:var(--search-item-url-color) }

.starRating:not(old){
  display:block;
  vertical-align:bottom;
  width:12.5em;
  height:2.5em;
  overflow:hidden }

.starRating:not(old)>input{
  opacity:0;
  margin-right:-100% }

.starRating:not(old)>label{
  display:block;
  margin:0;
  position:relative;
  float:right }

.starRating:not(old)>label:before{
  content:'\2605';
  display:block;
  opacity:.25;
  font-size:2em;
  -webkit-text-stroke-width:1px;
  -webkit-text-stroke-color:#888;
  color:var(--starRating-color);
  transition:opacity .2s linear;
  width:1.25em;
  height:2.25em }

.starRating:not(old)>label:hover:before,
.starRating:not(old)>label:hover ~ label:before,
.starRating:not(:hover)>:checked ~ label:before{
  opacity:1 }

.rating{
  display:inline-block }

.rating span{
  display:inline-block;
  width:1em;
  height:1em }

.rating span:before{
  content:'\2606';
  display:block;
  color:#888 }

.rating span.set{
  display:inline-block;
  width:1em;
  height:1em }

.rating span.set:before{
  content:'\2605';
  display:block;
  color:var(--starRating-color);
  -webkit-text-stroke-width:var(--starRating-outline-width);
  -webkit-text-stroke-color:var(--starRating-outline-color) }

.chat{
  z-index:var(--chat-zindex)!important;
  position:fixed!important;
  top:auto!important;
  right:0!important;
  bottom:0!important;
  left:auto!important;
  flex-direction:column }

.chat.icon{
  border:0;
  background-color:transparent;
  align-items:flex-end }

.chat .card-header{
  background-color:var(--chat-header-background-color);
  width:100%;
  height:32px!important;
  cursor:pointer }

.chat.icon .card-header{
  position:relative;
  background-color:transparent;
  align-content:flex-end;
  width:116px;
  height:90px!important;
  text-indent:-9999px }

.chat-icon{
  position:absolute;
  background-color:var(--button-background-color);
  color:var(--button-color);
  fill:var(--button-color);
  width:64px;
  height:64px;
  border-radius:50%;
  padding:5px;
  border:5px solid var(--button-color);
  text-indent:0;
  -webkit-box-shadow:.25rem .25rem .5rem rgba(0,0,0,.5);
  box-shadow:.25rem .25rem .5rem rgba(0,0,0,.5) }

.chat-icon:hover{
  background-color:var(--button-background-color-hover);
  border:5px solid var(--button-color-hover);
  color:var(--button-color-hover);
  fill:var(--button-color-hover) }

.chat .card-header .close{
  position:absolute;
  right:10px;
  left:auto }

.chat.icon .card-header .close{
  top:0;
  background-color:var(--button-background-color);
  color:var(--button-color);
  fill:var(--button-color);
  width:24px;
  height:24px;
  border-radius:50%;
  text-align:center;
  text-indent:0;
  line-height:1.25;
  border:1px solid var(--button-color);
  -webkit-box-shadow:.1rem .1rem .25rem rgba(0,0,0,.5);
  box-shadow:.1rem .1rem .25rem rgba(0,0,0,.5) }

.chat.icon .card-header .close:hover{
  background-color:var(--button-background-color-hover);
  border:1px solid var(--button-color-hover);
  color:var(--button-color-hover);
  fill:var(--button-color-hover) }

.chat .card-body{
  border:1px solid var(--chat-body-border-color)!important;
  background-color:var(--chat-body-background-color)!important;
  border-top-left-radius:var(--card-border-radius)!important;
  border-top-right-radius:var(--card-border-radius)!important;
  box-shadow:var(--box-shadow-x) var(--box-shadow-y) var(--box-shadow-spread) var(--box-shadow-color)!important }

#chatScreen{
  position:relative;
  min-height:100px;
  max-height:300px;
  overflow-x:hidden;
  overflow-y:scroll }

#chatScreen::-webkit-scrollbar{
  background:transparent;
  width:8px }

#chatScreen::-webkit-scrollbar-thumb{
  background-color:rgba(0,0,0,.3) }

#chatScreen ul li{
  display:inline-block;
  float:left;
  clear:both;
  margin:10px 10px 5px 0;
  width:calc(100% - 25px);
  font-size:.9em }

#chatScreen ul li:nth-last-child(1){
  margin-bottom:5px }

#chatScreen ul li.page img{
  margin:6px 8px 0 0 }

#chatScreen ul li.page p{
  background-color:#c8ced3;
  color:#000 }

#chatScreen ul li.admin img{
  float:right;
  margin:6px 0 0 8px }

#chatScreen ul li.admin p{
  float:right;
  background-color:#e4e7ea;
  color:#000 }

#chatScreen ul li img{
  float:left;
  border-radius:50%;
  width:32px }

#chatScreen ul li p{
  display:inline-block;
  border-radius:20px;
  padding:10px 15px;
  max-width:80%;
  line-height:130% }

.bg-transparent{
  background-color:transparent!important }

.bg-danger{
  background-color:var(--danger-background-color);
  color:var(--danger-color-contrast) }

.text-danger{
  color:var(--danger-color) }

.border-danger{
  border-color:var(--danger-border-color) }

.bg-dark{
  background-color:var(--dark-background-color);
  color:var(--dark-color-contrast) }

.text-dark{
  color:var(--dark-color) }

.border-dark{
  border-color:var(--dark-border-color) }

.bg-default{
  background-color:var(--default-background-color);
  color:var(--default-color-contrast) }

.text-default{
  color:var(--default-color) }

.border-default{
  border-color:var(--default-border-color) }

.bg-info{
  background-color:var(--info-background-color);
  color:var(--info-color-contrast) }

.text-info{
  color:var(--info-color) }

.border-info{
  border-color:var(--info-border-color) }

.bg-light{
  background-color:var(--light-background-color);
  color:var(--light-color-contrast) }

.text-light{
  color:var(--light-color) }

.border-light{
  border-color:var(--light-border-color) }

.bg-primary{
  background-color:var(--primary-background-color);
  color:var(--primary-color-contrast) }

.text-primary{
  color:var(--primary-color) }

.border-primary{
  border-color:var(--primary-border-color) }

.bg-secondary{
  background-color:var(--secondary-background-color);
  color:var(--secondary-color-contrast) }

.text-secondary{
  color:var(--secondary-color) }

.border-secondary{
  border-color:var(--secondary-border-color) }

.bg-success{
  background-color:var(--success-background-color);
  color:var(--success-color-contrast) }

.text-success{
  color:var(--success-color) }

.border-success{
  border-color:var(--success-border-color) }

.bg-warning{
  background-color:var(--warning-background-color);
  color:var(--warning-color-contrast) }

.text-warning{
  color:var(--warning-color) }

.border-warning{
  border-color:var(--warning-border-color) }

nav.navigation{
  display:flex;
  position:relative;
  background-color:var(--menu-background-color) }

nav.navigation input[type="checkbox"].menubar-input{
  display:none!important }

nav.navigation label.menubar-label{
  display:none;
  cursor:pointer;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none }

nav.navigation ul{
  margin:0 0 0 auto;
  padding:0;
  list-style:none }

nav.navigation ul li{
  color:var(--menu-color) }

nav.navigation ul li a{
  color:var(--menu-link-color) }

nav.navigation ul li a:hover,
nav.navigation ul li a:focus{
  color:var(--menu-link-color-hover) }

nav.navigation ul li.active{
  color:var(--menu-dropdown-color-active) }

nav.navigation ul li.active a{
  color:var(--menu-link-color-active) }

.dropdown-header:empty{
  display:none!important }

.dropdown-header{
  display:block!important;
  text-transform:uppercase!important;
  font-size:.75rem!important;
  line-height:.75rem!important;
  color:var(--color-muted)!important }

@media screen and (max-width:44em){
  nav.navigation{
    display:block;align-items:
    flex-start }

  nav.navigation ul{
    display:none }

  nav.navigation ul li{
    background-color: var(--menu-dropdown-background-color);
    color:var(--menu-color) }

  nav.navigation ul li.active{
    background-color: var(--menu-dropdown-background-color-active);
    color:var(--menu-dropdown-color-active) }

  nav.navigation label.menubar-label{
    display:inline-block;
    vertical-align:middle;
    transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
    margin:0!important;
    border:var(--menu-button-border-width) var(--menu-button-border-style) var(--menu-dropdown-button-border-color)!important;
    border-radius:var(--menu-border-radius);
    background-color:var(--menu-button-background-color)!important;
    padding:.375rem .75rem;
    width:100%;color:var(--menu-button-color)!important;
    font-weight:400;
    font-size:1rem;
    font-family:var(--font);
    line-height:1.5;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    text-align:center;
    text-decoration:none }

    nav.navigation label.menubar-label:hover{
      cursor:pointer;
      border:var(--menu-button-border-width-hover) var(--menu-button-border-style) var(--menu-button-border-color-hover)!important;
      background-color:var(--menu-button-background-color-hover)!important;
      color:var(--menu-button-color-hover)!important;
      text-decoration:none }

    nav.navigation input[type="checkbox"]:checked~ul{
      display:block!important }

    nav.navigation input[type="checkbox"]:checked~ul li{
      width:100%;
      z-index:1200!important;
      margin-top:0;
      margin-bottom:0 }

    nav.navigation input[type="checkbox"]~ul li a{
      display:block }

    nav.navigation input[type="checkbox"]~ul li.active{
      background-color:var(--menu-dropdown-background-color-active)!important }
}

[data-tooltip]{
  position:relative }

[data-tooltip]:before,
[data-tooltip]:after{
  position:absolute;
  bottom:calc(100% + 5px);
  left:50%;
  visibility:hidden;
  opacity:0;
  -webkit-transition:.1s;
  transition:.1s;
  will-change:transform;
  pointer-events:none }

[data-tooltip]:before{
  transform:translate(-50%,-5px) scale(.5);
  z-index:5000!important;
  border-radius:var(--tooltip-border-radius);
  background-color:var(--tooltip-background-color);
  padding:.25rem .5rem;
  width:-webkit-max-content;
  width:max-content;
  width:-moz-max-content;
  min-width:50px;
  max-width:300px;
  color:var(--tooltip-color);
  font-size:.875rem;
  font-family:var(--font);
  line-break:auto;
  text-align:left;
  white-space:normal;
  word-break:normal;
  word-spacing:normal;
  content:attr(data-title);
  word-wrap:break-word }

[data-tooltip]:after{
  transform:translateX(-50%) scaleY(0);
  transform-origin:top;
  transition-duration:0s;
  border-width:5px 5px 0 5px;
  border-style:solid;
  border-color:var(--tooltip-background-color) transparent transparent transparent;
  content:'' }

[data-tooltip]:hover:before,
[data-tooltip]:hover:after{
  visibility:visible;
  opacity:1 }

[data-tooltip]:hover:before{
  transform:translate(-50%,-5px) scale(1);
  transition-delay:.15s }

[data-tooltip]:hover:after{
  transform:translateX(-50%) scaleY(1);
  transition-delay:.15s;
  transition-duration:.1s }

[data-tooltip="left"]:before,
[data-tooltip="left"]:after{
  right:calc(100% + 5px);
  bottom:50%;
  left:auto }

[data-tooltip="left"]:before{
  transform:translate(-5px,50%) scale(.5) }

[data-tooltip="left"]:hover:before{
  transform:translate(-5px,50%) scale(1) }

[data-tooltip="left"]:after{
  transform:translateY(50%) scaleX(0);
  transform-origin:left;
  border-width:5px 0 5px 5px;
  border-color:transparent transparent transparent var(--tooltip-background-color) }

[data-tooltip="left"]:hover:after{
  transform:translateY(50%) scaleX(1) }

[data-tooltip="right"]:before,
[data-tooltip="right"]:after{
  bottom:50%;
  left:calc(100% + 5px) }

[data-tooltip="right"]:before{
  transform:translate(5px,50%) scale(.5) }

[data-tooltip="right"]:hover:before{
  transform:translate(5px,50%) scale(1) }

[data-tooltip="right"]:after{
  transform:translateY(50%) scaleX(0);
  transform-origin:right;
  border-width:5px 5px 5px 0;
  border-color:transparent var(--tooltip-background-color) transparent transparent }

[data-tooltip="right"]:hover:after{
  transform:translateY(50%) scaleX(1) }

[data-tooltip="bottom"]:before,
[data-tooltip="bottom"]:after{
  top:calc(100% + 5px);
  bottom:auto }

[data-tooltip="bottom"]:before{
  transform:translate(-50%,5px) scale(.5) }

[data-tooltip="bottom"]:hover:before{
  transform:translate(-50%,5px) scale(1) }

[data-tooltip="bottom"]:after{
  transform-origin:bottom;
  border-width:0 5px 5px 5px;
  border-color:transparent transparent var(--tooltip-background-color) transparent }

.covertron:empty,
figcaption:empty,
.jumbotron:empty{
  display:none }

.covertron[style*="background-image"],
.jumbotron[style*="background-image"]{
  display:block }

.covertron{
  display:inline;
  position:relative;
  background-position:center center;
  background-size:cover;
  background-repeat:no-repeat;
  background-attachment:fixed;
  width:100%;
  overflow:hidden;
}

.covertron img{
  width:100%;
  height:var(--figure-height);
  min-height:var(--figure-height);
  max-height:var(--figure-height);
  object-position: center;
  object-fit:cover
}

.covertron video,
.covertron iframe,
.jumbotron video,
.jumbotron iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:auto;height:auto;min-width:100%;min-height:100%;margin:0!important;padding:0!important;background-color:#000;z-index:1}
.covertron video{top:50%;left:50%;transform:translate3d(-50%,-50%,0)}
.covertron figcaption,
.jumbotron figcaption,
.card-image figcaption{
  position:relative;
  font-size:.75em;
  background-color:var(--figcaption-background-color)!important;
  color:var(--figcaption-color);
  margin: -31px 0 0 0;
  padding: 0.25em .5em;
  text-transform: capitalize }

.covertron figcaption a,
.covertron figcaption a:hover,
.card-image figcaption a,
.card-image figcaption a:hover{
  color:var(--figcaption-color)!important;
  text-decoration:none!important }

.jumboside .jumbo{
  width:50% }

.jumbo:not(:last-child){
  width:50 }

.jumbotron:empty+.jumbo{
  width:100% }

@media (max-width:768px){
  .jumboside .jumbo{
    width:100%!important }
}

.jumbotron{
  z-index:-1;
  display:block;
  position:relative;
  width:100%;
  height:100vh;
  margin:0;
  padding:0;
  border-radius:0;
  background-color:var(--jumbotron-background-color);
  background-repeat:no-repeat;
  background-position:center center;
  background-attachment:fixed;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  -o-background-size:cover;
  background-size:cover;
  object-fit:contain;
  overflow:hidden }

.jumbotron img{
  z-index:-1;
  position:absolute;
  min-width:100%;
  min-height:100vh;
  top:50%;
  left:50%;
  transform:translate3d(-50%,-50%,0);
  object-fit:cover }

.jumbotron h1,
.jumbotron h2,
.jumbotron h3,
.jumbotron h4,
.jumbotron h5,
.jumbotron h6,
.jumbotron p{
  z-index:2;
  display:block }

@media (min-width:576px){
  .jumbotron{
    padding:4rem 2rem }
}

.card{
  position:relative;
  display:flex;
  flex-direction:column;
  min-width:0;
  word-wrap:break-word;
  border:var(--card-border-width) var(--card-border-style) var(--card-border-color);
  border-radius:var(--card-border-radius);
  background-color:var(--card-background-color);
  padding:0;
  overflow:hidden }

.card a{
  color:var(--link-color)!important }

.card a.btn{
  color:var(--button-color)!important }

.card a:hover{
  color:var(--link-color-hover)!important }

.card a.btn:hover{
  color:var(--button-color-hover)!important }

.card>hr{
  margin-right:0;
  margin-left:0 }

.card .card-header,
.card .card-body,
.card .card-footer{
  padding:.1rem .8rem;
  padding-bottom:0 }

.card.event{
  position:relative;
  overflow:visible }

.card.event .card-image img{
  height:12rem;
  -o-object-fit:cover;
  object-fit:cover }

.card.event.side .card-image img{
  height:8rem }

.card .card-date{
  position:absolute;
  top:-10px;
  left:-10px;
  font-size:.75rem;
  font-weight:700;
  color:#000;
  background-color:#fff;
  padding:.05rem .4rem;
  text-align:center;
  border:1px solid var(--border-color);
  border-radius:var(--border-radius) }

.card .card-date .day,
.card .card-date .month,
.card .card-date .year{
  display:block }

.card .card-header{
  background-color:var(--card-header-background-color);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:normal }

.card .card-title{
  margin-bottom:.1rem }

.card .card-title h2,
.card .card-title h3,
.card .card-title h4,
.card .card-title h5,
.card .card-title h6{
  margin:0;padding:0 }

.card .card-header a{
  color:var(--card-link-color)!important }

.card .card-header a:hover{
  color:var(--card-link-color-hover)!important;
  text-decoration:none }

.card .card-header:last-child,
.card .card-body:last-child,
.card .card-footer:last-child{
  padding-bottom:.8rem }

.card footer,
.card .card-footer{
  display:flex;
  justify-content:space-between }

.card .card-subtitle{
  margin-top:-.25rem;
  margin-bottom:0 }

.card .card-subtitle a{
  color:var(--card-link-color)!important }

.card .card-subtitle a:focus,
.card .card-subtitle a:hover{
  color:var(--card-link-color-hover)!important }

.card-body:empty{
  display:none!important }

.card .card-body{
  -webkit-line-clamp:var(--card-body-lines);
  -webkit-box-orient:vertical;
  -webkit-box-flex:1;
  display:-webkit-box;
  flex:1 1 auto;
  text-overflow:ellipsis;
  overflow:hidden }

.card .card-body.no-clamp{
  display:block!important;
  -webkit-line-clamp:none!important }

.card .card-image img{
  z-index:-1;
  height:12rem;
  -o-object-fit:cover;
  object-fit:cover }

.card .card-image.fullheight a{
  display:contents!important }

.card .card-image.fullheight img{
  height:100%!important;
  -o-object-fit:cover!important;
  object-fit:cover!important }

.card .card-image.full img{
  height:30rem;
  object-position:center }

.card .fullcard img{
  width:100%!important;
  object-fit:cover!important }

.card .card-image:first-child{
  padding-top:0 }

.card .card-image:first-child img{
  border-top-right-radius:var(--card-border-radius);
  border-top-left-radius:var(--card-border-radius);
  width:100% }

.card .card-image:last-child img{
  border-bottom-right-radius:var(--card-border-radius);
  border-bottom-left-radius:var(--card-border-radius) }

#booking .card-image>img{
  height:12rem!important }

.gallery {
  overflow:none }

.gallery-image {
  display:block;
  aspect-ratio: auto 1 / 1;
  overflow:hidden }

.gallery img {
  width:100%;
  height:100%;
  object-position: center;
  object-fit: cover }

@supports not (aspect-ratio: 1 / 1) {
  .gallery-image::before {
    float: left;
    padding-top: 100%;
    content: "" }

  .gallery-image::after {
    display: block;
    content: "";
    clear: both }
}

.breadcrumb{
  border:0!important;
  background:transparent none!important }

.breadcrumb ol{
  display:flex;
  flex-wrap:wrap;
  padding:.75rem 1rem;
  list-style:none }

.breadcrumb-item+.breadcrumb-item{
  padding-left:.5rem }

.breadcrumb-item+.breadcrumb-item::before{
  display:inline-block;
  padding-right:.5rem;
  color:var(--color-muted);
  content:"/" }

.breadcrumb-item.active{
  color:var(--color-muted) }

.alert{
  position:relative;
  border:var(--border-width) var(--border-style) transparent;
  border-color:var(--default-border-color);
  border-radius:var(--border-radius);
  background-color:var(--default-background-color);
  padding:.75em 1.25em;
  color:var(--default-color) }

.alert.alert-full{
  border-radius:0;
  border:0;
  border-bottom-width:var(--border-width);
  margin:0 }

.alert header{
  background-color:transparent;
  color:inherit }

.alert h1,
.alert h2,
.alert h3,
.alert h4,
.alert h5,
.alert h6{
  color:inherit;
  font-size:1em }

.alert a{
  color:var(--default-link);
  font-weight:700 }

.alert a:hover{
  color:inherit;
  text-decoration:underline }

.alert-info{
  border-color:var(--alert-info-border-color);
  background-color:var(--alert-info-background-color);
  color:var(--alert-info-color) }

.alert-info a{
  color:var(--alert-info-link) }

.alert-success{
  border-color:var(--alert-success-border-color);
  background-color:var(--alert-success-background-color);
  color:var(--alert-success-color) }

.alert-success a{
  color:var(--alert-success-link) }

.alert-warning{
  border-color:var(--alert-warning-border-color);
  background-color:var(--alert-warning-background-color);
  color:var(--alert-warning-color) }

.alert-warning a{
  color:var(--alert-warning-link) }

.alert-danger{
  border-color:var(--alert-danger-border-color);
  background-color:var(--alert-danger-background-color);
  color:var(--alert-danger-color) }

.alert-danger a{
  color:var(--alert-danger-link) }

.tabs{
  margin-right:auto;
  width:100% }

.tabs input.tab-control{
  display:none!important }

[role=tabpanel]{
  display:none }

.tabs #tab1-1:checked ~ .tab1-1,
.tabs #tab1-2:checked ~ .tab1-2,
.tabs #tab1-3:checked ~ .tab1-3,
.tabs #tab1-4:checked ~ .tab1-4,
.tabs #tab1-5:checked ~ .tab1-5,
.tabs #tab1-6:checked ~ .tab1-6,
.tabs #tab1-7:checked ~ .tab1-7,
.tabs #tab1-8:checked ~ .tab1-8,
.tabs #tab1-9:checked ~ .tab1-9,
.tabs #tab1-10:checked ~ .tab1-10,
.tabs #tab1-11:checked ~ .tab1-11,
.tabs #tab1-12:checked ~ .tab1-12,
.tabs #tab1-13:checked ~ .tab1-13,
.tabs #tab1-14:checked ~ .tab1-14,
.tabs #tab1-15:checked ~ .tab1-15,
.tabs #tab1-16:checked ~ .tab1-16,
.tabs #tab1-17:checked ~ .tab1-17,
.tabs #tab1-18:checked ~ .tab1-18,
.tabs #tab1-19:checked ~ .tab1-19,
.tabs #tab1-20:checked ~ .tab1-20{
  display:block }

.tabs input.tab-control+label{
  display:inline-block;
  position:relative;
  top:1px;
  margin:0;
  border:var(--border-width) var(--border-style) var(--border-color);
  border-radius:var(--border-radius) var(--border-radius) 0 0;
  background:transparent;
  padding:4px 12px }

.tabs input.tab-control+label:hover{
  cursor:pointer;color:var(--button-color-hover);
  background-color:var(--button-background-color-hover) }

.tabs input.tab-control:checked+label{
  border-bottom:var(--border-width) var(--border-style) transparent;
  background-color:var(--button-background-color);
  color:#fff }

.tabs input.tab-control:checked+label:hover{
  background-color:var(--button-background-color-hover)!important }

.tabs input.tab-control~.tab{
  display:none;
  border-top:var(--border-width) var(--border-style) var(--border-color);
  padding:12px;
  width:100% }

.list-group{
  display:flex;
  flex-direction:column;
  margin-bottom:0;
  padding-left:0 }

.list-group-item-action{
  width:100%;
  color:var(--list-group-color)!important;
  text-align:inherit }

.list-group-item-action:hover,
.list-group-item-action:focus{
  z-index:1;
  background-color:var(--list-group-background-color-hover)!important;
  color:var(--list-group-color-hover)!important;
  text-decoration:none }

.list-group-item-action:active{
  background-color:var(--list-group-background-active)!important;
  color:var(--list-group-color-active)!important }

.list-group-item{
  display:block;
  position:relative;
  margin-bottom:0;
  border:var(--border-width) var(--border-style) var(--border-color);
  background-color:var(--list-group-background-color);
  padding:.75rem 1.25rem;
  text-decoration:none;
  color:var(--list-group-color)!important }

.list-group-item:first-child{
  border-top-right-radius:var(--border-radius);
  border-top-left-radius:var(--border-radius) }

.list-group-item:last-child{
  border-bottom-right-radius:var(--border-radius);
  border-bottom-left-radius:var(--border-radius) }

.list-group-item.disabled,
.list-group-item:disabled{
  background-color:var(--list-group-background-disabled);
  pointer-events:none;color:var(--list-group-color-disabled) }

.list-group-item.active{
  z-index:2;
  border-color:var(--list-group-background-active);
  background-color:var(--list-group-background-active);
  color:var(--list-group-color) }

.list-group-item+.list-group-item{
  border-top-width:var(--border-width) }

.list-group-item+.list-group-item.active{
  margin-top:-1px;
  border-top-width:var(--border-width) }

.list-group-horizontal{
  flex-direction:row }

.list-group-horizontal .list-group-item:first-child{
  border-top-right-radius:0;
  border-bottom-left-radius:var(--border-radius) }

.list-group-horizontal .list-group-item:last-child{
  border-top-right-radius:var(--border-radius);
  border-bottom-left-radius:0 }

.list-group-horizontal .list-group-item.active{
  margin-top:0 }

.list-group-horizontal .list-group-item+.list-group-item{
  border-top-width:1px;
  border-left-width:var(--border-width) }

.list-group-horizontal .list-group-item+.list-group-item.active{
  margin-left:-1px;
  border-left-width:var(--border-width) }

.avatar{
  display:inline-block;
  position:relative;
  vertical-align:middle;
  margin:0;
  border-radius:50%;
  background-color:var(--border-color);
  width:1.6rem;
  height:1.6rem;
  color:rgba(255,255,255,.85);
  font-weight:300;
  font-size:.8rem;
  line-height:1.25 }

.avatar.xs{
  width:.8rem;
  height:.8rem;
  font-size:.4rem }

.avatar.sm{
  width:1.2rem;
  height:1.2rem;
  font-size:.6rem }

.avatar.lg{
  width:2.4rem;
  height:2.4rem;
  font-size:1.2rem }

.avatar.xl{
  width:3.2rem;
  height:3.2rem;
  font-size:1.6rem }

.avatar.xxl{
  width:4rem;
  height:4rem;
  font-size:1.6rem }

.avatar img{
  position:relative;
  z-index:1;
  border-radius:50%;
  width:100%;
  height:100% }

.badge{
  position:relative;
  white-space:nowrap }

.badger{
  display:inline-block;
  padding:.25em .4em;
  font-size:75%;
  font-weight:700;
  line-height:1;
  text-align:center;
  text-transform:capitalize;
  white-space:nowrap;
  vertical-align:baseline;
  border-radius:.25rem;
  transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out }

.badge-2x{
  font-size:.9rem!important }

@media (prefers-reduced-motion:reduce){
  .badger{
    transition:none }
}
a.badger:focus,
a.badger:hover{
  text-decoration:none }

.badger:empty{
  display:none }

.btn .badger{
  position:relative;
  top:-1px }

.badge-primary{
  color:#fff;
  background-color:#007bff }

a.badge-primary:focus,
a.badge-primary:hover{
  color:#fff;
  background-color:#0062cc }

a.badge-primary.focus,
a.badge-primary:focus{
  outline:0;
  box-shadow:0 0 0 .2rem rgba(0,123,255,.5) }

.badge-secondary,
.badge-cancelled{
  color:#fff;
  background-color:#6c757d }

a.badge-secondary:focus,
a.badge-secondary:hover{
  color:#fff;
  background-color:#545b62 }

a.badge-secondary.focus,
a.badge-secondary:focus{
  outline:0;
  box-shadow:0 0 0 .2rem rgba(108,117,125,.5) }

.badge-success,
.badge-paid{
  color:#fff;
  background-color:#28a745 }

a.badge-success:focus,
a.badge-success:hover{
  color:#fff;
  background-color:#1e7e34 }

a.badge-success.focus,
a.badge-success:focus{
  outline:0;
  box-shadow:0 0 0 .2rem rgba(40,167,69,.5) }

.badge-info,
.badge-pending{
  color:#fff;
  background-color:#17a2b8 }

a.badge-info:focus,
a.badge-info:hover{
  color:#fff;
  background-color:#117a8b }

a.badge-info.focus,
a.badge-info:focus{
  outline:0;
  box-shadow:0 0 0 .2rem rgba(23,162,184,.5) }

.badge-warning{
  color:#212529;
  background-color:#ffc107 }

a.badge-warning:focus,
a.badge-warning:hover{
  color:#212529;
  background-color:#d39e00 }

a.badge-warning.focus,
a.badge-warning:focus{
  outline:0;
  box-shadow:0 0 0 .2rem rgba(255,193,7,.5) }

.badge-danger,
.badge-overdue{
  color:#fff;
  background-color:#dc3545 }

a.badge-danger:focus,
a.badge-danger:hover{
  color:#fff;
  background-color:#bd2130 }

a.badge-danger.focus,
a.badge-danger:focus{
  outline:0;
  box-shadow:0 0 0 .2rem rgba(220,53,69,.5) }

.badge-light,
.badge-archived{
  color:#212529;
  background-color:#f8f9fa }

a.badge-light:focus,
a.badge-light:hover{
  color:#212529;
  background-color:#dae0e5 }

a.badge-light.focus,
a.badge-light:focus{
  outline:0;
  box-shadow:0 0 0 .2rem rgba(248,249,250,.5) }

.badge-dark{
  color:#fff;
  background-color:#343a40 }

a.badge-dark:focus,
a.badge-dark:hover{
  color:#fff;
  background-color:#1d2124 }

a.badge-dark.focus,
a.badge-dark:focus{
  outline:0;
  box-shadow:0 0 0 .2rem rgba(52,58,64,.5) }

.account-rank{
  position:absolute!important;
  right:5px!important;
  bottom:-10px!important;
  text-shadow:none!important }

.badge-visitor,
.badge-subscriber{
  background-color:#ff0!important;
  color:#000!important }

.badge-member{
  background-color:#4682b4!important;
  color:#fff!important }

.badge-client{
  background-color:#00ff7f!important;
  color:#000!important }

.badge-member-silver,
.badge-wholesale-silver{
  background-color:#a6a6a6!important;
  color:#000!important }

.badge-member-bronze,
.badge-wholesale-bronze{
  background-color:#a57164!important;
  color:#fff!important }

.badge-member-gold,
.badge-wholesale-gold{
  background-color:#c39953!important;
  color:#fff!important }

.badge-member-platinum,
.badge-wholesale-platinum{
  background-color:#e5e4e2!important;
  color:#000!important }

.badge-contributor,
.badge-author,
.badge-editor,
.badge-moderator,
.badge-manager{
  background-color:#9400d3!important;
  color:#fff!important }

.badge-administrator,
.badge-developer{
  background-color:#f8d7da!important;
  color:#000!important }

.badge[data-badge]::after,
.badge:not([data-badge])::after{
  display:inline-block;
  transform:translate(-.05rem,-.5rem);
  box-shadow:0 0 0 .1rem var(--box-shadow-color);
  border-radius:50%;
  background:var(--badge-background-color);
  background-clip:padding-box;
  color:var(--badge-color);
  content:attr(data-badge) }

.badge[data-badge]::after{
  padding:.2rem .4rem;
  min-width:.9rem;
  height:1.2rem;
  font-size:.7rem;
  line-height:1.3;
  text-align:center;
  white-space:nowrap }

button.badge::after{
  position:absolute;
  top:0;
  right:-1rem;
  transform:translate(50%,-50%) }

.badge.avatar::after{
  position:absolute;
  top:14.64%;
  right:14.64%;
  transform:translate(50%,-50%);
  z-index:100 }

.badge[data-badge='']::after{
  display:none }

.corner-ribbon:empty{
  display:none }

.corner-ribbon{
  position:absolute;
  top:15px;
  left:-70px;
  transform:rotate(-45deg);
  background:#f8f9fa;
  width:200px;
  color:#212529;
  line-height:30px;
  text-transform:uppercase;
  letter-spacing:1px;
  text-align:center;
  font-size:xx-small;
  text-shadow:0 0 0 #fff,0 0 5px rgb(0,0,0 / 30%);
  box-shadow:0 0 0 3px #f8f9fa,0 0 20px -3px rgba(0,0,0,.5);
  letter-spacing:.5px;
  -webkit-backface-visibility:hidden }

.corner-ribbon.sm{
  top:5px;
  left:-30px;
  line-height:20px }

.corner-ribbon.lg{
  top:20px;
  left:-50px;
  font-size:20px!important;
  line-height:60px }

.corner-ribbon.top-left{
  top:25px;
  left:-65px;
  transform:rotate(-45deg) }

.corner-ribbon.small.top-left{
  top:15px;
  left:-80px;
  transform:rotate(-45deg) }

.corner-ribbon.big.top-left{
  top:38px;
  left:-48px;
  transform:rotate(-45deg) }

.corner-ribbon.top-right{
  top:38px;
  right:-46px;
  left:auto;
  transform:rotate(45deg) }

.corner-ribbon.top-right .cost{
  top:38px;
  right:-46px;
  font-size:1rem }

.corner-ribbon.small.top-right{
  top:17px;
  right:-69px;
  left:auto;
  transform:rotate(45deg) }

.corner-ribbon.big.top-right{
  top:38px;
  right:-46px;
  left:auto;
  transform:rotate(45deg) }

.corner-ribbon.bottom-left{
  top:auto;
  bottom:25px;
  left:-65px;
  transform:rotate(45deg) }

.corner-ribbon.small.bottom-left{
  top:auto;
  bottom:10px;
  left:-75px;
  transform:rotate(45deg) }

.corner-ribbon.big.bottom-left{
  top:auto;
  bottom:28px;
  left:-55px;
  transform:rotate(45deg) }

.corner-ribbon.bottom-right{
  top:auto;
  right:-25px;
  bottom:65px;
  left:auto;
  transform:rotate(-45deg) }

.corner-ribbon.small.bottom-right{
  top:auto;
  right:-75px;
  bottom:10px;
  left:auto;
  transform:rotate(-45deg) }

.corner-ribbon.big.bottom-right{
  top:auto;
  right:-55px;
  bottom:28px;
  left:auto;
  transform:rotate(-45deg) }

.corner-ribbon.black{
  background-color:#333;
  box-shadow:0 0 0 3px #333,0 0 20px -3px rgba(0,0,0,.5);
  color:#fff }

.corner-ribbon.danger,
.corner-ribbon.out-of-stock{
  background-color:var(--danger-background-color);
  border:1px dashed var(--danger-color-contrast);
  box-shadow:0 0 0 3px var(--danger-background-color),0 0 20px -3px rgba(0,0,0,.5);
  color:var(--danger-color-contrast) }

.corner-ribbon.dark{
  background-color:var(--dark-background-color);
  border:1px dashed var(--dark-color-contrast);
  box-shadow:0 0 0 3px var(--dark-background-color),0 0 20px -3px rgba(0,0,0,.5);
  color:var(--dark-color-contrast) }

.corner-ribbon.info,
.corner-ribbon.back-order,
.corner-ribbon.coming-soon{
  background-color:var(--info-background-color);
  border:1px dashed var(--info-color-contrast);
  box-shadow:0 0 0 3px var(--info-background-color),0 0 20px -3px rgba(0,0,0,.5);
  color:var(--info-color-contrast) }

.corner-ribbon.light{
  background-color:var(--light-background-color);
  border:1px dashed var(--light-color-contrast);
  box-shadow:0 0 0 3px var(--light-background-color),0 0 20px -3px rgba(0,0,0,.5);
  color:var(--light-color-contrast) }

.corner-ribbon.primary{
  background-color:var(--primary-background-color);
  border:1px dashed var(--primary-color-contrast);
  box-shadow:0 0 0 3px var(--primary-background-color),0 0 20px -3px rgba(0,0,0,.5);
  color:var(--primary-color-contrast) }

.corner-ribbon.secondary,
.corner-ribbon.sold-out{
  background-color:var(--secondary-background-color);
  border:1px dashed var(--secondary-color-contrast);
  box-shadow:0 0 0 3px var(--secondary-background-color),0 0 20px -3px rgba(0,0,0,.5);
  color:var(--secondary-color-contrast) }

.corner-ribbon.success,
.corner-ribbon.available,
.corner-ribbon.in-stock{
  background-color:var(--success-background-color);
  border:1px dashed var(--success-color-contrast);
  box-shadow:0 0 0 3px var(--success-background-color),0 0 20px -3px rgba(0,0,0,.5);
  color:var(--success-color-contrast) }

.corner-ribbon.warning,
.corner-ribbon.pre-order{
  background-color:var(--warning-background-color);
  border:1px dashed var(--warning-color-contrast);
  box-shadow:0 0 0 3px var(--warning-background-color),0 0 20px -3px rgba(0,0,0,.5);
  color:var(--warning-color-contrast) }

.corner-ribbon.white{
  background-color:#f0f0f0;
  box-shadow:0 0 0 3px #f0f0f0,0 0 20px -3px rgba(0,0,0,.5);
  color:#555 }

.corner-ribbon.outline-primary{
  border-color:var(--primary-border-color);
  background-color:#fff;
  color:var(--primary-color) }

.corner-ribbon.outline-secondary{
  border-color:var(--secondary-border-color);
  background-color:#fff;
  color:var(--secondary-color) }

.corner-ribbon.outline-success{
  border-color:var(--success-border-color);
  background-color:#fff;
  color:var(--success-color) }

.corner-ribbon.outline-info{
  border-color:var(--info-border-color);
  background-color:#fff;
  color:var(--info-color) }

.corner-ribbon.outline-warning{
  border-color:var(--warning-border-color);
  background-color:#fff;
  color:var(--warning-color) }

.corner-ribbon.outline-danger{
  border-color:var(--danger-border-color);
  background-color:#fff;
  color:var(--danger-color) }

.corner-ribbon.outline-light{
  border-color:var(--light-border-color);
  background-color:#fff;
  color:var(--light-color) }

.corner-ribbon.outline-dark{
  border-color:var(--dark-border-color);
  background-color:#fff;
  color:var(--dark-color) }

.corner-ribbon.visitor,
.corner-ribbon.subscriber{
  background-color:#717b00;
  border:1px dashed #fff;
  box-shadow:0 0 0 3px #717b00,0 0 20px -3px rgba(0,0,0,.5);
  color:#fff }

.corner-ribbon.member{
  background-color:#3e7bad;
  border:1px dashed #fff;
  box-shadow:0 0 0 3px #3e7bad,0 0 20px -3px rgba(0,0,0,.5);
  color:#fff }

.corner-ribbon.client{
  background-color:#008a0b;
  border:1px dashed #fff;
  box-shadow:0 0 0 3px #008a0b,0 0 20px -3px rgba(0,0,0,.5);
  color:#fff }

.corner-ribbon.wholesale-silver{
  background-color:#757575;
  border:1px dashed #fff;
  box-shadow:0 0 0 3px #757575,0 0 20px -3px rgba(0,0,0,.5);
  color:#fff }

.corner-ribbon.wholesale-bronze{
  background-color:#9b685b;
  border:1px dashed #fff;
  box-shadow:0 0 0 3px #9b685b,0 0 20px -3px rgba(0,0,0,.5);
  color:#fff }

.corner-ribbon.wholesale-gold{
  background-color:#95702b;
  border:1px dashed #fff;
  box-shadow:0 0 0 3px #95702b,0 0 20px -3px rgba(0,0,0,.5);
  color:#fff }

.corner-ribbon.wholesale-platinum{
  background-color:#767573;
  border:1px dashed #fff;
  box-shadow:0 0 0 3px #767573,0 0 20px -3px rgba(0,0,0,.5);
  color:#fff }

.corner-ribbon.contributor,
.corner-ribbon.author,
.corner-ribbon.editor,
.corner-ribbon.moderator,
.corner-ribbon.manager{
  background-color:#9400d3;
  border:1px dashed #fff;
  box-shadow:0 0 0 3px #9400d3,0 0 20px -3px rgba(0,0,0,.5);
  color:#fff }

.corner-ribbon.administrator,
.corner-ribbon.developer{
  background-color:#8b6e71;
  border:1px dashed #fff;
  box-shadow:0 0 0 3px #8b6e71,0 0 20px -3px rgba(0,0,0,.5);
  color:#fff }

.corner-ribbon .quantity{
  font-size:inherit;
  text-align:inherit }

dialog{
  display:block;
  position:fixed;
  top:50%;
  right:0;
  left:0;
  transform:translate(0,-50%);
  margin:auto;
  outline:0;
  border:0;
  border-radius:var(--dialog-border-radius);
  background:#fff;
  padding:0;
  width:-moz-fit-content;
  width:-webkit-fit-content;
  width:fit-content;
  min-width:var(--dialog-min-width);
  max-width:var(--dialog-max-width);
  height:-moz-fit-content;
  height:-webkit-fit-content;
  height:fit-content;
  pointer-events:auto;
  color:#000 }

dialog[open]{
  -webkit-animation:dialog-show .45s cubic-bezier(.5,.61,.355,1) normal;
  animation:dialog-show .45s cubic-bezier(.5,.61,.355,1) normal }

dialog[open]::-webkit-backdrop{
  -webkit-animation:dialog-backdrop-show .45s cubic-bezier(.5,.61,.355,1) normal;
  animation:dialog-backdrop-show .45s cubic-bezier(.5,.61,.355,1) normal }

dialog[open]::backdrop{
  -webkit-animation:dialog-backdrop-show .45s cubic-bezier(.5,.61,.355,1) normal;
  animation:dialog-backdrop-show .45s cubic-bezier(.5,.61,.355,1) normal }

dialog:not([open]){
  display:none }

dialog::-webkit-backdrop{
  z-index:1050;
  background-color:rgba(0,0,0,.4) }

dialog::backdrop{
  z-index:1050;
  background-color:rgba(0,0,0,.4) }

dialog+.backdrop{
  background-color:rgba(0,0,0,.4) }

dialog header{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  margin:0;
  border-bottom:var(--border-width) var(--border-style) var(--dialog-border-color);
  border-top-right-radius:var(--dialog-border-radius);
  border-top-left-radius:var(--dialog-border-radius);
  background-color:var(--dialog-background-color);
  padding:1rem;
  width:100% }

dialog header .close{
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  opacity:.5;
  margin:-1rem -1rem -1rem auto;
  border:0;
  background-color:transparent;
  padding:1rem 1rem;
  color:#000;
  font-weight:700;
  font-size:calc(1.275rem + .3vw);
  line-height:1;
  text-shadow:0 1px 0 #fff }

dialog header .close:focus,
dialog header .close:hover{
  opacity:.75;
  box-shadow:none;
  color:#000;
  text-decoration:none }

dialog header h1,
dialog header h2,
dialog header h3,
dialog header h4,
dialog header h5,
dialog header h6{
  margin:0;
  padding:0 }

dialog p,
dialog section{
  display:block;
  position:relative;
  flex:1 1 auto;
  padding:1rem;
  overflow-y:auto }

dialog footer{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  align-items:center;
  margin:0;
  border-top:var(--border-width) var(--border-style) var(--dialog-border-color);
  border-bottom-right-radius:var(--dialog-border-radius);
  border-bottom-left-radius:var(--dialog-border-radius);
  padding:.75rem }

@-webkit-keyframes dialog-show{
  0%{
    transform:translateY(-25%);
    opacity:0 }
  50%{
    opacity:1 }
  100%{
    transform:translateY(-50%);
    opacity:1 }
}

@keyframes dialog-show{
  0%{
    transform:translateY(-25%);
    opacity:0 }
  50%{
    opacity:1 }
  100%{
    transform:translateY(-50%);
    opacity:1 }
}

@-webkit-keyframes dialog-backdrop-show{
  0%{
    opacity:0 }
  100%{
    opacity:1 }
}

@keyframes dialog-backdrop-show{
  0%{
    opacity:0 }
  100%{
    opacity:1 }
}

#banner{
  position:fixed!important;
  z-index:1030!important;
  bottom:0;
  left:0;
  width:100%;
  max-width:100%;
  margin:0 }

.banner{
  position:relative!important;
  z-index:1050!important;
  color:var(--banner-color);
  font-size:14px;
  background-color:var(--banner-background-color);
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
  border-top:2px solid var(--banner-border-color);
  font-family:sans-serif }

.banner h3{
  margin-top:0!important;
  margin-bottom:.5rem!important;
  font-family:sans-serif!important;
  color:var(--banner-color)!important;
  font-size:calc(1.3rem + .6vw);
  font-weight:500!important;
  line-height:1.2!important }

.banner p{
  margin:0 25px!important;
  color:var(--banner-color)!important }

.banner a{
  font-family:sans-serif!important;
  color:var(--banner-link-color)!important;
  text-decoration:none!important }

.banner a:hover{
  color:var(--banner-link-color-hover)!important;
  text-decoration:underline!important }

#banner:hover .banner-dismiss{
  top:-35px;
  color:#fff }

.banner-dismiss{
  z-index:1040!important;
  position:absolute;
  top:5px;
  right:5px;
  bottom:0;
  width:40px;
  height:40px;
  padding:3px;
  background:#000;
  color:#fff;
  border:3px solid var(--banner-border-color);
  border-radius:50%;
  border-bottom-left-radius:0;
  border-bottom-right-radius:0;
  box-shadow:1px 1px 10px #000;
  transition:top ease .5s }

#stripe form{
  align-self:center }

#stripe input{
  border-radius:6px;
  margin-bottom:6px;
  padding:12px;
  border:1px solid rgba(50,50,93,.1);
  height:44px;
  font-size:16px;
  width:100%;
  background:white }

#stripe .result-message{
  line-height:22px;
  font-size:16px }

#stripe .result-message a{
  color:#596fd6;
  font-weight:600;
  text-decoration:none }

#stripe .hidden{
  display:none }

#stripe #card-error{
  color:#697386;
  text-align:left;
  font-size:13px;
  line-height:17px;
  margin-top:12px }

#stripe #card-element{
  border-radius:4px 4px 0 0;
  padding:12px;
  border:1px solid rgba(50,50,93,.1);
  height:44px;
  width:100%;
  background:white }

#stripe #payment-request-button{
  margin-bottom:32px }

#stripe button{
  background:#5469d4;
  color:#fff;
  font-family:Arial,sans-serif;
  border-radius:0 0 4px 4px;
  border:0;
  padding:12px 16px;
  font-size:16px;
  font-weight:600;
  cursor:pointer;
  display:block;
  transition:all .2s ease;
  box-shadow:0 4px 5.5px 0 rgba(0,0,0,.07);
  width:100% }

#stripe button:hover{
  filter:contrast(115%) }

#stripe button:disabled{
  opacity:.5;
  cursor:default }

#stripe .spinner,
#stripe .spinner:before,
#stripe .spinner:after{
  border-radius:50% }

#stripe .spinner{
  color:#fff;
  font-size:22px;
  text-indent:-99999px;
  margin:0 auto;
  position:relative;
  width:20px;
  height:20px;
  box-shadow:inset 0 0 0 2px;
  -webkit-transform:translateZ(0);
  -ms-transform:translateZ(0);
  transform:translateZ(0) }

#stripe .spinner:before,
#stripe .spinner:after{
  position:absolute;
  content:"" }

#stripe .spinner:before{
  width:10.4px;
  height:20.4px;
  background:#5469d4;
  border-radius:20.4px 0 0 20.4px;
  top:-.2px;
  left:-.2px;
  -webkit-transform-origin:10.4px 10.2px;
  transform-origin:10.4px 10.2px;
  -webkit-animation:loading 2s infinite ease 1.5s;
  animation:loading 2s infinite ease 1.5s }

#stripe .spinner:after{
  width:10.4px;
  height:10.2px;
  background:#5469d4;
  border-radius:0 10.2px 10.2px 0;
  top:-.1px;
  left:10.2px;
  -webkit-transform-origin:0 10.2px;
  transform-origin:0 10.2px;
  -webkit-animation:loading 2s infinite ease;
  animation:loading 2s infinite ease }

@-webkit-keyframes loading{
  0%{
    -webkit-transform:rotate(0);
    transform:rotate(0) }
  100%{
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg) }
}

@keyframes loading{
  0%{
    -webkit-transform:rotate(0);
    transform:rotate(0) }
  100%{
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg) }
}

.zoom-out{
  -webkit-animation:zoom-out .5s cubic-bezier(.550,.085,.680,.530) both;
  animation:zoom-out .5s cubic-bezier(.550,.085,.680,.530) both }

@-webkit-keyframes zoom-out{
  0%{
    -webkit-transform:scale(1);
    transform:scale(1);
    opacity:1 }
  100%{
    -webkit-transform:scale(0);
    transform:scale(0);
    opacity:1 }
}

@keyframes zoom-out{
  0%{
    -webkit-transform:scale(1);
    transform:scale(1);
    opacity:1 }
  100%{
    -webkit-transform:scale(0);
    transform:scale(0);
    opacity:1 }
}

.bounce-in-bottom{
  -webkit-animation:bounce-in-bottom 1.1s both;
  animation:bounce-in-bottom 1.1s both }

@-webkit-keyframes bounce-in-bottom{
  0%{
    -webkit-transform:translateY(500px);
    transform:translateY(500px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in;
    opacity:0 }
  38%{
    -webkit-transform:translateY(0);
    transform:translateY(0);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out;
    opacity:1 }
  55%{
    -webkit-transform:translateY(65px);
    transform:translateY(65px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in }
  72%{
    -webkit-transform:translateY(0);
    transform:translateY(0);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out }
  81%{
    -webkit-transform:translateY(28px);
    transform:translateY(28px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in }
  90%{
    -webkit-transform:translateY(0);
    transform:translateY(0);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out }
  95%{
    -webkit-transform:translateY(8px);
    transform:translateY(8px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in }
  100%{
    -webkit-transform:translateY(0);
    transform:translateY(0);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out }
}

@keyframes bounce-in-bottom{
  0%{
    -webkit-transform:translateY(500px);
    transform:translateY(500px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in;
    opacity:0 }
  38%{
    -webkit-transform:translateY(0);
    transform:translateY(0);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out;
    opacity:1 }
  55%{
    -webkit-transform:translateY(65px);
    transform:translateY(65px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in }
  72%{
    -webkit-transform:translateY(0);
    transform:translateY(0);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out }
  81%{
    -webkit-transform:translateY(28px);
    transform:translateY(28px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in }
  90%{
    -webkit-transform:translateY(0);
    transform:translateY(0);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out }
  95%{
    -webkit-transform:translateY(8px);
    transform:translateY(8px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in }
  100%{
    -webkit-transform:translateY(0);
    transform:translateY(0);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out }
}

.slide-in-bottom{
  -webkit-animation:slide-in-bottom .5s cubic-bezier(.250,.460,.450,.940) both;
  animation:slide-in-bottom .5s cubic-bezier(.250,.460,.450,.940) both }

@-webkit-keyframes slide-in-bottom{
  0%{
    -webkit-transform:translateY(1000px);
    transform:translateY(1000px);
    opacity:0 }
  100%{
    -webkit-transform:translateY(0);
    transform:translateY(0);
    opacity:1 }
}

@keyframes slide-in-bottom{
  0%{
    -webkit-transform:translateY(1000px);
    transform:translateY(1000px);
    opacity:0 }
  100%{
    -webkit-transform:translateY(0);
    transform:translateY(0);
    opacity:1 }
}

.fade-in-bottom{
  -webkit-animation:fade-in-bottom .6s cubic-bezier(.390,.575,.565,1) both;
  animation:fade-in-bottom .6s cubic-bezier(.390,.575,.565,1) both }

@-webkit-keyframes fade-in-bottom{
  0%{
    -webkit-transform:translateY(50px);
    transform:translateY(50px);
    opacity:0 }
  100%{
    -webkit-transform:translateY(0);
    transform:translateY(0);
    opacity:1 }
}

@keyframes fade-in-bottom{
  0%{
    -webkit-transform:translateY(50px);
    transform:translateY(50px);
    opacity:0 }
  100%{
    -webkit-transform:translateY(0);
    transform:translateY(0);
    opacity:1 }
}

.slide-out-bottom{
  -webkit-animation:slide-out-bottom .5s cubic-bezier(.550,.085,.680,.530) both;
  animation:slide-out-bottom .5s cubic-bezier(.550,.085,.680,.530) both }

@-webkit-keyframes slide-out-bottom{
  0%{
    -webkit-transform:translateY(0);
    transform:translateY(0);
    opacity:1 }
  100%{
    -webkit-transform:translateY(1000px);
    transform:translateY(1000px);
    opacity:0 }
}

@keyframes slide-out-bottom{
  0%{
    -webkit-transform:translateY(0);
    transform:translateY(0);
    opacity:1 }
  100%{
    -webkit-transform:translateY(1000px);
    transform:translateY(1000px);
    opacity:0 }
}
.playlist{
  position:relative!important;
  background-color:var(--playlist-background-color)!important }

.note-video-wrapper{
  position:relative;
  padding-bottom:56.25%;
  padding-top:30px;
  height:0;
  overflow:hidden;
  width:100%; }

.note-video-wrapper embed,
.note-video-wrapper iframe,
.note-video-wrapper img,
.note-video-wrapper object{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100% }

.note-video-wrapper .note-video-clip,
.note-video-wrapper.video:hover{
  cursor:pointer }

.note-video-wrapper.video:hover .play{
  background-color:var(--playlist-play-button-background-color-hover);
  opacity:.9 }

.note-video-wrapper .play{
  font-size:1.1em;
  position:absolute;
  left:0;
  right:0;
  margin:auto;
  background-color:var(--playlist-play-button-background-color);
  opacity:.85;
  border-radius:50%/10%;
  color:var(--playlist-play-button-color);
  height:3em;
  padding:0;
  text-align:center;
  text-indent:.1em;
  transition:all 150ms ease-out;
  width:4em;
  top:50%;
  -webkit-transform:translateY(-50%);
  -moz-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  transform:translateY(-50%) }

.note-video-wrapper .play::before{
  background:inherit;
  border-radius:5%/50%;
  bottom:9%;
  content:"";
  left:-5%;
  position:absolute;
  right:-5%;
  top:9% }

.note-video-wrapper .play::after{
  border-style:solid;
  border-width:1em 0 1em 1.732em;
  border-color:transparent transparent transparent var(--playlist-play-button-arrow-color);
  content:"";
  font-size:.75em;
  height:0;
  margin:-1em 0 0 -.75em;
  top:50%;
  position:absolute;
  width:0 }

.video-title{
  background-color:var(--playlist-video-title-background-color);
  font-size:1rem;
  font-weight:700;
  color:var(--playlist-video-title-color) }

.video-description{
  background-color:var(--playlist-video-description-background-color);
  font-size:.8rem;
  font-weight:400;
  color:var(--playlist-video-description-color) }

.advert-container{
  background:transparent }

.advert-container .advert{
  position:relative!important }

.advert .advert-btn-info{
  position:absolute;
  top:0;
  right:0;
  width:24px;
  height:24px;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:rgba(255,255,255,.75)!important }

.advert .advert-btn-info:hover,
.advert .advert-btn-info:focus{
  background:rgba(255,255,255,1)!important }

.advert .advert-btn-info svg{
  vertical-align:middle!important;
  color:#000!important;
  outline:none!important;
  background-color:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  padding:0!important;
  width:100%!important;
  height:100%!important;
  line-height:0!important;
  cursor:pointer!important;
  -webkit-tap-highlight-color:rgba(0,0,0,0)!important;
  -webkit-tap-highlight-color:transparent!important }

.advert-site-info{
  position:absolute!important;
  bottom:0!important;
  left:0!important;
  background-color:rgba(255,255,255,.75)!important;
  font-size:10px!important;
  color:#444!important;
  padding:0 5px!important }

.advert-site-info .ad{
  color:#000!important;
  padding-right:0!important;
  padding-left:0!important;
  font-weight:700!important }

.advert-site-info .ad::after{
  content:"·"!important;
  -webkit-padding-end:4px!important;
  padding-inline-end:4px!important;
  -webkit-padding-start:4px!important;
  padding-inline-start:4px!important }

.advert-container .advert-image img{
  display:flex!important;
  width:100%!important;
  height:auto!important;
  object-fit:cover!important;
  object-position:center!important }

.advert-info{
  position:absolute!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  left:0!important;
  background-color:#fff!important;
  color:#000!important;
  overflow-y:auto!important }

.advert-info h4{
  font-family:verdana!important;
  text-align:center!important;
  font-size:22px!important;
  margin:10px 0 0 0!important }

.advert-info p{
  text-align:center!important;
  font-size:14px!important;
  margin:0!important;
  padding:5px!important }

.advert-info p a{
  color:#00f!important;
  text-decoration:none!important }

.advert-info p a:hover{
  text-decoration:underline!important }

.advert-info p small{
  font-size:80%!important }
