@font-face{font-family:Heebo;src:url(fonts/Heebo-Regular.woff2) format('woff2'),url(fonts/Heebo-Regular.woff) format('woff');font-weight:400;font-style:normal}
@font-face{font-family:Heebo;src:url(fonts/Heebo-Medium.woff2) format('woff2'),url(fonts/Heebo-Medium.woff) format('woff');font-weight:500;font-style:normal}
@font-face{font-family:Heebo;src:url(fonts/Heebo-Bold.woff2) format('woff2'),url(fonts/Heebo-Bold.woff) format('woff');font-weight:700;font-style:normal}
body,html{margin:0;padding:0;top:0;font-family:Heebo,sans-serif;font-size:calc(1vw + .8px);direction:rtl}
img{max-width:100%}
body{background:#fff;color:#000;background-repeat:no-repeat;background-size:100%}
header{position:relative;color:#fff;display:flex;flex-direction:column}
video{max-width:100%}
.visually-hidden,.visually-hidden-focusable:not(:focus,:focus-within){border:0!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;width:1px!important;white-space:nowrap!important}
.visually-hidden-focusable:not(caption):not(:focus,:focus-within),.visually-hidden:not(caption){position:absolute!important}
.visually-hidden *,.visually-hidden-focusable:not(:focus,:focus-within) *{overflow:hidden!important}
.logos{padding:1rem 3.5rem;display:flex;justify-content:space-between;width:100%}
p{margin-top:0;margin-bottom:1rem}

/* topbar */
.topbar{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 3.5rem 0}
.topbar-wordmark img{height:2.4rem;display:block}
.topbar-logo img{height:3.4rem;display:block}

/* hero */
.hero{padding:1.5rem 3.5rem 0}
.hero-photos{position:relative;margin:0 auto;text-align: center;}
.hero-photos img{width:auto;height:28rem;}
.hero-photo.photo-hug{background:#009eff;width:20.5rem;height:12.5rem;right:22rem;top:0}
.hero-photo.photo-group{background:#f87460;width:28.5rem;height:16.7rem;right:0;bottom:0}
.hero-bubble{position:absolute;left:0;top:4.6rem;background:#009eff;border-radius:2.3rem;width:28.5rem;height:15.5rem;color:#fff;text-align:center;padding:1.5rem 1rem 0}
.hero-bubble .bubble-icon{position:absolute;right:-1rem;top:-1rem;width:4.6rem;height:4.6rem;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 .2rem .6rem rgba(0,0,0,.15)}
.hero-bubble .bubble-icon img{width:3.3rem;height:3.3rem}
.hero-bubble .bubble-title{font-size:2.1rem;font-weight:500;line-height:1.15;margin:1rem 0 0}
.hero-bubble .bubble-sub{font-size:2.2rem;font-weight:300;margin:.25rem 0 0}
.hero-bubble .bubble-hearts{width:14.3rem;margin:1rem auto 0;display:block}

#sect1{text-align:center;padding:3.5rem 0 0;display:flex;flex-direction:column;justify-content:center}
#sect1 h2{color:#000;display:flex;flex-direction:column;align-items:center;width:100%;margin:0 auto;font-size:1.8rem;font-weight:500}
#sect1 .line1{color:#009eff;font-weight:500}
#sect1 .line2{color:#f87460;font-weight:700;margin-top:.4rem;}
h2{font-size:2rem;line-height:1;color:#000;margin-bottom:.5rem}
h2 span{color:#009eff;}

/* category cards */
#sect2{display:flex;margin:3.5rem 0 6rem;align-items:center;justify-content:center}
.listitem .front{background:#009eff;height:100%;color:#fff;font-size:1.5rem;display:flex;flex-direction:column;justify-content:center}
.listitem{height:15.3rem;text-align:center;flex:0 0 15.3rem;margin:.75rem;position:relative;}
.listitem h4{margin:0}
.listitem .back,.listitem .front{width:15.3rem;flex:0 0 15.3rem;border:.1rem solid #009eff;height:15.3rem;position:absolute;bottom:50%;left:0;width:100%;flex:0 0 100%;transform:translateY(50%);border-radius: 1rem;}
.listitem .back,.listitem .inner:active .front,.listitem .inner:focus .front,.listitem .inner:hover .front{display:none}
.listitem .inner:active .back,.listitem .inner:focus .back,.listitem .inner:hover .back{display:flex;flex-direction:column;justify-content:center;background:#fff;color:#000;font-size:1.2rem;font-family:Heebo,sans-serif;padding:1rem}
.listitem .front{display:flex;flex-direction:column;justify-content:center;padding:1rem}
.listitem .front{font-size:1.8rem;text-align:center;font-weight:700;font-family:Heebo,sans-serif;color:#fff}
#center .listitem:hover{cursor:pointer}
.listitem .icon{height:4.5rem;flex-direction:column;justify-content:flex-end;display:flex;margin-bottom:.5rem;align-items: center;}
#sect2 .splide.is-initialized:not(.is-active) .splide__list{display:flex;list-style-type:none;width:100%;flex-wrap:wrap;justify-content:center}
#sect2{display:flex;margin:0 0 7.5rem 0;align-items:center}
.cards{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;max-width:68rem;margin:0 auto}
.card{flex:0 0 15.3rem;height:15.3rem;border-radius:1.15rem;background:#009eff;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;padding:1rem}
.card .icon{height:4.5rem;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;position:relative}
.card .icon img{max-height:4.5rem;width:auto}
.card .icon.icon-health{width:4.5rem}
.card .icon.icon-health .accent{position:absolute;left:0;bottom:.2rem;max-height:1rem}
.card h4{margin:0;font-size:1.6rem;font-weight:700}

/* not alone section */
#sect3{text-align:center;margin-bottom:5rem;font-size:1.8rem}
#sect3 h2{font-size:1.9rem;font-weight:700;margin-bottom:1rem}
#sect3 h2 .blue{color:#009eff}
#sect3 h2 .orange{color:#f87460}
#sect3 p{font-size:1.3rem;font-weight:400;color:#000;max-width:44rem;margin:0 auto 3rem}
.group-photo{position:relative;max-width:52rem;height:18rem;margin:0 auto}
.group-photo .block{position:absolute;border-radius:1rem;top:1.2rem;bottom:1.2rem}
.group-photo .block-blue{background:#009eff;right:0;width:57%}
.group-photo .block-orange{background:#f87460;left:0;width:57%}
.group-photo img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:88%;border-radius:1.2rem}

.page-footer{text-align:center;margin:4rem auto 3rem}
.page-footer img{height:2.6rem}

.inf span{font-size:.9rem;font-weight:400;line-height:1;border-radius:5rem;padding:.2rem .8rem;margin:.25rem}
.inf .new{color:#c1272d;background:#f9eaea}
.inf .warranty{color:#002e6e;background:#e6ebf1}
*{scroll-behavior:smooth;box-sizing:border-box}
#wrapper>header,#wrapper>main{position:relative;flex:0 0 calc(100% - 24.5rem);max-width:calc(100% - 24.5rem)}
#wrapper>footer{width:24.5rem;position:fixed;left:0;top:0;height:100vh;color:#002e6e;background:#fff;box-shadow:0 4px 12px 0 rgba(0,0,0,.12)}
h1{font-weight:700;margin:0;position:relative;color:#000;margin-top:1.6rem}
h1 b{display:block}
.form-logo{width:12.8vw;display:block;margin:auto}
input,select,textarea{font-weight:100}
.takanon{text-decoration:underline}
a{color:#fff;text-decoration:none}
#wrapper{direction:rtl;display:flex;flex-wrap:wrap}
.logo{display:inline-block;text-align:center}
.hide{display:none}
.form_title{font-size:1.8rem;font-weight:700;color:#000;line-height:1.2;text-align:center;margin:  0;}
.form_title span{color: #009eff;}
iframe{max-width:100%}
iframe#lead_frame{display:none}
input:-webkit-autofill,input:-webkit-autofill:focus{transition:background-color 600000s 0s,color 600000s 0s}
#contact_form{margin:auto;padding:0 2rem .8rem 3rem;min-height:75vh}
#form_wrapper::-webkit-scrollbar{width:.3vw}
#form_wrapper::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.7)}
#form_wrapper::-webkit-scrollbar-thumb{background-color:#0099de;outline:1px solid #006170}
.form-group,.form_item{position:relative;margin-top:.5vw}
.c2c{margin-top:4rem}
.c2c,.c2c a{color:#009eff;font-size:2rem;text-align:center;font-weight:700}
.center{text-align:center}
.notice{font-size:.6em;display:block;width:max-content;margin-right:1rem;margin-top:0;color:#000;margin-bottom:1em;padding:1vw 0}
.checkboxes .notice{color:#fff;padding:0}
.tos{color:#000;text-decoration:underline}
.select2-container{width: 100%;}
.form_item input,.form_item select,.select2-container--default .select2-selection--single{height:2.5rem;font-size:.9em;background:0 0;border:none;width:100%;padding:.8rem .8rem 0 0}
.form_item select,.select2-container--default .select2-selection--single{font-size:.8rem;font-weight:300;font-family:Heebo, sans-serif;padding-right:0;color:#6a6c6b;border:0;}
.form_item select option{color:#000}
#reason{border-radius:0;border:.1em solid #ccc;font-size:.9em;background:0 0;padding-right:1em}
#livinginput label{pointer-events:none}
#imgr{padding-top:.3vw}
#remove-img{position:absolute;top:-.4em;font-size:1.5em;color:#fff;left:3em;display:none;cursor:pointer}
#reason{height:5vw;margin-top:0;padding-left:1vw;color:#fff}
.mg{font-family:Impact;letter-spacing:.04vw}
.form_item label{position:absolute;transform:translateY(50%);right:0;font-size:.8em;color:#6a6c6b;font-weight:400;width:100%;bottom:40%}
#phone{text-align:right}
.ui-widget{font-family:Heebo,sans-serif}
.form_item label.top{bottom:auto;transition:transform .2s ease-in-out;transform:translate3d(0,.75em,0);-ms-transform:translate3d(0,.75em,0);font-size:.65em}
.error_msg{color:#c1272d;display:none;position:absolute;bottom:-1.5rem;left:0;font-size:.7em;font-weight:300}
.error_msg.show{display:block}
.error>.error_msg{display:block}
#purpose-error{transform:none;bottom:auto}
.error input,.error select{border-color:#c1272d}
.ok::after{content:"";background:url(../images/V.svg) no-repeat;width:1rem;height:1rem;background-size:cover;z-index:9999999;position:absolute;left:1rem;bottom:50%;transform:translateY(50%)}
#reasoninput .ok::after{top:5.5em}
.form_item{margin-bottom:.1rem;border-bottom:.075rem solid #000}
#reasoninput{margin-top:3.5vw}
#submitinput{margin-top:1.5rem}
input,textarea{display:block;background:0 0;font-family:Heebo,sans-serif;color:#000;font-weight:500}
#formsubmit{width:60%;height:2.2rem;background:#009eff;border:none;margin-top:2em;outline:0;color:#fff;font-size:1.5em;font-weight:700;text-align:center;cursor:pointer;padding:0;margin:auto;border-radius:1rem}
.screen-reader-text{clip:rect(1px,1px,1px,1px);position:absolute!important;height:1px;width:1px;overflow:hidden}
.mobile{display:none!important;visibility:hidden}
input[type=checkbox]:not(old)+label>span.bigger{display:inline-block;width:100%}
.checkboxes{position:relative;display:flex;flex-wrap:wrap;margin-top:1vw}
.checkboxes label{flex:0 0 50%}
.checkboxes label:last-of-type{flex:0 0 90%}
.checkboxes .error_msg{bottom:.5em}
#takanon_cb-error{bottom:-1em}
#reason-error{bottom:-1.4em}
#imginput .error_msg{bottom:-1.5em}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){
.overlay{bottom:2.85vw}
}
.msg{font-size:1.2rem;font-weight:300;display:block;margin-top:1vw;left:1.8vw;top:23vw}
.facebook_btn{width:85%;height:2.6vw;background:#f98ead;border:none;outline:0;color:#2c2c86;font-size:.5em;font-weight:800;text-align:center;cursor:pointer;padding:0;border-radius:1.5em;font-family:MapallOT;line-height:3vw;position:absolute;left:2vw;top:26vw}
#thanks{display:none;color:#fff;font-size:1.75rem;text-align:center;background:#009eff;position:absolute;width:100%;height:100%;z-index:99999;top:0;right:0;padding:2rem 0}
.bigger{color:#000}
input[type=checkbox]:not(old):checked+label>span>span{background:#fff}
input[type=checkbox]:not(old):checked+label>span>span:before{content:"✓";display:block;width:1em;color:#000;font-size:1em;line-height:1em;text-align:center;font-weight:700}
input[type=checkbox]:not(old):checked+label>span.bigger{background:0 0}
input[type=checkbox]:not(old)+label>span>span{display:inline-block;width:.75em;height:.75em;margin:0 0 0 .15em;background:#fff;vertical-align:bottom;border:.0625em solid silver}
#thanks h3{font-size:3.2rem;line-height:1.05;color:#fff;margin:10rem 0 5rem}
#thanks .wap{font-size:1.6rem;color:#fff;display:block;text-align:center}
#thanks a{text-decoration:none;color:#fff;display:flex;background:#60d669;border-radius:1rem;font-size:1.2rem;padding:.5rem;width:90%;margin:auto;justify-content:center}
#thanks a img{height:1.6rem;margin-left:.5rem}
.social .t{font-size:1.25rem;margin-top:2rem;display:block}
.social ul{display:flex;list-style-type:none;justify-content:center;margin:0;padding:0}
.social ul li{margin:1rem}
.social ul li img{width:1.7rem}
.remodal{max-width:1450px;z-index:99999}
#thanks.show{display:block}
input[type=checkbox]:not(old){width:.25em;margin:0;padding:0;font-size:.5em;opacity:0;vertical-align:middle;height:.25em}
input[type=checkbox]:not(old)+label{display:inline-flex;font-size:.9vw;line-height:1;text-align:justify;margin-bottom:.8rem}
input[type=checkbox]:not(old)+label .cb{display:inline-block;width:.875rem;height:.875rem;margin:0 0 0 .5rem;background:#fff;vertical-align:bottom;border:.05rem solid #002e6e;flex:0 0 .875rem}
.cb:focus{outline:2px solid #0f0}
#locationinput input[type=radio]:not(old)+label{flex:0 0 48%}
#locationinput,#timeinput{margin-bottom:1em}
#timeinput input[type=radio]:not(old)+label{flex:0 0 31%}
legend{color:#000;display:block;margin-bottom:.6em;font-size:1.25rem}
fieldset{border:0;display:flex;padding:0;margin-top:1.6rem;flex-wrap:wrap;position:relative}
.h4{font-size:1.05em}
.negishut div{margin-bottom:.5em;line-height:1.2}
.negishut{background:#fff;z-index:9999;padding:1em;height:50vh;overflow-y:scroll;margin-top:25vh;width:70%;margin-right:15%;position:relative;outline:.2em solid #000}
.hidden.show{position:fixed;top:0;right:0;z-index:999;width:69vw;background:rgba(0,0,0,.5);height:100vh}
.negishut a{text-decoration:underline;color:#000}
a.close{position:absolute;left:.5rem;top:.5rem;font-weight:100;font-size:3em;text-decoration:none}
.noscroll{overflow:hidden}
@media (max-width:1366px){
body{overflow:auto}
}
.radio input[type=checkbox]:not(old){width:.75em;margin:0;padding:0;font-size:.5em;opacity:0;vertical-align:middle;height:.75em;position:absolute}
.radio input[type=checkbox]:not(old)+label{display:inline-flex;vertical-align:bottom;border:.05em solid #002e6e;cursor:pointer}
.radio input[type=checkbox]:not(old)+label{content:"";display:flex;color:#002e6e;font-size:.9rem;text-align:center;font-weight:400;position:relative;border-radius:1rem;padding:.4rem .8rem;transform:none;margin-bottom:.4rem;align-items:center}
.radio input[type=checkbox]:not(old):checked+label{background:#002e6e;color:#fff}
.radio input[type=checkbox]:not(old):checked+label::before{background:url(../images/add2.svg) no-repeat;background-size:contain}
.radio input[type=checkbox]:not(old):checked+label>span.en:before,input[type=radio]:not(old):checked+label>span.mobindent:before{content:""}
.radios{display:flex;position:relative;flex-wrap:wrap;width:100%}
.radio{position:relative;flex:0 0 auto;margin:0 0 .4rem .4rem}
.radio input[type=checkbox]:not(old)+label::before{content:'';display:block;width:1.1rem;height:1.1rem;margin-left:.2rem;background:url(../images/add.svg) no-repeat;background-size:contain}
.hidden{display:none}
.p1{margin-bottom:0}
.eb{display:none}
.eb.show{display:block;position:absolute;z-index:9999;background:#fff;height:100%;width:100%;right:0;top:0;display:flex;flex-direction:column;justify-content:center;align-items:center}
.eb .close{color:#000}
.eb .text{font-size:2rem;text-align:center;width:16rem}