/*@import url('../fonts/opensans/style.css');*/
/*@import url('../fonts/heebo.css');*/
@import url('../fonts/fonts.css');

html, body{
  height: 100%;
}
body{
    margin: 0;
    padding: 0;
    background: #1d2d77;
}
*{
    font-family: "almoni_dl_aaaregular";
}
/*CF*/
.chk {
    direction: rtl;
    position: absolute;
    top: 5vw;
    left: 0;
    right: 0;
    color: #fff;
    z-index: 999999;
}
.chk2 {
    direction: rtl;
    position: absolute;
    top: 8vw;
    left: 0;
    right: 0;
    color: #fff;
    z-index: 999999;
}
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
    border: 0.1vw solid #fb337e;
}
.chk h3 {
   margin: 0;
   font-size: 1.5vw;
   line-height: 0.8;
   text-align: right;
   display: inline-block;
   color: #fcfcfc;
}
ul.checkboxes {
    list-style: none;
    display: inline-block;
    -moz-columns: 2;
    text-align: right;
    margin: 0;
    padding: 0;
    position: relative;
    right: 1.5vw;
    top: 1.4vw;
}
ul.checkboxes li {
    line-height: 1.2;
    float: right;
    padding: 0 1vw;
}
#newsl {
    display: none;
}
[type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label {
    width: 100%;
    color: #ffffff;
}
.chk label, .chk2 label {
    font-size: 1vw;
    cursor: pointer;
    color: #ffffff;
}
hr {
   color: #fff;
   border-top: 1px solid rgb(255, 255, 255);
   padding: 0;
   width: 55%;
   right: 0;
   left: 0;
   top: -1vw;
   position: absolute;
}
.formbox input {
    box-sizing: border-box;
    border-radius: 0;
}
.chk2 [type="checkbox"]:not(:checked) + label, .chk2 [type="checkbox"]:checked + label {
    width: auto;
}
.wrapper{
    position: relative;
    text-align: center;
    height: 100%;
    /*max-height: 53vw;*/
}

.web{
    display: block;
    background: url('../images/lpweb.jpg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
}
.logo {
  position: absolute;
  right: 3vw;
  top: 3vw;
  width: 16.85vw;
}
.people {
    position: absolute;
    left: 14vw;
    top: 10vw;
    width: 37vw;
    z-index: 2;
}
.txt_top{
    position: absolute;
    text-align: justify;
    width: 30.5%;
    right: 15vw;
    top: 11.5vw;
    direction: rtl;
    color: #fff;
}
.txt_top h1{
    font-size: 2.67vw;
    line-height: 0.9;
    font-family: "almoni_dl_aaablack";
}
.txt_top h2{
    font-size: 1.6vw;
    line-height: 1;
    font-family: "almoni_dl_aaaregular";
}
.pink_line{
  position: absolute;
    text-align: justify;
    width: 47.6%;
    right: 3.9%;
    top: 27vw;
    direction: rtl;
    color: #1e2d78;
    background: #fb337e;
    z-index: 1;
    text-align: center;
    height: 3.5vw;
    /* line-height: 0; */
}
.pink_line h3{
    position: relative;
    right: 2.5vw;
    bottom: 2.5vw;
    font-size: 2.7vw;
    font-family: "almoni_dl_aaablack";
}
.txt_bottom{
    position: absolute;
    text-align: justify;
    width: 30.5%;
    right: 15vw;
    top: 65%;
    direction: rtl;
    color: #fff;
}
.txt_bottom h4{

}
.txt_bottom h4 .big{
    display: block;
    font-size: 2.7vw;
}
.txt_bottom h4 .small{
    display: block;
    font-size: 1.32vw;
}
.mob{
    display: none;
}
.mob_a{
    display: none;
}
.lpweb{
    position: relative;
    width: 100%;
    height: 49.71vw;
}
.formbox{
    direction: rtl;
    position: absolute;
    bottom: 0;
    width: 74%;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-top: 0.15vw solid #fff;
    border-top-right-radius: 1vw;
    border-top-left-radius: 1vw;
    border-right: 0.15vw solid #fff;
    border-left: 0.15vw solid #fff;
    height: 7vw;
    text-align: right;
    padding: 1.5vw;
}
.ty_wrapper .formbox{
    text-align: center;
    color: #fff;
    font-size: 3vw;
}
h1.white-text {
   margin-bottom: 0;
   font-weight: 400;
   text-align: right;
   color: #fdd212;
   margin: 0 auto;
   width: 79%;
   font-size: 22px;
   line-height: 2;
}
.formbox input{
    box-sizing: border-box;
    border-radius: 0;

}
.formbox input[type=text]{
    background: url(../images/input_back.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    border: 0;
    border-radius: 0;
    font-size: 1.1vw;
    margin: 0 0 0 0vw;
    padding-right: 1.5vw;
    padding-bottom: 1.4vw;
    width: 18vw;
    text-align: right;
    height: 4.5vw;
    color: #014377;
}
.formbox input[type=submit]{
    background: url(../images/submit_back.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    border: 0;
    border-radius: 0;
    font-size: 3.1vw;
    width: 18.5vw;
    margin: 0;
    padding: 0;
    height: 8.5vw;
    padding-bottom: 1vw;
    color: #ffffff;
    font-weight: 900;
    -webkit-animation: shaker 3s infinite;
    cursor: pointer;
    text-align: center;
    font-family: "almoni_dl_aaablack";
    position: absolute;
    top: 1.5vw;
    float: left;
}
.form_btn{
    display: inline-block;
    position: relative;
    top: 4vw;
    font-size: 1.5vw;
    left: 17.2vw;
    padding: 0.5vw;
    width: 19.8%;
    text-align: center;
    border: 0.15vw solid #fb337e;
    color: #ffffff;
    text-decoration: none;
    font-family: "almoni_dl_aaabold";
}
.formbox input[type=submit]:focus, .formbox input[type=text] {outline:0;}
footer {
    background: #000000;
    text-align: center;
    width: 100%;
    font-size: 13px;
}
footer a {
    display: inline-block;
    color: #ffffff;
    text-decoration: none;
    line-height: 12px;
}
.ty footer a{color: #000;}
.ty footer{background:transparent; position: absolute; bottom: 0; left: 0;}
footer .footer a .svg { display: block; margin: auto; width: 32px; }
footer .footer a > svg g > path:first-child {
    animation: none;
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
}
footer .footer a > svg g path {
    fill: #fff;
}
.ty footer .footer a > svg g path {
    fill: #000;
}
footer .footer a:hover > svg g > path:first-child {
    animation: logo_g 0.6s linear;
    transform-origin: center;
}
.ty .msg{
   display: block;
   margin: 0 auto;
   width: 100%;
   max-width: 100%;
}
.ty img{width: 100%;}
.ty h1{margin: 0; display: block; font-size: 2vw;}


::-webkit-input-placeholder {
    color: #014377;
}

:-moz-placeholder { /* Firefox 18- */
    color: #014377;
}

::-moz-placeholder {  /* Firefox 19+ */
    color: #014377;
}

:-ms-input-placeholder {
    color: #014377;
}
#c2f_btn {
    height: 3vw;
    width: 9vw;
    left: 0px;
    top: 7vw;
    background: #ff3365;
    z-index: 54;
    cursor: pointer;
    display: inline-block;
    float: left;
    position: fixed;
    border-top-right-radius: 5vw;
    border-bottom-right-radius: 5vw;
    /* opacity: 0.5; */
    -webkit-animation: glowing 1500ms infinite;
    -moz-animation: glowing 1500ms infinite;
    -o-animation: glowing 1500ms infinite;
    animation: glowing 1500ms infinite;
    display: none;
}
#c2f_btn:hover {
    opacity: 1;
}
#c2f_btn #c2f_icon {
    width: 2vw;
    height: 2vw;
    margin: 0.49vw;
    background: url(../images/c2f-icon.png) center center no-repeat #ff3365;
    background-size: 100%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    opacity: 1;
    display: inline-block;
    vertical-align: text-bottom;
    float: right;
}
#c2f_btn h4 {
    font-size: 1vw;
    font-weight: 600;
    color: #ffffff;
    text-align: center;
    line-height: 1em;
    letter-spacing: 0.1vw;
    margin: 0.7vw;
    display: inline-block;
    position: relative;
    /* top: -0.5vw; */
}


@media screen and (max-width: 1000px) {
   .footer {
    margin-top: 10vw;
   }
    *{
        font-family: 'almoni_dl_aaaregular';
    }
    body {
        margin: 0;
        padding: 0;
        background: #233063;
        height: 220vw;
    }
    .wrapper {
        position: relative;
        text-align: center;
        height: 220vw;
        max-height: unset;
    }
/*    .video{
      width: 100%;
      top: 6%;
      position: absolute;
      right: 0;
    }*/
    video#video1 {
        width: 100%;
        height: 47vw;
        position: absolute;
        right: 0;
        top: 24vw;
        z-index: 99;
        left: 0;
    }
    ul.checkboxes {
      list-style: none;
          display: inline-block;
   }
    .chk h3 {
    font-size: 4vw;
    line-height: 2;
   }
   .chk {
    top: 42vw;
   }
   .chk2 {
      top: 54vw;
      width: 100%;
      text-align: right;
      -webkit-padding-start: 40px;
   }
   hr {
    display: none;
   }
   .chk label, .chk2 label {
    font-size: 4vw;
    cursor: pointer;
    color: #ffffff;
   }
   .chk2 label {
    font-size: 4.5vw;
   }
   ul.checkboxes li {
      line-height: 1.5;
          /* float: right; */
          padding: 0 0;
          width: 100%;
text-align: right;
   }
    .ty .msg{max-width: none; width: 100%;}
    .ty h1{font-size: 6vw;}
    .web{
        display: none;
    }
    .mob{
      display: block;
      background: url(../images/lpmob.jpg);
      background-size: 100% 100%;
      background-repeat: no-repeat;
      height: 100%;
      width: 100%;
      display: block;
      height: 212vw;
    }
    .lpmob{
        position: relative;
        width: 100%
    }
    .txt_top{
      position: absolute;
      top: 69vw;
      right: 11vw;
      width: 79vw;
    }
    .txt_top h1 {
        font-size: 6.2vw;
        line-height: 0.9;
        font-family: "almoni_dl_aaablack";
    }
    .txt_top h2 {
        font-size: 3.5vw;
        line-height: 1;
        font-family: "almoni_dl_aaaregular";
    }
    .pink_line {
      position: absolute;
      text-align: justify;
      width: 100%;
      right: 0;
      top: 108vw;
      direction: rtl;
      color: #1e2d78;
      background: #fb337e;
      z-index: 1;
      text-align: center;
      height: 11.5vw;
      /* line-height: 0; */
    }
    .pink_line h3 {
      position: relative;
      right: 0;
      bottom: 5vw;
      font-size: 7vw;
      font-family: "almoni_dl_aaablack";
    }
    .txt_bottom {
        position: absolute;
        top: 119vw;
        right: 11vw;
        width: 79vw;
    }
    .txt_bottom h4 .big {
        display: block;
        font-size: 6.7vw;
        font-family: 'almoni_dl_aaablack';
    }
    .txt_bottom h4 .small {
      display: block;
      font-size: 3.2vw;
    }
    .formbox {
      background: #233063;
      direction: rtl;
      position: relative;
      bottom: 3.5vw;
      width: 80%;
      left: 0;
      bottom: 72vw;
      height: auto;
      border: 0;
      text-align: center;
    }
    .ty_wrapper .formbox {
        text-align: center;
        color: #fff;
        font-size: 8vw;
        background: #000;
    }
    .formbox input[type=text] {
      display: inline-block;
      margin: 0 auto;
      width: 100%;
      padding: 5vw;
      height: 10vw;
      text-align: right;
      margin-bottom: 3vw;
      font-size: 5vw;
      height: 12.2vw;
      background: #ffffff;
      -webkit-box-shadow: 0vw 1vw 5vw rgb(25, 32, 82);
      -moz-box-shadow: 0vw 1vw 5vw rgb(25, 32, 82);
      box-shadow: 0vw 1vw 5vw rgb(25, 32, 82);
    }
    h1.white-text {
    margin-bottom: 3vw;
    font-weight: 400;
    color: #fff;
    font-size: 4vw;
        display: none;
}
    .formbox input[type=submit] {
      display: inline-block;
      position: absolute;
      font-size: 5vw;
      width: 43vw;
      height: 14.9vw;
      font-weight: 900;
      color: #fff;
      text-align: center;
      padding: 0;
      float: none;
      padding-bottom: 1vw;
      /* padding-left: 0vw; */
      top: 59.7vw;
      left: -0.7vw;
      right: unset;
    }
    .form_btn {
      display: inline-block;
      position: absolute;
      top: 60vw;
      font-size: 4.5vw;
      right: 1.2vw;
      height: 7.5vw;
      float: right;
      padding: 0.5vw;
      padding-top: 3.5vw;
      width: 45%;
      text-align: center;
      border: 0.5vw solid #fb337e;
      color: #ffffff;
      text-decoration: none;
      font-family: "almoni_dl_aaabold";
    }
    li.title{
      width: 100% !important;
      display: block;
    }
    .checkboxes li:nth-child(2) {
        width: 28% !important;
    }
    .checkboxes li:nth-child(3) {
        width: 42% !important;
    }
    .checkboxes li:nth-child(4) {
        width: 30% !important;
    }
    .formbox a {

    }
    .mob_a{
        display: block;
    }
    .call{
        letter-spacing: 1vw;
        vertical-align: 0.8vw;
    }
    #c2f_btn {
        height: 8vw;
        width: 23vw;
        right: 0px;
        top: 12vw;
        background: #ff3365;
        z-index: 54;
        cursor: pointer;
        display: inline-block;
        float: left;
        position: fixed;
        /* border-top-left-radius: 5vw; */
        /* border-bottom-left-radius: 5vw; */
        /*opacity: 0.5;*/
    }
    #c2f_btn h4 {
        font-size: 2.5vw;
        font-weight: 600;
        color: #ffffff;
        text-align: center;
        line-height: 1em;
        letter-spacing: 0.1vw;
        margin: 1.5vw;
        display: inline-block;
        position: relative;
        /* top: -0.5vw; */
    }
    #c2f_btn #c2f_icon {
        width: 6vw;
        height: 6vw;
        margin: 1vw;
        background: url(../images/c2f-icon.png) center center no-repeat #ff3365;
        background-size: 100%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        opacity: 1;
        display: inline-block;
        vertical-align: text-bottom;
        float: right;
    }
    .logo {
        position: absolute;
        right: 31vw;
        top: 1vw;
        width: 40.85vw;
        z-index: 999;
    }
    .people {
        position: absolute;
        left: 10vw;
        top: 14vw;
        width: 81vw;
        z-index: 2;
    }
    [type="checkbox"]:not(:checked) + label:after{
        border: 0.6vw solid #fb337e;
        opacity: 0;
    }
    [type="checkbox"]:checked + label:after {
        border: 0.6vw solid #fb337e;
        opacity: 1;
    }
    input#un-mute {
        display: none;
    }

    .unmute img {
        display: none;
    }

    input#un-mute:checked ~ .unmute img {
        display: initial;
    }

    input#un-mute:checked ~ .mute img {
        display: none;
    }
    .unmute{
      position: absolute !important;
      /* color: #ffffff; */
      right: 1vw;
      top: 15vw;
      padding: 0 !important;
      z-index: 9999;
    }
    .unmute:before{
      opacity: 0;
      display: none;
    }
    .unmute:after{
      opacity: 0;
      display: none;
    }
    .mute{
      position: absolute;
      /* color: #ffffff; */
      right: 1vw;
      top: 15vw;
      z-index: 9999;
    }
    .mute img{
      width: 9vw;
      background: #ffffff;
      border-radius: 20vw;
      padding: 2vw;
    }
    .unmute img{
      width: 9vw;
      background: #ffffff;
      border-radius: 20vw;
      padding: 2vw;
    }
}

@-webkit-keyframes shaker {
    0%, 90%, 100% {
        -webkit-transform: translateX(0);
    }
    92%, 97% {
        -webkit-transform: translateX(-5px);
    }

    95%, 99% {
        -webkit-transform: translateX(5px);
    }
}

@keyframes shaker {
    0%, 90%, 100% {
        transform: translateX(0);
    }
    92%, 97% {
        transform: translateX(-5px);
    }

    95%, 99% {
        transform: translateX(5px);
    }
}
.ketchup-error {
    position: absolute;
    width: 180px;
}
.ketchup-error ul {
    margin: 0;
    font-size: 14px;
    text-align: right;
    color: #ffffff;
    background: rgba(255, 0, 0, 0.6);
    padding: 10px;
    -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
    list-style: none;
    line-height: 16px;
}
.ketchup-error span {
    display: block;
    width: 0;
    height: 0;
    border-left: 0 solid transparent;
    border-right: 15px solid transparent;
    border-top: 10px solid red;
    border-top: 10px solid rgba(255, 0, 0, 0.6);
    border-bottom: 0;
    margin-left: 10px;
    left: 10px;
    position: absolute;
}