:root {--00: #000000;--26: #262626;--41: #414141;--6E: #6E6E6E;--71: #717171;--DE: #DEDEDE;--F2: #F2F2F2;--38: #38438D;--45: #4955A6;--FF: #FFFFFF;--30px: 1.56vw;--30px-t: 2.51vw;--20px: 2.61vw;--15px: 0.78vw;}
@font-face{font-family:"Geologica";src:url(fonts/Geologica/geologica.woff2) format("woff2-variations"),url(fonts/Geologica/geologica.ttf) format("truetype-variations");font-weight:100 1000;font-style:normal;font-display:swap}
.geologica-thin{font-family:"Geologica",Sans-Serif;font-optical-sizing:auto;font-weight:100;font-style:normal;font-variation-settings:slnt 0,FLAR 0,VOLM 0}
.geologica-xtra-light{font-family:"Geologica",Sans-Serif;font-optical-sizing:auto;font-weight:200;font-style:normal;font-variation-settings:slnt 0,FLAR 0,VOLM 0}
.geologica-light{font-family:"Geologica",Sans-Serif;font-optical-sizing:auto;font-weight:300;font-style:normal;font-variation-settings:slnt 0,FLAR 0,VOLM 0}
.geologica-reg{font-family:"Geologica",Sans-Serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:slnt 0,FLAR 0,VOLM 0}
.geologica-bold{font-family:"Geologica",Sans-Serif;font-optical-sizing:auto;font-weight:700;font-style:normal;font-variation-settings:slnt 0,FLAR 0,VOLM 0}
.disabled-link{pointer-events:none;cursor:default}
html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0;padding:0}
body.openMenu{overflow:hidden;height:100%;position:relative}
article,aside,footer,header,nav,section{display:block}
h1{font-size:2em;margin:.67em 0}
figcaption,figure,main{display:block}
figure{margin:1em 40px}
hr{box-sizing:content-box;height:0;overflow:visible}
pre{font-family:monospace,monospace;font-size:1em}
a{background-color:transparent}
abbr[title]{border-bottom:none;text-decoration:underline}
b,strong{font-weight:bolder}
code,kbd,samp{font-family:monospace,monospace;font-size:1em}
dfn{font-style:italic}
mark{background-color:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
audio,video{display:inline-block}
audio:not([controls]){display:none;height:0}
img{border-style:none}
svg:not(:root){overflow:hidden}
button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}
select optgroup{font-style:normal;font-weight:400;font-family:'Geologica',sans-serif;color:#262626}
button,input{overflow:visible}
button,select{text-transform:none}
button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
input[type=number]{-moz-appearance:textfield}
fieldset{padding:.35em .75em .625em}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
progress{display:inline-block;vertical-align:baseline}
textarea{overflow:auto}
[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}
[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}
[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
details,menu{display:block}
summary{display:list-item}
canvas{display:inline-block}
template{display:none}
[hidden]{display:none}
html{color:#222;font-size:1em;line-height:1.4}
::-moz-selection{background:#b3d4fc;text-shadow:none}
::selection{background:#b3d4fc;text-shadow:none}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
audio,canvas,iframe,img,svg,video{vertical-align:middle}
fieldset{border:0;margin:0;padding:0}
textarea{resize:vertical}
.browserupgrade{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}
body,html{width:100%;margin:0;padding:0;font-family:'Geologica',sans-serif;font-weight:400;color:#262626;letter-spacing:.02em;line-height:1}
h1,h2,h3,h4,h5,h6{font-family:'Geologica',sans-serif;font-weight:400;color:#262626;margin:0;padding:0;line-height:1}
a{display:block;text-decoration:none;outline:none}
a:focus{outline:none}
img{display:block}
*{-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--45) #FFF}
::-webkit-scrollbar{width:8px}
::-webkit-scrollbar-track{background:#fff}
::-webkit-scrollbar-thumb{background-color:var(--45)}
figure{margin:0;padding:0}
:focus{outline:none}
.noscroll{overflow:hidden;position:relative;height:100%}
.wrapper-center{width:100%;text-align:center}
.wrapper-right{width:100%;text-align:right}
.flex{display:flex;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap}
.animate{animation-name:fade;animation-duration:.4s}
@keyframes fade {
    from{opacity:0}
    to{opacity:1}
}
.animate2{animation-name:fade2;animation-duration:.4s}
@keyframes fade2 {
    from{opacity:0}
    to{opacity:0}
}
.animated{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes fadeInLeft {
    0%{opacity:0;-webkit-transform:translateX(-40px);transform:translateX(-40px)}
    100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes fadeInLeft {
    0%{opacity:0;-webkit-transform:translateX(-40px);-ms-transform:translateX(-40px);transform:translateX(-40px)}
    100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
}
.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}
@-webkit-keyframes fadeInRight {
    0%{opacity:0;-webkit-transform:translateX(40px);transform:translateX(40px)}
    100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes fadeInRight {
    0%{opacity:0;-webkit-transform:translateX(40px);-ms-transform:translateX(40px);transform:translateX(40px)}
    100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
}
@-webkit-keyframes fadeInUp {
    0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}
    100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes fadeInUp {
    0%{opacity:0;-webkit-transform:translateY(40px);-ms-transform:translateY(40px);transform:translateY(40px)}
    100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}
@keyframes scroll {
    0%{transform:translateY(0px)}
    30%{transform:translateY(-5px)}
}
@-webkit-keyframes toBottomFromTop {
    49%{-webkit-transform:translateY(100%)}
    50%{opacity:0;-webkit-transform:translateY(-100%)}
    51%{opacity:1}
}
@-moz-keyframes toBottomFromTop {
    49%{-moz-transform:translateY(100%)}
    50%{opacity:0;-moz-transform:translateY(-100%)}
    51%{opacity:1}
}
@keyframes toBottomFromTop {
    49%{transform:translateY(100%)}
    50%{opacity:0;transform:translateY(-100%)}
    51%{opacity:1}
}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;opacity:1!important}
.fadeInRight{opacity:1!important;-webkit-animation-name:fadeInRight;animation-name:fadeInRight}
img.lazy{transition:opacity .3s ease-in 0;opacity:0}
img.lazy-loaded{transition:opacity .3s ease-in 0;opacity:1}
img.lazy-loaded-fast{transition:opacity .1s ease-in 0;opacity:1}
.cmslinks p:first-child{margin-top:0}
.cmslinks p:last-child{margin-bottom:0}
.cmslinks a{display:inline;color:#454545;text-decoration:underline;font-weight:600;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.cmslinks a:hover{color:#FF6726;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.cmslinks strong,.cmslinks b{font-weight:700}
.cmslinks table{overflow-y:hidden;overflow-x:auto;display:table;width:100%!important;border-collapse:collapse}
.cmslinks table td,.cmslinks table th{border:1px solid #ddd;padding:8px;text-align:left!important}
.cmslinks table tr{-webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;-o-transition:all 300ms ease;transition:all 300ms ease}
.cmslinks table tr:nth-child(even){background-color:#f2f2f2}
.cmslinks table tr:hover{background-color:#ddd;-webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;-o-transition:all 300ms ease;transition:all 300ms ease}
.cmslinks table th{padding-top:12px;padding-bottom:12px;text-align:left;background-color:#4CAF50;color:#fff}
.cmslinks img{max-width:100%;height:auto}
.cmslinks ol,.cmslinks ul{padding:0 0 0 20px}
.resetUl{margin:0;padding:0;list-style:none}
.transitionEase100{-webkit-transition:all .1s ease;-moz-transition:all .1s ease;-o-transition:all .1s ease;transition:all .1s ease}
.transitionEase400{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}
.transitionEase700{-webkit-transition:all .7s ease-in-out;-moz-transition:all .7s ease-in-out;-o-transition:all .7s ease-in-out;transition:all .7s ease-in-out}
.transitionLinear500{-webkit-transition:all .5s linear;-moz-transition:all .5s linear;-o-transition:all .5s linear;transition:all .5s linear}
input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fff inset;box-shadow:0 0 0 1000px #fff inset}
input,textarea{-webkit-touch-callout:default!important;-webkit-user-select:text!important;user-select:text!important;-webkit-appearance:none!important;border-radius:0!important;font-family:'Geologica',sans-serif}
select{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;text-indent:1px;font-family:'Geologica',sans-serif}
.hidden{display:none!important}
.visuallyhidden{border:0;clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;clip-path:none;height:auto;margin:0;overflow:visible;position:static;width:auto;white-space:inherit}
.invisible{visibility:hidden}
.clearfix:before,.clearfix:after{content:" ";display:table}
.clearfix:after{clear:both}
.blink_me{animation:blinker 2s linear infinite}
@keyframes blinker {
    50%{opacity:0}
}
.bgNotFoundHor{background:url(../img/image-not-found.svg) 50% 50% no-repeat;background-size:cover}
.bgNotFoundVer{background:url(../img/image-not-found.svg) 50% 50% no-repeat;background-size:cover}
@media print {
    a,a:visited{}
    a[href]:after{content:" (" attr(href) ")"}
    abbr[title]:after{content:" (" attr(title) ")"}
    a[href^="#"]:after,a[href^="javascript:"]:after{content:""}
    @media print {
        a[href]:after{content:none!important}
    }

}
.dialog_box{position:fixed;width:270px;height:180px;padding:15px 20px;background-color:#fff;margin:auto;z-index:6000;top:-500px;left:0;right:0;-webkit-transition:all 600ms ease;-moz-transition:all 600ms ease;-o-transition:all 600ms ease;transition:all 600ms ease;-webkit-box-shadow:1px 1px 5px 1px rgba(55,55,55,.8);box-shadow:1px 1px 5px 1px rgba(55,55,55,.8);border-bottom:5px solid #262626}
.dialog_box.open{top:50%;left:0;right:0;margin-top:-125px;-webkit-transition:all 600ms ease;-moz-transition:all 600ms ease;-o-transition:all 600ms ease;transition:all 600ms ease}
.dialog_close{position:absolute;right:20px;top:15px;cursor:pointer}
.dialog_title{font:700 clamp(0.95rem,0.85vw,1.063rem) / 1.2 Geologica;color:#262626;text-transform:uppercase;border-bottom:2px solid #262626;padding-bottom:6px}
.dialog_message{margin-top:15px;font:400 clamp(0.9rem,0.781vw,0.938rem) / 1.1 Geologica;color:#262626;min-height:82px}
.ok_button{font:700 clamp(0.8rem,0.781vw,0.938rem) / 1 Geologica;color:#000;display:inline-block;padding:12px 5px 8px;background-color:#fff;width:200px;text-transform:uppercase;cursor:pointer;border:none;outline:none;-webkit-transition:all 600ms ease;-moz-transition:all 600ms ease;-o-transition:all 600ms ease;transition:all 600ms ease}
.ok_button:hover{background-color:#4fb948;color:#fff;-webkit-transition:all 600ms ease;-moz-transition:all 600ms ease;-o-transition:all 600ms ease;transition:all 600ms ease}
#myloader{font-size:8px;margin:40px auto 0;width:1em;height:1em;top:35px;left:50%;border-radius:50%;position:absolute;text-indent:-9999em;-webkit-animation:load10 1.3s infinite linear;animation:load10 1.3s infinite linear;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}
.dialog_prodbox{position:fixed;width:380px;height:342px;padding:30px;background-color:#fff;margin:auto;z-index:6000;top:-500px;left:0;right:0;-webkit-transition:all 600ms ease;-moz-transition:all 600ms ease;-o-transition:all 600ms ease;transition:all 600ms ease;-webkit-box-shadow:1px 1px 5px 1px #a4a4a0;box-shadow:1px 1px 5px 1px #a4a4a0;border-radius:15px}
.dialog_prodbox.open{top:50%;left:0;right:0;margin-top:-125px;-webkit-transition:all 600ms ease;-moz-transition:all 600ms ease;-o-transition:all 600ms ease;transition:all 600ms ease}
.dialog_cart_title-container{border-bottom:1px solid #e2e2e2;padding:10px 20px}
.dialog_cart_title{font-weight:700;font-size:17px;color:#262626;text-transform:uppercase;text-align:center}
.dialog_prodclose{position:absolute;right:10px;top:10px;cursor:pointer}
.dialog_cart-inner{margin-top:20px}
.dialog_cart-info{width:100%;padding-right:15px}
.dialog_cart-actions{width:100%;margin-top:20px;padding-top:12px;border-top:1px solid #e2e2e2;align-items:center}
.dialog_cart-info-photo{width:80px}
.dialog_cart-info-photo figure{position:relative;width:100%;padding-bottom:100%;background-color:#fff;overflow:hidden;border:1px solid #f4f4f4}
.dialog_cart-info-photo figure img{position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;object-fit:cover;margin:auto;z-index:5;background-color:#fff;overflow:hidden}
.dialog_cart-info-contents{width:calc(100% - 80px);padding-left:10px}
.dialog_cart-info-title{font-size:16px;font-weight:700;color:#262626}
.dialog_cart-info-code{margin-top:10px;font-size:14px;color:#747474;text-transform:uppercase}
.dialog_cart-info-price{margin-top:10px;align-items:center}
.dialog_cart-quantity{font-size:20px;color:#262626}
.dialog_cart-price{margin-left:4px;font-size:18px;font-weight:700;color:#262626}
#dialog_cart{width:100%;background-color:#262626;font-size:15px;font-weight:700;color:#fff;text-transform:uppercase;border-radius:5px;padding:15px 0;text-align:center}
#dialog_cart-continue{margin-top:12px;width:100%;background-color:#fff;font-size:15px;font-weight:700;color:#262626;text-transform:uppercase;border-radius:5px;padding:15px 0;text-align:center;cursor:pointer;border:1px solid #e2e2e2}
@media (min-width: 1200px) {
    .flickity-page-dots{display:none!important}
}
@media (max-width: 1199px) {
    .flickity-page-dots{position:absolute;width:100%;bottom:-30px;padding:0;margin:0;list-style:none;text-align:center;line-height:1}
    .flickity-rtl .flickity-page-dots{direction:rtl}
    .flickity-page-dots .dot{display:inline-block;width:12px;height:12px;margin:0 6px;background:var(--FF);border:2px solid #4955A6;border-radius:50%;cursor:pointer}
    .flickity-page-dots .dot.is-selected{background:#4955A6}
}
@media (min-width: 0px) and (max-width: 764px) {
    .dialog_prodbox{position:fixed;width:300px;height:320px;padding:15px;background-color:#fff;margin:auto;z-index:6000;top:-500px;left:0;right:0;-webkit-transition:all 600ms ease;-moz-transition:all 600ms ease;-o-transition:all 600ms ease;transition:all 600ms ease;-webkit-box-shadow:1px 1px 5px 1px #262626;box-shadow:1px 1px 5px 1px #262626}
    .dialog_cart-info{width:100%;padding-right:0}
    .dialog_cart-actions{width:100%;padding-left:0;margin-top:20px}
    .dialog_cart_title{font-weight:700;font-size:16px;color:#262626;text-transform:uppercase;max-width:none}
    .dialog_prodclose{position:absolute;right:6px;top:6px;cursor:pointer}
}
.flickity-enabled{position:relative}
.flickity-enabled:focus{outline:none}
.flickity-viewport{overflow:hidden;position:relative;height:100%}
.flickity-slider{position:absolute;width:100%;height:100%}
.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.flickity-enabled.is-draggable .flickity-viewport{cursor:grab}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:grabbing}
.flickity-button{position:absolute;background:hsla(0,0%,100%,0.75);border:none;color:#333}
.flickity-button:hover{background:#fff;cursor:pointer}
.flickity-button:focus{outline:none;box-shadow:0 0 0 5px #19F}
.flickity-button:active{opacity:.6}
.flickity-button:disabled{opacity:.3;cursor:auto;pointer-events:none}
.flickity-button-icon{fill:currentColor}
.flickity-prev-next-button{top:50%;width:44px;height:44px;border-radius:50%;transform:translateY(-50%)}
.flickity-prev-next-button.previous{left:10px}
.flickity-prev-next-button.next{right:10px}
.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}
.flickity-rtl .flickity-prev-next-button.next{right:auto;left:10px}
.flickity-prev-next-button .flickity-button-icon{position:absolute;left:20%;top:20%;width:60%;height:60%}
.flickity-enabled.is-fade .flickity-slider > *{pointer-events:none;z-index:0}
.flickity-enabled.is-fade .flickity-slider > .is-selected{pointer-events:auto;z-index:1}
#markerLayer > :nth-child(2){position:relative;display:block;background-color:#105d81;margin-top:41px;margin-left:20px;width:18px!important;height:18px!important;border-radius:50%;overflow:visible!important}
#markerLayer > :nth-child(2) img{display:none}
#markerLayer > :nth-child(2)::before,#markerLayer > :nth-child(2)::after{content:' ';display:block;background-color:#105d81;width:18px;height:18px;border-radius:50%;position:absolute;bottom:0;left:50%;margin-left:-9px;opacity:0}
#markerLayer > :nth-child(2)::before{-webkit-animation:scaleMarker 2s infinite;animation:scaleMarker 2s infinite}
#markerLayer > :nth-child(2)::after{-webkit-animation:scaleMarker 2s 1s infinite;animation:scaleMarker 2s 1s infinite}
@-webkit-keyframes scaleMarker {
    from{opacity:1;-webkit-transform:scale(0);transform:scale(0)}
    to{opacity:0;-webkit-transform:scale(5);transform:scale(5)}
}
@keyframes scaleMarker {
    from{opacity:1;-webkit-transform:scale(0);transform:scale(0)}
    to{opacity:0;-webkit-transform:scale(5);transform:scale(5)}
}
@-webkit-keyframes heartbeat {
    0%{transform:scale(1)}
    20%{transform:scale(.75)}
    40%{transform:scale(1)}
    60%{transform:scale(.75)}
    80%{transform:scale(1)}
    100%{transform:scale(1)}
}
@keyframes heartbeat {
    0%{transform:scale(1)}
    20%{transform:scale(.75)}
    40%{transform:scale(1)}
    60%{transform:scale(.75)}
    80%{transform:scale(1)}
    100%{transform:scale(1)}
}
.uppercase{text-transform:uppercase}
.lowercase{text-transform:lowercase}
.figure-css{position:relative;width:100%;overflow:hidden}
.img-css{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
@media (min-width: 1200px) {
    .desktop-hidden{display:none!important}
    .translateXLeft{opacity:0;-moz-transform:translateX(-25px);-webkit-transform:translateX(-25px);-o-transform:translateX(-25px);-ms-transform:translateX(-25px);transform:translateX(-25px)}
    .translateXRight{opacity:0;-moz-transform:translateX(15px);-webkit-transform:translateX(15px);-o-transform:translateX(15px);-ms-transform:translateX(15px);transform:translateX(15px)}
    .translateYTop{opacity:0;-moz-transform:translateY(25px);-webkit-transform:translateY(25px);-o-transform:translateY(25px);-ms-transform:translateY(25px);transform:translateY(25px)}
    .translateYBottom{opacity:0;-moz-transform:translateY(-25px);-webkit-transform:translateY(-25px);-o-transform:translateY(-25px);-ms-transform:translateY(-25px);transform:translateY(-25px)}
    .translateYBottom40{opacity:0;-moz-transform:translateY(-40px);-webkit-transform:translateY(-40px);-o-transform:translateY(-40px);-ms-transform:translateY(-40px);transform:translateY(-40px)}
    .opacity0{opacity:0}
}
@media (min-width: 765px) and (max-width: 1199px) {
    .tablet-hidden{display:none!important}
}
@media (min-width: 0px) and (max-width: 764px) {
    .mobile-hidden{display:none!important}
    html{height:100vh}
    body{height:100%}
}
.underline{position:relative}
.underline::before{content:'';position:absolute;bottom:-3px;right:0;width:0;height:2px;background-color:#fff;transition:width .6s cubic-bezier(0.25,1,0.5,1)}
@media ( hover: hover ) and ( pointer: fine ) {
    .arrow-cont img{transition:transform .4s ease}
    .arrow-cont:hover img{transform:translateY(-4px)}
    .contact-label-container:hover .contact-label-link,.header-contact > li a:hover .header-info-title{color:var(--45)}
    .contact-label-container:hover input ~ .contact-checkmark{border:1px solid var(--38)}
    #contact-submit:hover .svg-path{fill:var(--38)}
    #contact-submit:hover{background-color:var(--FF);color:var(--38)}
    .underline:hover::before{left:0;right:auto;width:100%}
    .socials li a:hover img,.socials li a:hover img,.socials li a:hover img{transition:all .65s;transform:rotateY(360deg)}
}
.input{position:relative;z-index:1;display:inline-block;margin:1em 0;width:100%;vertical-align:top}
.input__field{position:relative;display:block;float:right;padding:.8em;width:60%;border:none;border-radius:0;background:#f0f0f0;color:var(--FF);-webkit-appearance:none}
.input__field:focus{outline:none}
.input__label{display:inline-block;float:right;padding:0 1em;width:40%;color:var(--FF);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.input__label-content{position:relative;display:block;padding:10px 0;width:100%;font-size:clamp(1.0625rem,0.7411rem + 0.4286vw,1.25rem)}
.input--hoshi{overflow:hidden}
.input__field--hoshi{margin-top:1em;padding:1.85em .15em 20px;width:100%;background:transparent;color:var(--FF)}
.input__label--hoshi{position:absolute;bottom:0;left:0;padding:0 .25em;width:100%;height:calc(100% - 1em);text-align:left;pointer-events:none}
.input__label-content--hoshi{position:absolute}
.input__label--hoshi::before,.input__label--hoshi::after{content:'';position:absolute;top:0;left:0;width:100%;height:calc(100% - 10px);border-bottom:1px solid #FFF}
.input__label--hoshi::after{margin-top:2px;border-bottom:4px solid red;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);-webkit-transition:-webkit-transform .3s;transition:transform .3s}
.input__label--hoshi-color-1::after{border-color:hsl(232,43%,39%)}
.input__field--hoshi:focus + .input__label--hoshi::after,.input--filled .input__label--hoshi::after{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.input__field--hoshi:focus + .input__label--hoshi .input__label-content--hoshi,.input--filled .input__label-content--hoshi{-webkit-animation:anim-1 .3s forwards;animation:anim-1 .3s forwards}
@-webkit-keyframes anim-1 {
    50%{opacity:0;-webkit-transform:translate3d(1em,0,0);transform:translate3d(1em,0,0)}
    51%{opacity:0;-webkit-transform:translate3d(-1em,-40%,0);transform:translate3d(-1em,-40%,0)}
    100%{opacity:1;-webkit-transform:translate3d(0,-40%,0);transform:translate3d(0,-40%,0)}
}
@keyframes anim-1 {
    50%{opacity:0;-webkit-transform:translate3d(1em,0,0);transform:translate3d(1em,0,0)}
    51%{opacity:0;-webkit-transform:translate3d(-1em,-40%,0);transform:translate3d(-1em,-40%,0)}
    100%{opacity:1;-webkit-transform:translate3d(0,-40%,0);transform:translate3d(0,-40%,0)}
}
textarea.input__field{resize:none;height:140px}