@font-face {
  font-family: 'montserrat';
  src: url("/assets/fonts/montserrat-regular-webfont.eot");
  src: url("/assets/fonts/montserrat-regular-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/montserrat-regular-webfont.woff") format("woff"), url("/assets/fonts/montserrat-regular-webfont.ttf") format("truetype"), url("/assets/fonts/montserrat-regular-webfont.svg#montserratregular") format("svg");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'montserrat';
  src: url("/assets/fonts/montserrat-medium-webfont.eot");
  src: url("/assets/fonts/montserrat-medium-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/montserrat-medium-webfont.woff2") format("woff2"), url("/assets/fonts/montserrat-medium-webfont.woff") format("woff"), url("/assets/fonts/montserrat-medium-webfont.ttf") format("truetype"), url("/assets/fonts/montserrat-medium-webfont.svg#montserratregular") format("svg");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: 'montserrat';
  src: url("/assets/fonts/montserrat-bold-webfont.eot");
  src: url("/assets/fonts/montserrat-bold-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/montserrat-bold-webfont.woff") format("woff"), url("/assets/fonts/montserrat-bold-webfont.ttf") format("truetype"), url("/assets/fonts/montserrat-bold-webfont.svg#montserratbold") format("svg");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: 'alfi';
  src: url("/assets/fonts/fbalfi-regularwebfont.eot");
  src: url("/assets/fonts/fbalfi-regularwebfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/fbalfi-regularwebfont.woff") format("woff"), url("/assets/fonts/fbalfi-regularwebfont.ttf") format("truetype"), url("/assets/fonts/fbalfi-regularwebfont.svg#montserratregular") format("svg");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'alfi';
  src: url("/assets/fonts/fbalfi-mediumwebfont.eot");
  src: url("/assets/fonts/fbalfi-mediumwebfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/fbalfi-mediumwebfont.woff") format("woff"), url("/assets/fonts/fbalfi-mediumwebfont.ttf") format("truetype"), url("/assets/fonts/fbalfi-mediumwebfont.svg#montserratmedium") format("svg");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: 'alfi';
  src: url("/assets/fonts/fbalfi-boldwebfont.eot");
  src: url("/assets/fonts/fbalfi-boldwebfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/fbalfi-boldwebfont.woff") format("woff"), url("/assets/fonts/fbalfi-boldwebfont.ttf") format("truetype"), url("/assets/fonts/fbalfi-boldwebfont.svg#montserratregular") format("svg");
  font-weight: 700;
  font-style: normal; }

/* RESET */
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, input, select, textarea,
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; }

#ifrChat {
  display: block; }

div {
  box-sizing: border-box; }

fieldset {
  border: 0; }

legend {
  font-size: 0;
  height: 0; }

.ltr {
  direction: ltr; }

ul {
  list-style: none; }

/* END RESET*/
.display {
  display: block; }

.desktop {
  display: none; }

.clear:after {
  display: table;
  content: '';
  clear: both; }

/*WAI*/
[aria-hidden="true"] {
  visibility: hidden !important; }

.hidden {
  visibility: hidden; }

input:focus, a:focus, select:focus, label:focus, button:focus {
  outline: 2px solid #6BD7FD !important; }

header:focus, div:focus {
  outline: 0px solid; }

.error-outline, .parsley-error {
  outline: 2px solid #d64949; }

button {
  border-radius: 0;
  border: 0;
  background: transparent;
  font-family: inherit; }

input {
  border: 0; }

input[type='submit'] {
  border-radius: 0; }

h1, h2, h3, h4, h5, h6 {
  font-size: 1em;
  font-weight: normal; }

input[type='radio'] {
  width: 0;
  height: 0;
  visibility: hidden;
  position: absolute; }

/* COLORS */
.black {
  color: #262626; }

.blue, .color {
  color: #6BD7FD; }

.white {
  color: #f2f2f2; }

.background-color {
  background: red; }

#popup_link {
  text-decoration: none; }

/*LAYOUT*/
html, body {
  height: auto;
  width: 100%; }

body {
  opacity: 0;
  font-family: alfi;
  background-color: #262626;
  color: #fff;
  width: 100%;
  overflow-x: hidden;
  background-size: 100%; }

.visible {
  opacity: 1 !important;
  transition: opacity 0.5s ease-in-out; }

.eng {
  font-family: montserrat; }

.yes {
  font-family: montserrat;
  font-weight: 500; }

.smaller-font {
  font-size: 0.8em;
  font-variant: small-caps; }

.mobile {
  display: block; }

#top_wrapper {
  direction: rtl;
  width: 100%;
  position: relative;
  background-size: 100%;
  padding-top: 0;
  padding-bottom: 23%; }

.ie #top_wrapper {
  overflow: hidden; }

#thanks_wrapper, .thanks-page.off .is-open, .thanks-page.on .is-closed {
  display: none; }

.display-none {
  display: none !important; }

a img {
  display: block;
  width: 100%; }

@keyframes moving {
  0% {
    top: -17%; }
  50% {
    top: -2%; }
  100% {
    top: -17%; } }

@media (min-width: 1000px) {
  .mobile {
    display: none; }
  .desktop {
    display: block; }
  #top_wrapper {
    padding: 0; }
  input:focus, a:focus, select:focus, label:focus, button:focus, div:focus {
    outline: 2px solid #6bd7fd !important; } }

@media (max-width: 1000px) and (max-height: 500px) and (orientation: landscape) {
  #top_wrapper .fixed-buttons #after_scroll {
    font-size: 1rem;
    padding: 1% 0 0; }
  #top_wrapper .fixed-buttons .content {
    padding: 1% 15.4% 1%; }
  #top_wrapper .fixed-buttons a, #top_wrapper .fixed-buttons button {
    font-size: 1rem;
    width: 28%;
    line-height: 1.7; }
  @keyframes moving {
    0% {
      top: -17%; }
    50% {
      top: -2%; }
    100% {
      top: -17%; } } }

header {
  z-index: 1; }

#left {
  overflow-x: auto;
  z-index: 999; }

#form {
  z-index: 99; }

.g-recaptcha {
  z-index: 9999; }

.fixed-buttons {
  z-index: 10000; }

@media (min-width: 1000px) {
  #right {
    font-size: 20px;
    margin-left: 390px; } }

@media (max-width: 1200px) and (min-height: 880px) {
  #right header h2 .line1.pesach .extra {
    line-height: 1;
    font-size: 2em; } }

@media (min-width: 1000px) and (max-width: 1800px) {
  #right .header-text {
    font-size: 0.9em; } }

@media (min-width: 1000px) and (max-width: 1700px) {
  #right .header-text {
    font-size: 0.8em; } }

@media (min-width: 1000px) and (max-width: 1600px) and (min-height: 768px) {
  #right {
    font-size: 18px; }
    #right .header-text {
      font-size: 0.8em; } }

@media (min-width: 1000px) and (max-width: 1500px) {
  #right {
    font-size: 16px; }
    #right .header-text {
      font-size: 0.75em; } }

@media (min-width: 1000px) and (max-width: 1400px) {
  #right .header-text {
    font-size: 0.7em; } }

@media (min-width: 1000px) and (max-width: 1300px) {
  #right {
    font-size: 15px; }
    #right .header-text {
      font-size: 0.65em; } }

@media (min-width: 1000px) and (max-width: 1200px) {
  #right .header-text {
    font-size: 0.55em; } }

@media (min-width: 1000px) and (max-width: 1100px) {
  #right .header-text {
    font-size: 0.5em; } }

#lead_form input::-webkit-input-placeholder,
::-webkit-input-placeholder {
  opacity: 1;
  text-align: right !important;
  direction: rtl !important;
  color: #fff !important;
  font-weight: normal; }

#lead_form input:-moz-placeholder,
:-moz-placeholder {
  opacity: 1;
  text-align: right !important;
  direction: rtl !important;
  color: #fff !important;
  font-weight: normal; }

#lead_form input::-moz-placeholder,
::-moz-placeholder {
  opacity: 1;
  text-align: right !important;
  direction: rtl !important;
  color: #fff !important;
  font-weight: normal; }

#lead_form input:-ms-input-placeholder,
:-ms-input-placeholder {
  opacity: 1;
  text-align: right !important;
  direction: rtl !important;
  color: #fff !important;
  font-weight: normal; }

#lead_form input::-webkit-input-placeholder {
  opacity: 1;
  text-align: right !important;
  direction: rtl !important;
  color: #fff !important;
  font-weight: normal; }

@media (min-width: 1000px) {
  #lead_form input::-webkit-input-placeholder,
  ::-webkit-input-placeholder {
    opacity: 1;
    text-align: right !important;
    direction: rtl !important;
    color: #fff !important;
    font-weight: normal; }
  #lead_form input:-moz-placeholder,
  :-moz-placeholder {
    opacity: 1;
    text-align: right !important;
    direction: rtl !important;
    color: #fff !important;
    font-weight: normal; }
  #lead_form input::-moz-placeholder,
  ::-moz-placeholder {
    opacity: 1;
    text-align: right !important;
    direction: rtl !important;
    color: #fff !important;
    font-weight: normal; }
  #lead_form input:-ms-input-placeholder,
  :-ms-input-placeholder {
    opacity: 1;
    text-align: right !important;
    direction: rtl !important;
    color: #fff !important;
    font-weight: normal; }
  #lead_form input::-webkit-input-placeholder {
    opacity: 1;
    text-align: right !important;
    direction: rtl !important;
    color: #fff !important;
    font-weight: normal; } }

.title-wrapper {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center; }
  .title-wrapper .text {
    color: #000;
    font-size: 3.5rem;
    line-height: 1;
    width: 100%;
    padding: 4.7% 3% 5.2% 0; }
  .title-wrapper h2 {
    line-height: 1.1;
    padding-bottom: 1.5%;
    letter-spacing: 0.01em;
    font-weight: bold; }
  .title-wrapper h3 {
    font-size: 2.9rem;
    line-height: 1.1;
    font-weight: 400;
    letter-spacing: -0.01em; }
  .title-wrapper#section_1 {
    background-image: url("/assets/images/mobile/section-2.jpg"); }
  .title-wrapper#section_2 {
    background-image: url("/assets/images/mobile/vod.jpg"); }
    .title-wrapper#section_2 .text {
      color: #fff;
      padding: 10.7% 3% 14.2% 0; }
  .title-wrapper.plus-section .text {
    color: #fff;
    padding: 10.7% 3% 14.2% 0; }
  .title-wrapper#section_3 {
    background-image: url("/assets/images/mobile/kids.jpg"); }
    .title-wrapper#section_3 .text {
      padding: 10.7% 3% 14.2% 0; }
  .title-wrapper#kids_2 {
    background-image: url("/assets/images/mobile/kids2.jpg");
    height: 26em; }
    .title-wrapper#kids_2 .text {
      padding: 0 3% 0 0;
      height: 100%;
      display: flex;
      flex-direction: column;
      flex-wrap: nowrap;
      justify-content: center; }
      .title-wrapper#kids_2 .text .line-1 {
        font-size: 5rem;
        display: block;
        font-weight: 700;
        line-height: 1; }
      .title-wrapper#kids_2 .text .line-2 {
        font-weight: 400;
        font-size: 1.4rem;
        display: block;
        line-height: 1.1;
        margin-bottom: 1.1%; }
      .title-wrapper#kids_2 .text .line-3 {
        font-size: 0.31em;
        font-weight: 500; }
        .title-wrapper#kids_2 .text .line-3 .yes {
          font-weight: bold; }
        .title-wrapper#kids_2 .text .line-3 .vod {
          font-size: 0.86em; }
  .title-wrapper#section_4 {
    background-image: url("/assets/images/mobile/tech.jpg"); }
    .title-wrapper#section_4 .text {
      padding: 13.7% 3% 14.2% 0;
      color: #6bd7fd; }
    .title-wrapper#section_4 h2 {
      line-height: 1;
      padding-bottom: 0;
      letter-spacing: 0; }
  @media (min-width: 1000px) {
    .title-wrapper .text {
      font-size: 3.8em;
      padding: 0.95em 4.2% 0 0;
      min-height: 338px; }
    .title-wrapper h2 {
      line-height: 1;
      font-weight: bold;
      padding-bottom: 0; }
    .title-wrapper h3 {
      font-size: 0.4em;
      line-height: 1; }
    .title-wrapper#section_1 {
      padding: 0;
      position: relative;
      background: url("/assets/images/sections/section_2_pesach.jpg") no-repeat top center;
      background-size: cover; }
    .title-wrapper#section_2 {
      background: url("/assets/images/sections/section_3.jpg") no-repeat top center;
      background-size: cover;
      position: relative; }
      .title-wrapper#section_2 .text {
        padding: 1.35em 5.2% 0 0; }
    .title-wrapper#section_3 {
      background: url("/assets/images/sections/section_4.jpg") no-repeat top center;
      background-size: cover;
      position: relative; }
      .title-wrapper#section_3 .text {
        padding: 1.25em 3% 0 0;
        min-height: 310px; }
        .title-wrapper#section_3 .text h3 {
          font-size: 0.45em; }
    .title-wrapper#kids_2 {
      background: url("/assets/images/sections/section_5.jpg") right center no-repeat;
      background-size: cover;
      position: relative;
      height: 0;
      padding-bottom: 46.6%; }
      .title-wrapper#kids_2 .text {
        padding: 0 2.4% 0 0;
        height: 100%;
        font-size: 2.2em;
        position: absolute;
        font-size: 3.8vw;
        min-height: 313px; } }
    @media (min-width: 1000px) and (max-width: 1200px) {
      .title-wrapper#kids_2 .text {
        font-size: 3.4vw; } }
  @media (min-width: 1000px) {
        .title-wrapper#kids_2 .text .line-1 {
          font-size: 1.8em;
          display: block;
          font-weight: bold;
          letter-spacing: -0.01em;
          margin-bottom: 0;
          line-height: 0.9; }
        .title-wrapper#kids_2 .text .line-2 {
          font-size: 0.5em;
          display: block;
          letter-spacing: -0.02em; }
        .title-wrapper#kids_2 .text .line-3 {
          font-size: 0.4em;
          font-weight: 500; }
          .title-wrapper#kids_2 .text .line-3 .vod {
            font-size: 0.76em; }
          .title-wrapper#kids_2 .text .line-3 .yes {
            font-size: 0.9em;
            font-weight: bold; }
    .title-wrapper#section_4 {
      background: url("/assets/images/sections/section_6.jpg") no-repeat top center;
      background-size: cover;
      position: relative; }
      .title-wrapper#section_4 .text {
        padding: 1.3em 2.4% 0 0;
        min-height: 296px; }
      .title-wrapper#section_4 h2 {
        line-height: 0.8; } }

.box-wrapper .two-boxes {
  display: flex; }

.box-wrapper .box {
  padding-top: 31.5%;
  background-position: top center;
  background-size: 100%;
  background-repeat: no-repeat;
  background-color: #262626;
  width: 50%; }
  .box-wrapper .box .wrapper {
    display: inline-block; }
  .box-wrapper .box .description {
    background: #262626; }
  .box-wrapper .box .box-content {
    padding: 4.5% 6.8% 0 0;
    min-height: 8.8rem; }
    .box-wrapper .box .box-content .yes-docu {
      color: #fff; }
    .box-wrapper .box .box-content .docu {
      color: #9ED053; }
  .box-wrapper .box h4 {
    font-size: 2rem;
    color: #6bd7fd;
    position: relative;
    margin-bottom: 1.2%;
    line-height: 1.3; }
    .box-wrapper .box h4:after {
      content: '';
      position: absolute;
      bottom: 0;
      right: 0;
      width: 100%;
      height: 2px;
      background-color: #fff; }
    .box-wrapper .box h4 img {
      width: auto;
      height: 1.7rem;
      backface-visibility: hidden; }
  .box-wrapper .box p {
    font-size: 1.7rem;
    line-height: 1; }
  .box-wrapper .box.full-width {
    padding-top: 47.8%;
    width: 100%; }
    .box-wrapper .box.full-width .box-content {
      padding: 1.7% 3.1% 0 0; }

.box-wrapper #box1 {
  background-image: url("/assets/images/box/shtisel-1.jpg"); }

.box-wrapper #box2 {
  background-image: url("/assets/images/mobile/fauda_mobile.jpg"); }

.box-wrapper #box3 {
  background-image: url("/assets/images/mobile/box_1_4.jpg"); }

.box-wrapper #box4 {
  background-image: url("/assets/images/mobile/the_chef_mobile.jpg"); }

.box-wrapper #box5 {
  background-image: url("/assets/images/mobile/1917_mobile.jpg"); }

.box-wrapper #box6 {
  background-image: url("/assets/images/mobile/anatomyia_mobile.jpg"); }

.box-wrapper #box7 {
  background-image: url("/assets/images/mobile/SWAT_box7_mobile.jpg"); }

.box-wrapper #box8 {
  background-image: url("/assets/images/mobile/ozeri_mobile.jpg"); }

@media (max-width: 999.9px) {
  .box-wrapper #box7 img {
    padding-top: 4%;
    margin-bottom: -1.5%; } }

.box-wrapper #box8 .box-content {
  padding-top: 4.5%; }
  @media (min-width: 1000px) {
    .box-wrapper #box8 .box-content {
      padding-top: 1.9%; } }

.box-wrapper #box9 {
  background-image: url("/assets/images/mobile/box_3_2.jpg"); }

.box-wrapper #box10 {
  background-image: url("/assets/images/mobile/box_3_1.jpg"); }

.box-wrapper #box11 {
  background-image: url("/assets/images/mobile/box_3_4.jpg"); }

.box-wrapper #box12 {
  background-image: url("/assets/images/mobile/hashoter_mobile.jpg"); }

@media (min-width: 1000px) {
  .box-wrapper {
    display: flex;
    flex-wrap: wrap; }
    .box-wrapper .two-boxes {
      display: flex;
      width: 100%; }
    .box-wrapper .box, .box-wrapper .box.full-width {
      padding: 0 0 27.8%;
      height: 0;
      width: 50%;
      position: relative; }
      .box-wrapper .box .description, .box-wrapper .box.full-width .description {
        background: 0;
        position: absolute;
        bottom: 0;
        right: 0;
        width: 100%; }
      .box-wrapper .box .box-content, .box-wrapper .box.full-width .box-content {
        background: rgba(38, 38, 38, 0.9);
        opacity: 0;
        padding: 2.4% 2.9% 0 0;
        transition: opacity .3s;
        min-height: 6.2em;
        height: 100%; }
      .box-wrapper .box:focus .box-content, .box-wrapper .box:hover .box-content, .box-wrapper .box.full-width:focus .box-content, .box-wrapper .box.full-width:hover .box-content {
        opacity: 1;
        transition: opacity 0.3s; }
      .box-wrapper .box h4, .box-wrapper .box.full-width h4 {
        font-size: 1.7em;
        margin-bottom: 0.8%;
        line-height: 1.2;
        font-weight: bold; }
        .box-wrapper .box h4:after, .box-wrapper .box.full-width h4:after {
          height: 1px; }
        .box-wrapper .box h4 img, .box-wrapper .box.full-width h4 img {
          height: 0.7em; }
      .box-wrapper .box p, .box-wrapper .box.full-width p {
        font-size: 1.1em; }
    .box-wrapper #box1 {
      background-image: url("/assets/images/box/shtisel-2.jpg"); }
    .box-wrapper #box2 {
      background-image: url("/assets/images/box/fauda_desktop.jpg"); }
    .box-wrapper #box3 {
      background-image: url("/assets/images/box/box_1_4.jpg"); }
    .box-wrapper #box4 {
      background-image: url("/assets/images/box/the_chef_desktop.jpg"); }
    .box-wrapper #box5 {
      background-image: url("/assets/images/box/1917_desktop.jpg"); }
    .box-wrapper #box6 {
      background-image: url("/assets/images/box/anatomyia_desktop.jpg"); }
    .box-wrapper #box7 {
      background-image: url("/assets/images/box/SWAT_box7_desktop.jpg"); }
    .box-wrapper #box8 {
      background-image: url("/assets/images/box/ozeri_desktop.jpg"); }
    .box-wrapper #box9 {
      background-image: url("/assets/images/box/box_3_2.jpg"); }
    .box-wrapper #box10 {
      background-image: url("/assets/images/box/box_3_1.jpg"); }
    .box-wrapper #box11 {
      background-image: url("/assets/images/box/box_3_4.jpg"); }
    .box-wrapper #box12 {
      background-image: url("/assets/images/box/hashoter_desktop.jpg"); } }

.firefox .box, .firefox .box.full-width {
  display: table; }

@media (min-width: 1000px) {
  #section_2 .text {
    padding-top: 1.4em; }
    #section_2 .text .eng {
      font-size: 0.9em; } }

.fixed-buttons {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  background: #6BD7FD;
  border: 3px solid #000;
  display: none; }
  .fixed-buttons #after_scroll {
    color: #000;
    text-align: center;
    font-size: 2.1rem;
    padding: 3% 0 0;
    display: none;
    font-weight: 500; }
  .fixed-buttons.scrolled #after_scroll {
    display: block; }
  .fixed-buttons .content {
    display: flex;
    justify-content: space-around;
    padding: 2.5% 10.4% 2.8%; }
  .fixed-buttons button, .fixed-buttons a {
    font-size: 2.2rem;
    display: block;
    font-family: inherit;
    width: 43%;
    text-align: center;
    background: transparent;
    color: #000;
    border: 2px solid  #000;
    line-height: 2;
    text-decoration: none;
    font-weight: 500; }
  @media (min-width: 1000px) {
    .fixed-buttons {
      display: none !important; } }

.last-list {
  display: flex;
  flex-direction: column; }
  .last-list li {
    font-size: 4.3rem;
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    padding-top: 8%; }
    .last-list li h6 {
      font-weight: normal;
      padding-bottom: 5%;
      font-size: 0.5em; }
    .last-list li p {
      font-weight: normal;
      font-size: 0.42em; }
      .last-list li p.bottom {
        font-size: 0.26em;
        position: absolute;
        bottom: 3%;
        right: 5%; }
    .last-list li#item_1 {
      background-image: url("/assets/images/mobile/tech_middle_mobile.jpg");
      padding-right: 66%;
      text-align: right;
      padding-bottom: 14.4%; }
    .last-list li#item_2 {
      background-image: url("/assets/images/mobile/two_phones_mobile.jpg");
      padding-right: 64%;
      padding-bottom: 8.1%; }
    .last-list li#item_3 {
      background-image: url("/assets/images/mobile/tech_down_mobile.jpg");
      padding-right: 68%;
      padding-bottom: 9%; }
  @media (min-width: 1000px) {
    .last-list {
      flex-direction: row; }
      .last-list li {
        width: 33.33%;
        box-sizing: border-box;
        font-size: 1em;
        padding-top: 0;
        background-size: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding-bottom: 0; }
        .last-list li .tech-image {
          z-index: 10;
          position: absolute;
          top: 35%;
          left: 55%;
          transform: translate(-50%, -50%); }
        .last-list li h6 {
          padding-top: 12em;
          font-size: 2em;
          font-weight: 100;
          padding-bottom: 0; }
        .last-list li p {
          font-size: 1.4em;
          font-weight: 200;
          padding-bottom: 1.2em;
          max-width: 420px; }
          .last-list li p.bottom {
            bottom: 0;
            right: 0;
            font-size: 0.7em;
            max-width: 100%;
            position: relative;
            padding-left: 1em; }
        .last-list li#item_1 {
          border-top: 2px solid #02D8FC;
          background-position: center;
          background: linear-gradient(to top, #02D8FC 60%, #262626 20%);
          background-color: #02D8FC;
          padding-left: 0;
          text-align: right;
          padding-right: 2.3%;
          padding-bottom: 0;
          color: black; }
          .last-list li#item_1 .top:before {
            content: '';
            display: block;
            background-image: url("/assets/images/tech_middle_desktop.png");
            width: 92%;
            height: 23em;
            position: absolute;
            top: 5%;
            left: 10%;
            background-size: 100%;
            background-repeat: no-repeat; } }
        @media (min-width: 1000px) and (max-width: 1600px) {
          .last-list li#item_1 .top:before {
            top: 10%; } }
        @media (min-width: 1000px) and (max-width: 1400px) {
          .last-list li#item_1 .top:before {
            top: 15%; } }
        @media (min-width: 1000px) and (max-width: 1200px) {
          .last-list li#item_1 .top:before {
            top: 20%; } }
  @media (min-width: 1000px) {
          .last-list li#item_1:focus {
            outline: 0px solid transparent; } }
      @media (min-width: 1000px) and (max-width: 1000px) {
        .last-list li#item_1 {
          color: green; } }
  @media (min-width: 1000px) {
        .last-list li#item_2 {
          border-top: 2px solid #02D8FC;
          background: linear-gradient(to top, #02D8FC 60%, #262626 20%);
          background-position: center;
          padding-right: 2.5%;
          padding-bottom: 0; }
          .last-list li#item_2 .top:before {
            content: '';
            display: block;
            background-image: url("/assets/images/tech_right_desktop.png");
            width: 68%;
            height: 23em;
            position: absolute;
            top: 6%;
            left: 15%;
            background-size: 100%;
            background-repeat: no-repeat; } }
        @media (min-width: 1000px) and (max-width: 1600px) {
          .last-list li#item_2 .top:before {
            top: 10%; } }
        @media (min-width: 1000px) and (max-width: 1400px) {
          .last-list li#item_2 .top:before {
            top: 15%; } }
        @media (min-width: 1000px) and (max-width: 1200px) {
          .last-list li#item_2 .top:before {
            top: 20%; } }
  @media (min-width: 1000px) {
          .last-list li#item_2:focus {
            outline: 0px solid transparent; }
        .last-list li#item_3 {
          border-top: 2px solid #02D8FC;
          border-left: 5px solid black;
          box-shadow: -10px 0 5px -10px black;
          background: linear-gradient(to top, #02D8FC 60%, #262626 20%);
          background-position: center;
          padding-right: 2.2%;
          justify-content: space-between;
          padding-bottom: 0; }
          .last-list li#item_3 .top:before {
            content: '';
            display: block;
            background-image: url("/assets/images/tech_left_desktop.png");
            width: 96%;
            height: 19em;
            position: absolute;
            top: 8%;
            left: 10%;
            background-size: 100%;
            background-repeat: no-repeat; } }
        @media (min-width: 1000px) and (max-width: 1600px) {
          .last-list li#item_3 .top:before {
            top: 10%; } }
        @media (min-width: 1000px) and (max-width: 1400px) {
          .last-list li#item_3 .top:before {
            top: 15%; } }
        @media (min-width: 1000px) and (max-width: 1200px) {
          .last-list li#item_3 .top:before {
            top: 20%; } }
  @media (min-width: 1000px) {
          .last-list li#item_3:focus {
            outline: 0px solid transparent; } }

.thanks-page #thanks_wrapper {
  display: block;
  position: relative;
  padding: 17% 5.6% 38% 0; }

.thanks-page #form_section, .thanks-page .haygu, .thanks-page #footer {
  display: none; }

.thanks-page #left #bot_wrapper {
  display: none; }

.thanks-page #thanks {
  font-size: 2.6rem;
  padding-right: 20%; }

@media (min-width: 1000px) {
  .thanks-page #thanks_wrapper {
    padding: 37% 5.6% 13% 0; }
  .thanks-page #thanks {
    font-size: 1.4em;
    padding-right: 5%; }
  .thanks-page #footer {
    display: block; }
    .thanks-page #footer .content {
      display: none; }
    .thanks-page #footer .eclipse {
      display: block; } }

@media (min-width: 1000px) and (max-height: 900px) {
  #right {
    margin-left: 360px; }
    #right #left {
      font-size: 18px;
      width: 19em; } }

@media (min-width: 1000px) and (max-height: 850px) {
  #right {
    margin-left: 328px; }
    #right #left {
      font-size: 16px;
      width: 20.4em; } }

@media (min-width: 1000px) and (max-height: 750px) {
  #right {
    margin-left: 265px; }
    #right #left {
      font-size: 13px;
      width: 20.4em; } }

header.plus {
  padding: 0;
  background-color: #212121; }
  header.plus .top_new {
    position: relative; }
    header.plus .top_new .content {
      position: absolute;
      top: 0;
      right: 0;
      width: 18em;
      height: 28.3em;
      z-index: 9;
      box-sizing: border-box;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      font-size: 1.5em; }
      header.plus .top_new .content h1 {
        width: 65%;
        margin-bottom: 1.2em;
        padding-right: 15%;
        padding-top: 11%; }
      header.plus .top_new .content .logo-container {
        width: 80%;
        margin-bottom: 1.2em;
        padding-right: 8%;
        padding-top: 11%; }
        header.plus .top_new .content .logo-container img {
          display: block;
          width: 100%; }
      header.plus .top_new .content .middle .first {
        display: block;
        font-size: 0.8em;
        margin-bottom: 2.5em;
        padding-left: 1.9em; }
      header.plus .top_new .content .middle h2 {
        color: white;
        font-weight: 100;
        font-size: 1.3em;
        padding-bottom: 1.8em;
        text-align: center;
        line-height: 1.5; }
        header.plus .top_new .content .middle h2 .eng {
          font-size: .8em; }
        header.plus .top_new .content .middle h2 .only {
          color: #6bd6fd; }
        header.plus .top_new .content .middle h2 .bold {
          font-weight: bold; }
        header.plus .top_new .content .middle h2 .month {
          margin-right: -0.4em;
          color: #6CD6FD; }
          header.plus .top_new .content .middle h2 .month .white {
            font-size: 0.8em;
            display: block;
            padding-left: 2.2em; }
        header.plus .top_new .content .middle h2 span.large {
          color: #6bd6fd;
          font-size: 5.4em;
          line-height: 0.2;
          letter-spacing: -0.03em;
          font-weight: bold; }
        header.plus .top_new .content .middle h2 span.medium {
          color: #6bd6fd;
          font-size: 1.3em;
          font-weight: 500; }
        header.plus .top_new .content .middle h2 .end {
          font-size: 0.7em;
          padding-left: 0.7em;
          display: block;
          line-height: 0.9; }
          header.plus .top_new .content .middle h2 .end img {
            display: inline-block;
            backface-visibility: hidden; }
            header.plus .top_new .content .middle h2 .end img.image-1 {
              width: 4.7em; }
            header.plus .top_new .content .middle h2 .end img.image-2 {
              width: 1.8em; }
        header.plus .top_new .content .middle h2 .apple-logo {
          height: 1em; }
      header.plus .top_new .content .lower {
        font-size: 0.76em;
        text-align: center;
        width: 73%;
        margin: 2em 4% 0 0; }
        header.plus .top_new .content .lower .eng {
          font-size: 0.85em; }
        header.plus .top_new .content .lower .vod {
          display: inline-block;
          transform: scaleX(1.1); }
        header.plus .top_new .content .lower .smaller {
          position: absolute;
          bottom: 0;
          right: 1.5em;
          font-size: 0.75em;
          text-align: center; }
      header.plus .top_new .content .four-note {
        line-height: 1.1;
        text-align: center;
        font-size: 1.2em; }
        header.plus .top_new .content .four-note img {
          width: 1.6em; }
        header.plus .top_new .content .four-note .wide {
          letter-spacing: 0.015em; }
  header.plus .banner-images {
    position: relative; }
    header.plus .banner-images .banner-img img {
      width: 100%; }
    header.plus .banner-images .bottom-note {
      position: absolute;
      top: 92%;
      right: 2.5%;
      z-index: 9;
      font-size: 0;
      visibility: hidden; }
  @media (min-width: 1000px) {
    header.plus {
      height: auto;
      padding: 0; }
      header.plus .top_new {
        background: url("/assets/images/plus/desktop/bg_desktop.jpg") no-repeat left center;
        background-size: 100%;
        padding-bottom: 57.6%;
        z-index: 9;
        height: 0; }
        header.plus .top_new .content {
          position: absolute;
          padding-right: 0.5em;
          top: 0;
          height: 100%;
          width: auto;
          left: auto;
          right: 1em;
          font-size: 1.5em;
          max-width: 37.5%; }
          header.plus .top_new .content .header-text h1 {
            width: 90%; }
          header.plus .top_new .content .logo-container {
            width: 65%;
            margin-right: 2.5em; }
          header.plus .top_new .content h1 {
            font-size: 2.1em;
            line-height: 1.3;
            letter-spacing: -0.01em;
            font-weight: 400;
            text-align: center;
            padding: 0;
            width: 96%;
            margin-right: 0.4em;
            margin-bottom: 0.7em; }
          header.plus .top_new .content .middle h2 .month .white {
            padding-left: 1.1em;
            font-size: 0.9em; }
          header.plus .top_new .content .middle h2 .end img.image-1 {
            width: 4.7em; }
          header.plus .top_new .content .middle h2 .end img.image-2 {
            width: 1.8em; }
          header.plus .top_new .content .middle .first {
            margin-left: -1.8em;
            font-size: 0.9em;
            margin-bottom: 1.4em;
            padding-left: 2.5em; }
          header.plus .top_new .content .lower {
            width: 85%; }
          header.plus .top_new .content p.four-note {
            line-height: 1.1;
            text-align: center;
            font-size: 1.2em; }
            header.plus .top_new .content p.four-note span.wide {
              letter-spacing: 0.015em; }
          header.plus .top_new .content h2.upper {
            font-size: 2.06em; }
            header.plus .top_new .content h2.upper .big {
              font-size: 1em; }
          header.plus .top_new .content h2 {
            font-size: 1.615em;
            word-spacing: -.06em;
            letter-spacing: 0.01em; }
            header.plus .top_new .content h2 .eng {
              font-size: 0.82em; }
      header.plus .timer {
        display: flex;
        flex-direction: column;
        top: 74.9%;
        right: 8.1%; }
        header.plus .timer .timer-title {
          padding-left: 0.3em;
          line-height: 1.2;
          padding-bottom: 0; }
        header.plus .timer #time h2 {
          font-size: 4em;
          letter-spacing: 0.02em; }
        header.plus .timer .time-date {
          word-spacing: 2em;
          padding-left: 0; }
      header.plus .banner-images {
        display: none; } }
  header.plus #arrow_down {
    background-color: #262626;
    height: 0;
    position: relative;
    padding-bottom: 28.5%; }
  header.plus #go_down {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 64%;
    height: 79%;
    border: 0;
    background: 0 0;
    padding: 2%;
    transform: translate(-50%, -50%); }
    header.plus #go_down span {
      font-size: 2.7rem;
      display: block;
      color: #6BD7FD;
      padding-bottom: 2%; }
    header.plus #go_down img {
      width: 12%;
      padding-top: .4%;
      position: absolute;
      top: 74%;
      transform: translateX(50%);
      animation: moving2 1s ease infinite; }

@keyframes moving2 {
  0% {
    top: 74%; }
  50% {
    top: 84%; }
  100% {
    top: 74%; } }
  @media (min-width: 1000px) {
    header.plus {
      position: relative; } }
  header.plus p.smaller {
    font-size: 0.85em !important; }

#left {
  position: relative;
  width: 100%;
  background: #262626;
  /*RADIO BUTTONS*/ }
  #left.mob-visible {
    display: block; }
    @media (max-width: 420px) {
      #left.mob-visible {
        overflow: scroll; } }
  #left .form-area {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 4%; }
    #left .form-area .special-benefit.mobile {
      font-size: 2.55em;
      color: #fff;
      border: 3px solid #fff;
      background: #262626;
      text-decoration: none;
      font-weight: 400;
      width: 76%;
      text-align: center;
      margin: 0.6% auto 0;
      padding: .3em .55em .2em;
      line-height: 1.4; }
    #left .form-area ul.header-list {
      background: #262626;
      text-align: right;
      font-size: 3rem;
      padding: 3% 8.4% 4% 0; }
    #left .form-area ul.header-list .header-list-item {
      padding-right: 6.9%;
      position: relative;
      font-size: .78em;
      margin-bottom: 1.7%; }
    #left .form-area ul.header-list .header-list-item:before {
      position: absolute;
      content: "";
      right: 0;
      top: .8rem;
      background: url(/assets/images/mobile/bullet.png) center center no-repeat;
      background-size: 100%;
      width: 1.8rem;
      height: 1.8rem; }
    #left .form-area #notes {
      font-size: 1.54rem;
      background: #262626;
      text-align: right;
      padding: 0;
      color: #fff; }
      #left .form-area #notes a {
        color: inherit; }
  #left #form_footer {
    padding-bottom: 0; }
  #left #go_down {
    top: 28% !important; }
  #left .form-area {
    padding-bottom: 0; }
  #left #arrow_down {
    padding-bottom: 20% !important; }
    @media (max-width: 999.9px) {
      #left #arrow_down {
        margin-top: 5%; } }
  #left #form_section {
    position: relative; }
  #left #close_form {
    display: none; }
  #left #form_top {
    width: 100%; }
  #left #form {
    position: relative;
    padding: 1% 9% 0;
    width: 100%;
    box-sizing: border-box; }
    #left #form h2 {
      text-align: right;
      font-size: 2.8rem;
      line-height: 1;
      padding: 2% 0; }
  #left #shadow {
    display: none; }
  #left .input-wrapper {
    height: 6.4rem;
    margin: 0 auto 2.1em;
    padding: 0;
    position: relative; }
    #left .input-wrapper .form-input {
      box-sizing: border-box;
      font-size: 2.4rem;
      border: 0;
      width: 100%;
      height: 100%;
      background: #f2f2f2;
      border-radius: 0;
      margin-top: 0;
      padding: 0 4.1%;
      color: #262626; }
    #left .input-wrapper .fancy-label {
      position: absolute;
      display: inline-block;
      font-size: 2.4rem;
      top: 50%;
      right: 4.4%;
      font-weight: 400;
      transition: .1s;
      transform: translateY(-50%);
      color: #262626; }
      #left .input-wrapper .fancy-label.active {
        top: -0.8rem;
        transition: 0.1s ease-out;
        color: #f2f2f2; }
  #left .radio-wrap {
    width: 24.5em;
    text-align: right;
    font-size: 1.5rem;
    height: 5.8rem;
    margin: 0 0 1.8em; }
    #left .radio-wrap label {
      display: block;
      white-space: nowrap;
      text-align: center;
      font-size: 1.7em;
      line-height: 1.6em;
      cursor: pointer;
      position: relative;
      padding: 0.2em 1.2em 0 0;
      z-index: 5; }
      #left .radio-wrap label.checked {
        color: #6bd7fd; }
  #left .radio-buttons-wrap {
    display: flex;
    justify-content: space-between;
    flex-direction: row; }
    #left .radio-buttons-wrap .container {
      display: block;
      position: relative;
      cursor: pointer;
      font-size: 1em;
      margin-top: 1em;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
      #left .radio-buttons-wrap .container .radios {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        top: 0.2em;
        right: 2.4em;
        height: 1.2em;
        width: 1.2em;
        z-index: 5;
        visibility: hidden; }
      #left .radio-buttons-wrap .container .checked + .checkmark:after {
        display: block; }
      #left .radio-buttons-wrap .container .checkmark {
        position: absolute;
        top: 1em;
        right: 0;
        height: 1.1em;
        width: 1.1em;
        border: 2px solid #f2f2f2;
        border-radius: 50%; }
        #left .radio-buttons-wrap .container .checkmark:after {
          content: "";
          position: absolute;
          display: none;
          top: 0.1em;
          left: 0.07em;
          width: 0.92em;
          height: 0.92em;
          border-radius: 50%;
          background: #6BD7FD; }
          @media (min-width: 1000px) {
            #left .radio-buttons-wrap .container .checkmark:after {
              top: 0.045em;
              left: 0.05em;
              width: 0.6em;
              height: 0.6em; } }
        @media (min-width: 1000px) {
          #left .radio-buttons-wrap .container .checkmark {
            top: auto;
            height: .7em;
            width: .7em;
            bottom: 0.29em; } }
    @media (min-width: 1000px) {
      #left .radio-buttons-wrap {
        width: 13.3em;
        margin-bottom: 0.6em; } }
    #left .radio-buttons-wrap .radio-box {
      font-weight: bold;
      display: flex;
      justify-content: space-between;
      flex-direction: row; }
  #left label.radio-label:before {
    display: none; }
  #left label.radio-label.checked:before {
    background: #fff;
    background-size: 100%; }
  #left .phone-wrap .pre-phone-wrap {
    margin-left: 0;
    float: left;
    width: 31.8%;
    height: 100%;
    background: #3e3d3d; }
    @media screen and (max-width: 1000px) {
      #left .phone-wrap .pre-phone-wrap {
        display: none; } }
    @media (max-width: 999.9px) {
      #left .phone-wrap .pre-phone-wrap {
        display: none; } }
    #left .phone-wrap .pre-phone-wrap #pre_phone {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      height: 100%;
      color: #fff;
      z-index: 2;
      padding: 0 11% 0 0; }
  #left .phone-wrap .input-phone-wrap {
    float: right;
    width: 63.3%;
    height: 100%; }
    @media screen and (max-width: 1000px) {
      #left .phone-wrap .input-phone-wrap {
        width: 100%; } }
  @media (min-width: 1000px) {
    #left .input-fullphone-wrap {
      display: none; } }
  @media (max-width: 999.9px) {
    #left .input-fullphone-wrap {
      height: 100%; } }
  #left #popup {
    position: absolute;
    top: 47%;
    line-height: 2.7rem;
    right: 21%;
    text-align: right;
    font-size: 2.7rem;
    width: 55%;
    color: #fff;
    background: #262626;
    z-index: 99;
    padding: 5% 0; }
    @media (max-width: 999.9px) {
      #left #popup {
        top: 32%;
        width: 100%;
        right: 0;
        padding-bottom: 0; } }
    #left #popup #close {
      background: url(/assets/images/mobile/close.png) center center no-repeat;
      background-size: contain;
      width: 3.8rem;
      height: 3.8rem;
      display: none; }
    #left #popup .glow {
      font-size: 1em;
      font-weight: 700;
      line-height: 1;
      color: #fff; }
    #left #popup #popup_link {
      color: #000;
      width: 100%;
      display: block;
      text-align: left;
      margin-top: 4%;
      line-height: 1.7;
      box-sizing: border-box;
      background-color: #ffd600;
      padding-left: 4%;
      font-weight: 500; }
      @media (max-width: 999.9px) {
        #left #popup #popup_link {
          line-height: 1.9;
          background: #FFD600;
          font-size: 1.2em;
          text-align: center;
          width: 71%;
          margin-right: auto;
          margin-left: auto;
          height: 1.8em; } }
    @media (max-width: 999.9px) {
      #left #popup .existing-client-text {
        margin-right: 21%; } }
    #left #popup #call {
      height: 4.8rem;
      display: block;
      margin-top: 5%;
      text-align: center;
      color: white;
      font-size: 1.3em;
      text-decoration: none;
      background-size: 100%;
      position: relative;
      border: 2px solid white;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center; }
      @media (max-width: 999.9px) {
        #left #popup #call {
          width: 71%;
          margin-right: auto;
          margin-left: auto;
          height: 1.56em;
          margin-top: 3.1%; } }
      #left #popup #call::after {
        background: url("/assets/images/mobile/phone.png") no-repeat;
        content: '';
        position: absolute;
        right: 3.5em;
        top: 0.2em;
        background-size: 1.3em;
        height: 1.3em;
        width: 1.3em;
        display: inline-block; }
  #left #btn {
    background: url("/assets/images/mobile/send.jpg") no-repeat top center;
    background-size: 100%;
    width: 100%;
    height: 100%;
    font-size: 0;
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    color: #000;
    font-weight: 500;
    border: none;
    background: #FFD600;
    font-size: 3.1em;
    font-family: alfi; }
    #left #btn.sending {
      opacity: 0.7; }
  #left .haygu {
    text-align: right;
    font-size: 3.1rem;
    padding-bottom: 1.7%;
    color: #6bd7fd;
    color: #fff; }
  #left .haygu-fineprint {
    font-size: 1.54rem;
    text-align: right;
    padding: 1em 9% 0; }
  #left #bot_wrapper {
    display: flex;
    justify-content: space-around;
    padding: 3.8% 7.2% 0;
    height: 6.2em;
    box-sizing: content-box; }
    #left #bot_wrapper .contact {
      width: 47%;
      font-size: 0;
      height: 5.2rem; }
    #left #bot_wrapper #m_phoneNumber {
      background: url(/assets/images/mobile/c2c.png) top center no-repeat;
      background-size: 100%;
      width: 44.3%; }
    #left #bot_wrapper #chat_btn {
      background: url(/assets/images/mobile/chat.png) top center no-repeat;
      background-size: 100%; }
    #left #bot_wrapper #quick_join_hatava {
      width: 47%;
      height: auto;
      display: block;
      background: url(/assets/images/mobile/hatava_mob_new.png) no-repeat;
      background-size: 100%; }
  @media (min-width: 1000px) {
    #left {
      display: block;
      font-size: 20px;
      width: 19.4em;
      position: fixed;
      left: 0;
      top: 0;
      height: 100%; }
      #left .form-area {
        padding: 0 2em 0;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center; }
        #left .form-area .form-wrapper {
          padding-top: 2em; }
          #left .form-area .form-wrapper .form-header-wrapper {
            padding: 3% 0 1% 0; }
            #left .form-area .form-wrapper .form-header-wrapper .form-header {
              font-size: 1.7em;
              line-height: 1;
              letter-spacing: -.03em;
              padding-bottom: 2%; }
              #left .form-area .form-wrapper .form-header-wrapper .form-header .join-yet {
                font-size: 1.1em; }
              #left .form-area .form-wrapper .form-header-wrapper .form-header .bold {
                font-weight: 500; }
              #left .form-area .form-wrapper .form-header-wrapper .form-header .special-benefit {
                font-size: .65em;
                color: #262626;
                background: #6bd7fd;
                text-decoration: none;
                font-weight: 400;
                display: inline-block;
                margin: .6em 0 1.1em;
                padding: .3em .55em .2em;
                line-height: 1.4;
                width: 92%;
                text-align: center; }
              #left .form-area .form-wrapper .form-header-wrapper .form-header .smaller {
                font-size: 0.81em; }
      #left #form {
        padding: 0; }
        #left #form .inputs-wrapper {
          padding: 0; }
        #left #form .input-wrapper {
          font-size: 1em;
          margin-bottom: 1.1em;
          height: 2.1em; }
          #left #form .input-wrapper.radio-wrap {
            width: 100%;
            right: 0;
            box-sizing: border-box;
            margin: 0;
            height: auto;
            padding: 0 0 1.1%; }
            #left #form .input-wrapper.radio-wrap label {
              font-size: 1.1em;
              line-height: 1.4em; } }
          @media (min-width: 1000px) and (min-width: 1000px) {
            #left #form .input-wrapper.radio-wrap label {
              font-size: 1em; } }
  @media (min-width: 1000px) {
          #left #form .input-wrapper .fancy-label {
            font-size: 1.1em;
            color: #262626; }
            #left #form .input-wrapper .fancy-label.active {
              top: -0.4em;
              color: #f2f2f2; }
          #left #form .input-wrapper .form-input {
            font-size: 1.3em; }
        #left #form .phone-wrap .pre-phone-wrap {
          width: 33.7%; }
          #left #form .phone-wrap .pre-phone-wrap #pre_phone {
            font-size: 1.1em;
            color: #262626; }
        #left #form .phone-wrap .input-phone-wrap {
          width: 58.7%; }
        #left #form select option {
          color: #000;
          background: #fff; }
        #left #form select:focus::-ms-value {
          color: #001e5a;
          background: #fff;
          background-color: #fff; }
        #left #form select::-ms-expand {
          display: none; }
        #left #form #btn {
          background-size: 100%;
          color: #000;
          border: none;
          width: 100%;
          height: 100%;
          background: #FFD600;
          font-size: 1.1em;
          font-weight: bold;
          -webkit-appearance: none;
          appearance: none;
          font-family: alfi;
          font-weight: 500; }
      #left .haygu {
        color: white;
        font-size: 1.2em;
        padding-bottom: 1%; }
      #left #popup {
        top: 28%;
        font-size: 1.1em;
        line-height: 1.2;
        width: 72%;
        right: 16%; }
        #left #popup #glow {
          font-size: 1.2em; }
        #left #popup #popup_link {
          margin-bottom: .4em;
          line-height: 1;
          padding: 3% 8%; }
        #left #popup #glow {
          font-size: 1.2em; }
      #left #bot_wrapper {
        display: none; }
      #left .fineprint {
        font-size: 0.7em;
        line-height: 1.3;
        display: inline-block;
        padding: 0;
        padding-top: 1em !important; }
      #left .eclipse {
        position: absolute;
        bottom: 0.4em;
        left: 0.3em; } }

@media (min-width: 1000px) {
  .thanks-page #left .form-area .form-header-wrapper {
    display: none; }
  .thanks-page #left #thanks_wrapper, .thanks-page #left .thanks-page.off .is-open, .thanks-page #left .thanks-page.on .is-closed {
    display: block; } }

@-webkit-keyframes fade {
  0% {
    color: #6BD7FD;
    background: #262626; }
  49% {
    color: #6BD7FD;
    background: #262626; }
  50% {
    color: #262626;
    background: #6BD7FD; }
  100% {
    color: #262626;
    background: #6BD7FD; } }

@keyframes fade {
  0% {
    color: #6BD7FD;
    background: #262626; }
  49% {
    color: #6BD7FD;
    background: #262626; }
  50% {
    color: #262626;
    background: #6BD7FD; }
  100% {
    color: #262626;
    background: #6BD7FD; } }

#form_footer {
  text-align: justify;
  padding: 0 9% 2%; }
  #form_footer .content {
    padding: 0; }
  #form_footer .fineprint {
    font-size: 1.38rem;
    line-height: 1.5rem;
    padding: 2% 0 1.4%;
    display: none; }
  @media (min-width: 1000px) {
    #form_footer {
      padding: 0; }
      #form_footer .fineprint {
        font-size: 0.7em;
        line-height: 1.3;
        padding: 0 0 16% 0;
        display: inline-block; }
      #form_footer .eclipse {
        padding-top: 30%;
        background: url(/assets/images/eclipse.png) bottom center no-repeat;
        background-size: 80%;
        padding-right: 36%;
        padding-bottom: 4%; }
        #form_footer .eclipse #logo {
          display: block; } }

.yes-plus .title-wrapper {
  background-image: url("/assets/images/yes_plus_header_mobile.png");
  background-position: left;
  background-size: contain;
  background-color: #262626; }
  .yes-plus .title-wrapper .text {
    padding-top: 0 !important;
    min-height: 0; }
    .yes-plus .title-wrapper .text .logos {
      padding: 1.2em 0 0.3em 0; }
      .yes-plus .title-wrapper .text .logos img {
        width: 1.5em; }
      .yes-plus .title-wrapper .text .logos #plus {
        transform: translate(-5%, 15%);
        width: 2.3em; }
    .yes-plus .title-wrapper .text h2 {
      font-size: 1em;
      font-weight: bold; }
      .yes-plus .title-wrapper .text h2 #apple {
        width: 1.8em; }
    .yes-plus .title-wrapper .text h3 {
      font-size: 0.7em; }

.yes-plus .carousel .swiper-container .swiper-wrapper .item-wrapper .slide-img {
  padding-bottom: 47%;
  background-size: cover;
  background-position: right;
  background-repeat: no-repeat; }

.yes-plus .carousel .swiper-container .swiper-wrapper .swiper-slide {
  box-sizing: border-box; }
  .yes-plus .carousel .swiper-container .swiper-wrapper .swiper-slide .slide-text {
    width: 100%;
    text-align: right;
    font-size: 0.9em;
    padding: 1% 3% 1% 0; }
    .yes-plus .carousel .swiper-container .swiper-wrapper .swiper-slide .slide-text .slide-title {
      font-size: 2.5em;
      font-weight: 600;
      color: #6BD7FD; }
      .yes-plus .carousel .swiper-container .swiper-wrapper .swiper-slide .slide-text .slide-title .eng {
        line-height: 1; }
    .yes-plus .carousel .swiper-container .swiper-wrapper .swiper-slide .slide-text .slide-desc {
      font-size: 2em; }

.yes-plus .carousel .swiper-container .swiper-button-next, .yes-plus .carousel .swiper-container .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%20%20%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20class%3D%22arrow%22%20viewBox%3D%270%200%2027%2044%27%3E%0A%20%20%20%20%3Cfilter%20id%3D%22dropshadow%22%20height%3D%22130%25%22%3E%0A%20%20%3CfeGaussianBlur%20in%3D%22SourceAlpha%22%20stdDeviation%3D%223%22%2F%3E%0A%20%20%3CfeOffset%20dx%3D%220%22%20dy%3D%220%22%20result%3D%22offsetblur%22%2F%3E%0A%20%20%3CfeComponentTransfer%3E%0A%20%20%20%20%3CfeFuncA%20type%3D%22linear%22%20slope%3D%220.5%22%2F%3E%0A%20%20%3C%2FfeComponentTransfer%3E%0A%20%20%3CfeMerge%3E%20%0A%20%20%20%20%3CfeMergeNode%2F%3E%0A%20%20%20%20%3CfeMergeNode%20in%3D%22SourceGraphic%22%2F%3E%20%0A%20%20%3C%2FfeMerge%3E%0A%3C%2Ffilter%3E%0A%20%20%20%20%3Cpath%20d%3D%27M0%2C22L20%2C0l1.5%2C1.5L3%2C22l18.5%2C20.5L20%2C44L0%2C22L0%2C22L0%2C22z%27%20fill%3D%27%23ffffff%27%20%20style%3D%22filter%3Aurl%28%23dropshadow%29%22%2F%3E%3C%2Fsvg%3E");
  background-size: contain;
  width: 6%;
  height: 12em;
  cursor: pointer;
  top: 48%;
  transform: translateY(-50%); }

.yes-plus .carousel .swiper-container .swiper-button-prev {
  transform: rotate(180deg) translateY(-50%);
  transform-origin: top; }

@media (min-width: 1000px) {
  .yes-plus .title-wrapper {
    background-image: url("/assets/images/yes_plus_header_desktop.png");
    background-position: left;
    background-size: contain;
    background-repeat: no-repeat; }
    .yes-plus .title-wrapper .text {
      padding-bottom: 0.2em; }
      .yes-plus .title-wrapper .text .logos {
        padding-top: 0.2em;
        padding-bottom: 0.1em; }
        .yes-plus .title-wrapper .text .logos img {
          width: 1em; }
        .yes-plus .title-wrapper .text .logos #plus {
          width: 1.5em; }
      .yes-plus .title-wrapper .text h2 {
        font-size: 0.7em; }
      .yes-plus .title-wrapper .text h3 {
        line-height: 1.8;
        font-size: 0.4em; }
  .yes-plus .carousel {
    background-color: #262626; }
    .yes-plus .carousel .swiper-container .swiper-wrapper .swiper-slide .item-wrapper {
      position: relative; }
      .yes-plus .carousel .swiper-container .swiper-wrapper .swiper-slide .item-wrapper .slide-img {
        padding-bottom: 53%;
        background-size: cover; }
      .yes-plus .carousel .swiper-container .swiper-wrapper .swiper-slide .item-wrapper .slide-text {
        font-size: 1em;
        padding-bottom: 1em;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        position: absolute;
        bottom: 0;
        right: 0;
        width: 100%;
        background-color: #262626;
        opacity: 0.9; }
        .yes-plus .carousel .swiper-container .swiper-wrapper .swiper-slide .item-wrapper .slide-text .slide-desc {
          font-size: 1.3em; }
    .yes-plus .carousel .swiper-container .swiper-button-next, .yes-plus .carousel .swiper-container .swiper-button-prev {
      width: 5%;
      top: 40%; } }

.carousel .swiper-container .swiper-wrapper .slide-1 {
  background-image: url("/assets/images/yes-plus-swiper-images/mobile/slide_1.jpg"); }

.carousel .swiper-container .swiper-wrapper .slide-2 {
  background-image: url("/assets/images/yes-plus-swiper-images/mobile/slide_2.jpg"); }

.carousel .swiper-container .swiper-wrapper .slide-3 {
  background-image: url("/assets/images/yes-plus-swiper-images/mobile/slide_3.jpg"); }

.carousel .swiper-container .swiper-wrapper .slide-4 {
  background-image: url("/assets/images/yes-plus-swiper-images/mobile/slide_4.jpg"); }

.carousel .swiper-container .swiper-wrapper .slide-5 {
  background-image: url("/assets/images/yes-plus-swiper-images/mobile/slide_5.jpg"); }

.carousel .swiper-container .swiper-wrapper .slide-6 {
  background-image: url("/assets/images/yes-plus-swiper-images/mobile/slide_6.jpg"); }

@media (min-width: 1000px) {
  .carousel .swiper-container .swiper-wrapper .slide-1 {
    background-image: url("/assets/images/yes-plus-swiper-images/desktop/slide_1.jpg"); }
  .carousel .swiper-container .swiper-wrapper .slide-2 {
    background-image: url("/assets/images/yes-plus-swiper-images/desktop/slide_2.jpg");
    background-position: bottom; }
  .carousel .swiper-container .swiper-wrapper .slide-3 {
    background-image: url("/assets/images/yes-plus-swiper-images/desktop/slide_3.jpg"); }
  .carousel .swiper-container .swiper-wrapper .slide-4 {
    background-image: url("/assets/images/yes-plus-swiper-images/desktop/slide_4.jpg");
    background-position: top; }
  .carousel .swiper-container .swiper-wrapper .slide-5 {
    background-image: url("/assets/images/yes-plus-swiper-images/desktop/slide_5.jpg"); }
  .carousel .swiper-container .swiper-wrapper .slide-6 {
    background-image: url("/assets/images/yes-plus-swiper-images/desktop/slide_6.jpg"); } }