/* Reset */

body { font-family: var(--font-regular); font-size: 14px; color: var(--clr-text-primary); } 
h1,h2,h3,h4,h5,h6 { line-height: 1.5; padding: 0; margin: 0; } 
a,input,textarea,button { border: none; outline: none; padding: 0; margin: 0; } 
a,a:hover { color: inherit; text-decoration: none; } 
p,address,figure { margin: 0; } 
img { max-width: 100%; height: auto; vertical-align: middle; border-style: none; } 
input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; } 
.quote-hidden:before,.quote-hidden:after { content: unset; } 
.figcaption-hidden { overflow: hidden; width: 0; height: 0; } 
.ckeditor img { height: auto !important; } 
.ckeditor p { margin-bottom: 1rem; } 
.a2a_kit .a2a_svg { width: 30px; height: 30px; line-height: 30px; } 
q:after, q:before { content: none; } 

/* Main */

.hidden-seoh { overflow: hidden; visibility: hidden; height: 0; margin: 0; } 
.hidden { display: none; } 
.body-container { overflow: hidden; position: relative; background: #FFFAF4; color: #000; } 
.wrap-home { max-width: 100%; padding: 0; } 
.wrap-content { --w: 1185px; width: min(100% - 2rem, var(--w)); margin: 0 auto; } 

/* Space */

[class*='-30'] { --spacing: 30px; } 
[class*='-40'] { --spacing: 40px; } 
[class*='-50'] { --spacing: 50px; } 
[class*='-60'] { --spacing: 60px; } 
[class*='-70'] { --spacing: 70px; } 
[class*='-80'] { --spacing: 80px; } 
.mgt-30 { margin-top: var(--spacing); } 
.mgt-40 { margin-top: var(--spacing); } 
.mgt-50 { margin-top: var(--spacing); } 
.mgt-60 { margin-top: var(--spacing); } 
.mgt-70 { margin-top: var(--spacing); } 
.mgt-80 { margin-top: var(--spacing); } 
.pd-30 { padding: var(--spacing) 0; } 
.pd-40 { padding: var(--spacing) 0; } 
.pd-50 { padding: var(--spacing) 0; } 
.pd-60 { padding: var(--spacing) 0; } 
.pd-70 { padding: var(--spacing) 0; } 
.pd-80 { padding: var(--spacing) 0; } 
.pdt-30 { padding-top: var(--spacing); } 
.pdt-40 { padding-top: var(--spacing); } 
.pdt-50 { padding-top: var(--spacing); } 
.pdt-60 { padding-top: var(--spacing); } 
.pdt-70 { padding-top: var(--spacing); } 
.pdt-80 { padding-top: var(--spacing); } 

 
/* Flex Box */

.flex-list { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -webkit-calc(-1 * var(--space-horizontal)) -webkit-calc(-1 * var(--space-vertical)); margin: 0 -moz-calc(-1 * var(--space-horizontal)) -moz-calc(-1 * var(--space-vertical)); margin: 0 calc(-1 * var(--space-horizontal)) calc(-1 * var(--space-vertical)); } 
.flex-list--default { --columns: 4; --space-horizontal: 10px; --space-vertical: -webkit-calc(var(--space-horizontal) * 2); --space-vertical: -moz-calc(var(--space-horizontal) * 2); --space-vertical: calc(var(--space-horizontal) * 2); } 
.flex-list>div[class*='__item'] { width: -webkit-calc(100% / var(--columns) - -webkit-calc(var(--space-horizontal) * 2)); width: -moz-calc(100% / var(--columns) - -moz-calc(var(--space-horizontal) * 2)); width: calc(100% / var(--columns) - calc(var(--space-horizontal) * 2)); margin: 0 var(--space-horizontal) var(--space-vertical); } 
.flex-list>div[class*='__item']>[class*='__item-inner'] { height: 100%; } 
.flex-list>div[class*='__item']>a[class*='__item-inner'] { display: block; } 

/* Grid Box */

.grid-container { display: grid; grid-template-columns: repeat(var(--columns), 1fr); grid-gap: var(--gap-c) var(--gap-r); } 
.grid-container--default { --columns: 4; --gap-c: 20px; --gap-r: 20px; } 

/* Text Truncate */

.text-split { --line-clamp: 3; overflow: hidden; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: normal; -webkit-box-orient: vertical; -webkit-line-clamp: var(--line-clamp); } 
.--split-height { --line-height: 1.5em; height: -webkit-calc(var(--line-clamp) * var(--line-height)); height: -moz-calc(var(--line-clamp) * var(--line-height)); height: calc(var(--line-clamp) * var(--line-height)); line-height: var(--line-height); } 

/* Transition All */

.transition { -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } 

/* Scroll */ 
.progress-wrap {position: fixed;bottom: 60px;right: 15px;height: 56px;background-color: var(--clr-btn);width: 56px;cursor: pointer;display: block;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;z-index: 999;opacity: 0;visibility: hidden;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);-moz-transform: translateY(20px);-o-transform: translateY(20px);transform: translateY(20px);-webkit-transition: all 400ms linear;-o-transition: all 400ms linear;-moz-transition: all 400ms linear;transition: all 400ms linear;-webkit-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.5);-moz-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.5);box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.5);} 
.progress-wrap.active-progress { opacity: 1; visibility: visible; -webkit-transform: translateY(0); -ms-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 
.progress-wrap::after { position: absolute; font-family: 'FontAwesome'; content: '\f077'; text-align: center; line-height: 56px; font-size: 16px; font-weight: 900; color: #fff; left: 0; top: 0px; height: 55px; width: 56px; cursor: pointer; display: block; z-index: 1; -webkit-transition: all 400ms linear; -o-transition: all 400ms linear; -moz-transition: all 400ms linear; transition: all 400ms linear; } 
.progress-wrap svg path { fill: none; } 
.progress-wrap svg.progress-circle path { stroke: #fff; stroke-width: 4; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 400ms linear; -o-transition: all 400ms linear; -moz-transition: all 400ms linear; transition: all 400ms linear; } 
 

/* !---------ANIMATION---------! */
@keyframes swing--leave-left {0% {transform: none;}100% {transform: rotate3d(0, 0, 0, 90deg);}}
@keyframes menuSlideInDown {0% {opacity: 0;visibility: hidden;transform: translateY(-100%);}100% {opacity: 1;visibility: visible;transform: translateY(0);}}
@keyframes arrowBounceRight {0%, 100% {transform: translateX(0);}50% {transform: translateX(5px);}}
@keyframes spinCircle {0% {transform: rotateZ(0deg);}100% {transform: rotateZ(360deg);}}
@-webkit-keyframes blink {0% {-webkit-opacity: 1;}50% {-webkit-opacity: 0;}100% {-webkit-opacity: 1;}}
@-moz-keyframes blink {0% {-moz-opacity: 1;}50% {-moz-opacity: 0;}100% {-moz-opacity: 1;}}
@-ms-keyframes blink {0% {-ms-opacity: 1;}50% {-ms-opacity: 0;}100% {-ms-opacity: 1;}}
@-o-keyframes blink {0% {-o-opacity: 1;}50% {-o-opacity: 0;}100% {-o-opacity: 1;}}
@keyframes blink {0% {opacity: 1;}50% {opacity: 0;}100% {opacity: 1;}}
@-webkit-keyframes shake-anim {0%, 100% {-webkit-keyframes: rotate(0deg);transform-origin: 50% 50%;}10% {-webkit-keyframes: rotate(8deg);}20%, 40%, 60% {-webkit-keyframes: rotate(-10deg);}30%, 50%, 70% {-webkit-keyframes: rotate(10deg);}80% {-webkit-keyframes: rotate(-8deg);}90% {-webkit-keyframes: rotate(8deg);}}
@-moz-keyframes shake-anim {0%, 100% {-moz-keyframes: rotate(0deg);transform-origin: 50% 50%;}10% {-moz-keyframes: rotate(8deg);}20%, 40%, 60% {-moz-keyframes: rotate(-10deg);}30%, 50%, 70% {-moz-keyframes: rotate(10deg);}80% {-moz-keyframes: rotate(-8deg);}90% {-moz-keyframes: rotate(8deg);}}
@-ms-keyframes shake-anim {0%, 100% {-ms-keyframes: rotate(0deg);transform-origin: 50% 50%;}10% {-ms-keyframes: rotate(8deg);}20%, 40%, 60% {-ms-keyframes: rotate(-10deg);}30%, 50%, 70% {-ms-keyframes: rotate(10deg);}80% {-ms-keyframes: rotate(-8deg);}90% {-ms-keyframes: rotate(8deg);}}
@-o-keyframes shake-anim {0%, 100% {-o-transform: rotate(0deg);transform-origin: 50% 50%;}10% {-o-transform: rotate(8deg);}20%, 40%, 60% {-o-transform: rotate(-10deg);}30%, 50%, 70% {-o-transform: rotate(10deg);}80% {-o-transform: rotate(-8deg);}90% {-o-transform: rotate(8deg);}}
@keyframes shake-anim {0%, 100% {transform: rotate(0deg);transform-origin: 50% 50%;}10% {transform: rotate(8deg);}20%, 40%, 60% {transform: rotate(-10deg);}30%, 50%, 70% {transform: rotate(10deg);}80% {transform: rotate(-8deg);}90% {transform: rotate(8deg);}}
@keyframes spin {to {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}
@-webkit-keyframes spin {to {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}
@keyframes blink {0% {opacity: 1;}50% {opacity: 0;}100% {opacity: 1;}}
@-webkit-keyframes blink {0% {opacity: 1;}50% {opacity: 0;}100% {opacity: 1;}}
@-webkit-keyframes mover {0% {transform: translateY(0);}50% {transform: translateY(-10px);}100% {transform: translateY(0px);}}
@keyframes mover {0% {transform: translateY(0);}50% {transform: translateY(-10px);}100% {transform: translateY(0px);}}
@-moz-keyframes mover {0% {-moz-transform: translateY(0);}50% {-moz-transform: translateY(-10px);}100% {-moz-transform: translateY(0px);}}
@-ms-keyframes mover {0% {-ms-transform: translateY(0);}50% {-ms-transform: translateY(-10px);}100% {-ms-transform: translateY(0px);}}
@-o-keyframes mover {0% {-o-transform: translateY(0);}50% {-o-transform: translateY(-10px);}100% {-o-transform: translateY(0px);}}
@-webkit-keyframes tracking-in-expand-fwd {0% {letter-spacing: -0.5em;-webkit-transform: translateZ(-700px);transform: translateZ(-700px);opacity: 0;}40% {opacity: 0.6;}100% {-webkit-transform: translateZ(0);transform: translateZ(0);opacity: 1;}}
@keyframes tracking-in-expand-fwd {0% {letter-spacing: -0.5em;-webkit-transform: translateZ(-700px);transform: translateZ(-700px);opacity: 0;}40% {opacity: 0.6;}100% {-webkit-transform: translateZ(0);transform: translateZ(0);opacity: 1;}}
@-webkit-keyframes xoayvong {from {-webkit-transform: translate(-50%, -50%) rotate(0deg);-moz-transform: translate(-50%, -50%) rotate(0deg);-o-transform: translate(-50%, -50%) rotate(0deg);}to {-webkit-transform: translate(-50%, -50%) rotate(360deg);-moz-transform: translate(-50%, -50%) rotate(360deg);-o-transform: translate(-50%, -50%) rotate(360deg);}}
@keyframes xoayvong {from {-webkit-transform: translate(-50%, -50%) rotate(0deg);-moz-transform: translate(-50%, -50%) rotate(0deg);-o-transform: translate(-50%, -50%) rotate(0deg);}to {-webkit-transform: translate(-50%, -50%) rotate(360deg);-moz-transform: translate(-50%, -50%) rotate(360deg);-o-transform: translate(-50%, -50%) rotate(360deg);}}
@keyframes top {0% {top: 0;transform: rotate(0);}50% {top: 6px;transform: rotate(0);}100% {top: 6px;transform: rotate(45deg);}}
@keyframes top-2 {0% {top: 6px;transform: rotate(45deg);}50% {top: 6px;transform: rotate(0deg);}100% {top: 0;transform: rotate(0deg);}}
@keyframes bottom {0% {bottom: 0;transform: rotate(0);}50% {bottom: 8px;transform: rotate(0);}100% {bottom: 8px;transform: rotate(135deg);}}
@keyframes bottom-2 {0% {bottom: 8px;transform: rotate(135deg);}50% {bottom: 8px;transform: rotate(0);}100% {bottom: 0;transform: rotate(0);}}
@keyframes scaled {50% {transform: scale(0);}100% {transform: scale(0);}}
@keyframes scaled-2 {0% {transform: scale(0);}50% {transform: scale(0);}100% {transform: scale(1);}}
@-webkit-keyframes rotating {from {-webkit-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);}to {-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg);}}
@keyframes rotating {from {-ms-transform: rotate(0deg);-moz-transform: rotate(0deg);-webkit-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);}to {-ms-transform: rotate(360deg);-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg);}}
@-webkit-keyframes anime {0% {color: grey;letter-spacing: 1px;text-shadow: 1px 1px 0 #000;transform: translateY(0);}50% {color: #ffc107;letter-spacing: 5px;text-shadow: 5px 10px 1px #000;transform: translateY(-10px);}100% {color: grey;letter-spacing: 1px;text-shadow: 1px 1px 0 #000;transform: translateY(0);}}
@keyframes anime {0% {color: grey;letter-spacing: 1px;text-shadow: 1px 1px 0 #000;transform: translateY(0);}50% {color: #ffc107;letter-spacing: 5px;text-shadow: 5px 10px 1px #000;transform: translateY(-10px);}100% {color: grey;letter-spacing: 1px;text-shadow: 1px 1px 0 #000;transform: translateY(0);}}
@-webkit-keyframes MaskPlay {from {-webkit-mask-position: 0 0;mask-position: 0 0;}to {-webkit-mask-position: 100% 0;mask-position: 100% 0;}}
@keyframes MaskPlay {from {-webkit-mask-position: 0 0;mask-position: 0 0;}to {-webkit-mask-position: 100% 0;mask-position: 100% 0;}}
@keyframes fadeInUp {0% {opacity: 0;transform: translate3d(0, 100px, 0);}100% {opacity: 1;transform: translate3d(0, 0, 0);}}
@keyframes fadeInDown {0% {opacity: 0;transform: translate3d(0, -100px, 0);}100% {opacity: 1;transform: translate3d(0, 0, 0);}}
@keyframes scaleLarge {0% {opacity: 0;transform: scale(2);}100% {opacity: 1;transform: scale(1);}}
@keyframes Start {from {visibility: hidden;}to {visibility: visible;}}
@keyframes Preloader {100% {transform: rotate(360deg);}}
@keyframes Play {from {background-position: 0;}to {background-position: -360px;}}
@keyframes Ani {0% {box-shadow: 0 0 0 rgba(220, 220, 220, 0);border: 1px solid rgba(220, 220, 220, 0);transform: scale(0);}70% {box-shadow: 0 0 50px gainsboro;border: 1px solid gainsboro;transform: scale(1);}100% {box-shadow: 0 0 60px rgba(220, 220, 220, 0);border: 0 solid rgba(220, 220, 220, 0);transform: scale(2);}}
@keyframes BgColor {from {background-color: #004835;}to {background-color: #b05c1e;}}
@keyframes Leftpage {from {left: -100%;}to {left: 100%;}}
@keyframes Rotate {from {transform: rotate(0) translateZ(0);}to {transform: rotate(360deg) translateZ(0);}}
@keyframes empty {0% {opacity: 1;}}
@keyframes fadeIn {0% {opacity: 0;}100% {opacity: 1;}}
@keyframes fadeOut {0% {opacity: 1;}100% {opacity: 0;}}
@keyframes fadeInUp {0% {opacity: 0;transform: translate3d(0, 100px, 0);}100% {opacity: 1;transform: translate3d(0, 0, 0);}}
@keyframes fadeInDown {0% {opacity: 0;transform: translate3d(0, -100px, 0);}100% {opacity: 1;transform: translate3d(0, 0, 0);}}
@keyframes flipInX {0% {transform: perspective(400px) rotateX(90deg) scale(0.5);opacity: 0;}100% {transform: perspective(400px) rotateX(0) scale(1);opacity: 1;}}
@keyframes flipOutX {0% {transform: perspective(400px) rotateX(0) scale(1);opacity: 1;}100% {transform: perspective(400px) rotateX(90deg) scale(0.5);opacity: 0;}}
@keyframes scaleSmall {0% {opacity: 0;transform: scale(1.1);}100% {opacity: 1;transform: scale(1);}}
@keyframes scaleLarge {0% {opacity: 0;transform: scale(2);}100% {opacity: 1;transform: scale(1);}}
@keyframes scaleLarge2 {0% {opacity: 0;transform: scale(1.1);}100% {opacity: 1;transform: scale(1);}}
@keyframes trackBallSlide {0%, 100%, 30%, 60% {opacity: 1;transform: translateY(-12px);}15%, 50% {opacity: 0;transform: translateY(8px);}}
@keyframes goHeight {from {transform: scale3d(1, 0, 1);}to {transform: scale3d(1, 1, 1);}}
@keyframes goWidth {from {transform: scale3d(0, 1, 1);}to {transform: scale3d(1, 1, 1);}}
@keyframes aniHeight {from {transform: scale3d(1, 1, 1);}to {transform: scale3d(1, 0, 1);}}
@keyframes aniWidth {from {transform: scale3d(1, 1, 1);}to {transform: scale3d(0, 1, 1);}}
@keyframes moveLeft {100% {transform: translateX(-100%);}}
@keyframes moveRight {100% {transform: translateX(100%);}}
@keyframes toRight {0% {opacity: 0;right: -100px;}100% {opacity: 1;right: 0;}}
@keyframes toLeft {0% {opacity: 0;left: -100px;}100% {opacity: 1;left: 0;}}
@keyframes goRight {0% {opacity: 0;transform: translate3d(-100%, 0, 0);}100% {opacity: 1;transform: none;}}
@keyframes goLeft {0% {opacity: 0;transform: translate3d(100%, 0, 0);}100% {opacity: 1;transform: none;}}
@keyframes DrawStroke {0% {stroke-dashoffset: 1000;}100% {stroke-dashoffset: 0;}}
@keyframes DrawStroke1 {0% {stroke-dashoffset: 2500;}100% {stroke-dashoffset: 0;}}
@keyframes goBg {0% {transform: translate3d(-50%, 0, 0);}100% {transform: none;}}
@keyframes bounceInDown {60%, 75%, 90%, from, to {animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0% {opacity: 0;transform: translate3d(0, -3000px, 0);}60% {opacity: 1;transform: translate3d(0, 25px, 0);}75% {transform: translate3d(0, -10px, 0);}90% {transform: translate3d(0, 5px, 0);}to {opacity: 1;}}
@keyframes Color2 {0%, 60% {background-color: #00431c;}20% {background-color: #b08a30;}}
@keyframes Border {0%, 60% {border-top-color: #ffdd80;}20% {border-top-color: #117090;}}
@keyframes Border1 {0%, 60% {border-color: #ffdd80;}20% {border-color: #117090;}}
@keyframes Shake {from, to {transform: translate3d(0, 0, 0) rotate(0);}0%, 50% {transform: translate3d(-10px, 0, 0) rotate(15deg);}25% {transform: translate3d(10px, 0, 0) rotate(-15deg);}}
@keyframes Bounce {0% {transform: translate3d(0, 0, 0) rotate(0);}50% {transform: translate3d(50px, 20px, 0) rotate(125deg);}100% {transform: translate3d(0, 0, 0) rotate(360deg);}}
@keyframes StrokeLine {0% {stroke-dashoffset: 0;}100% {stroke-dashoffset: -200;}}
@keyframes StrokeLine1 {0% {stroke-dashoffset: 0;}100% {stroke-dashoffset: 200;}}
@keyframes StrokeLine2 {0% {stroke-dashoffset: 0;}100% {stroke-dashoffset: 300;}}
@keyframes BorderBox {0%, 100% {background-position: 0 0;}50% {background-position: 100% 100%;}}
@keyframes MaskPlay {from {mask-position: 0 0;}to {mask-position: 100% 0;}}
@keyframes DrawStroke1 {0% {stroke-dashoffset: 8000;}100% {stroke-dashoffset: 0;}}
@keyframes circleFloat {from {transform: rotate(0deg);}to {transform: rotate(360deg);}}
@keyframes sizingLarge {0% {transform: scale(0.8);}50% {transform: scale(1.1);}100% {transform: scale(1);}}
@keyframes sizingSmall {0% {transform: scale(0.8);}50% {transform: scale(1);}100% {transform: scale(0.9);}}
@keyframes circleFloat {from {transform: rotate(0deg);}to {transform: rotate(360deg);}}
@keyframes sizingLarge {0% {transform: scale(0.8);}50% {transform: scale(1.05);}100% {transform: scale(1);}}
@keyframes sizingSmall {0% {transform: scale(0.8);}50% {transform: scale(1);}100% {transform: scale(0.9);}}
@-webkit-keyframes slideInDown1 {0% {-webkit-transform: translate3d(0, -30px, 0);transform: translate3d(0, -30px, 0);visibility: visible;}100% {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}
@keyframes slideInDown1 {0% {-webkit-transform: translate3d(0, -30px, 0);transform: translate3d(0, -30px, 0);visibility: visible;}100% {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}
@keyframes sh02 {from {opacity: 0;left: 0%;}50% {opacity: 1;}to {opacity: 0;left: 100%;}}
@-webkit-keyframes animborder {0% {-webkit-transform: translateX(0);transform: translateX(0);}100% {-webkit-transform: translateX(113px);transform: translateX(113px);}}
@keyframes animborder {0% {-webkit-transform: translateX(0);transform: translateX(0);}100% {-webkit-transform: translateX(113px);transform: translateX(113px);}}
@keyframes xoay {0% {-webkit-transform: rotate(0);transform: rotate(0);}100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}
.has-scroll {position: fixed !important;top: 0;right: 0;left: 0;box-shadow: 0px 2px 5px 0px #00000080;animation: menuSlideInDown 0.3s ease-out;}
.blink {-webkit-animation: blink 1s infinite linear;-moz-animation: blink 1s infinite linear;-ms-animation: blink 1s infinite linear;-o-animation: blink 1s infinite linear;animation: blink 1s infinite linear;}
.shake-anim {-webkit-animation: shake-anim 1s infinite ease-in-out;-moz-animation: shake-anim 1s infinite ease-in-out;-ms-animation: shake-anim 1s infinite ease-in-out;-o-animation: shake-anim 1s infinite ease-in-out;animation: shake-anim 1s infinite ease-in-out;-webkit-transform-origin: 50% 50%;-moz-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;-o-transform-origin: 50% 50%;transform-origin: 50% 50%;}
.hvr-underline {display: inline;background: linear-gradient(90deg, transparent, transparent), linear-gradient(90deg, #1F1C17, #1F1C17);background-size: 100% 1px, 0 1px;background-position: 100% calc(100% - 3px), 0 calc(100% - 3px);background-repeat: no-repeat;transition: background-size 0.3s;}
.hvr-underline:hover {background-size: 0 1px, 100% 1px;}
.hvr-double-shape {overflow: hidden;position: relative;display: block;}
.hvr-double-shape:before {opacity: 0.25;content: '';position: absolute;left: 0;right: 0;display: inline-block;background: #fff;transform: scaleX(0);transition: transform 0.5s ease;top: 0;bottom: 50%;transform-origin: 100% 0%;}
.hvr-double-shape:after {opacity: 0.25;content: '';position: absolute;left: 0;right: 0;display: inline-block;background: #fff;transform: scaleX(0);transition: transform 0.5s ease;top: 50%;bottom: 0;transform-origin: 0% 100%;}
.hvr-double-shape:hover:before {transform: scaleX(1);transform-origin: 0% 100%;}
.hvr-double-shape:hover:after {transform: scaleX(1);transform-origin: 100% 0%;}
.hvr-double-box {overflow: hidden;position: relative;display: block;}
.hvr-double-box:before {-webkit-opacity: 1;-khtml-opacity: 1;-moz-opacity: 1;-ms-opacity: 1;-o-opacity: 1;opacity: 1;content: "";position: absolute;bottom: 0;left: 0;z-index: 3;width: 0;height: 0;background: rgba(255, 255, 255, 0.5);-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);}
.hvr-double-box:after {-webkit-opacity: 1;-khtml-opacity: 1;-moz-opacity: 1;-ms-opacity: 1;-o-opacity: 1;opacity: 1;content: "";position: absolute;top: 0;right: 0;z-index: 2;width: 0;height: 0;background: rgba(255, 255, 255, 0.5);-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);}
.hvr-double-box:hover:before {-webkit-opacity: 0;-khtml-opacity: 0;-moz-opacity: 0;-ms-opacity: 0;-o-opacity: 0;opacity: 0;height: 100%;width: 100%;-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-ms-transform: rotateY(180deg);-o-transform: rotateY(180deg);transform: rotateY(180deg);-webkit-transition-duration: 1.3s;-moz-transition-duration: 1.3s;-ms-transition-duration: 1.3s;-o-transition-duration: 1.3s;transition-duration: 1.3s;}
.hvr-double-box:hover:after {-webkit-opacity: 0;-khtml-opacity: 0;-moz-opacity: 0;-ms-opacity: 0;-o-opacity: 0;opacity: 0;height: 100%;width: 100%;-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-ms-transform: rotateY(180deg);-o-transform: rotateY(180deg);transform: rotateY(180deg);-webkit-transition-duration: 1.3s;-moz-transition-duration: 1.3s;-ms-transition-duration: 1.3s;-o-transition-duration: 1.3s;transition-duration: 1.3s;}
.hvr-float-shadow {position: relative;display: inline-block;vertical-align: middle;box-shadow: 0 0 1px transparent;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: transform;transition-property: transform;display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px transparent;position: relative;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: transform;transition-property: transform;}
.hvr-float-shadow:before {opacity: 0;position: absolute;content: '';top: 100%;left: 5%;z-index: -1;width: 90%;height: 10px;background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0, transparent 80%);background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0, transparent 80%);-webkit-transition-property: transform, opacity;transition-property: transform, opacity;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;pointer-events: none;pointer-events: none;position: absolute;z-index: -1;content: '';top: 100%;left: 5%;height: 10px;width: 90%;opacity: 0;background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0, transparent 80%);background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0, transparent 80%);-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: transform, opacity;transition-property: transform, opacity;}
.hvr-float-shadow:active {-webkit-transform: translateY(-5px);transform: translateY(-5px);-webkit-transform: translateY(-5px);transform: translateY(-5px);}
.hvr-float-shadow:active:before {opacity: 1;-webkit-transform: translateY(5px);transform: translateY(5px);opacity: 1;-webkit-transform: translateY(5px);transform: translateY(5px);}
.hvr-float-shadow:focus {-webkit-transform: translateY(-5px);transform: translateY(-5px);-webkit-transform: translateY(-5px);transform: translateY(-5px);}
.hvr-float-shadow:focus:before {opacity: 1;-webkit-transform: translateY(5px);transform: translateY(5px);opacity: 1;-webkit-transform: translateY(5px);transform: translateY(5px);}
.hvr-float-shadow:hover {-webkit-transform: translateY(-5px);transform: translateY(-5px);-webkit-transform: translateY(-5px);transform: translateY(-5px);}
.hvr-float-shadow:hover:before {opacity: 1;-webkit-transform: translateY(5px);transform: translateY(5px);opacity: 1;-webkit-transform: translateY(5px);transform: translateY(5px);}
.hvr-flash-shape {overflow: hidden;position: relative;}
.hvr-flash-shape:before {content: '';position: absolute;top: 0;left: -85%;z-index: 10;display: block;width: 50%;height: 100%;background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);-webkit-transform: skewX(-25deg);transform: skewX(-25deg);}
.hvr-flash-shape:hover:before {transition: 1s;left: 130%;}
.hrv-flash-box {overflow: hidden;position: relative;display: block;}
.hrv-flash-box:hover:before {top: 0;left: 0;}
.hrv-flash-box:hover img {-webkit-transform: scale(1.2, 1.2);-moz-transform: scale(1.2, 1.2);-o-transform: scale(1.2, 1.2);-ms-transform: scale(1.2, 1.2);transform: scale(1.2, 1.2);}
.hrv-flash-box:hover:after {right: 0;bottom: 0;}
.hrv-flash-box:before {top: -100%;left: -100%;display: block;content: "";position: absolute;z-index: 8;width: 100%;height: 100%;background: rgba(255, 255, 255, 0.3) none repeat scroll 0 0;-webkit-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;}
.hrv-flash-box:after {right: -100%;bottom: -100%;display: block;content: "";position: absolute;z-index: 8;width: 100%;height: 100%;background: rgba(255, 255, 255, 0.3) none repeat scroll 0 0;-webkit-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;}
.hrv-flash-box img {transition: 0.7s;}
.scale-img {overflow: hidden;display: block;}
.scale-img img {-webkit-transition: 0.3s ease-out !important;-moz-transition: 0.3s ease-out !important;-ms-transition: 0.3s ease-out !important;-o-transition: 0.3s ease-out !important;transition: 0.3s ease-out !important;-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);-ms-transform: scale(1, 1);-o-transform: scale(1, 1);transform: scale(1, 1);}
.scale-img:hover > img {-webkit-transition: 0.3s ease-out !important;-moz-transition: 0.3s ease-out !important;-ms-transition: 0.3s ease-out !important;-o-transition: 0.3s ease-out !important;transition: 0.3s ease-out !important;-moz-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1);}
.mover {-webkit-animation: mover 1s infinite ease-in-out;-moz-animation: mover 1s infinite ease-in-out;-ms-animation: mover 1s infinite ease-in-out;-o-animation: mover 1s infinite ease-in-out;animation: mover 1s infinite ease-in-out;}
.tada {-webkit-animation: tada 1s infinite ease-in-out;-moz-animation: tada 1s infinite ease-in-out;-ms-animation: tada 1s infinite ease-in-out;-o-animation: tada 1s infinite ease-in-out;animation: tada 1s infinite ease-in-out;}
.rung {animation: code-pro-rung-lac 2s ease infinite;}
.fadein {animation-duration: 1s;animation-name: fadeIn;animation-fill-mode: forwards;}
.fadeout {animation-duration: 1s;animation-name: fadeOut;animation-fill-mode: forwards;}
.flipinx {animation-duration: 0.8s;animation-fill-mode: forwards;-webkit-backface-visibility: visible !important;backface-visibility: visible !important;animation-name: flipInX;}
.flipoutx {animation-duration: 0.8s;animation-fill-mode: forwards;-webkit-backface-visibility: visible !important;backface-visibility: visible !important;animation-name: flipOutX;}
.fadeindown {animation-duration: 1s;animation-name: fadeInDown;animation-fill-mode: forwards;}
.fadeinup {animation-duration: 1s;animation-name: fadeInUp;animation-fill-mode: forwards;}
.fadeoff {animation-duration: 1s;animation-name: fadeOff;animation-fill-mode: forwards;}
.fadeon {animation-duration: 1s;animation-name: fadeOn;animation-fill-mode: forwards;}
.goleft {animation-duration: 0.8s;animation-fill-mode: forwards;animation-name: goLeft;}
.goright {animation-duration: 0.8s;animation-fill-mode: forwards;animation-name: goRight;}
.scalelarge {animation: scaleLarge;animation-duration: 1s;animation-fill-mode: forwards;}
.moveleft {pointer-events: none;animation-duration: 0.8s;animation-fill-mode: forwards;animation-name: moveLeft;}
.moveright {pointer-events: none;animation-duration: 0.8s;animation-fill-mode: forwards;animation-name: moveRight;}
.contact-form {animation: Start 1s steps(1, end) 0s 1 normal both;}
.container {animation: Start 1s steps(1, end) 0s 1 normal both;}
.footer {animation: Start .5s steps(1, end) 0s 1 normal both;}
.go-top {animation: Start 1s steps(1, end) 0s 1 normal both;} 
.register-form {animation: Start 1s steps(1, end) 0s 1 normal both;}
.slide-fade-out {animation: fadeOut;animation-duration: 1s;animation-fill-mode: forwards;}
.slide-fade-in {animation: fadeIn;animation-duration: 1s;animation-fill-mode: forwards;}
.interior-hero-callout {animation: circleFloat 5s linear forwards infinite;}
.is-selected {animation-name: sizingSmall;animation-duration: 1s;animation-iteration-count: 1;animation-fill-mode: forwards;transform: scale(1);animation-name: sizingSmall;animation-duration: 1s;animation-iteration-count: 1;animation-fill-mode: forwards;transform: scale(1);}
.flickity-button {width: 49px;height: 49px;background-color: #f4c271;overflow: hidden;transition: transform 0.2s ease-in-out;}
.centery {-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.centery-after:after {-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.centery-before:before {-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.ease-in-200 {-webkit-transition: all 500ms ease-in;-moz-transition: all 500ms ease-in;-ms-transition: all 500ms ease-in;-o-transition: all 500ms ease-in;transition: all 500ms ease-in;}
.slideInDown1 {-webkit-animation-name: slideInDown1;animation-name: slideInDown1;}
.fixed {position: fixed !important;left: 0;right: 0;top: 0;z-index: 999;animation: slideInDown1 1s 0s;}
.hvr-sweep-to-top {display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px transparent;position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.hvr-sweep-to-top:before {content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;background: #3a0304;-webkit-transform: scaleY(0);transform: scaleY(0);-webkit-transform-origin: 50% 100%;transform-origin: 50% 100%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.hvr-sweep-to-top:active {color: #fff;}
.hvr-sweep-to-top:active:before {-webkit-transform: scaleY(1);transform: scaleY(1);}
.hvr-sweep-to-top:focus {color: #fff;}
.hvr-sweep-to-top:focus:before {-webkit-transform: scaleY(1);transform: scaleY(1);}
.hvr-sweep-to-top:hover {color: #fff;}
.hvr-sweep-to-top:hover:before {-webkit-transform: scaleY(1);transform: scaleY(1);}
.hvr-sweep-to-right {display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px transparent;position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.hvr-sweep-to-right:before {content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;background: #33cbcc;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 0 50%;transform-origin: 0 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.hvr-sweep-to-right:active {color: #fff;}
.hvr-sweep-to-right:active:before {-webkit-transform: scaleX(1);transform: scaleX(1);}
.hvr-sweep-to-right:focus {color: #fff;}
.hvr-sweep-to-right:focus:before {-webkit-transform: scaleX(1);transform: scaleX(1);}
.hvr-sweep-to-right:hover {color: #fff;}
.hvr-sweep-to-right:hover:before {-webkit-transform: scaleX(1);transform: scaleX(1);}
.btn-hover {position: relative;padding: 10px 20px;border-radius: 7px;border: 1px solid #3d6aff;font-size: 14px;text-transform: uppercase;font-weight: 600;letter-spacing: 2px;background: transparent;color: #fff;overflow: hidden;box-shadow: 0 0 0 0 transparent;-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;transition: all 0.2s ease-in;}
.btn-hover:hover {background: #3d6aff;box-shadow: 0 0 30px 5px rgba(0, 142, 236, 0.815);-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}
.btn-hover:hover::before {-webkit-animation: sh02 0.5s 0s linear;-moz-animation: sh02 0.5s 0s linear;animation: sh02 0.5s 0s linear;}
.btn-hover::before {content: '';display: block;width: 0px;height: 86%;position: absolute;top: 7%;left: 0%;opacity: 0;background: #fff;box-shadow: 0 0 50px 30px #fff;-webkit-transform: skewX(-20deg);-moz-transform: skewX(-20deg);-ms-transform: skewX(-20deg);-o-transform: skewX(-20deg);transform: skewX(-20deg);}
.btn-hover:active {box-shadow: 0 0 0 0 transparent;-webkit-transition: box-shadow 0.2s ease-in;-moz-transition: box-shadow 0.2s ease-in;transition: box-shadow 0.2s ease-in;}
.codepen-button {display: block;cursor: pointer;color: #fff;margin: 0 auto;position: relative;text-decoration: none;font-weight: 600;border-radius: 6px;overflow: hidden;padding: 3px;isolation: isolate;}
.codepen-button::before {content: "";position: absolute;top: 0;left: 0;width: 400%;height: 100%;background: linear-gradient(115deg, #4fcf70, #fad648, #a767e5, #12bcfe, #44ce7b);background-size: 25% 100%;animation: an-at-keyframe-css-at-rule-that-translates-via-the-transform-property-the-background-by-negative-25-percent-of-its-width-so-that-it-gives-a-nice-border-animation_-We-use-the-translate-property-to-have-a-nice-transition-so-it_s-not-a-jerk-of-a-start-or-stop 0.75s linear infinite;animation-play-state: paused;translate: -5% 0;transition: translate 0.25s ease-out;}
.codepen-button:hover::before {animation-play-state: running;transition-duration: 0.75s;translate: 0 0;}
.codepen-button span {position: relative;display: block;padding: 1rem 1.5rem;font-size: 1.1rem;background: #000;border-radius: 3px;height: 100%;}
.box {position: relative;transition: 0.5s;-webkit-transition: 0.5s;}
.box::before {width: 100%;height: 100%;z-index: 1;content: '';position: absolute;top: 0;left: 0;box-sizing: border-box;-webkit-transform: scale(0);transition: 0.5s;}
.box::after {width: 100%;height: 100%;z-index: 1;content: '';position: absolute;top: 0;left: 0;box-sizing: border-box;-webkit-transform: scale(0);transition: 0.5s;}
.box:hover::after {-webkit-transform: scale(1);}
.box:hover::before {-webkit-transform: scale(1);}
.foo::before {border-bottom: 3px solid #e00c09;border-left: 3px solid #e00c09;-webkit-transform-origin: 0 100%;}
.foo::after {border-top: 3px solid #e00c09;border-right: 3px solid #e00c09;-webkit-transform-origin: 100% 0%;}
.hover_sang2 {position: relative;overflow: hidden;}
.hover_sang2:before {position: absolute;top: 0;left: -85%;z-index: 10;display: block;content: '';width: 50%;height: 100%;background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);-webkit-transform: skewX(-25deg);transform: skewX(-25deg);}
.hover_sang2:hover:before {transition: 1s;left: 100%;}
.hover_sang {display: block;position: relative;overflow: hidden;}
.hover_sang:hover:before {left: 0;top: 0;}
.hover_sang:hover img {-webkit-transform: scale(1.2, 1.2);-moz-transform: scale(1.2, 1.2);-o-transform: scale(1.2, 1.2);-ms-transform: scale(1.2, 1.2);transform: scale(1.2, 1.2);}
.hover_sang:hover:after {right: 0;bottom: 0;}
.hover_sang:before {left: -100%;top: -100%;display: block;background: rgba(255, 255, 255, 0.3) none repeat scroll 0 0;content: "";height: 100%;position: absolute;-webkit-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;width: 100%;z-index: 8;}
.hover_sang:after {bottom: -100%;right: -100%;display: block;background: rgba(255, 255, 255, 0.3) none repeat scroll 0 0;content: "";height: 100%;position: absolute;-webkit-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;width: 100%;z-index: 8;}
.hover_sang img {transition: 0.7s;}
.hover_xam {position: relative;overflow: hidden;}
.hover_xam::before {content: "";background: rgba(255, 255, 255, 0.5);bottom: 0;left: 0;position: absolute;-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);-khtml-opacity: 1;-o-opacity: 1;-ms-opacity: 1;-webkit-opacity: 1;-moz-opacity: 1;opacity: 1;width: 0;height: 0;z-index: 2;}
.hover_xam::after {content: "";background: rgba(255, 255, 255, 0.5);top: 0;right: 0;position: absolute;-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);-khtml-opacity: 1;-o-opacity: 1;-ms-opacity: 1;-webkit-opacity: 1;-moz-opacity: 1;opacity: 1;width: 0;height: 0;z-index: 2;}
.hover_xam:hover::before {-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-ms-transform: rotateY(180deg);-o-transform: rotateY(180deg);transform: rotateY(180deg);-webkit-transition-duration: 1.3s;-moz-transition-duration: 1.3s;-ms-transition-duration: 1.3s;-o-transition-duration: 1.3s;transition-duration: 1.3s;-khtml-opacity: 0;-o-opacity: 0;-ms-opacity: 0;-webkit-opacity: 0;-moz-opacity: 0;opacity: 0;height: 100%;width: 100%;}
.hover_xam:hover::after {-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-ms-transform: rotateY(180deg);-o-transform: rotateY(180deg);transform: rotateY(180deg);-webkit-transition-duration: 1.3s;-moz-transition-duration: 1.3s;-ms-transition-duration: 1.3s;-o-transition-duration: 1.3s;transition-duration: 1.3s;-khtml-opacity: 0;-o-opacity: 0;-ms-opacity: 0;-webkit-opacity: 0;-moz-opacity: 0;opacity: 0;height: 100%;width: 100%;}
.animate__animated.animate__infinite {-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;}
.animate__tada {-webkit-animation-name: tada;animation-name: tada;}
.animate__animated {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-duration: var(--animate-duration);animation-duration: var(--animate-duration);-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.mask {width: 100%;height: 100vh;position: fixed;left: 0;top: 0;z-index: 999999999;overflow: hidden;}
.mask span {width: 100%;position: absolute;right: 0;background: -webkit-linear-gradient(90deg, #fff 0, #fff 100%);background: linear-gradient(90deg, #fff 0, #fff 100%);-webkit-transition: width 0.9s ease-in-out;transition: width 0.9s ease-in-out;}
.mask span:nth-child(1) {height: 30vh;top: 0;-webkit-transition-delay: 0.3s;transition-delay: 0.3s;}
.mask span:nth-child(2) {height: 40vh;top: 30vh;-webkit-transition-delay: 0.5s;transition-delay: 0.5s;}
.mask span:nth-child(3) {height: 30vh;top: 70vh;-webkit-transition-delay: 0.6s;transition-delay: 0.6s;}
.mask.hideg {pointer-events: none;}
.mask.hideg span {width: 0;}
.loadicon {position: fixed;top: 50%;left: 50%;width: 200px;height: 140px;margin: -70px 0 0 -100px;z-index: 110000;}
#loading {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 999999999999;}
#loading .logo_2 {width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;transition: all ease 0.5s;}
#loading .logo_2 span {display: block;border-radius: 50%;border: 3px solid rgba(255, 255, 255, 0.5);-ms-border-radius: 50%;-o-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;box-shadow: 0 0 20px rgba(255, 255, 255, 0.5);-webkit-animation: Ani 2s infinite;animation: Ani 2s infinite;width: 120px;height: 120px;position: absolute;left: 0;right: 0;margin-left: auto;margin-right: auto;z-index: 2;z-index: 9999999999;}
#loading .logo_2 img {position: relative;max-width: 80px;z-index: 4;}
#loading.finish {z-index: -9999;}
#loading.finish .logo_2 span {display: none;}
#loading.finish .logo_2 img {display: none;}
.animate-border {position: relative;display: block;width: 100px;height: 3px;background: var(--clr-web-tone);overflow: hidden;}
.animate-border:after {position: absolute;content: "";width: 30px;height: 3px;left: 15px;bottom: 0;border-left: 10px solid #fff;border-right: 10px solid #fff;-webkit-animation: animborder 2s linear infinite;animation: animborder 2s linear infinite;}