@charset "UTF-8";

@import url(font-awesome.min.css);
@import url(font-awesome.css);
@import url(font-line.css);

.w-100{
	width: 100%;
}

.h-100{
	height: 100%;
}

.desktop-nav a{
	color: #fff;
	text-wrap: nowrap;
}

.desktop-nav {
	display: none;
	align-items: center;
}

.desktop-nav > ul{
	display: flex;
	align-items: center;
}

.desktop-nav li{
	padding: .5rem 1rem;
}

.nav-item.dropdown{
	position: relative;
}

.desktop-nav .nav-item.dropdown:hover .dropdown-menu{
	display: block;
}

.align-items-center{
  align-items: center;
}

.justify-content-center{
  justify-content: center;
}

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

.desktop-nav .dropdown-menu {
	display: none;
	position: absolute;
	margin: 0 auto;
	background: rgb(255 255 255 / 60%);
	width: 140%;
	padding: 10px 0;
	left: -20%;
	top: 30px;
	border-radius: 0;
	text-align: center;
}

.desktop-nav .dropdown-menu li{
	padding: 3px 0;
	font-size: 14px;
}

.desktop-nav .dropdown-menu li a{
	color: #333;
}

.desktop-nav .dropdown-menu li a:hover{
	color: #000;
}

.desktop-nav .dropdown-item {
  display: block;
  width: 100%;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}

.desktop-nav .dropdown-item:hover,
.desktop-nav .dropdown-item:focus {
  color: #16181b;
  text-decoration: none;
}

.post-container{
  margin-top: 120px !important;
}

.hash-tag{
  color: #333;
}
.hash-tag:after{
  content: '/';
  padding-left: 5px;
}
.list-ul{
  list-style: none;
}
.list-ul li{
  padding: 9px 0;
  border-bottom: 1px solid #e5e5e5;
  color: #333;
}

.custom-hr {
  border: 0;
  height: 1px;
  background-color: #d7d7d7; /* 可改成你想要的顏色 */
  margin: 20px 0;
}

.card {
  overflow: hidden;
  background: #fff;
}

.card-title {
    font-weight: 900;
    font-size: 18px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 48px;
}

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

.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1rem;
    color: #333;
    line-height: 24px;
    letter-spacing: 2px;
}

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

img.wp-smiley,img.emoji{display:inline !important;border:none !important;box-shadow:none !important;height:1em !important;width:1em !important;margin:0 .07em !important;vertical-align:-.1em !important;background:0 0 !important;padding:0 !important}
.preview{width:100%;height:100%;position:fixed;z-index:1000;right:0;top:0;overflow:hidden;background-color:#f7f7f7;-webkit-transform:translate(100%,-100%);transform:translate(100%,-100%)}.preview-layer{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#c8a063;-webkit-transition:all .5s linear .5s;transition:all .5s linear .5s;-webkit-transform:translate(100%,-100%);transform:translate(100%,-100%)}.preview.animate{-webkit-animation:preview .75s linear forwards;animation:preview .75s linear forwards}.preview.animate .preview-layer{-webkit-animation:preview .75s linear forwards .25s;animation:preview .75s linear forwards .25s}.preview-circle{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}.preview-circle circle{stroke-dasharray:310;stroke-dashoffset:310}.preview.animate .preview-circle circle{-webkit-animation:preview-circle .5s ease-out forwards .92s;animation:preview-circle .5s ease-out forwards .92s}
@-webkit-keyframes preview{0%{border-bottom-left-radius:100%;-webkit-transform:translate(100%,-100%)}75%{border-bottom-left-radius:100%;-webkit-transform:translate(0,0)}100%{border-bottom-left-radius:0;-webkit-transform:translate(0,0)}}
@keyframes preview{0%{border-bottom-left-radius:100%;transform:translate(100%,-100%)}75%{border-bottom-left-radius:100%;transform:translate(0,0)}100%{border-bottom-left-radius:0;transform:translate(0,0)}}
@-webkit-keyframes preview-load{0%{border-top-right-radius:0;-webkit-transform:translate(0,0)}25%{border-top-right-radius:100%;-webkit-transform:translate(0,0)}100%{border-top-right-radius:100%;-webkit-transform:translate(-100%,100%)}}
@keyframes preview-load{0%{border-top-right-radius:0;transform:translate(0,0)}25%{border-top-right-radius:100%;transform:translate(0,0)}100%{border-top-right-radius:100%;transform:translate(-100%,100%)}}
@-webkit-keyframes preview-circle{0%{stroke-dashoffset:310}100%{stroke-dashoffset:0}}
@keyframes preview-circle{0%{stroke-dashoffset:310}100%{stroke-dashoffset:0}}
@-webkit-keyframes preview-circle-back{0%{stroke-dashoffset:0}100%{stroke-dashoffset:310}}
@keyframes preview-circle-back{0%{stroke-dashoffset:0}100%{stroke-dashoffset:310}}
.preview.animate-load{-webkit-transform:translate(0,0);transform:translate(0,0);-webkit-animation:preview-load .9s linear forwards .9s;animation:preview-load .9s linear forwards .9s}.preview.animate-load .preview-layer{-webkit-transform:translate(0,0);transform:translate(0,0);-webkit-animation:preview-load .9s linear forwards .6s;animation:preview-load .9s linear forwards .6s}.preview.animate-load .preview-circle{-webkit-transform:translate(-50%,-50%) rotate(45deg) rotateX(180deg);transform:translate(-50%,-50%) rotate(45deg) rotateX(180deg)}.preview.animate-load .preview-circle circle{stroke-dashoffset:0}.preview.animate-load.animate .preview-circle circle{-webkit-animation:preview-circle-back .6s ease-out forwards .15s;animation:preview-circle-back .6s ease-out forwards .15s}

*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}
@media (min-width:768px){.container{width:750px}}
@media (min-width:992px){.container{width:970px}}
@media (min-width:1200px){.container{width:1170px}}

.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}
.row{
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) / -2);
    margin-left: calc(var(--bs-gutter-x) / -2);
}
.col,
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6,
.col-7, .col-8, .col-9, .col-10, .col-11, .col-12,
.col-auto,
.col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6,
.col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-auto,
.col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6,
.col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-auto,
.col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6,
.col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-auto,
.col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6,
.col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}

.col-1 { flex: 0 0 8.333333%; max-width: 8.333333%; }
.col-2 { flex: 0 0 16.666667%; max-width: 16.666667%; }
.col-3 { flex: 0 0 25%; max-width: 25%; }
.col-4 { flex: 0 0 33.333333%; max-width: 33.333333%; }
.col-5 { flex: 0 0 41.666667%; max-width: 41.666667%; }
.col-6 { flex: 0 0 50%; max-width: 50%; }
.col-7 { flex: 0 0 58.333333%; max-width: 58.333333%; }
.col-8 { flex: 0 0 66.666667%; max-width: 66.666667%; }
.col-9 { flex: 0 0 75%; max-width: 75%; }
.col-10 { flex: 0 0 83.333333%; max-width: 83.333333%; }
.col-11 { flex: 0 0 91.666667%; max-width: 91.666667%; }
.col-12 { flex: 0 0 100%; max-width: 100%; }

/* sm */
@media (min-width: 576px) {
  .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; }
  .col-sm-auto { flex: 0 0 auto; width: auto; max-width: none; }
  .col-sm-1 { flex: 0 0 8.333333%; max-width: 8.333333%; }
  .col-sm-2 { flex: 0 0 16.666667%; max-width: 16.666667%; }
  .col-sm-3 { flex: 0 0 25%; max-width: 25%; }
  .col-sm-4 { flex: 0 0 33.333333%; max-width: 33.333333%; }
  .col-sm-5 { flex: 0 0 41.666667%; max-width: 41.666667%; }
  .col-sm-6 { flex: 0 0 50%; max-width: 50%; }
  .col-sm-7 { flex: 0 0 58.333333%; max-width: 58.333333%; }
  .col-sm-8 { flex: 0 0 66.666667%; max-width: 66.666667%; }
  .col-sm-9 { flex: 0 0 75%; max-width: 75%; }
  .col-sm-10 { flex: 0 0 83.333333%; max-width: 83.333333%; }
  .col-sm-11 { flex: 0 0 91.666667%; max-width: 91.666667%; }
  .col-sm-12 { flex: 0 0 100%; max-width: 100%; }
}

/* md */
@media (min-width: 768px) {
  .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; }
  .col-md-auto { flex: 0 0 auto; width: auto; max-width: none; }
  .col-md-1 { flex: 0 0 8.333333%; max-width: 8.333333%; }
  .col-md-2 { flex: 0 0 16.666667%; max-width: 16.666667%; }
  .col-md-3 { flex: 0 0 25%; max-width: 25%; }
  .col-md-4 { flex: 0 0 33.333333%; max-width: 33.333333%; }
  .col-md-5 { flex: 0 0 41.666667%; max-width: 41.666667%; }
  .col-md-6 { flex: 0 0 50%; max-width: 50%; }
  .col-md-7 { flex: 0 0 58.333333%; max-width: 58.333333%; }
  .col-md-8 { flex: 0 0 66.666667%; max-width: 66.666667%; }
  .col-md-9 { flex: 0 0 75%; max-width: 75%; }
  .col-md-10 { flex: 0 0 83.333333%; max-width: 83.333333%; }
  .col-md-11 { flex: 0 0 91.666667%; max-width: 91.666667%; }
  .col-md-12 { flex: 0 0 100%; max-width: 100%; }
}

/* lg */
@media (min-width: 992px) {
  .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; }
  .col-lg-auto { flex: 0 0 auto; width: auto; max-width: none; }
  .col-lg-1 { flex: 0 0 8.333333%; max-width: 8.333333%; }
  .col-lg-2 { flex: 0 0 16.666667%; max-width: 16.666667%; }
  .col-lg-3 { flex: 0 0 25%; max-width: 25%; }
  .col-lg-4 { flex: 0 0 33.333333%; max-width: 33.333333%; }
  .col-lg-5 { flex: 0 0 41.666667%; max-width: 41.666667%; }
  .col-lg-6 { flex: 0 0 50%; max-width: 50%; }
  .col-lg-7 { flex: 0 0 58.333333%; max-width: 58.333333%; }
  .col-lg-8 { flex: 0 0 66.666667%; max-width: 66.666667%; }
  .col-lg-9 { flex: 0 0 75%; max-width: 75%; }
  .col-lg-10 { flex: 0 0 83.333333%; max-width: 83.333333%; }
  .col-lg-11 { flex: 0 0 91.666667%; max-width: 91.666667%; }
  .col-lg-12 { flex: 0 0 100%; max-width: 100%; }
}

/* xl */
@media (min-width: 1200px) {
  .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; }
  .col-xl-auto { flex: 0 0 auto; width: auto; max-width: none; }
  .col-xl-1 { flex: 0 0 8.333333%; max-width: 8.333333%; }
  .col-xl-2 { flex: 0 0 16.666667%; max-width: 16.666667%; }
  .col-xl-3 { flex: 0 0 25%; max-width: 25%; }
  .col-xl-4 { flex: 0 0 33.333333%; max-width: 33.333333%; }
  .col-xl-5 { flex: 0 0 41.666667%; max-width: 41.666667%; }
  .col-xl-6 { flex: 0 0 50%; max-width: 50%; }
  .col-xl-7 { flex: 0 0 58.333333%; max-width: 58.333333%; }
  .col-xl-8 { flex: 0 0 66.666667%; max-width: 66.666667%; }
  .col-xl-9 { flex: 0 0 75%; max-width: 75%; }
  .col-xl-10 { flex: 0 0 83.333333%; max-width: 83.333333%; }
  .col-xl-11 { flex: 0 0 91.666667%; max-width: 91.666667%; }
  .col-xl-12 { flex: 0 0 100%; max-width: 100%; }
}
.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.row:after,.row:before{content:" ";display:table}.clearfix:after,.container-fluid:after,.container:after,.row:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}

@media (min-width:768px){.row-vertical-sm{font-size:0;white-space:nowrap}.row-vertical-sm>[class*=col-]{display:inline-block;vertical-align:middle;white-space:normal;float:none}.row-vertical-sm:after{display:inline-block;vertical-align:middle;height:100%;content:""}}
@media (min-width:992px){
  .row[class*=col-md-clear-]>[class*=col-]{clear:none}.col-md-clear-3>[class*=col-]:nth-child(3n+1){clear:both}
  #logo {
    left: 5%;
  }
}
@media (min-width:1300px){
  .container{width:1270px}
  #logo {
    left: 7%;
  }
}
@media (min-width:1470px){
  .container{width:1440px}
  #logo {
    left: 9%;
  }
}
@media (min-width:1710px){
  .container{width:1680px}
  #logo {
    left: 12%;
  }
}

/* margin */
.m-0 { margin: 0 !important; }
.m-1 { margin: .25rem !important; }
.m-2 { margin: .5rem !important; }
.m-3 { margin: 1rem !important; }
.m-4 { margin: 1.5rem !important; }
.m-5 { margin: 3rem !important; }

/* padding */
.p-0 { padding: 0 !important; }
.p-1 { padding: .25rem !important; }
.p-2 { padding: .5rem !important; }
.p-3 { padding: 1rem !important; }
.p-4 { padding: 1.5rem !important; }
.p-5 { padding: 3rem !important; }

.mt-0 { margin-top: 0 !important; }
.mt-1 { margin-top: .25rem !important; }
.mt-2 { margin-top: .5rem !important; }
.mt-3 { margin-top: 1rem !important; }
.mt-4 { margin-top: 1.5rem !important; }
.mt-5 { margin-top: 3rem !important; }

.mb-0 { margin-bottom: 0 !important; }
.mb-1 { margin-bottom: .25rem !important; }
.mb-2 { margin-bottom: .5rem !important; }
.mb-3 { margin-bottom: 1rem !important; }
.mb-4 { margin-bottom: 1.5rem !important; }
.mb-5 { margin-bottom: 3rem !important; }

.ml-0 { margin-left: 0 !important; }
.ml-1 { margin-left: .25rem !important; }
.ml-2 { margin-left: .5rem !important; }
.ml-3 { margin-left: 1rem !important; }
.ml-4 { margin-left: 1.5rem !important; }
.ml-5 { margin-left: 3rem !important; }

.mr-0 { margin-right: 0 !important; }
.mr-1 { margin-right: .25rem !important; }
.mr-2 { margin-right: .5rem !important; }
.mr-3 { margin-right: 1rem !important; }
.mr-4 { margin-right: 1.5rem !important; }
.mr-5 { margin-right: 3rem !important; }

.mx-0 { margin-left: 0 !important; margin-right: 0 !important; }
.mx-1 { margin-left: .25rem !important; margin-right: .25rem !important; }
.mx-2 { margin-left: .5rem !important; margin-right: .5rem !important; }
.mx-3 { margin-left: 1rem !important; margin-right: 1rem !important; }
.mx-4 { margin-left: 1.5rem !important; margin-right: 1.5rem !important; }
.mx-5 { margin-left: 3rem !important; margin-right: 3rem !important; }

.my-0 { margin-top: 0 !important; margin-bottom: 0 !important; }
.my-1 { margin-top: .25rem !important; margin-bottom: .25rem !important; }
.my-2 { margin-top: .5rem !important; margin-bottom: .5rem !important; }
.my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; }
.my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
.my-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; }

.pt-0 { padding-top: 0 !important; }
.pt-1 { padding-top: .25rem !important; }
.pt-2 { padding-top: .5rem !important; }
.pt-3 { padding-top: 1rem !important; }
.pt-4 { padding-top: 1.5rem !important; }
.pt-5 { padding-top: 3rem !important; }

.pb-0 { padding-bottom: 0 !important; }
.pb-1 { padding-bottom: .25rem !important; }
.pb-2 { padding-bottom: .5rem !important; }
.pb-3 { padding-bottom: 1rem !important; }
.pb-4 { padding-bottom: 1.5rem !important; }
.pb-5 { padding-bottom: 3rem !important; }

.pl-0 { padding-left: 0 !important; }
.pl-1 { padding-left: .25rem !important; }
.pl-2 { padding-left: .5rem !important; }
.pl-3 { padding-left: 1rem !important; }
.pl-4 { padding-left: 1.5rem !important; }
.pl-5 { padding-left: 3rem !important; }

.pr-0 { padding-right: 0 !important; }
.pr-1 { padding-right: .25rem !important; }
.pr-2 { padding-right: .5rem !important; }
.pr-3 { padding-right: 1rem !important; }
.pr-4 { padding-right: 1.5rem !important; }
.pr-5 { padding-right: 3rem !important; }

.px-0 { padding-left: 0 !important; padding-right: 0 !important; }
.px-1 { padding-left: .25rem !important; padding-right: .25rem !important; }
.px-2 { padding-left: .5rem !important; padding-right: .5rem !important; }
.px-3 { padding-left: 1rem !important; padding-right: 1rem !important; }
.px-4 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; }
.px-5 { padding-left: 3rem !important; padding-right: 3rem !important; }

.py-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
.py-1 { padding-top: .25rem !important; padding-bottom: .25rem !important; }
.py-2 { padding-top: .5rem !important; padding-bottom: .5rem !important; }
.py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; }
.py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
.py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; }

/* Auto margins */
.m-auto { margin: auto !important; }
.mt-auto { margin-top: auto !important; }
.mb-auto { margin-bottom: auto !important; }
.ml-auto { margin-left: auto !important; }
.mr-auto { margin-right: auto !important; }
.mx-auto { margin-right: auto !important; margin-left: auto !important; }
.my-auto { margin-top: auto !important; margin-bottom: auto !important; }

/* Responsive spacing classes (sm, md, lg, xl) */

/* Small devices (sm, >= 576px) */
@media (min-width: 576px) {
  .m-sm-0 { margin: 0 !important; } .m-sm-1 { margin: .25rem !important; } .m-sm-2 { margin: .5rem !important; } .m-sm-3 { margin: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; }
  .mt-sm-0 { margin-top: 0 !important; } .mt-sm-1 { margin-top: .25rem !important; } .mt-sm-2 { margin-top: .5rem !important; } .mt-sm-3 { margin-top: 1rem !important; } .mt-sm-4 { margin-top: 1.5rem !important; } .mt-sm-5 { margin-top: 3rem !important; }
  .mb-sm-0 { margin-bottom: 0 !important; } .mb-sm-1 { margin-bottom: .25rem !important; } .mb-sm-2 { margin-bottom: .5rem !important; } .mb-sm-3 { margin-bottom: 1rem !important; } .mb-sm-4 { margin-bottom: 1.5rem !important; } .mb-sm-5 { margin-bottom: 3rem !important; }
  .ml-sm-0 { margin-left: 0 !important; } .ml-sm-1 { margin-left: .25rem !important; } .ml-sm-2 { margin-left: .5rem !important; } .ml-sm-3 { margin-left: 1rem !important; } .ml-sm-4 { margin-left: 1.5rem !important; } .ml-sm-5 { margin-left: 3rem !important; }
  .mr-sm-0 { margin-right: 0 !important; } .mr-sm-1 { margin-right: .25rem !important; } .mr-sm-2 { margin-right: .5rem !important; } .mr-sm-3 { margin-right: 1rem !important; } .mr-sm-4 { margin-right: 1.5rem !important; } .mr-sm-5 { margin-right: 3rem !important; }
  .mx-sm-0 { margin-left: 0 !important; margin-right: 0 !important; } .mx-sm-1 { margin-left: .25rem !important; margin-right: .25rem !important; } .mx-sm-2 { margin-left: .5rem !important; margin-right: .5rem !important; } .mx-sm-3 { margin-left: 1rem !important; margin-right: 1rem !important; } .mx-sm-4 { margin-left: 1.5rem !important; margin-right: 1.5rem !important; } .mx-sm-5 { margin-left: 3rem !important; margin-right: 3rem !important; }
  .my-sm-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-sm-1 { margin-top: .25rem !important; margin-bottom: .25rem !important; } .my-sm-2 { margin-top: .5rem !important; margin-bottom: .5rem !important; } .my-sm-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-sm-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-sm-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; }
  .p-sm-0 { padding: 0 !important; } .p-sm-1 { padding: .25rem !important; } .p-sm-2 { padding: .5rem !important; } .p-sm-3 { padding: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; }
  .pt-sm-0 { padding-top: 0 !important; } .pt-sm-1 { padding-top: .25rem !important; } .pt-sm-2 { padding-top: .5rem !important; } .pt-sm-3 { padding-top: 1rem !important; } .pt-sm-4 { padding-top: 1.5rem !important; } .pt-sm-5 { padding-top: 3rem !important; }
  .pb-sm-0 { padding-bottom: 0 !important; } .pb-sm-1 { padding-bottom: .25rem !important; } .pb-sm-2 { padding-bottom: .5rem !important; } .pb-sm-3 { padding-bottom: 1rem !important; } .pb-sm-4 { padding-bottom: 1.5rem !important; } .pb-sm-5 { padding-bottom: 3rem !important; }
  .pl-sm-0 { padding-left: 0 !important; } .pl-sm-1 { padding-left: .25rem !important; } .pl-sm-2 { padding-left: .5rem !important; } .pl-sm-3 { padding-left: 1rem !important; } .pl-sm-4 { padding-left: 1.5rem !important; } .pl-sm-5 { padding-left: 3rem !important; }
  .pr-sm-0 { padding-right: 0 !important; } .pr-sm-1 { padding-right: .25rem !important; } .pr-sm-2 { padding-right: .5rem !important; } .pr-sm-3 { padding-right: 1rem !important; } .pr-sm-4 { padding-right: 1.5rem !important; } .pr-sm-5 { padding-right: 3rem !important; }
  .px-sm-0 { padding-left: 0 !important; padding-right: 0 !important; } .px-sm-1 { padding-left: .25rem !important; padding-right: .25rem !important; } .px-sm-2 { padding-left: .5rem !important; padding-right: .5rem !important; } .px-sm-3 { padding-left: 1rem !important; padding-right: 1rem !important; } .px-sm-4 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; } .px-sm-5 { padding-left: 3rem !important; padding-right: 3rem !important; }
  .py-sm-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-sm-1 { padding-top: .25rem !important; padding-bottom: .25rem !important; } .py-sm-2 { padding-top: .5rem !important; padding-bottom: .5rem !important; } .py-sm-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-sm-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-sm-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; }
  .m-sm-auto { margin: auto !important; } .mt-sm-auto { margin-top: auto !important; } .mb-sm-auto { margin-bottom: auto !important; } .ml-sm-auto { margin-left: auto !important; } .mr-sm-auto { margin-right: auto !important; } .mx-sm-auto { margin-left: auto !important; margin-right: auto !important; } .my-sm-auto { margin-top: auto !important; margin-bottom: auto !important; }
}

/* Medium devices (md, >= 768px) */
@media (min-width: 768px) {
  .m-md-0 { margin: 0 !important; } .m-md-1 { margin: .25rem !important; } .m-md-2 { margin: .5rem !important; } .m-md-3 { margin: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .m-md-5 { margin: 3rem !important; }
  .mt-md-0 { margin-top: 0 !important; } .mt-md-1 { margin-top: .25rem !important; } .mt-md-2 { margin-top: .5rem !important; } .mt-md-3 { margin-top: 1rem !important; } .mt-md-4 { margin-top: 1.5rem !important; } .mt-md-5 { margin-top: 3rem !important; }
  .mb-md-0 { margin-bottom: 0 !important; } .mb-md-1 { margin-bottom: .25rem !important; } .mb-md-2 { margin-bottom: .5rem !important; } .mb-md-3 { margin-bottom: 1rem !important; } .mb-md-4 { margin-bottom: 1.5rem !important; } .mb-md-5 { margin-bottom: 3rem !important; }
  .ml-md-0 { margin-left: 0 !important; } .ml-md-1 { margin-left: .25rem !important; } .ml-md-2 { margin-left: .5rem !important; } .ml-md-3 { margin-left: 1rem !important; } .ml-md-4 { margin-left: 1.5rem !important; } .ml-md-5 { margin-left: 3rem !important; }
  .mr-md-0 { margin-right: 0 !important; } .mr-md-1 { margin-right: .25rem !important; } .mr-md-2 { margin-right: .5rem !important; } .mr-md-3 { margin-right: 1rem !important; } .mr-md-4 { margin-right: 1.5rem !important; } .mr-md-5 { margin-right: 3rem !important; }
  .mx-md-0 { margin-left: 0 !important; margin-right: 0 !important; } .mx-md-1 { margin-left: .25rem !important; margin-right: .25rem !important; } .mx-md-2 { margin-left: .5rem !important; margin-right: .5rem !important; } .mx-md-3 { margin-left: 1rem !important; margin-right: 1rem !important; } .mx-md-4 { margin-left: 1.5rem !important; margin-right: 1.5rem !important; } .mx-md-5 { margin-left: 3rem !important; margin-right: 3rem !important; }
  .my-md-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-md-1 { margin-top: .25rem !important; margin-bottom: .25rem !important; } .my-md-2 { margin-top: .5rem !important; margin-bottom: .5rem !important; } .my-md-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-md-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-md-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; }
  .p-md-0 { padding: 0 !important; } .p-md-1 { padding: .25rem !important; } .p-md-2 { padding: .5rem !important; } .p-md-3 { padding: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .p-md-5 { padding: 3rem !important; }
  .pt-md-0 { padding-top: 0 !important; } .pt-md-1 { padding-top: .25rem !important; } .pt-md-2 { padding-top: .5rem !important; } .pt-md-3 { padding-top: 1rem !important; } .pt-md-4 { padding-top: 1.5rem !important; } .pt-md-5 { padding-top: 3rem !important; }
  .pb-md-0 { padding-bottom: 0 !important; } .pb-md-1 { padding-bottom: .25rem !important; } .pb-md-2 { padding-bottom: .5rem !important; } .pb-md-3 { padding-bottom: 1rem !important; } .pb-md-4 { padding-bottom: 1.5rem !important; } .pb-md-5 { padding-bottom: 3rem !important; }
  .pl-md-0 { padding-left: 0 !important; } .pl-md-1 { padding-left: .25rem !important; } .pl-md-2 { padding-left: .5rem !important; } .pl-md-3 { padding-left: 1rem !important; } .pl-md-4 { padding-left: 1.5rem !important; } .pl-md-5 { padding-left: 3rem !important; }
  .pr-md-0 { padding-right: 0 !important; } .pr-md-1 { padding-right: .25rem !important; } .pr-md-2 { padding-right: .5rem !important; } .pr-md-3 { padding-right: 1rem !important; } .pr-md-4 { padding-right: 1.5rem !important; } .pr-md-5 { padding-right: 3rem !important; }
  .px-md-0 { padding-left: 0 !important; padding-right: 0 !important; } .px-md-1 { padding-left: .25rem !important; padding-right: .25rem !important; } .px-md-2 { padding-left: .5rem !important; padding-right: .5rem !important; } .px-md-3 { padding-left: 1rem !important; padding-right: 1rem !important; } .px-md-4 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; } .px-md-5 { padding-left: 3rem !important; padding-right: 3rem !important; }
  .py-md-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-md-1 { padding-top: .25rem !important; padding-bottom: .25rem !important; } .py-md-2 { padding-top: .5rem !important; padding-bottom: .5rem !important; } .py-md-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-md-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-md-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; }
  .m-md-auto { margin: auto !important; } .mt-md-auto { margin-top: auto !important; } .mb-md-auto { margin-bottom: auto !important; } .ml-md-auto { margin-left: auto !important; } .mr-md-auto { margin-right: auto !important; } .mx-md-auto { margin-left: auto !important; margin-right: auto !important; } .my-md-auto { margin-top: auto !important; margin-bottom: auto !important; }
}

/* Large devices (lg, >= 992px) */
@media (min-width: 992px) {
  .m-lg-0 { margin: 0 !important; } .m-lg-1 { margin: .25rem !important; } .m-lg-2 { margin: .5rem !important; } .m-lg-3 { margin: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; }
  .mt-lg-0 { margin-top: 0 !important; } .mt-lg-1 { margin-top: .25rem !important; } .mt-lg-2 { margin-top: .5rem !important; } .mt-lg-3 { margin-top: 1rem !important; } .mt-lg-4 { margin-top: 1.5rem !important; } .mt-lg-5 { margin-top: 3rem !important; }
  .mb-lg-0 { margin-bottom: 0 !important; } .mb-lg-1 { margin-bottom: .25rem !important; } .mb-lg-2 { margin-bottom: .5rem !important; } .mb-lg-3 { margin-bottom: 1rem !important; } .mb-lg-4 { margin-bottom: 1.5rem !important; } .mb-lg-5 { margin-bottom: 3rem !important; }
  .ml-lg-0 { margin-left: 0 !important; } .ml-lg-1 { margin-left: .25rem !important; } .ml-lg-2 { margin-left: .5rem !important; } .ml-lg-3 { margin-left: 1rem !important; } .ml-lg-4 { margin-left: 1.5rem !important; } .ml-lg-5 { margin-left: 3rem !important; }
  .mr-lg-0 { margin-right: 0 !important; } .mr-lg-1 { margin-right: .25rem !important; } .mr-lg-2 { margin-right: .5rem !important; } .mr-lg-3 { margin-right: 1rem !important; } .mr-lg-4 { margin-right: 1.5rem !important; } .mr-lg-5 { margin-right: 3rem !important; }
  .mx-lg-0 { margin-left: 0 !important; margin-right: 0 !important; } .mx-lg-1 { margin-left: .25rem !important; margin-right: .25rem !important; } .mx-lg-2 { margin-left: .5rem !important; margin-right: .5rem !important; } .mx-lg-3 { margin-left: 1rem !important; margin-right: 1rem !important; } .mx-lg-4 { margin-left: 1.5rem !important; margin-right: 1.5rem !important; } .mx-lg-5 { margin-left: 3rem !important; margin-right: 3rem !important; }
  .my-lg-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-lg-1 { margin-top: .25rem !important; margin-bottom: .25rem !important; } .my-lg-2 { margin-top: .5rem !important; margin-bottom: .5rem !important; } .my-lg-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-lg-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-lg-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; }
  .p-lg-0 { padding: 0 !important; } .p-lg-1 { padding: .25rem !important; } .p-lg-2 { padding: .5rem !important; } .p-lg-3 { padding: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; }
  .pt-lg-0 { padding-top: 0 !important; } .pt-lg-1 { padding-top: .25rem !important; } .pt-lg-2 { padding-top: .5rem !important; } .pt-lg-3 { padding-top: 1rem !important; } .pt-lg-4 { padding-top: 1.5rem !important; } .pt-lg-5 { padding-top: 3rem !important; }
  .pb-lg-0 { padding-bottom: 0 !important; } .pb-lg-1 { padding-bottom: .25rem !important; } .pb-lg-2 { padding-bottom: .5rem !important; } .pb-lg-3 { padding-bottom: 1rem !important; } .pb-lg-4 { padding-bottom: 1.5rem !important; } .pb-lg-5 { padding-bottom: 3rem !important; }
  .pl-lg-0 { padding-left: 0 !important; } .pl-lg-1 { padding-left: .25rem !important; } .pl-lg-2 { padding-left: .5rem !important; } .pl-lg-3 { padding-left: 1rem !important; } .pl-lg-4 { padding-left: 1.5rem !important; } .pl-lg-5 { padding-left: 3rem !important; }
  .pr-lg-0 { padding-right: 0 !important; } .pr-lg-1 { padding-right: .25rem !important; } .pr-lg-2 { padding-right: .5rem !important; } .pr-lg-3 { padding-right: 1rem !important; } .pr-lg-4 { padding-right: 1.5rem !important; } .pr-lg-5 { padding-right: 3rem !important; }
  .px-lg-0 { padding-left: 0 !important; padding-right: 0 !important; } .px-lg-1 { padding-left: .25rem !important; padding-right: .25rem !important; } .px-lg-2 { padding-left: .5rem !important; padding-right: .5rem !important; } .px-lg-3 { padding-left: 1rem !important; padding-right: 1rem !important; } .px-lg-4 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; } .px-lg-5 { padding-left: 3rem !important; padding-right: 3rem !important; }
  .py-lg-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-lg-1 { padding-top: .25rem !important; padding-bottom: .25rem !important; } .py-lg-2 { padding-top: .5rem !important; padding-bottom: .5rem !important; } .py-lg-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-lg-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-lg-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; }
  .m-lg-auto { margin: auto !important; } .mt-lg-auto { margin-top: auto !important; } .mb-lg-auto { margin-bottom: auto !important; } .ml-lg-auto { margin-left: auto !important; } .mr-lg-auto { margin-right: auto !important; } .mx-lg-auto { margin-left: auto !important; margin-right: auto !important; } .my-lg-auto { margin-top: auto !important; margin-bottom: auto !important; }
}

/* Extra large devices (xl, >= 1200px) */
@media (min-width: 1200px) {
  .m-xl-0 { margin: 0 !important; } .m-xl-1 { margin: .25rem !important; } .m-xl-2 { margin: .5rem !important; } .m-xl-3 { margin: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; }
  .mt-xl-0 { margin-top: 0 !important; } .mt-xl-1 { margin-top: .25rem !important; } .mt-xl-2 { margin-top: .5rem !important; } .mt-xl-3 { margin-top: 1rem !important; } .mt-xl-4 { margin-top: 1.5rem !important; } .mt-xl-5 { margin-top: 3rem !important; }
  .mb-xl-0 { margin-bottom: 0 !important; } .mb-xl-1 { margin-bottom: .25rem !important; } .mb-xl-2 { margin-bottom: .5rem !important; } .mb-xl-3 { margin-bottom: 1rem !important; } .mb-xl-4 { margin-bottom: 1.5rem !important; } .mb-xl-5 { margin-bottom: 3rem !important; }
  .ml-xl-0 { margin-left: 0 !important; } .ml-xl-1 { margin-left: .25rem !important; } .ml-xl-2 { margin-left: .5rem !important; } .ml-xl-3 { margin-left: 1rem !important; } .ml-xl-4 { margin-left: 1.5rem !important; } .ml-xl-5 { margin-left: 3rem !important; }
  .mr-xl-0 { margin-right: 0 !important; } .mr-xl-1 { margin-right: .25rem !important; } .mr-xl-2 { margin-right: .5rem !important; } .mr-xl-3 { margin-right: 1rem !important; } .mr-xl-4 { margin-right: 1.5rem !important; } .mr-xl-5 { margin-right: 3rem !important; }
  .mx-xl-0 { margin-left: 0 !important; margin-right: 0 !important; } .mx-xl-1 { margin-left: .25rem !important; margin-right: .25rem !important; } .mx-xl-2 { margin-left: .5rem !important; margin-right: .5rem !important; } .mx-xl-3 { margin-left: 1rem !important; margin-right: 1rem !important; } .mx-xl-4 { margin-left: 1.5rem !important; margin-right: 1.5rem !important; } .mx-xl-5 { margin-left: 3rem !important; margin-right: 3rem !important; }
  .my-xl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-xl-1 { margin-top: .25rem !important; margin-bottom: .25rem !important; } .my-xl-2 { margin-top: .5rem !important; margin-bottom: .5rem !important; } .my-xl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-xl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-xl-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; }
  .p-xl-0 { padding: 0 !important; } .p-xl-1 { padding: .25rem !important; } .p-xl-2 { padding: .5rem !important; } .p-xl-3 { padding: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; }
  .pt-xl-0 { padding-top: 0 !important; } .pt-xl-1 { padding-top: .25rem !important; } .pt-xl-2 { padding-top: .5rem !important; } .pt-xl-3 { padding-top: 1rem !important; } .pt-xl-4 { padding-top: 1.5rem !important; } .pt-xl-5 { padding-top: 3rem !important; }
  .pb-xl-0 { padding-bottom: 0 !important; } .pb-xl-1 { padding-bottom: .25rem !important; } .pb-xl-2 { padding-bottom: .5rem !important; } .pb-xl-3 { padding-bottom: 1rem !important; } .pb-xl-4 { padding-bottom: 1.5rem !important; } .pb-xl-5 { padding-bottom: 3rem !important; }
  .pl-xl-0 { padding-left: 0 !important; } .pl-xl-1 { padding-left: .25rem !important; } .pl-xl-2 { padding-left: .5rem !important; } .pl-xl-3 { padding-left: 1rem !important; } .pl-xl-4 { padding-left: 1.5rem !important; } .pl-xl-5 { padding-left: 3rem !important; }
  .pr-xl-0 { padding-right: 0 !important; } .pr-xl-1 { padding-right: .25rem !important; } .pr-xl-2 { padding-right: .5rem !important; } .pr-xl-3 { padding-right: 1rem !important; } .pr-xl-4 { padding-right: 1.5rem !important; } .pr-xl-5 { padding-right: 3rem !important; }
  .px-xl-0 { padding-left: 0 !important; padding-right: 0 !important; } .px-xl-1 { padding-left: .25rem !important; padding-right: .25rem !important; } .px-xl-2 { padding-left: .5rem !important; padding-right: .5rem !important; } .px-xl-3 { padding-left: 1rem !important; padding-right: 1rem !important; } .px-xl-4 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; } .px-xl-5 { padding-left: 3rem !important; padding-right: 3rem !important; }
  .py-xl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-xl-1 { padding-top: .25rem !important; padding-bottom: .25rem !important; } .py-xl-2 { padding-top: .5rem !important; padding-bottom: .5rem !important; } .py-xl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-xl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-xl-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; }
  .m-xl-auto { margin: auto !important; } .mt-xl-auto { margin-top: auto !important; } .mb-xl-auto { margin-bottom: auto !important; } .ml-xl-auto { margin-left: auto !important; } .mr-xl-auto { margin-right: auto !important; } .mx-xl-auto { margin-left: auto !important; margin-right: auto !important; } .my-xl-auto { margin-top: auto !important; margin-bottom: auto !important; }
}

@media (min-width: 1400px) {
.m-xxl-0{margin:0!important;}.m-xxl-1{margin:.25rem!important;}.m-xxl-2{margin:.5rem!important;}.m-xxl-3{margin:1rem!important;}.m-xxl-4{margin:1.5rem!important;}.m-xxl-5{margin:3rem!important;}
.mt-xxl-0{margin-top:0!important;}.mt-xxl-1{margin-top:.25rem!important;}.mt-xxl-2{margin-top:.5rem!important;}.mt-xxl-3{margin-top:1rem!important;}.mt-xxl-4{margin-top:1.5rem!important;}.mt-xxl-5{margin-top:3rem!important;}
.mb-xxl-0{margin-bottom:0!important;}.mb-xxl-1{margin-bottom:.25rem!important;}.mb-xxl-2{margin-bottom:.5rem!important;}.mb-xxl-3{margin-bottom:1rem!important;}.mb-xxl-4{margin-bottom:1.5rem!important;}.mb-xxl-5{margin-bottom:3rem!important;}
.ml-xxl-0{margin-left:0!important;}.ml-xxl-1{margin-left:.25rem!important;}.ml-xxl-2{margin-left:.5rem!important;}.ml-xxl-3{margin-left:1rem!important;}.ml-xxl-4{margin-left:1.5rem!important;}.ml-xxl-5{margin-left:3rem!important;}
.mr-xxl-0{margin-right:0!important;}.mr-xxl-1{margin-right:.25rem!important;}.mr-xxl-2{margin-right:.5rem!important;}.mr-xxl-3{margin-right:1rem!important;}.mr-xxl-4{margin-right:1.5rem!important;}.mr-xxl-5{margin-right:3rem!important;}
.mx-xxl-0{margin-left:0!important;margin-right:0!important;}.mx-xxl-1{margin-left:.25rem!important;margin-right:.25rem!important;}.mx-xxl-2{margin-left:.5rem!important;margin-right:.5rem!important;}.mx-xxl-3{margin-left:1rem!important;margin-right:1rem!important;}.mx-xxl-4{margin-left:1.5rem!important;margin-right:1.5rem!important;}.mx-xxl-5{margin-left:3rem!important;margin-right:3rem!important;}
.my-xxl-0{margin-top:0!important;margin-bottom:0!important;}.my-xxl-1{margin-top:.25rem!important;margin-bottom:.25rem!important;}.my-xxl-2{margin-top:.5rem!important;margin-bottom:.5rem!important;}.my-xxl-3{margin-top:1rem!important;margin-bottom:1rem!important;}.my-xxl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important;}.my-xxl-5{margin-top:3rem!important;margin-bottom:3rem!important;}
.p-xxl-0{padding:0!important;}.p-xxl-1{padding:.25rem!important;}.p-xxl-2{padding:.5rem!important;}.p-xxl-3{padding:1rem!important;}.p-xxl-4{padding:1.5rem!important;}.p-xxl-5{padding:3rem!important;}
.pt-xxl-0{padding-top:0!important;}.pt-xxl-1{padding-top:.25rem!important;}.pt-xxl-2{padding-top:.5rem!important;}.pt-xxl-3{padding-top:1rem!important;}.pt-xxl-4{padding-top:1.5rem!important;}.pt-xxl-5{padding-top:3rem!important;}
.pb-xxl-0{padding-bottom:0!important;}.pb-xxl-1{padding-bottom:.25rem!important;}.pb-xxl-2{padding-bottom:.5rem!important;}.pb-xxl-3{padding-bottom:1rem!important;}.pb-xxl-4{padding-bottom:1.5rem!important;}.pb-xxl-5{padding-bottom:3rem!important;}
.pl-xxl-0{padding-left:0!important;}.pl-xxl-1{padding-left:.25rem!important;}.pl-xxl-2{padding-left:.5rem!important;}.pl-xxl-3{padding-left:1rem!important;}.pl-xxl-4{padding-left:1.5rem!important;}.pl-xxl-5{padding-left:3rem!important;}
.pr-xxl-0{padding-right:0!important;}.pr-xxl-1{padding-right:.25rem!important;}.pr-xxl-2{padding-right:.5rem!important;}.pr-xxl-3{padding-right:1rem!important;}.pr-xxl-4{padding-right:1.5rem!important;}.pr-xxl-5{padding-right:3rem!important;}
.px-xxl-0{padding-left:0!important;padding-right:0!important;}.px-xxl-1{padding-left:.25rem!important;padding-right:.25rem!important;}.px-xxl-2{padding-left:.5rem!important;padding-right:.5rem!important;}.px-xxl-3{padding-left:1rem!important;padding-right:1rem!important;}.px-xxl-4{padding-left:1.5rem!important;padding-right:1.5rem!important;}.px-xxl-5{padding-left:3rem!important;padding-right:3rem!important;}
.py-xxl-0{padding-top:0!important;padding-bottom:0!important;}.py-xxl-1{padding-top:.25rem!important;padding-bottom:.25rem!important;}.py-xxl-2{padding-top:.5rem!important;padding-bottom:.5rem!important;}.py-xxl-3{padding-top:1rem!important;padding-bottom:1rem!important;}.py-xxl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important;}.py-xxl-5{padding-top:3rem!important;padding-bottom:3rem!important;}
.m-xxl-auto{margin:auto!important;}.mt-xxl-auto{margin-top:auto!important;}.mb-xxl-auto{margin-bottom:auto!important;}.ml-xxl-auto{margin-left:auto!important;}.mr-xxl-auto{margin-right:auto!important;}.mx-xxl-auto{margin-left:auto!important;margin-right:auto!important;}.my-xxl-auto{margin-top:auto!important;margin-bottom:auto!important;}
}

/* Default display classes (applies to all breakpoints) */
.d-none { display: none !important; }
.d-inline { display: inline !important; }
.d-inline-block { display: inline-block !important; }
.d-block { display: block !important; }
.d-table { display: table !important; }
.d-table-row { display: table-row !important; }
.d-table-cell { display: table-cell !important; }
.d-flex { display: flex !important; }
.d-inline-flex { display: inline-flex !important; }

/* Responsive display classes */

/* Small devices (sm, >= 576px) */
@media (min-width: 576px) {
  .d-sm-none { display: none !important; }
  .d-sm-inline { display: inline !important; }
  .d-sm-inline-block { display: inline-block !important; }
  .d-sm-block { display: block !important; }
  .d-sm-table { display: table !important; }
  .d-sm-table-row { display: table-row !important; }
  .d-sm-table-cell { display: table-cell !important; }
  .d-sm-flex { display: flex !important; }
  .d-sm-inline-flex { display: inline-flex !important; }
}

/* Medium devices (md, >= 768px) */
@media (min-width: 768px) {
  .d-md-none { display: none !important; }
  .d-md-inline { display: inline !important; }
  .d-md-inline-block { display: inline-block !important; }
  .d-md-block { display: block !important; }
  .d-md-table { display: table !important; }
  .d-md-table-row { display: table-row !important; }
  .d-md-table-cell { display: table-cell !important; }
  .d-md-flex { display: flex !important; }
  .d-md-inline-flex { display: inline-flex !important; }
}

/* Large devices (lg, >= 992px) */
@media (min-width: 992px) {
  .d-lg-none { display: none !important; }
  .d-lg-inline { display: inline !important; }
  .d-lg-inline-block { display: inline-block !important; }
  .d-lg-block { display: block !important; }
  .d-lg-table { display: table !important; }
  .d-lg-table-row { display: table-row !important; }
  .d-lg-table-cell { display: table-cell !important; }
  .d-lg-flex { display: flex !important; }
  .d-lg-inline-flex { display: inline-flex !important; }
}

/* Extra large devices (xl, >= 1200px) */
@media (min-width: 1200px) {
  .d-xl-none { display: none !important; }
  .d-xl-inline { display: inline !important; }
  .d-xl-inline-block { display: inline-block !important; }
  .d-xl-block { display: block !important; }
  .d-xl-table { display: table !important; }
  .d-xl-table-row { display: table-row !important; }
  .d-xl-table-cell { display: table-cell !important; }
  .d-xl-flex { display: flex !important; }
  .d-xl-inline-flex { display: inline-flex !important; }
}

html{overflow-y:scrol}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}body *{-webkit-text-size-adjust:none;outline:0}.clear{clear:both;overflow:hidden;height:0;font-size:0;display:block}button:focus,input:focus,select:focus,textarea:focus{outline:0}input,select,textarea{font-weight:300;-webkit-appearance:none;appearance:none;border-radius:0;background:0 0;border:none;margin:0;width:100%;font-family:ProbaPro,sans-serif}textarea{display:block;resize:none;overflow:auto}select::-ms-expand{display:none}
a,a:active,a:hover,a:link,a:visited{text-decoration:none;outline:0}

body{font-size:16px;color:#101010;font-family:"微軟正黑體",Microsoft JhengHei,Arial,Helvetica,sans-serif;font-style:normal;line-height:1.15;}
b,strong{font-weight:700}ul{list-style:none}a{color:inherit}
#loader-wrapper{position:fixed;left:0;top:-100px;right:0;bottom:-100px;background:#fff;z-index:120}
@media screen and (min-width:1200px){html.custom-scroll{overflow-y:scroll!important}html.custom-scroll::-webkit-scrollbar{width:4px;border:none;padding:0;-webkit-box-shadow:none;box-shadow:none}html.custom-scroll::-webkit-scrollbar-track{background:#f5f5f3}html.custom-scroll::-webkit-scrollbar-thumb{background:#1c1c1c}html.custom-scroll::-webkit-scrollbar-thumb:hover{background:#000}html.custom-scroll.black::-webkit-scrollbar-track{background:#1c1c1c}html.custom-scroll.black::-webkit-scrollbar-thumb:hover{background:#f5f5f3}html.custom-scroll::-webkit-scrollbar-thumb:hover{background:#dedede}}
#main{position:relative;background-color:#fff}
#content-block{position:relative;overflow:hidden}
.container{max-width:100%;position:relative}
.overflow-hidden{overflow:hidden}
html.overflow-hidden body{overflow:hidden}
.img-wrap{position:relative;display:block}
.cell-view{display:table-cell;vertical-align:middle;width:10000px}
body ::selection{color:#fefefe;background:#1e1e1e}
body ::-moz-selection{color:#fefefe;background:#1e1e1e}
.nopadding{margin-left:0;margin-right:0}
.no-padding,.nopadding>[class*=col]{padding-left:0;padding-right:0}
.full-size{position:absolute;left:0;top:0;width:100%;height:100%}
.fixed-background{background-size:cover;background-position:center top;background-attachment:fixed}
body.mobile .fixed-background{background-attachment:scroll}
.flex{display:-ms-flexbox;display:-webkit-flex;display:flex}
.img{position:relative;display:block;max-width:100%}
.img.responsive img{display:block;width:100%;height:auto}
.img-center{display:block;margin:0 auto;max-width:100%}
.img-right{display:block;margin-left:auto;max-width:100%}
.bg-image{background-size:cover;background-repeat:no-repeat;background-position:50%,50%}
.img-height{max-height:100%}


.button{position:relative;display:inline-block;cursor:pointer;vertical-align:bottom;text-align:center;padding:15px 30px;font-size:14px;line-height:18px;text-transform:uppercase;font-family:Philosopher,sans-serif;font-weight:400;letter-spacing:.1em}
.button .sides-lines:after,.button .sides-lines:before,.button:after,.button:before{content:'';position:absolute;left:0;bottom:0;width:1px;height:13px;background-color:#c8a063}
.button .sides-lines:after{left:auto;right:0;bottom:auto;top:0}
.button:after,.button:before{left:0;right:35px;width:auto;height:1px}
.button:after{bottom:auto;top:0;left:35px;right:0}
.button .left-top-lines:after,.button .left-top-lines:before,.button .right-bottom-lines:after,.button .right-bottom-lines:before{content:'';position:absolute;left:0;top:-6px;width:2px;height:22px;background-color:#c8a063}
.button .left-top-lines:after{top:0;left:-6px;height:2px;width:22px}
.button .right-bottom-lines:before{bottom:-6px;top:auto;left:auto;right:0}
.button .right-bottom-lines:after{height:2px;width:22px;top:auto;bottom:0;left:auto;right:-6px}
.button.light .sides-lines:after,.button.light .sides-lines:before,.button.light:after,.button.light:before{background-color:rgba(255,255,255,.6)}


header{position:fixed;left:0;top:0;height:90px;width:100%;z-index:100;color:#fff}
.header-inner{height:100%;font-weight:400;justify-content: end;display: flex;}
#logo{position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:190px}
#logo img{display:block;max-width:100%;max-height:60px}
#logo img:nth-child(2){position:absolute;opacity:0;visibility:hidden;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.header-informer-wrap{position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.header-informer-wrap.right{right:165px;left:auto}
.informer{position:relative;letter-spacing:.025em; padding-top:10px}
#logo+.header-informer-wrap .informer{margin-bottom:1px}
.informer img{position:absolute;display:block;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);max-width:32px;max-height:32px;}
.informer-info{padding-left:45px}
.informer-tel{padding-left:50px;}
.informer-site{padding-left:50px;}


.header-informer-wrap.active .informer-info{opacity:0}.header-informer-wrap.active{opacity:1;visibility:visible}.informer-title{position:relative;margin-bottom:8px;padding-right:17px}.informer-title:before{content:'';position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg);width:6px;height:6px;border-right:2px solid #fff;border-bottom:2px solid #fff}.informer-title>span{vertical-align:middle}
.informer-title>svg{vertical-align:middle;margin-right:3px}
header.hochuspace .informer-title>svg path{fill:#1f1f1f}

.button-close {
  position: absolute;
  top: 0;
  right: 0;
}

.hamburger-wrap {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.hamburger-wrap > span {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  text-transform: uppercase;
  letter-spacing: .15em;
  font-size: 14px;
}

.hamburger {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 38px;
  height: 42px;
  z-index: 2;
  color: #fff;
}

.hamburger span {
  width: 100%;
  height: 1px;
  background: #fff;
  position: absolute;
  right: 0;
}

.hamburger span:nth-child(1) {
  top: 8px;
  width: 86%;
}

.hamburger span:nth-child(2) {
  top: 19px;
}

.hamburger span:nth-child(3) {
  bottom: 9px;
  width: 73%;
}

.nav-popup {
  position: fixed;
  height: 100%;
  width: 100%;
  right: 0;
  top: 0;
  border-bottom-left-radius: 0%;
  overflow: hidden;
  -webkit-transform: translate(-100%, 0%);
  transform: translate(-100%, 0%);
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
  /*opacity: 0;*/
}

header.active .nav-popup {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
  border-radius: 0;
  /*opacity: 1;*/
}

.nav-popup.to-bottom {
  -webkit-transition: all 0s linear !important;
  transition: all 0s linear !important;
}

.nav-popup.from-bottom {
  border-top-left-radius: 100%;
  border-top-right-radius: 100%;
  border-bottom-left-radius: 0;
  -webkit-transform: translate(0, 100%);
  transform: translate(0, 100%);
}

header.active .nav-popup.from-bottom {
  -webkit-transition: all .6s linear;
  transition: all .6s linear;
}

.nav-popup:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .87);
  z-index: 1;
}

.nav-popup-images .bg-image {
  opacity: 0;
  visibility: hidden;
   -webkit-transition: all .3s linear;
  transition: all .3s linear;
  background-color: #b1aca4;
  opacity: 0;
  display: none;
}

.nav-popup-images .bg-image:first-child {
  top: auto;
  left: -100%;
  bottom: 0%;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
  opacity: 0;
}

.nav-popup.to-bottom .nav-popup-images .bg-image {
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
}

.nav-popup.from-bottom .nav-popup-images .bg-image {
  bottom: 100%;
  left: 0;
  opacity: 1;
}

body:not(.mobile) header.active .nav-popup-images .bg-image:first-child {
  left: 0;
  bottom: 0;
  opacity: 1;
}

body.mobile header.active .nav-popup-images .bg-image:first-child {
  -webkit-transform: translate(100%, -100%) !important;
  transform: translate(100%, -100%) !important;
}

.nav-popup-images .bg-image.active {
  opacity: 1;
  visibility: visible;
}

.nav-inner {
  position: relative;
  z-index: 1;
  height: 100%;
  overflow: auto;
}

.nav-popup .cell-view {
  height: 100vh;
  padding-top: 100px;
  padding-bottom: 50px;
}

.nav-popup .button-close {
  position: absolute;
  top: 45px;
  right: 115px;
  z-index: 1;
}

nav li {
  font-size: 36px;
  line-height: 42px;
  font-family: MS Sans Serif;
  margin-bottom: 30px;
}

nav li:last-child {
  margin-bottom: 0;
}

.nav-contacts {
  padding: 10px 45px;
  border: 2px solid rgba(255, 255, 255, .1);
  font-size: 16px;
  line-height: 24px;
  letter-spacing: .015em;
}

.nav-contacts-title {
  font-size: 12px;
  letter-spacing: .1em;
  text-transform: uppercase;
  margin-bottom: 5px;
  color: rgba(255, 255, 255, .6);
}

.nav-contacts-section {
  position: relative;
  padding: 35px 0;
  border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.nav-contacts-section:last-child {
  border-bottom: 0;
}

.nav-contacts-section a {
  display: block;
}

.nav-contacts-section .social-list {
  margin-top: 10px;
}

.additional-nav {
  margin-top: 70px;
  text-align: center;
  font-size: 0;
  font-weight: 400;
  letter-spacing: .01em;
}

.additional-nav li {
  font-size: 20px;
  line-height: 30px;
  display: inline-block;
  padding: 0 30px;
  border-right: 1px solid rgba(255, 255, 255, .2);
}

.additional-nav li:last-child {
  border-right: 0;
}

.lang {
  position: absolute;
  top: 55px;
  right: 215px;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .1em;
  color: rgba(255, 255, 255, .6);
}

.lang a {
  display: inline-block;
  padding: 10px;
}

.lang a.current-lang {
  color: rgba(255, 255, 255, 1);
}


header.scrolled,header.hochuspace{
	color:#1f1f1f;
	background-color: rgb(31 31 31 / 73%);
}
header:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;border-radius:0 0 50% 50%;-webkit-transform:translateY(-100%);transform:translateY(-100%)}
header.scrolled:before,header.hochuspace:before{-webkit-transform:translateY(0);transform:translateY(0);border-radius:0}
header.scrolled .hamburger span,header.hochuspace .hamburger span{background-color:#fff}
header.scrolled .nav-popup,header.hochuspace .nav-popup{color:#fff}
header.scrolled .informer-title:before,header.hochuspace .informer-title:before{border-color:#707070}
header.scrolled .informer-popup,header.hochuspace .informer-popup{box-shadow:0 1px 10px rgba(0,0,0,.1)}
header.scrolled .informer-popup:before,header.hochuspace .informer-popup:before{box-shadow:0 -4px 10px rgba(0,0,0,.05)}
header.scrolled #logo img,header.hochuspace #logo img{opacity:0;visibility:hidden}
header.scrolled #logo img:nth-child(2),header.hochuspace #logo img:nth-child(2){opacity:1;visibility:visible}

@media (max-width:1469px) and (min-width:1200px){.informer-title{font-size:15px}}
@media (min-width:1200px){header.scrolled{height:60px}header.scrolled #logo{-webkit-transform:translate(-50%,-50%) scale(.6);transform:translate(-50%,-50%) scale(.6)}.header-informer-wrap.right .informer img{left:5px}header.scrolled .informer-popup{margin-top:20px}header.header-hide{-webkit-transform:translateY(-60px);transform:translateY(-60px)}header.header-hide-top{-webkit-transform:translateY(-100%);transform:translateY(-100%)}header.scrolled .informer-title>svg path{fill:#1f1f1f}}
@media (min-width:992px){.hamburger-wrap:hover .hamburger span:nth-child(1),.hamburger-wrap:hover .hamburger span:nth-child(3){width:100%}.additional-nav a:hover,.nav-contacts-section a:not(.button):hover,nav li a:hover{color:#f3be67}.lang a:hover{color:rgba(255,255,255,1)}}
.additional-nav,.lang,.nav-contacts,.nav-popup .button-close,nav li{opacity:0;-webkit-transition:all 0s;transition:all 0s;-webkit-transform:translateY(15px);transform:translateY(15px)}.nav-contacts{-webkit-transform:translateY(30px);transform:translateY(30px)}header.active .additional-nav,header.active .lang,header.active .nav-contacts,header.active .nav-popup .button-close,header.active nav li{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:all .7s ease-out,-webkit-transform 1s ease-out,font-size 0s linear 0s;transition:all .7s ease-out,transform 1s ease-out,font-size 0s linear 0s;-webkit-transition-delay:.7s;transition-delay:.7s}header.active .nav-contacts{-webkit-transition-delay:.9s;transition-delay:.9s}header.active .additional-nav{-webkit-transition-delay:1.1s;transition-delay:1.1s}header.active nav li:nth-child(2){-webkit-transition-delay:.9s;transition-delay:.9s}header.active nav li:nth-child(3){-webkit-transition-delay:1.1s;transition-delay:1.1s}header.active nav li:nth-child(4){-webkit-transition-delay:1.3s;transition-delay:1.3s}header.active nav li:nth-child(5){-webkit-transition-delay:1.5s;transition-delay:1.5s}header.active nav li:nth-child(6){-webkit-transition-delay:1.7s;transition-delay:1.7s}header.active nav li:nth-child(7){-webkit-transition-delay:1.9s;transition-delay:1.9s}header.active nav li:nth-child(8){-webkit-transition-delay:2.1s;transition-delay:2.1s}
@media (max-width:1469px){header{height:110px}#logo{-webkit-transform:translate(-50%,-50%) scale(.9);transform:translate(-50%,-50%) scale(.9)}.nav-contacts{padding:0 45px;margin-left:-75px;font-size:14px;line-height:20px}.nav-contacts-section{padding:20px 0}nav li{margin-bottom:25px;font-size:40px;line-height:50px}.additional-nav{margin-top:40px}.additional-nav li{font-size:18px;line-height:26px}.nav-popup .button-close{top:30px;right:30px}.lang{top:40px;right:120px}.informer-title{margin-bottom:6px}


.informer-info{padding-left:40px}.informer img{width:26px}.hamburger-wrap>span{font-size:13px;margin-right:6px}.hamburger span:nth-child(1){top:10px}.hamburger span:nth-child(3){bottom:11px}.nav-popup .cell-view{padding-top:90px;padding-bottom:40px}}


@media (max-width:1199px){header{height:80px}
header.header-hide{-webkit-transform:translateY(-100px);transform:translateY(-100px)}
#logo{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.hamburger-wrap{right:15px}.nav-contacts{margin-left:0}nav li{font-size:36px;line-height:48px}.header-informer-wrap{left:auto;right:250px}.header-informer-wrap.right{right:180px}.informer-info{display:none}}
@media (max-width:991px){#logo{left:15px}.hamburger-wrap>span{display:none}.header-informer-wrap{right:170px}.header-informer-wrap.right{right:110px}nav li{font-size:34px;line-height:44px}}
@media (max-width:767px){header{height:70px}header.header-hide{-webkit-transform:translateY(-70px);transform:translateY(-70px)}#logo{width:110px}.nav-popup .cell-view{height:100%;padding-top:130px;padding-bottom:20px}.nav-popup .button-close{top:15px!important;right:15px!important}nav li{font-size:28px;line-height:34px;text-align:center;margin-bottom:20px}.lang{right:auto!important;left:15px!important;top:25px!important}.nav-contacts{display:none}.additional-nav{margin-top:70px}.additional-nav li{display:block;border:0;padding:0 15px 15px}.additional-nav li:last-child{padding-bottom:0}}
@media (max-width:340px){.nav-popup .cell-view{padding-top:90px}}
[class*=bs-]{position:relative;display:block;clear:both}.bs-xs-0{height:0}.bs-xs-5{height:5px}.bs-xs-10{height:10px}.bs-xs-15{height:15px}.bs-xs-20{height:20px}.bs-xs-25{height:25px}.bs-xs-30{height:30px}.bs-xs-35{height:35px}.bs-xs-40{height:40px}.bs-xs-45{height:45px}.bs-xs-50{height:50px}.bs-xs-55{height:55px}.bs-xs-60{height:60px}.bs-xs-65{height:65px}.bs-xs-70{height:70px}.bs-xs-75{height:75px}.bs-xs-80{height:80px}.bs-xs-85{height:85px}.bs-xs-90{height:90px}.bs-xs-95{height:95px}.bs-xs-100{height:100px}.bs-xs-105{height:105px}.bs-xs-110{height:110px}.bs-xs-115{height:115px}.bs-xs-120{height:120px}.bs-xs-125{height:125px}.bs-xs-130{height:130px}


@media (min-width:1200px){.bs-lg-0{height:0}.bs-lg-5{height:5px}.bs-lg-10{height:10px}.bs-lg-15{height:15px}.bs-lg-20{height:20px}.bs-lg-25{height:25px}.bs-lg-30{height:30px}.bs-lg-35{height:35px}.bs-lg-40{height:40px}.bs-lg-45{height:45px}.bs-lg-50{height:50px}.bs-lg-55{height:55px}.bs-lg-60{height:60px}.bs-lg-65{height:65px}.bs-lg-70{height:70px}.bs-lg-75{height:75px}.bs-lg-80{height:80px}.bs-lg-85{height:85px}.bs-lg-90{height:90px}.bs-lg-95{height:95px}.bs-lg-100{height:100px}.bs-lg-105{height:105px}.bs-lg-110{height:110px}.bs-lg-115{height:115px}.bs-lg-120{height:120px}}
@media (min-width:1470px){.bs-lgx-0{height:0}.bs-lgx-5{height:5px}.bs-lgx-10{height:10px}.bs-lgx-15{height:15px}.bs-lgx-20{height:20px}.bs-lgx-25{height:25px}.bs-lgx-30{height:30px}.bs-lgx-35{height:35px}.bs-lgx-40{height:40px}.bs-lgx-45{height:45px}.bs-lgx-50{height:50px}.bs-lgx-55{height:55px}.bs-lgx-60{height:60px}.bs-lgx-65{height:65px}.bs-lgx-70{height:70px}.bs-lgx-75{height:75px}.bs-lgx-80{height:80px}.bs-lgx-85{height:85px}.bs-lgx-90{height:90px}.bs-lgx-95{height:95px}.bs-lgx-100{height:100px}.bs-lgx-105{height:105px}.bs-lgx-110{height:110px}.bs-lgx-115{height:115px}.bs-lgx-120{height:120px}.bs-lgx-130{height:130px}}
.button.button-block{width:100%}
@-webkit-keyframes borderPulse{0%{background-color:rgba(249,194,104,1)}50%{background-color:rgba(249,194,104,0)}100%{background-color:rgba(249,194,104,1)}}
@keyframes borderPulse{0%{background-color:rgba(249,194,104,1)}50%{background-color:rgba(249,194,104,0)}100%{background-color:rgba(249,194,104,1)}}
.button .button-text{display:inline-block;position:relative;z-index:1}.button .fake-hover{position:absolute;display:inline-block;width:auto;white-space:nowrap;pointer-events:none;z-index:1;left:25px;right:25px;top:0;white-space:normal}.mobile .fake-hover{display:none}.button .fake-hover span{opacity:0}.button [class*=char]{display:inline-block}.button [class*=char]:empty{padding:3px}
@-webkit-keyframes roundPulse{0%{-webkit-transform:scale(1)}50%{-webkit-transform:scale(1.5)}100%{-webkit-transform:scale(1)}}
@keyframes roundPulse{0%{transform:scale(1)}50%{transform:scale(1.5)}100%{transform:scale(1)}}
.button-close{position:relative;width:50px;height:50px;background:#c8a063;display:inline-block;vertical-align:bottom;border-radius:50%}.button-close span{width:22px;height:2px;content:"";position:absolute;left:14px;top:24px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.button-close span:nth-child(2){-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.button-close span:before{content:'';position:absolute;top:0;left:0;right:0;height:100%;background-color:#fff;transition:all .3s ease-out}
@-webkit-keyframes closeLine1{0%{left:0;right:0}50%{left:0;right:100%}51%{left:100%;right:0}100%{left:0;right:0}}
@keyframes closeLine1{0%{left:0;right:0}50%{left:0;right:100%}51%{left:100%;right:0}100%{left:0;right:0}}
@-webkit-keyframes closeLine2{0%{left:0;right:0}50%{left:100%;right:0}51%{left:0;right:100%}100%{left:0;right:0}}
@keyframes closeLine2{0%{left:0;right:0}50%{left:100%;right:0}51%{left:0;right:100%}100%{left:0;right:0}}
@media (min-width:992px){.button-close:hover span:before{-webkit-animation:closeLine1 .45s ease-out forwards;animation:closeLine1 .45s ease-out forwards}.button-close:hover span:nth-child(2):before{-webkit-animation:closeLine1 .45s ease-out forwards .3s;animation:closeLine1 .45s ease-out forwards .3s}}.button-close.small-dark{background-color:#fff;width:40px;height:40px;border-radius:0}.button-close.small-dark span{width:15px;height:1px;left:13px;top:19px}.button-close.small-dark span:before{background-color:#1f1f1f}@-webkit-keyframes re-draw{0%{stroke-dashoffset:100}100%{stroke-dashoffset:0}}
@keyframes re-draw{0%{stroke-dashoffset:100}100%{stroke-dashoffset:0}}
@-webkit-keyframes re-draw-lines{0%{width:0}100%{width:7px}}@keyframes re-draw-lines{0%{width:0}100%{width:7px}}.icon-text{position:relative;padding-left:45px}.icon-text .icon{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:0;width:32px;height:32px}.icon-text.icon-small{padding-left:40px}.icon-text.icon-small .icon{width:26px;height:26px;top:0;-webkit-transform:none;transform:none}.icon-text .icon img,.icon-text .icon svg{max-width:100%;max-height:100%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.icon-text>span{display:inline-block; font-size: 15px;}
@media (max-width:1469px){.icon-text{padding-left:35px}.icon-text .icon{width:28px;height:28px}}
.social-list{position:relative;font-size:0;line-height:1}.social-list li{display:inline-block;margin:0 10px 10px 0}.social-list li:last-child{margin-right:0}.social-list li a{display:block;position:relative;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.4)}.social-list li a img,.social-list li a svg{display:block;position:absolute;top:50%;left:50%;max-width:40%;max-height:40%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.social-list.grey li a{border-color:#e6e6e6}.social-list.grey li a svg path{fill:#adadad}.share>span{display:inline-block;vertical-align:middle;margin-right:20px;text-transform:uppercase;font-size:14px;line-height:20px;color:#1f1f1f;font-weight:400;letter-spacing:.15em}.share .social-list{display:inline-block;vertical-align:middle}.share .social-list li{margin-bottom:0}
@media (min-width:992px){.social-list li a:hover{border-color:#f3be67}.social-list li a:hover svg path{fill:#f3be67}}
@media (max-width:767px){.share>span{margin-top:10px;margin-right:10px}.share .social-list{margin-top:10px}}


#logo img,.button .left-top-lines:after,.button .left-top-lines:before,.button .right-bottom-lines:after,.button.right-bottom-lines:before,.button .sides-lines:after,.button-arrow span:before,.button:after,.button:before,.hamburger span,.informer-title>svg path,.item-fit-swiper .icon,.item8-img img,.icon-text,.toggle-btn,.sides-lines:before,.social-list li a svg path,a,header,header:before{-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.informer-info{-webkit-transition:opacity .45s ease-out;transition:opacity .45s ease-out}.news-content article:before{-webkit-transition:all .3s linear;transition:all .3s linear}.informer-title>a,.informer-title>span{-webkit-transition:0s;transition:0s}
@media (min-width:992px){.informer-title>a:hover{-webkit-transition:all .3s ease-out;transition:all .3s ease-out}}
@media (min-width:992px){article a:hover{opacity:.8}.button:not(.button-secondary):hover:before{right:43px}.button:hover:after{left:43px}.button:hover .sides-lines:after,.button:hover .sides-lines:before{height:8px}.button:hover .left-top-lines:before,.button:hover .right-bottom-lines:before{height:30px}.button:hover .left-top-lines:after,.button:hover .right-bottom-lines:after{width:30px}.icon-list li a:hover,.informer-title a:hover{color:#f3be67}}


@media only screen and (max-width: 480px) {
.informer-tel{display:none}
.informer-site{display:none}

}

@media only screen and (min-width: 481px) {
.informer-tel{display:none}
.informer-site{display:none}

}

@media only screen and (min-width: 768px) {
/*社群*/
.social-menu{float:left;width:100%;margin:5px 0 10px 0; padding:0; text-align: left; font-size:17px;display:block;}
.social-menu a {float:left;display: inline-block;width:32px; height:32px; line-height:30px;margin:0;font-size:16px; font-weight:400; transition: 500ms;-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms; text-align:center;color:#ccc;margin:0 7px 0 7px;border-radius:99em; border:1px solid #ccc}
.social-menu a:hover {color:#c8a063;border:1px solid #c8a063}
.informer-tel{display:none}
.informer-site{display:none}

}


@media only screen and (min-width: 981px) {
/*社群*/
.social-menu{float:left;width:100%;margin:5px 0 10px 0; padding:0; text-align: left; font-size:17px;display:block;}
.social-menu a {float:left;display: inline-block;width:32px; height:32px; line-height:30px;margin:0;font-size:16px; font-weight:400; transition: 500ms;-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms; text-align:center;color:#ccc;margin:0 7px 0 7px;border-radius:99em; border:1px solid #ccc}
.social-menu a:hover {color:#c8a063;border:1px solid #c8a063}
.informer-tel{display:none}
.informer-site{display:none}

}

@media only screen and (min-width: 1281px) {

/*社群*/
.social-menu{float:left;width:100%;margin:0; padding:0; text-align: left; font-size:17px;display:block;}
.social-menu a {float:left;display: inline-block;width:36px; height:36px; line-height:34px;margin:0;font-size:16px; font-weight:400; transition: 500ms;-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms; text-align:center;color:#ccc;margin:0 7px 0 7px;border-radius:99em; border:1px solid #ccc}
.social-menu a:hover {color:#c8a063;border:1px solid #c8a063}

.informer-tel{padding-left:50px; display:block}
.informer-site{padding-left:50px;display:block}

}

/*footer*/
@media only screen and (max-width: 480px) {
/*社群*/
.social-pc {float:left;width:100%;margin:0; padding:0; text-align: center;}
.social-pc a {display: inline-block;max-width:100%;margin: 0 8px 0 8px;font-size:20px; font-weight:400; transition: 500ms;-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms; text-align:center; color:#afada8}
.social-pc a:hover {color:#ccc}

.footer-box{width:90%;margin:0 auto; padding:0;}
.footer-row{float:left;width:100%; margin:0; padding:30px 0 20px 0; color:#969696; font-size:15px;background-color:#010101}
.footer-a{float:left;width:100%;margin:0; padding:0;}
.box-left{float:left;width:100%;margin:0; padding:0;text-align:left; font-size:14px}
.box-right{float:left;width:100%;margin:0 0 25px 0; padding:0;display: black}
.footer-line{display:none}
.phonenumber{float:left;width:100%;margin:0 0 10px 0; padding:0;text-align:center}
.faxnumber{float:left;width:100%;margin:0 0 10px 0; padding:0; text-align:center}
.email{float:left;width:100%;margin:0; padding:0; text-align:center}
.follow{float:left; width:100%; margin:0 0 17px 0;padding:0; text-align:center; font-size:12px; letter-spacing:0.3em}
	
/*-- GILEs --*/
.miDownR{float:left; width:100%; margin:10px 0 0 0;font-size: 12px;text-align:center; line-height:20px}
.GileLink a {font-size: 12px; color: #969696;text-decoration: none;transition: 500ms;-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms;}
.GileLink a:hover {font-size: 12px; color: #888;text-decoration: none;}

}

@media only screen and (min-width: 481px) {
/*社群*/
.social-pc {float:left;width:100%;margin:0; padding:0; text-align: center;}
.social-pc a {display: inline-block;width:32px; height:32px; line-height:30px;margin: 0 8px 0 8px;font-size:16px; font-weight:400; transition: 500ms;-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms; text-align:center; color:#afada8;border-radius:99em; border:1px solid #ccc}
.social-menu a:hover {color:#c8a063;border:1px solid #c8a063}

.footer-box{width:90%;margin:0 auto; padding:0;}
.footer-row{float:left;width:100%; margin:0; padding:50px 0 40px 0; color:#969696; font-size:15px;background-color:#010101}
.footer-a{float:left;width:100%;margin:0; padding:0;}
.box-left{float:left;width:100%;margin:0; padding:0;text-align:left; font-size:14px}
.box-right{float:left;width:100%;margin:0 0 50px 0; padding:0;display: black}
.footer-line{float:left;width:2%; height:2px;margin:7px 5% 0 0; padding:0; background-color:#4d4d4d;display: block}
.phonenumber{float:left;width:31%;margin:0; padding:0;text-align:left}
.faxnumber{float:left;width:24%;margin:0; padding:0; text-align:center}
.email{float:left;width:38%;margin:0; padding:0; text-align:right}
.follow{float:left; width:100%; margin:0 0 30px 0;padding:0; text-align:center; font-size:12px;letter-spacing:0.3em}
	
/*-- GILEs --*/
.miDownR{float:left; width:100%; margin:10px 0 0 0;font-size: 12px;text-align:right; line-height:20px}
.GileLink a {font-size: 12px; color: #969696;text-decoration: none;transition: 500ms;-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms;}
.GileLink a:hover {font-size: 12px; color: #888;text-decoration: none;}

}

@media only screen and (min-width: 768px) {

/*社群*/
.social-pc {float:left;width:100%;margin:0; padding:0; text-align: center;}
.social-pc a {display: inline-block;width:32px; height:32px; line-height:30px;margin: 0 8px 0 8px;font-size:20px; font-weight:400; transition: 500ms;-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms; text-align:center; color:#afada8;border-radius:99em; border:1px solid #ccc}
.social-menu a:hover {color:#c8a063;border:1px solid #c8a063}

.footer-box{width:90%;margin:0 auto; padding:0;}
.footer-row{float:left;width:100%; margin:0; padding:50px 0 40px 0; color:#969696; font-size:15px;background-color:#010101}
.footer-a{float:left;width:100%;margin:0; padding:0;}
.box-left{float:left;width:100%;margin:0; padding:0;text-align:left; font-size:14px}
.box-right{float:left;width:100%;margin:0 0 40px 0; padding:0;display: black}
.footer-line{float:left;width:2%; height:2px;margin:7px 5% 0 0; padding:0; background-color:#4d4d4d;display: block}
.phonenumber{float:left;width:26%;margin:0; padding:0;text-align:left}
.faxnumber{float:left;width:34%;margin:0; padding:0; text-align:center}
.email{float:left;width:33%;margin:0; padding:0; text-align:right}
.follow{float:left; width:100%; margin:0 0 30px 0;padding:0; text-align:center; font-size:12px}
	
/*-- GILEs --*/
.miDownR{float:left; width:100%; margin:10px 0 0 0;font-size: 12px;text-align:right; line-height:20px}
.GileLink a {font-size: 12px; color: #969696;text-decoration: none;transition: 500ms;-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms;}
.GileLink a:hover {font-size: 12px; color: #888;text-decoration: none;}
}


@media only screen and (min-width: 981px) {

/*社群*/
.social-pc {float:left;width:100%;margin:0; padding:0; text-align: center;}
.social-pc a {display: inline-block;width:32px; height:32px; line-height:30px;margin: 0 8px 0 8px;font-size:16px; font-weight:400; transition: 500ms;-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms; text-align:center; color:#afada8;border-radius:99em; border:1px solid #ccc}
.social-pc a:hover {color:#c8a063;border:1px solid #c8a063}

.footer-box{width:90%;margin:0 auto; padding:0;}
.footer-row{float:left;width:100%; margin:0; padding:70px 0; color:#969696; font-size:15px;background-color:#010101}
.footer-a{float:left;width:100%;margin:0; padding:0;}
.box-left{float:left;width:100%;margin:0; padding:0;text-align:left;font-size:16px}
.box-right{float:left;width:100%;margin:0 0 50px 0; padding:0;display: block}
.footer-line{float:left;width:2%; height:2px;margin:7px 5% 0 0; padding:0; background-color:#4d4d4d;display: block}
.phonenumber{float:left;width:26%;margin:0; padding:0;text-align:left}
.faxnumber{float:left;width:34%;margin:0; padding:0; text-align:center}
.email{float:left;width:33%;margin:0; padding:0; text-align:right}
.follow{float:left; width:100%; margin:0 0 30px 0;padding:0; text-align:center; font-size:12px}
	
/*-- GILEs --*/
.miDownR{float:left; width:100%; margin:10px 0 0 0;font-size: 12px;text-align:right; line-height:20px}
.GileLink a {font-size: 12px; color: #969696;text-decoration: none;transition: 500ms;-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms;}
.GileLink a:hover {font-size: 12px; color: #888;text-decoration: none;}
}

@media only screen and (min-width: 1281px) {

.social-pc {float:left;width:100%;margin:0; padding:0; text-align: center;}
.social-pc a {display: inline-block;width:36px; height:36px; line-height:34px;margin: 0 8px 0 8px;font-size:16px; font-weight:400; transition: 500ms;-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms; text-align:center; color:#afada8; border-radius:99em; border:1px solid #ccc}
.social-pc a:hover {color:#c8a063;border:1px solid #c8a063}

.footer-box{width:80%;margin:0 auto; padding:0;}
.footer-row{float:left;width:100%; margin:0; padding:70px 0; color:#969696; font-size:15px;background-color:#010101}
.footer-a{float:left;width:100%;margin:0; padding:0;}
.box-left{float:left;width:100%;margin:0; padding:0;text-align:left;font-size:16px}
.box-right{float:left;width:100%;margin:0 0 50px 0; padding:0;display: block}
.footer-line{float:left;width:2%; height:2px;margin:7px 5% 0 0; padding:0; background-color:#4d4d4d;display: block}
.phonenumber{float:left;width:26%;margin:0; padding:0;text-align:left}
.faxnumber{float:left;width:34%;margin:0; padding:0; text-align:center}
.email{float:left;width:33%;margin:0; padding:0; text-align:right}
.follow{float:left; width:100%; margin:0 0 30px 0;padding:0; text-align:center; font-size:12px}
	
/*-- GILEs --*/
.miDownR{float:left; width:100%; margin:10px 0 0 0;font-size: 12px;text-align:right; line-height:20px}
.GileLink a {font-size: 12px; color: #969696;text-decoration: none;transition: 500ms;-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms;}
.GileLink a:hover {font-size: 12px; color: #888;text-decoration: none;}

}

@media only screen and (min-width: 1601px) {

/*社群*/
.social-pc {float:left;width:100%;margin:0; padding:0; text-align: center;}
.social-pc a {display: inline-block;width:36px; height:36px; line-height:34px;margin: 0 8px 0 8px;font-size:16px; font-weight:400; transition: 500ms;-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms; text-align:center; color:#afada8; border-radius:99em; border:1px solid #ccc}
.social-pc a:hover {color:#c8a063;border:1px solid #c8a063}

.footer-box{width:80%;margin:0 auto; padding:0;}
.footer-row{float:left;width:100%; margin:0; padding:70px 0; color:#969696; font-size:15px;background-color:#010101}
.footer-a{float:left;width:100%;margin:0; padding:0;}
.box-left{float:left;width:100%;margin:0; padding:0;text-align:left;font-size:16px}
.box-right{float:left;width:100%;margin:0 0 50px 0; padding:0;display: block}
.footer-line{float:left;width:2%; height:2px;margin:7px 5% 0 0; padding:0; background-color:#4d4d4d;display: block}
.phonenumber{float:left;width:26%;margin:0; padding:0;text-align:left}
.faxnumber{float:left;width:34%;margin:0; padding:0; text-align:center}
.email{float:left;width:33%;margin:0; padding:0; text-align:right}
.follow{float:left; width:100%; margin:0 0 30px 0;padding:0; text-align:center; font-size:12px}
	
/*-- GILEs --*/
.miDownR{float:left; width:100%; margin:10px 0 0 0;font-size: 12px;text-align:right; line-height:20px}
.GileLink a {font-size: 12px; color: #969696;text-decoration: none;transition: 500ms;-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms;}
.GileLink a:hover {font-size: 12px; color: #888;text-decoration: none;}

.titlebox{ float:left; width:100%; margin:0; padding:0}
.title-content{width:80%; margin:70px auto 80px auto; padding:0}
.top-title{float:left;width:100%;padding:0; margin:0 0 60px 0;}
.top-title h2{padding:0; margin:0 0 10px 0; font-size:40px; letter-spacing:0}
.top-title.top-title h1.title {margin-bottom: 50px;text-align: left;font-weight: 400;line-height: 1.1;letter-spacing:1px}
.top-title h1.title span { display: block;font-size: 40px; padding-left:4%;color: #111;position: relative;}
.top-title h1.title span:before{content: '';position: absolute; top: 52%; background: #111; width: 3%;height: 2px;}
.top-title h1.title span:before{left: 0;}
.title-tx{float:left; width:100%; margin:0; padding:0; font-size:20px; font-weight:400; line-height:32px;font-family:"Arial", "Helvetica", "sans-serif"; }

}
.tm-menu {padding:0;margin:0;text-align: center;}
/*.tm-menu ul { margin:0; padding:0; list-style:none; } */
.tm-menu > li {
	width:100%; 
	padding:0; 
	line-height:30px;
	text-align:center;
	margin: 0 0 0 0;
} 
.tm-menu nav-item > a { float:left; overflow:hidden;color: #ffffff; text-decoration: none; } 
.tm-menu span {
	display:block; text-align:center;font-size:28px;font-family:"微軟正黑體","Microsoft JhengHei","Arial", "Helvetica", "sans-serif";
	width: fit-content;
	margin: auto;
	padding-bottom: 20px;
	position: relative;
	color: #fff;
} 
.tm-menu a{
	color: #fff;
}
.tm-menu a:hover { padding-top:30px; }
.cn-tx{ font-size:20px;font-family:"微軟正黑體","Microsoft JhengHei","Arial", "Helvetica", "sans-serif";}
.clear{clear:both;}

.tm-menu .dropdown-menu{
	padding: 15px 0;
	background-color: hsl(0deg 0% 94.51% / 80%);
	margin-bottom: 20px;
	display: block;
	border-radius: 0;
}
.tm-menu .dropdown-menu li{
	text-align: center;
	margin-bottom: 5px;
	font-size: 22px;
	/*line-height: 22px;*/
	/*padding-left: 27px;*/
}
.tm-menu .dropdown-menu li a{
	color: #000;
}
.tm-menu .dropdown-toggle{
    display: flex;
    width: fit-content;
    margin: auto;
}
.tm-menu .dropdown-menu{
	position: relative;
}
.tm-menu a:hover {
    padding-top: 0;
}

/* 右下角浮動按鈕：LINE + 回到頂部（單一容器垂直排列） */
.float-actions{
	--float-btn:40px;
	--float-gap:12px;
	--float-ease:cubic-bezier(.4,0,.2,1);
	--float-duration:.4s;
	position:fixed;
	right:25px;
	bottom:25px;
	z-index:999;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:flex-end;
	gap:0;
	pointer-events:none;
}
.float-actions > *{
	pointer-events:auto;
}
.float-actions--scrolled{
	gap:var(--float-gap);
}
.float-actions__line-wrap{
	position:relative;
	width:var(--float-btn);
	height:var(--float-btn);
	flex-shrink:0;
}
.float-actions__line-wrap::after{
	position:absolute;
	content:"";
	left:5px;
	top:11px;
	width:31px;
	height:11px;
	background:#fff;
	z-index:-1;
}
.float-actions__line{
	display:flex;
	align-items:center;
	justify-content:center;
	width:var(--float-btn);
	height:var(--float-btn);
	color:#00bc00;
	text-decoration:none;
}
.float-actions__line svg{
	display:block;
	width:var(--float-btn);
	height:var(--float-btn);
}
.float-actions__top-wrap{
	width:var(--float-btn);
	max-height:0;
	opacity:0;
	overflow:hidden;
	pointer-events:none;
	transition:max-height var(--float-duration) var(--float-ease),opacity var(--float-duration) var(--float-ease);
}
.float-actions--scrolled .float-actions__top-wrap{
	max-height:var(--float-btn);
	opacity:1;
	pointer-events:auto;
}
.float-actions__top{
	display:block;
	width:var(--float-btn);
	height:var(--float-btn);
	margin:0;
	border:0;
	border-radius:20px;
	background:#555 url(../images/gototoparrow.png) 0 0 no-repeat;
	transform:translateY(8px);
	transition:background-color .3s ease-out,transform var(--float-duration) var(--float-ease),opacity var(--float-duration) var(--float-ease);
}
.float-actions--scrolled .float-actions__top{
	transform:translateY(0);
}
.float-actions__top:hover{
	background-color:#c8a063;
	cursor:pointer;
}
@media only screen and (max-width:480px){
.float-actions{right:25px;bottom:25px}
}
@media only screen and (min-width:481px){
.float-actions{right:50px;bottom:80px}
}
@media only screen and (min-width:768px){
.float-actions{bottom:60px}
}
@media only screen and (min-width:981px){
.float-actions{bottom:95px}
}
@media only screen and (min-width:1281px){
.float-actions{bottom:25px}
}
@media (prefers-reduced-motion:reduce){
.float-actions,.float-actions__top-wrap,.float-actions__top{transition:none}
.float-actions__top,.float-actions--scrolled .float-actions__top{transform:none}
}

/*top-banner*/
@media only screen and (max-width: 480px) {
.top-banner {position: relative;background-color: #000;height: 93vh;overflow: hidden;}
.top-banner .entry {position: absolute;top: 50%;left: 0;text-align: center;z-index: 50;width: 100%;color: #fff;}
.top-banner .entry h1 {font: 400 30px/1.3 MS Sans Serif, serif;margin-top: 0px;text-transform: uppercase;margin-bottom: 0;
letter-spacing: 2px;}
.top-banner .entry p { font-size:22px;font-weight:400;margin: 0 auto 50px;letter-spacing: 1px;margin-top: 30px;max-width: 300px;}
.top-banner .entry a {color: rgba(255, 255, 255, 0.6);}
.top-banner .entry a:hover {color: #fff;}
.top-banner .single-bg {height: 100%;width: 100%;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;
display: flex;align-items: center;-webkit-align-items: center;justify-content: flex-start;-webkit-justify-content: flex-start;}
.top-banner .single-bg .overlay,
.top-banner .single-bg .bg {position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
.top-banner .single-bg .bg {background-position: center;background-size: cover;background-repeat: no-repeat;opacity: .5;}
.ho_splitText span {display: inline-block;}

.link{margin:150px 0 0 0; padding:0;}

}

@media only screen and (min-width: 481px) {
.top-banner {position: relative;background-color: #000;height: 93vh;overflow: hidden;}
.top-banner .entry {position: absolute;top: 50%;left: 0;text-align: center;z-index: 50;width: 100%;color: #fff;}
.top-banner .entry h1 {font: 400 36px/1.3 MS Sans Serif, serif;margin-top: 0px;text-transform: uppercase;margin-bottom: 0;
letter-spacing: 5px;}
.top-banner .entry p {font-size:22px;font-weight:400;margin: 0 auto 50px;letter-spacing: 1px;margin-top: 30px;max-width: 300px;}
.top-banner .entry a {color: rgba(255, 255, 255, 0.6);}
.top-banner .entry a:hover {color: #fff;}
.top-banner .single-bg {height: 100%;width: 100%;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;
display: flex;align-items: center;-webkit-align-items: center;justify-content: flex-start;-webkit-justify-content: flex-start;}
.top-banner .single-bg .overlay,
.top-banner .single-bg .bg {position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
.top-banner .single-bg .bg {background-position: center;background-size: cover;background-repeat: no-repeat;opacity: .5;}
.ho_splitText span {display: inline-block;}

.link{margin:0; padding:0;}

}

@media only screen and (min-width: 768px) {
	.top-banner {position: relative;background-color: #000;height: 93vh;overflow: hidden;}
	.top-banner .entry {position: absolute;top: 50%;left: 0;text-align: center;z-index: 50;width: 100%;color: #fff;}
	.top-banner .entry h1 {font: 400 43px/1.3 MS Sans Serif, serif;margin-top: 0px;text-transform: uppercase;margin-bottom: 0;
	letter-spacing: 5px;}
	.top-banner .entry p {font-size:22px;font-weight:400;margin: 0 auto 50px;letter-spacing: 1px;margin-top: 30px;max-width: 300px;}
	.top-banner .entry a {color: rgba(255, 255, 255, 0.6);}
	.top-banner .entry a:hover {color: #fff;}
	.top-banner .single-bg {height: 100%;width: 100%;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;
	display: flex;align-items: center;-webkit-align-items: center;justify-content: flex-start;-webkit-justify-content: flex-start;}
	.top-banner .single-bg .overlay,
	.top-banner .single-bg .bg {position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
	.top-banner .single-bg .bg {background-position: center;background-size: cover;background-repeat: no-repeat;opacity: .5;}
	.ho_splitText span {display: inline-block;}

	.link{margin:150px 0 0 0; padding:0;}
	.desktop-nav{
		display: flex !important;
	}
	.mobile-nav{
		display: none;
	}
}


@media only screen and (min-width: 981px) {
.top-banner {position: relative;background-color: #000;height: 92vh;overflow: hidden;}
.top-banner .entry {position: absolute;top: 50%;left: 0;text-align: center;z-index: 50;width: 100%;color: #fff;}
.top-banner .entry h1 {font: 400 43px/1.3 MS Sans Serif, serif;margin-top: 0px;text-transform: uppercase;margin-bottom: 0;
letter-spacing: 5px;}
.top-banner .entry p {font-size:22px;font-weight:400;margin: 0 auto 50px;letter-spacing: 1px;margin-top: 30px;max-width: 300px;}
.top-banner .entry a {color: rgba(255, 255, 255, 0.6);}
.top-banner .entry a:hover {color: #fff;}
.top-banner .single-bg {height: 100%;width: 100%;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;
display: flex;align-items: center;-webkit-align-items: center;justify-content: flex-start;-webkit-justify-content: flex-start;}
.top-banner .single-bg .overlay,
.top-banner .single-bg .bg {position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
.top-banner .single-bg .bg {background-position: center;background-size: cover;background-repeat: no-repeat;opacity: .5;}
.ho_splitText span {display: inline-block;}

.link{margin:150px 0 0 0; padding:0;}

}

@media only screen and (min-width: 1281px) {
.top-banner {position: relative;background-color: #000;height: 100vh;overflow: hidden;}
.top-banner .entry {position: absolute;top: 50%;left: 0;text-align: center;z-index: 50;width: 100%;color: #fff;}
.top-banner .entry h1 {font: 400 43px/1.3 MS Sans Serif, serif;margin-top: 0px;text-transform: uppercase;margin-bottom: 0;
letter-spacing: 5px;}
.top-banner .entry p {font-size:22px;font-weight:400;margin: 0 auto 50px;letter-spacing: 1px;margin-top: 30px;max-width: 300px;}
.top-banner .entry a {color: rgba(255, 255, 255, 0.6);}
.top-banner .entry a:hover {color: #fff;}
.top-banner .single-bg {height: 100%;width: 100%;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;
display: flex;align-items: center;-webkit-align-items: center;justify-content: flex-start;-webkit-justify-content: flex-start;}
.top-banner .single-bg .overlay,
.top-banner .single-bg .bg {position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
.top-banner .single-bg .bg {background-position: center;background-size: cover;background-repeat: no-repeat;opacity: .5;}
.ho_splitText span {display: inline-block;}

.link{margin:150px 0 0 0; padding:0;}
}

@media only screen and (min-width: 1601px) {
.top-banner {position: relative;background-color: #000;height: 100vh;overflow: hidden;}
.top-banner .entry {position: absolute;top: 50%;left: 0;text-align: center;z-index: 50;width: 100%;color: #fff;}
.top-banner .entry h1 {font: 400 43px/1.3 MS Sans Serif, serif;margin-top: 0px;text-transform: uppercase;margin-bottom: 0;
letter-spacing: 5px;}
.top-banner .entry p {font-size:22px;font-weight:400;margin: 0 auto 50px;letter-spacing: 1px;margin-top: 30px;max-width: 300px;}
.top-banner .entry a {color: rgba(255, 255, 255, 0.6);}
.top-banner .entry a:hover {color: #fff;}
.top-banner .single-bg {height: 100%;width: 100%;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;
display: flex;align-items: center;-webkit-align-items: center;justify-content: flex-start;-webkit-justify-content: flex-start;}
.top-banner .single-bg .overlay,
.top-banner .single-bg .bg {position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
.top-banner .single-bg .bg {background-position: center;background-size: cover;background-repeat: no-repeat;opacity: .5;}
.ho_splitText span {display: inline-block;}

.link{margin:250px 0 0 0; padding:0;}

}