@charset "UTF-8";
#baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;z-index:1000000;background-color:#222;background-color:rgba(0,0,0,.8);-webkit-transition:opacity .5s ease;transition:opacity .5s ease}#baguetteBox-overlay.visible{opacity:1}#baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center}#baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%}#baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);-moz-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6)}#baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;white-space:normal;color:#ccc;background-color:#000;background-color:rgba(0,0,0,.6);font-family:sans-serif}#baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}#baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,transform .4s ease;transition:left .4s ease,transform .4s ease,-webkit-transform .4s ease,-moz-transform .4s ease}#baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}#baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}@-webkit-keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@-webkit-keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}@keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}.baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px}.baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;-moz-border-radius:15%;border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,.5);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease}.baguetteBox-button:focus,.baguetteBox-button:hover{background-color:rgba(50,50,50,.9)}.baguetteBox-button#next-button{right:2%}.baguetteBox-button#previous-button{left:2%}.baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px}.baguetteBox-button svg{position:absolute;left:0;top:0}.baguetteBox-spinner{width:40px;height:40px;display:inline-block;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px}.baguetteBox-double-bounce1,.baguetteBox-double-bounce2{width:100%;height:100%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}.baguetteBox-double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounce{0%,100%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}}
     @media screen and (max-width: 1023px){ }
@media (max-width: 768px) {
.hide-on-mobile {
display: none !important; }
} @media screen and (max-width: 834px){ } @media screen and (max-width: 480px){ } .video-thumb {
position: relative;
display: inline-block;
width: 100%;
max-width: 100%;
cursor: pointer;
} .video-thumb img {
display: block;
width: 100%;
height: auto;
border-radius: 8px;
} .video-thumb .play-button {
position: absolute;
top: 50%;
left: 50%;
width: 120px;
height: 120px;
background: rgba(0, 0, 0, 0.6);
border-radius: 50%;
transform: translate(-50%, -50%);
transition: transform 0.3s ease;
}
.video-thumb .play-button:hover {
transform: translate(-50%, -50%) scale(1.1);
}
.video-thumb .play-button::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 0;
height: 0;
border-left: 40px solid white;
border-top: 24px solid transparent;
border-bottom: 24px solid transparent;
transform: translate(-40%, -50%);
} .video-thumb .video-text {
position: absolute;
top: calc(50% + 80px); left: 50%;
transform: translateX(-50%);
color: red;
font-weight: bold;
font-size: 20px;
background-color: rgba(128,128,128,0.8); padding: 4px 10px;
border-radius: 6px;
text-align: center;
text-shadow: 1px 1px 2px black; pointer-events: none; } @media screen and (max-width: 768px) {
.video-thumb .play-button {
width: 80px;
height: 80px;
}
.video-thumb .play-button::after {
border-left: 26px solid red;
border-top: 16px solid transparent;
border-bottom: 16px solid transparent;
}
.video-thumb .video-text {
top: calc(50% + 55px);
font-size: 16px;
padding: 3px 8px;
}
}
@media screen and (max-width: 480px) {
.video-thumb .play-button {
width: 60px;
height: 60px;
}
.video-thumb .play-button::after {
border-left: 20px solid red;
border-top: 12px solid transparent;
border-bottom: 12px solid transparent;
}
.video-thumb .video-text {
top: calc(50% + 45px);
font-size: 14px;
padding: 2px 6px;
}
}
.site-banner{
width: 100%;
box-sizing: border-box;
background: #d32f2f; color: #ffffff; font-weight: 600; font-size: clamp(16px, 2.6vw, 24px);
line-height: 1.2;
text-align: center;
padding: 12px 16px; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}
*,
*:before,
*:after {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 62.5%; }
.btn,
a.btn,
button.btn {
font-size: 1.6rem;
font-weight: 700;
line-height: 1.5;
position: relative;
display: inline-block;
padding: 1rem 4rem;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: all 0.3s;
transition: all 0.3s;
text-align: center;
vertical-align: middle;
text-decoration: none;
letter-spacing: 0.1em;
color: #212529;
border-radius: 0.5rem;
}
a.btn-flat {
display: block; width: 100%; box-sizing: border-box; overflow: hidden;
padding: 1.5rem 0; color: #fff;
border-radius: 0;
background: #000;
text-align: center; max-width: 100%; }
a.btn-flat span {
position: relative;
display: inline-block; }
a.btn-flat:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: '';
transition: all .5s ease-in-out;
transform: translateX(-96%);
background: #eb6877;
}
a.btn-flat:hover:before {
transform: translateX(0%);
}