/*!
Theme Name: oribsn
Author: Ori Ben-Simon
Author URI: oribsn.dev
Description: Ori Ben-Simon
Version: 1.0.0
Text Domain: oribsn
*/

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

*{outline: none !important;}
.right{float:right; display:inline-block;}
.left{float:left; display:inline-block;}
.clearfix{overflow: hidden;}
.clearfix:after, .clearfix:before{content: "";display: table;}
.clearfix:after{clear:both;}
.both{clear:both; width:0; height:0; overflow:hidden; display:block}
.ease,.ease > a, .ease > a:before,.ease:before,.ease > a:after,.ease:after{-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
.ease2,.ease2 > a, .ease2 > a:before,.ease2:before,.ease2 > a:after,.ease2:after{-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.shadow{box-shadow: 0 0.208vh 0.833vh rgba(0,0,0,.35);}
.align_center{text-align: center;}
.align_right{text-align: right;}
.align_left{text-align: left;}
.inline{display: inline-block;}
.hide{display: none;}
.cover{background-size: cover; background-position: center center; background-repeat: no-repeat;}
.frow {display: flex; flex-direction: row;}
a {color: inherit; text-decoration: none;}
*{box-sizing: border-box;}
strong{font-weight: 700;}
.sec_bg {position: relative;}
.bg_im img {display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; object-position: center top; z-index: 1;}
.sec_bg > .wrap {position: relative; z-index: 2;}
.noscroll {overflow: hidden;}
::-webkit-scrollbar {display: none;}
* {-ms-overflow-style: none; scrollbar-width: none;}

:root {
  --blue: #024AD8;
  --magenta: #F0F;
  --cyan: #0FF;
  --yellow: #FF0;
  --blue2: #568393;
}

html {font-size: 2.083vh;}
body {font-family: "forma-djr-text", sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #000000;}
.wrap {padding: 0 5.5vh; margin: 0 auto;}
.scr {position: relative; height: 100vh; overflow: hidden;}
.intro_title {font-size: 5.208vh; font-weight: 700;}

.scr_1 {background-color: var(--blue); padding-top: 4.375vh; text-align: center;}
.scr_1 > .wrap {position: relative; z-index: 3;}
.hp_logo img {display: block; width: 5.781vh; height: 5.781vh; margin: 0 auto;}
.scr_1_subtitle {font-size: 3.125vh; color: #ffffff; margin-top: 2.083vh;}
.scr_1_title {font-size: 8.646vh; color: #ffffff; font-weight: 700; margin-top: 3vh;}
lottie-player {display: block; height: auto !important; object-fit: contain; object-position: center center;}
.scr_1_anim_wrap lottie-player {margin: 0 auto; width: 40.104vh !important;}
.scr_1_bottom_link {position: relative; top: 6.09375vh;}
.scr_1_bottom_link a {display: inline-block; color: #ffffff; font-size: 2.60416667vh;}

.white_bt button, .white_bt > a {border: none; background: #ffffff; cursor: pointer; color: var(--blue); height: 7.188vh; border-radius: 7.188vh; line-height: 1.6; width: 39.635vh; text-align: center; display: inline-flex; justify-content: center; font-family: inherit; font-size: 3.854vh; font-weight: 700; animation: ripple 1.5s linear infinite; transition: all 0.7s ease;}
@keyframes ripple {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3), 0 0 0 0.104vh rgba(255, 255, 255, 0.3), 0 0 0 0.156vh rgba(255, 255, 255, 0.3), 0 0 0 0.521vh rgba(255, 255, 255, 0.3);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3), 0 0 0 0.417vh rgba(255, 255, 255, 0.3), 0 0 0 2.083vh rgba(255, 255, 255, 0), 0 0 0 3.125vh rgba(255, 255, 255, 0);
  }
}

.logo {position: absolute; top: 3.69791667vh; left: 2.188vh;}
.logo img {display: block; width: 22.604vh; height: auto;}

.slnt {position: absolute; width: 67.52604167vh; height: 69.16666667vh; background-color: var(--blue); transform: skew(-30deg);}
.top_slnt {right: -54.167vh; top: -50vh;}
.bottom_slnt {left: -66.667vh; bottom: -42.70833333vh;}
.prll {position: absolute; width: 5.417vh; height: 12.86458333vh; background-color: var(--magenta);}
.prll_magenta {background-color: var(--magenta);}
.prll_cyan {background-color: var(--cyan);}
.prll_yellow {background-color: var(--yellow);}
.top_slnt .prll {bottom: 8.80208333vh; transform: translateX(-50%);}
.bottom_slnt .prll {top: 3vh; right: 0; transform: translateX(50%);}
.scr_2 .wrap {padding-top: 25.10416667vh;}
.scr_2_title {font-size: 5.208vh; font-weight: 700;}
.scr_2_title > span {color: var(--blue2);}
.scr_2_tx {line-height: 1.26; font-weight: 500; max-width: 36.25vh; margin-top: 5vh;}
.blue_bt button {border: none; background: var(--blue); cursor: pointer; color: #ffffff; height: 7.188vh; border-radius: 7.188vh; line-height: 1.6; width: 27.188vh; text-align: center; display: inline-flex; justify-content: center; font-family: inherit; font-size: 3.854vh; font-weight: 700; animation: ripple_blue 1.5s linear infinite; transition: all 0.7s ease;}

@keyframes ripple_blue {
  0% {
    box-shadow: 0 0 0 0 rgba(2, 74, 216, 0.3), 0 0 0 0.104vh rgba(2, 74, 216, 0.3), 0 0 0 0.156vh rgba(2, 74, 216, 0.3), 0 0 0 0.521vh rgba(2, 74, 216, 0.3);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(2, 74, 216, 0.3), 0 0 0 0.417vh rgba(2, 74, 216, 0.3), 0 0 0 2.083vh rgba(2, 74, 216, 0), 0 0 0 3.125vh rgba(2, 74, 216, 0);
  }
}

.scr_bottom {position: absolute; z-index: 3; bottom: 18vh; left: 50%; transform: translateX(-50%);}
.scr_bottom_right {right: 3.5vh; left: unset; transform: none;}
.scr_3_title_wrap {display: flex; margin-top: 11.92708333vh; align-items: flex-end; justify-content: space-between; border-bottom: 0.052vh solid #000000; padding-bottom: 1.8vh;}
.scr_3_title {font-size: 3.125vh; font-weight: 700;}
.scr_counter > span {font-size: 3.125vh;}
.scr_counter > span:first-child {font-size: 5.965vh; font-weight: 700;}
.scr_3_tx {font-size: 3.125vh; line-height: 1.26; margin-top: 2.36979167vh;}
.scr_3_im {text-align: center; position: relative; top: 6.2vh;}
.scr_3_im img {display: inline-block; width: 19.063vh; height: auto; box-shadow: 2.448vh 2.292vh 1.943vh 0vh rgba(0, 0, 0, 0.10); margin-left: -4.167vh; -webkit-animation: float2 6s ease-in-out infinite; animation: float2 4s ease-in-out infinite;}

.white_bt_2 button {border: none; position: relative; background: transparent; cursor: pointer; color: #000000; height: 7.188vh; /*border-radius: 7.188vh; */line-height: 1.6; width: 27.188vh; text-align: center; display: inline-flex; justify-content: center; font-family: inherit; font-size: 3.854vh; font-weight: 400;}
.white_bt_2 {position: relative;}
.white_bt_2 lottie-player {position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important;}
.white_bt_2 button > span {position: relative; z-index: 3;}
#scr_results_2 .white_bt_2 button {width: 42.60416667vh;}
#scr_results_2 .white_bt_2 button > span {color: #ffffff;}
.scr_4_im_wrap {margin-top: 12.76041667vh;}
.scr_4_im_wrap img {display: block; max-width: 41.667vh; width: 95%; height: auto; margin: 0 auto;}

.action_bt_wrap {display: flex; justify-content: center; gap: 1.667vh; margin-top: 6vh;}
.action_bt button {display: block; -webkit-appearance: none; appearance: none; border: none; background: none; font-size: 3.893vh; background: radial-gradient(107.08% 85.59% at 86.3% 87.5%, rgba(0, 0, 0, 0.23) 0%, rgba(0, 0, 0, 0.00) 86.18%), radial-gradient(83.94% 83.94% at 26.39% 20.83%, rgba(255, 255, 255, 0.41) 0%, rgba(255, 255, 255, 0.00) 76.6%, rgba(255, 255, 255, 0.00) 100%), linear-gradient(0deg, #0080FF 0%, #0080FF 100%), #024AD8; color: #ffffff; font-weight: 700; height: 7.367vh; border-radius: 7.367vh; line-height: 0.6; display: inline-flex; align-items: center; justify-content: center; padding: 0 2.875vh; min-width: 11.919vh; transition: transform 0.2s ease-in-out;}
.action_bt button:active, .action_bt button:focus {transform: scale(1.15);}

.scr_5_bt_wrap_wrap lottie-player {width: 37.5vh !important; margin: 0 auto;}
.scr_5 .wrap {padding: 0 5.1vh;}
.scr_5_bt_wrap_wrap {margin-top: 10vh;}

.scr_6_wrap {display: flex; justify-content: center; align-items: center; margin-top: 6vh; background-image: url('assets/img/upload/confetti.svg'); background-size: cover; background-position: center center; background-repeat: no-repeat; height: 26.51vh;}
.scr_6_wrap lottie-player {width: 17.708vh !important; margin: 0 auto;}

.confetti_wrap {position: relative;}
.confetti {position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; width: 10.417vh; height: 10.417vh; margin: 0 auto;}

.red_bt {display: none;}
.red_bt button {border: none; background: #FF5050; cursor: pointer; color: #ffffff; height: 7.188vh; border-radius: 7.188vh; line-height: 1.6; width: 27.188vh; text-align: center; display: inline-flex; justify-content: center; font-family: inherit; font-size: 3.854vh; font-weight: 700; animation: ripple_red 1.5s linear infinite; transition: all 0.7s ease;}

@keyframes ripple_red {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 80, 80, 0.3), 0 0 0 0.104vh rgba(255, 80, 80, 0.3), 0 0 0 0.156vh rgba(255, 80, 80, 0.3), 0 0 0 0.521vh rgba(255, 80, 80, 0.3);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 80, 80, 0.3), 0 0 0 0.417vh rgba(255, 80, 80, 0.3), 0 0 0 2.083vh rgba(255, 80, 80, 0), 0 0 0 3.125vh rgba(255, 80, 80, 0);
  }
}

.select_head_wrap {display: flex; justify-content: flex-end; padding: 0 5.5vh;}
.select_head_wrap .scr_counter > span:first-child {font-size: 3.49vh;}
.select_head_wrap .scr_counter > span {font-size: 1.823vh;}
.scr_select {padding-top: 3vh;}
.select_tx {font-size: 1.823vh; text-align: center; line-height: 1.12;}
.select_tx > span {color: var(--blue2); font-weight: 700;}
.select_grid_wrap img {display: block; width: 26.594vh; height: auto; margin: 4vh auto 0;}
.select_im img {display: block; width: 37.656vh; height: 37.656vh; object-fit: contain; object-position: center center; margin: 5vh auto 0; transform: rotate(-2.995deg); -webkit-animation: float 6s ease-in-out infinite; animation: float 4s ease-in-out infinite;}

.scr_select_yay {background-color: var(--blue); color: #ffffff; text-align: center; padding-top: 15vh;}

.yay2 lottie-player {width: 14.01vh !important; margin: 0 auto;}
.yay_title {margin-top: 4vh; font-size: 5.208vh; font-weight: 700;}
.yay_tx {font-size: 4.167vh; line-height: 1.25; margin-top: 12vh; padding: 0 5.5vh;}
.results_loader_tx {font-size: 1.563vh; line-height: 1.25; margin-top: 1.875vh;}
.results_loader lottie-player {width: auto !important; height: 2.448vh !important; margin: 0 auto; border-radius: 2.448vh !important; overflow: hidden;}

#scr_results_1 {padding-top: 18.38541667vh; padding-bottom: 10.10416667vh; text-align: center; height: unset;}
.scr_results .top_slnt {right: -60.417vh; top: -57vh;}
.scr_results_title {font-size: 5.208vh; font-weight: 700;}
.scr_results_tx {font-size: 2.344vh; margin-top: 1.458vh;}
.results_graph {display: flex; justify-content: center; text-align: center; gap: 2.604vh; align-items: flex-end; height: 40vh;}
.graph_item {height: 100%; display: flex; flex-direction: column; justify-content: flex-end; position: relative; width: 33.333333%;}
.graph_item_pcnt {font-size: 5.208vh; font-weight: 700;}
.graph_item_title {font-size: 3.333vh; font-weight: 700; margin-top: 1.223vh;}
.item_epm {color: var(--blue2);}
.item_same {color: #D9D9D9;}
.item_cmyk {color: #FF5050;}
.graph_item_bar_wrap {flex-grow: 1; width: 100%; position: relative; margin-top: 1.667vh;}
.graph_item_bar {position: absolute; bottom: 0; width: 100%; background-color: currentColor; transition: height 0.5s ease; height: 0;}
.results_graph_wrap {margin: 4.14583333vh auto 0; max-width: 35.677vh;}

.tx_arr_bt_wrap {position: relative; width: 56.25vh; height: 5.313vh; background-color: var(--magenta); top: 50%; left: 50%; transform: translate(-50%, -50%); margin-top: 9vh;}
.tx_arr_bt {position: relative;}
.tx_arr_bt button {display: block; -webkit-appearance: none; appearance: none; border: none; background: none; font-size: 2.344vh; color: #ffffff; font-weight: 400; display: inline-flex; align-items: center; justify-content: center; padding-right: 2.083vh; background-image: url('assets/img/svg/arr_down_white.svg'); background-size: 1.51vh 1.51vh; margin-top: 1.146vh; background-position: right center; background-repeat: no-repeat;}
.tx_arr_bt_up button {background-image: url('assets/img/svg/arr_up_white.svg');}
.tx_arr_bt_up, .tx_arr_bt_wrap.active .tx_arr_bt_down {display: none;}
.tx_arr_bt_wrap.active .tx_arr_bt_up {display: block;}

#scr_results_1 .scr_bottom {position: static; transform: none; margin-top: 9.4vh;}

.results_image_title {color: var(--blue); font-size: 1.563vh; font-weight: 700; margin-top: 0.417vh;}
.results_images {display: grid; grid-template-columns: repeat(2, 1fr); width: 25vh; margin: 5vh auto 0;}
.results_image {margin-bottom: 2vh;}
.results_image_im img {display: block; width: 7.708vh; height: 11.146vh; object-fit: cover; margin: 0 auto;}
.scr_results .blue_bt button {width: 39.635vh;}

#scr_results_2 {background-color: var(--blue); color: #ffffff; padding-top: 18.38541667vh;}

.scr_results_2_title {font-size: 3.125vh; line-height: 1.03; max-width: 35.677vh; margin: 0 auto;}
#scr_results_2 .graph_item_pcnt, #scr_results_2 .graph_item_title, #scr_results_2 .item_same {color: #ffffff;}

#scr_results_2 .scr_bottom {bottom: 8vh; text-align: center;}
#scr_explain_1 {padding-top: 15.38541667vh;}
#scr_explain_1 .top_slnt {right: -58.333vh; top: -57vh; background-image: url('assets/img/upload/explain_slnt_bg.jpg'); background-size: 29.896vh 12.552vh; background-position: left bottom; background-repeat: no-repeat;}
#scr_explain_1 .top_slnt .prll {bottom: 5.802083vh;}
.scr_explain_1_title {font-size: 5.208vh; font-weight: 700; line-height: 1.03;}
.scr_explain_1_title > span {color: var(--blue2);}
.explain_items {display: flex; justify-content: space-between; margin-top: 5vh;}
.explain_item_im img, .explain_item_im lottie-player {display: block; width: 3.854vh !important; height: 3.854vh !important; object-fit: contain; object-position: left center;}
.explain_item_title {font-size: 3.125vh; margin-top: 1.094vh;}
.explain_item_tx {line-height: 1.13; margin-top: 1.042vh;}
.explain_item:first-child {padding-right: 2.083vh; border-right: 0.052vh solid #000000;}
.explain_item:nth-child(2) {padding-right: 2.083vh; border-right: 0.052vh solid #000000;}
.explain_item {width: 30%;}

#scr_explain_2 {background-color: var(--blue); color: #ffffff; text-align: center;}
.scr_explain_2_wrap {display: flex; justify-content: center; align-items: center; text-align: center; width: 56.25vh; height: 100vh;}
.scr_explain_2_title {font-size: 5.208vh; font-weight: 700; line-height: 1.03;}

.scr_explain_2_bg {position: absolute; z-index: 2; top: 0; left: 0;}
.scr_explain_2_bg lottie-player {width: 56.25vh !important; height: 100vh !important; object-fit: cover; object-position: center center;}
.scr_explain_2_title {position: relative; z-index: 3;}

#scr_explain_3 {padding-top: 20.38541667vh;}
.scr_explain_3_tx {font-weight: 500; line-height: 1.26; margin-top: 3vh;}
#scr_explain_3 .top_slnt {right: -58.333vh; top: -57vh; background-image: url('assets/img/upload/explain_slnt_bg_3.png'); background-size: 29.896vh 12.552vh; background-position: left bottom; background-repeat: no-repeat;}
#scr_explain_3 .top_slnt .prll {bottom: 5.802083vh;}

#scr_explain_4 {text-align: center; background-color: var(--blue); color: #ffffff; padding-top: 4.73958333vh;}
.scr_explain_4_title {font-size: 5.208vh; line-height: 1.03; font-weight: 700; margin-top: 17.76041667vh;}
#scr_explain_4 .wrap {padding: 0;}
#scr_explain_4 .scr_bottom {bottom: 7.29166667vh;}

.arr_wrap {position: relative; margin-top: 13vh;}
.arr_white {display: block; position: absolute; width: 51.667vh; height: 15.938vh; background-image: url('assets/img/upload/arr_white.svg'); background-size: contain; background-position: center center; background-repeat: no-repeat;}
.arr_point_left {right: 0;}
.arr_point_right {left: 0; transform: scaleX(-1);}

.custom_slnt_1 {background-color: var(--yellow); top: 103vh; left: -79.167vh;}
.custom_slnt_2 {background-color: var(--magenta); top: 73vh; right: -77.083vh;}
.custom_slnt_3 {background-color: var(--cyan); bottom: -60vh; left: -62.5vh;}

.scr_1_vid video, .scr_1_vid img {display: block; width: 100%; height: auto; object-fit: contain; object-position: center center;}
#scr_7 video {display: block; position: absolute; z-index: 2; top: 0; left: 0; width: 56.25vh; height: 100vh; object-fit: cover; object-position: center center;}
.scr_1_vid {margin-top: 6vh;}

/* Pagination container */
.splide__pagination {
  position: relative;
  display: flex;
  justify-content: center;
  padding: 0;
  gap: 2.083vh;
  margin-top: 1vh;
  flex-wrap: nowrap;
}
.splide__pagination li {width: 25%; height: 0.104vh; background-color: rgba(2, 74, 216, 0.35);}

/* Each bullet line */
.splide__pagination__page {
  all: unset;
  position: relative;
  display: block;
  width: 100%;
  height: 0.104vh;
  cursor: pointer;
  overflow: hidden;
}

/* Fill bar inside bullet */
.splide__pagination__page::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: var(--blue); /* solid blue */
  transform: scaleX(0);
  transform-origin: left;
  animation: none;
}

/* Active slide: animate fill bar */
.splide__pagination__page.is-active::before {
  animation: fillBar 6s linear forwards;
}

@keyframes fillBar {
  from {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(1);
  }
}
.splide__pagination__page.is-active {transform: none;}

.scr {
  display: none;
}

.scr--active {
  display: block;
}

.scr_8 .wrap {margin-top: 3.63541667vh;}
.scr_select_paging {display: flex; gap: 1.042vh; padding: 0 2.604vh; margin-top: 3vh;}
.scr_select_page {width: 12.5%; height: 0.104vh; background-color: rgba(2, 74, 216, 0.35);}
.scr_select_page.page_active {background-color: var(--blue);}

@keyframes float {
  0% {
    transform: rotate(-2.995deg) translatey(0);
  }
  50% {
    transform: rotate(-2.995deg) translatey(-3.04166667vh);
  }
  100% {
    transform: rotate(-2.995deg) translatey(0);
  }
}
@keyframes float2 {
  0% {
    transform: rotate(4.162deg) translatey(0);
  }
  50% {
    transform: rotate(4.162deg) translatey(-2.04166667vh);
  }
  100% {
    transform: rotate(4.162deg) translatey(0);
  }
}

/*.grdtx {background: linear-gradient(90deg, #0FF 0%, #F0F 61.53%, #FF0 109.39%), #D9D9D9; -webkit-background-clip: text -webkit-text-fill-color: transparent; background-clip: text; color: transparent;}*/
.grdtx {color: #FF28D7; font-weight: 700;}

.hidden_bt {opacity: 0; position: absolute; z-index: 10000; top: 0; right: 0;}
.hidden_bt button {display: block; -webkit-appearance: none; appearance: none; border: none; background: none; color: transparent; padding: 0; width: 6vh; height: 6vh;}

.splide__slide {padding-bottom: 5vh;}

.scr_8 .scr_bottom {bottom: 15vh;}

.pink_bar_wrap {position: fixed; bottom: 0; left: 50%; margin-left: -28.125vh; width: 56.25vh; background: #F0F; height: 5.3125vh; color: #fff; text-align: center; z-index: 99999;}
.pink_bar_wrap button {display: flex; justify-content: center; align-items: center; width: 100%; background: none; border: none; color: white; font-weight: 400; font-size: 2.34375vh; cursor: pointer; margin-top: 1.2vh;}
.pink_bar_wrap button > span {display: block; margin-left: 0.8vh; background-image: url('assets/img/svg/reload.svg'); width: 1.875vh; height: 1.875vh; background-size: contain; background-repeat: no-repeat; background-position: center center;}
.pink_bar_wrap {transform: translateY(100%); transition: transform 0.4s ease-out;}
.pink_bar_wrap.active {transform: translateY(0%);}


.page-id-134 .explain_item:nth-child(2) {width: 38%;}
.page-id-134 .explain_item:nth-child(3) {width: 22%;}
.page-id-134 .logo img {width: 17.604vh;}

.page-template-kit .scr_4_im_wrap {margin-top: 0;}

.page-template-kit .results_image_im_wrap.greyed {opacity: 0.4; filter: grayscale(100%);}
.page-template-kit .results_image_im_wrap.selected {opacity: 1; filter: none;}

.page-template-kit .results_images {width: 36vh; justify-items: center; margin-top: 1vh;}
.page-template-kit .results_image {display: grid; grid-template-columns: repeat(2, 1fr); gap: 2vh;}
.page-template-kit .results_image_im img {width: 5.9vh; height: 8.5vh;}
.page-template-kit #scr_results_1 {padding-bottom: 11.104167vh;}
.page-template-kit #scr_results_1 .bottom_slnt {left: -64.667vh; bottom: -60.708333vh;}
#scr_closer_kit {text-align: center; background-color: var(--blue); color: #ffffff; padding-top: 4.73958333vh;}
.scr_closer_kit_icon {font-size: 6.30208333vh; margin-top: 7vh;}
.page-template-kit .scr_explain_4_title {margin-top: 5.760417vh;}
.page-template-kit .select_im img {margin-top: 14vh;}
.page-template-kit .select_tx {font-size: 2.6vh;}
#scr_closer_kit .scr_bottom {bottom: 24vh;}

body {background-color: #000000;}
.page_wrap {background-color: #ffffff;}


.no_m {display: block !important;}
.m_only {display: none !important;}

@media (orientation: landscape) {
   .page_wrap {
      max-width: 56.25vh; margin: 0 auto;
   }
}
@media (max-width: 769px) {
  .scr_1_title {font-size: 7vh;}
  .scr_1_vid {margin-top: 11vh;}
  .top_slnt {right: -64.167vh;}
  .bottom_slnt {left: -74.667vh;}
  .scr_5_bt_wrap_wrap lottie-player {width: 100% !important;}
  #scr_7 video {width: 100vw;}
  .wrap {padding: 0 4.5vw;}
  .action_bt button {font-size: 7vw; height: 16vw; border-radius: 16vw; padding: 0 6vw; min-width: 25vw;}
  .select_im img {width: 66.944vw; height: 66.944vw;}
  .scr_explain_1_title {font-size: 10vw;}
  .scr_explain_2_wrap {width: 100vw;}
  .scr_explain_4_title {font-size: 10vw;}
  .scr_results .top_slnt {right: -64.417vh;}
  .arr_white {width: 80vw;}
  .scr_explain_4_title {padding: 0 10vw;}
  
  .arr_wrap {margin-top: 4vh;}
  .scr_closer_kit_icon {font-size: 30.78880407vw; margin-top: 7vh;}
  #scr_results_1 .scr_bottom {margin-top: 5.4vh;}
  .tx_arr_bt_wrap {margin-top: 6vh;}
}