@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; } }

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

@media (min-width: 1100px) and (max-width: 1200px) {
  #right header {
    font-size: 18.1px; } }

@media (min-width: 1201px) and (max-width: 1280px) {
  #right header {
    font-size: 17.1px; } }

@media (min-width: 1281px) and (max-width: 1399px) {
  #right header {
    font-size: 17.9px; } }

@media (min-width: 1400px) and (max-width: 1599px) {
  #right header {
    font-size: 18.8px; } }

@media (min-width: 1600px) and (max-width: 1670px) {
  #right header {
    font-size: 20.4px; } }

@media (min-width: 1670px) and (max-width: 1900px) {
  #right header {
    font-size: 19.8px; } }

@media (min-width: 2000px) and (max-width: 3000px) {
  #right header {
    font-size: 23px; } }

header {
  padding: 0;
  background-color: #262626; }
  @media (max-width: 999.9px) {
    header .new-header.mobile,
    header .current-header.mobile,
    header .pensiya-header.mobile,
    header .ken-header.mobile {
      position: relative; } }
  @media (min-width: 1000px) {
    header {
      height: auto;
      padding: 0;
      position: relative; } }
  header #arrow_down {
    background-color: #262626;
    height: 0;
    position: relative;
    padding-bottom: 28.5%; }
  header #go_down {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 64%;
    height: 79%;
    border: 0;
    background: 0 0;
    padding: 2%;
    transform: translate(-50%, -50%); }
    header #go_down span {
      font-size: 2.7rem;
      display: block;
      color: #6BD7FD;
      padding-bottom: 2%; }
    header #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 {
    padding-bottom: 63%; } }

header .timer {
  display: none; }

@media (max-width: 999.9px) {
  header #top_new {
    position: relative; } }

header #top_new .bg {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center; }
  @media (min-width: 1000px) {
    header #top_new .bg {
      background-position: top left;
      background-image: url("/assets/images/main_header.jpg"); } }

header #top_new .content {
  z-index: 999;
  position: absolute;
  padding-right: 2em; }
  @media (max-width: 999.9px) {
    header #top_new .content {
      padding-right: 1.5em;
      padding-top: 10em;
      font-size: 0.98em;
      top: 50%;
      transform: translateY(-50%);
      height: 100%; } }
  @media (min-width: 1000px) {
    header #top_new .content {
      font-size: .79em;
      z-index: 999;
      position: absolute;
      padding-top: 11em;
      padding-right: 0;
      margin-right: -0.5em; } }
  header #top_new .content .header-text {
    text-align: center;
    font-weight: bold; }
    header #top_new .content .header-text .h1-icons-container {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: space-between;
      margin-bottom: 10.3%;
      width: 25em; }
      @media (min-width: 1000px) {
        header #top_new .content .header-text .h1-icons-container {
          height: 9.8em;
          margin-bottom: .1em;
          padding-top: 0;
          width: 100%; } }
      @media (min-width: 1000px) {
        header #top_new .content .header-text .h1-icons-container .h1-triple {
          padding-right: 0;
          display: block;
          width: 100%; }
          header #top_new .content .header-text .h1-icons-container .h1-triple h1 {
            width: 100%; } }
      @media (min-width: 1000px) {
        header #top_new .content .header-text .h1-icons-container .enjoy {
          text-align: right;
          font-weight: 400;
          padding-right: 1.4em;
          font-size: 1.767em;
          line-height: 1.15;
          padding-top: 0.3em;
          padding-bottom: 1.8em; }
          header #top_new .content .header-text .h1-icons-container .enjoy strong {
            font-weight: 700; } }
      header #top_new .content .header-text .h1-icons-container h1 {
        font-weight: 700;
        line-height: 1.2;
        font-size: 2em;
        text-align: center;
        padding-right: .25em;
        padding-top: 0.2em; }
        header #top_new .content .header-text .h1-icons-container h1 .eng {
          display: inline-block; }
        @media (min-width: 1000px) {
          header #top_new .content .header-text .h1-icons-container h1 {
            font-weight: 700;
            line-height: 1.01;
            font-size: 2.55em;
            text-align: center;
            padding-right: 0;
            padding-top: .1em; } }
    header #top_new .content .header-text h3 {
      font-size: 2em;
      transform: translate(1.1em, -1em);
      font-weight: bold; }
      @media (min-width: 1000px) {
        header #top_new .content .header-text h3 {
          font-size: 2.5em;
          font-weight: 700;
          line-height: 1;
          width: 100%;
          transform: translate(0); } }
      @media (min-width: 1000px) {
        header #top_new .content .header-text h3 .eng {
          font-size: 0.8em; } }
    header #top_new .content .header-text h1 {
      font-weight: bold;
      line-height: 1.9em; }
      header #top_new .content .header-text h1 span {
        display: block; }
        @media (min-width: 1000px) {
          header #top_new .content .header-text h1 span {
            display: inline; } }
      header #top_new .content .header-text h1 .blue {
        display: block;
        color: #6BD7FD;
        font-weight: bold; }
        @media (min-width: 1000px) {
          header #top_new .content .header-text h1 .blue {
            display: inline; } }
        header #top_new .content .header-text h1 .blue .eng {
          font-weight: 500;
          font-size: 1.05em; }
    header #top_new .content .header-text h2 {
      font-size: 2.1em;
      font-weight: 700;
      line-height: 1.1;
      text-align: right;
      margin-right: 0.2em; }
      @media (min-width: 1000px) {
        header #top_new .content .header-text h2 {
          font-size: 3.1em;
          font-weight: 700;
          line-height: 1.1;
          margin-left: 1.2em;
          width: 100%; } }
      header #top_new .content .header-text h2 .eng {
        font-size: 0.9em; }
      header #top_new .content .header-text h2 .per-month {
        display: inline-block;
        position: relative; }
        header #top_new .content .header-text h2 .per-month .only {
          ont-weight: 400;
          position: relative;
          left: 0;
          top: -1.1em;
          font-size: .88em; }
          @media (min-width: 1000px) {
            header #top_new .content .header-text h2 .per-month .only {
              font-weight: 400;
              position: relative;
              left: -0.7em;
              font-size: .78em;
              margin-left: 0.3em;
              top: -.6em; } }
        header #top_new .content .header-text h2 .per-month .month {
          font-weight: 400;
          position: relative;
          top: -1.2em;
          left: -0.5em;
          font-size: 0.8em; }
          @media (min-width: 1000px) {
            header #top_new .content .header-text h2 .per-month .month {
              left: -0.8em;
              top: -0.48em; } }
        header #top_new .content .header-text h2 .per-month .big-num {
          position: relative;
          display: inline-block;
          top: -1em; }
          @media (min-width: 1000px) {
            header #top_new .content .header-text h2 .per-month .big-num {
              top: -0.42em; } }
          header #top_new .content .header-text h2 .per-month .big-num .num {
            color: #6BD7FD;
            font-weight: 700;
            line-height: .8;
            display: inline-block;
            margin-bottom: -.1em;
            letter-spacing: -.01em;
            margin-right: 0;
            font-size: 6.2em; }
            @media (max-width: 999.9px) {
              header #top_new .content .header-text h2 .per-month .big-num .num {
                margin-right: -0.1em; } }
            @media (min-width: 1000px) {
              header #top_new .content .header-text h2 .per-month .big-num .num {
                font-size: 4.36em; } }
          header #top_new .content .header-text h2 .per-month .big-num .nis {
            display: block;
            position: absolute;
            top: 77%;
            left: -0.5em;
            font-weight: 400;
            font-size: 0.9em;
            color: #6BD7FD; }
            @media (min-width: 1000px) {
              header #top_new .content .header-text h2 .per-month .big-num .nis {
                left: -0.7em;
                top: 70.3%;
                font-size: 0.8em; } }
    header #top_new .content .header-text .bottom-note {
      position: absolute;
      top: 29.1rem;
      font-size: 1.85em;
      font-weight: 400;
      line-height: 1.1;
      text-align: center; }
      @media (max-width: 999.9px) {
        header #top_new .content .header-text .bottom-note {
          position: absolute;
          top: 40rem;
          font-size: 1.35em;
          font-weight: 400;
          line-height: 1.1; }
          header #top_new .content .header-text .bottom-note .nis {
            font-size: 0.8em; } }
      @media (min-width: 1000px) {
        header #top_new .content .header-text .bottom-note {
          color: #fff;
          font-size: 1.35em;
          top: 35.5em;
          padding-right: 2.3em; }
          header #top_new .content .header-text .bottom-note .nis {
            font-size: 0.9em; }
          header #top_new .content .header-text .bottom-note span.desktop {
            display: inline; } }

header .banner-images {
  position: relative; }
  header .banner-images .banner-img img {
    width: 100%; }
  header .banner-images .bottom-note {
    position: absolute;
    top: 92%;
    right: 2.5%;
    z-index: 9;
    font-size: 0;
    visibility: hidden; }

header .banner-images {
  position: relative; }
  header .banner-images .banner-img img {
    width: 100%; }
  header .banner-images .bottom-note {
    position: absolute;
    top: 92%;
    right: 2.5%;
    z-index: 9;
    font-size: 0;
    visibility: hidden; }
  @media (min-width: 1000px) {
    header .banner-images {
      display: none !important; } }

header .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }
  header .bg span {
    position: absolute;
    left: 2%;
    top: 5%;
    font-size: 1em; }

header .pensiya-header .background-mobile {
  background: url("/assets/images/mobile/header_pension_mobile.jpg") top center no-repeat;
  background-size: cover;
  height: 0;
  padding-bottom: 47%;
  position: relative;
  overflow: hidden; }

header #top_pensiya {
  padding-bottom: 56%; }
  header #top_pensiya .bg {
    background: url("/assets/images/banner_pension.jpg") no-repeat top center;
    background-size: cover; }
  header #top_pensiya .content {
    z-index: 999;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding-right: 2em; }
    header #top_pensiya .content .header-text {
      text-align: center;
      font-weight: bold;
      position: relative; }
      header #top_pensiya .content .header-text h1 {
        font-weight: bold; }
        header #top_pensiya .content .header-text h1 .blue {
          display: block;
          font-size: 1.9em;
          font-weight: normal; }
        header #top_pensiya .content .header-text h1 .white {
          display: block;
          font-size: 1.9em;
          font-weight: normal; }
        header #top_pensiya .content .header-text h1 .per-month {
          display: inline-block;
          font-size: 1.9em;
          position: relative; }
          header #top_pensiya .content .header-text h1 .per-month .only {
            font-weight: 400;
            position: relative;
            left: -0.8em;
            top: -0.2em; }
          header #top_pensiya .content .header-text h1 .per-month .month {
            font-weight: 400;
            position: relative;
            top: -0.25em; }
          header #top_pensiya .content .header-text h1 .per-month .big-num {
            position: relative;
            display: inline-block; }
            header #top_pensiya .content .header-text h1 .per-month .big-num .num {
              font-size: 8.7em;
              font-weight: 700;
              line-height: .8;
              display: inline-block;
              margin-bottom: -0.1em; }
            header #top_pensiya .content .header-text h1 .per-month .big-num .nis {
              display: block;
              position: absolute;
              top: 56.8%;
              left: -0.9em;
              font-size: 1.1em; }
      header #top_pensiya .content .header-text h2 {
        font-size: 1.9em;
        font-weight: normal;
        line-height: 1; }
      @media (min-width: 1000px) {
        header #top_pensiya .content .header-text .timer {
          position: static;
          font-weight: normal;
          padding-top: 1em; } }
      @media (min-width: 1000px) {
        header #top_pensiya .content .header-text .timer #time h2 {
          font-size: 4em;
          font-weight: bold; } }
  header #top_pensiya p.four-note {
    position: absolute;
    right: 0;
    top: 24.5em;
    font-size: 1.2em;
    font-weight: 400; }
    @media (min-width: 1000px) {
      header #top_pensiya p.four-note {
        top: auto;
        bottom: 1rem;
        left: auto;
        right: 1.4rem;
        font-size: 1.25vw; } }

header .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

header .ken-header .background-mobile {
  background: url("/assets/images/mobile/header_ken_mobile.jpg") top center no-repeat;
  background-size: cover;
  height: 0;
  padding-bottom: 47%;
  position: relative;
  overflow: hidden; }

header #top_ken {
  padding-bottom: 56%; }
  header #top_ken .bg {
    background: url("/assets/images/banner_ken.jpg") no-repeat top center;
    background-size: cover; }
  header #top_ken .content {
    z-index: 999;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding-right: 2em; }
    header #top_ken .content .header-text {
      text-align: center;
      font-weight: bold;
      position: relative; }
      header #top_ken .content .header-text h1 {
        font-weight: bold; }
        header #top_ken .content .header-text h1 .blue {
          display: block;
          font-size: 1.9em;
          font-weight: normal; }
        header #top_ken .content .header-text h1 .white {
          display: block;
          font-size: 1.9em;
          font-weight: normal; }
        header #top_ken .content .header-text h1 .per-month {
          display: inline-block;
          font-size: 1.9em;
          position: relative; }
          header #top_ken .content .header-text h1 .per-month .only {
            font-weight: 400;
            position: relative;
            left: -0.8em;
            top: -0.2em; }
          header #top_ken .content .header-text h1 .per-month .month {
            font-weight: 400;
            position: relative;
            top: -0.25em; }
          header #top_ken .content .header-text h1 .per-month .big-num {
            position: relative;
            display: inline-block; }
            header #top_ken .content .header-text h1 .per-month .big-num .num {
              font-size: 8.7em;
              font-weight: 700;
              line-height: .8;
              display: inline-block;
              margin-bottom: -0.1em; }
            header #top_ken .content .header-text h1 .per-month .big-num .nis {
              display: block;
              position: absolute;
              top: 56.8%;
              left: -0.9em;
              font-size: 1.1em; }
      header #top_ken .content .header-text h2 {
        font-size: 1.9em;
        font-weight: normal;
        line-height: 1; }
      @media (min-width: 1000px) {
        header #top_ken .content .header-text .timer {
          position: static;
          font-weight: normal;
          padding-top: 1em; } }
      @media (min-width: 1000px) {
        header #top_ken .content .header-text .timer #time h2 {
          font-size: 4em;
          font-weight: bold; } }
  header #top_ken p.four-note {
    position: absolute;
    right: 0;
    top: 24.5em;
    font-size: 1.2em;
    font-weight: 400; }
    @media (min-width: 1000px) {
      header #top_ken p.four-note {
        top: auto;
        bottom: 1rem;
        left: auto;
        right: 1.4rem;
        font-size: 1.25vw; } }

header .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

#left {
  position: relative;
  width: 100%;
  background: #262626;
  /*RADIO BUTTONS*/
  /*RADIO END*/ }
  #left #form_footer {
    text-align: justify;
    padding: 0 9% 2%; }
    #left #form_footer .content {
      padding: 0; }
    #left #form_footer .fineprint {
      font-size: 1.38rem;
      line-height: 1.5rem;
      padding: 2% 0 1.4%;
      display: none; }
    @media (min-width: 1000px) {
      #left #form_footer {
        padding: 0; }
        #left #form_footer .fineprint {
          font-size: 0.7em;
          line-height: 1.3;
          padding: 0 0 16% 0;
          display: inline-block; }
        #left #form_footer .eclipse {
          background: url("/assets/images/eclipse.png") bottom center no-repeat;
          background-size: 80%;
          padding: 30% 36% 4% 0; }
          #left #form_footer .eclipse #logo {
            display: block; } }
  #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: 1%; }
    #left .form-area .enjoy {
      font-size: 1.8em;
      text-align: center;
      padding-top: 1.1em;
      line-height: 1; }
    #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: justify;
      padding: 0 3% 4%;
      color: #fff; }
      #left .form-area #notes a {
        color: inherit; }
  #left #form_footer {
    padding-bottom: 0; }
  #left #go_down {
    top: 28%; }
  #left .form-area {
    padding-bottom: 0; }
  #left #arrow_down {
    padding-bottom: 20%; }
  #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: 1% 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: 40%;
    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 {
        width: 100%;
        right: 0; } }
    @media (max-width: 999.9px) {
      #left #popup .existing-client-text {
        margin-right: 21%; } }
    #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; } }
    #left #popup #call {
      height: 4.8rem;
      display: block;
      margin-top: 5%;
      background: url("/assets/images/mobile/white-call.png") no-repeat top center;
      background-size: 100%; }
      @media (max-width: 999.9px) {
        #left #popup #call {
          width: 71%;
          margin-right: auto;
          margin-left: auto;
          height: 2.2em;
          margin-top: 3.1%; } }
  #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;
    background: 0;
    color: #000;
    border: none;
    background: #FFD600;
    font-size: 3.1em;
    font-family: alfi;
    font-weight: 500; }
    #left #btn.sending {
      opacity: 0.7; }
  #left .haygu {
    text-align: right;
    font-size: 3.1rem;
    padding-bottom: 1.7%;
    color: #fff; }
  #left .haygu-fineprint {
    font-size: 1.54rem;
    text-align: right;
    padding: 1em 3em; }
  #left #bot_wrapper {
    display: flex;
    justify-content: space-around;
    padding: 2.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: 100%;
      width: -moz-available;
      /* WebKit-based browsers will ignore this. */
      width: -webkit-stretch;
      /* Mozilla-based browsers will ignore this. */
      width: stretch;
      width: 50%;
      /* margin-top: 2%; */
      height: 100%; }
    #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 {
      background-color: #f2f2f2;
      color: #262626;
      font-size: 2.2em;
      text-decoration: none;
      font-weight: 900;
      text-align: center;
      padding: 0.75em 0;
      height: 0.85em;
      margin: 0 0.6em;
      width: 100%;
      width: -moz-available;
      /* WebKit-based browsers will ignore this. */
      width: -webkit-stretch;
      /* Mozilla-based browsers will ignore this. */
      width: stretch; }
  @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 3em;
        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: 0.9;
              letter-spacing: -.03em;
              padding-bottom: 2%; }
              #left .form-area .form-wrapper .form-header-wrapper .form-header .bold {
                font-weight: 500; }
              #left .form-area .form-wrapper .form-header-wrapper .form-header .smaller {
                font-size: 0.77em; }
      #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%;
            margin-bottom: 0; }
            #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-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-family: alfi;
          font-weight: 500;
          -webkit-appearance: none;
          appearance: none; }
      #left .haygu {
        color: white;
        font-size: 1.2em;
        padding-bottom: 1%; }
      #left #popup {
        top: 25%;
        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 {
        padding: 0 14.2% 4.4% 10%;
        height: 3.9em;
        display: none; }
        #left #bot_wrapper #quick_join_hatava {
          width: 100%;
          height: auto;
          display: block;
          background: 0 0;
          animation-name: fade;
          animation-timing-function: linear;
          animation-iteration-count: infinite;
          animation-duration: 2s;
          animation-direction: normal;
          font-size: 1.25em;
          text-decoration: none;
          border: 2px solid;
          text-align: center;
          padding: 0.1em 0 0;
          line-height: 1em;
          font-weight: 400; }
      #left .fineprint {
        font-size: 0.7em;
        line-height: 1.3;
        display: inline-block;
        padding: 0; }
      #left .haygu-fineprint {
        padding-bottom: 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 {
        background: url("/assets/images/eclipse.png") bottom center no-repeat;
        background-size: 80%;
        padding: 30% 36% 4% 0; }
        #form_footer .eclipse #logo {
          display: block; } }