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

body{
    margin: 0;
    padding: 0;
}
*{
    font-family: "Heebo";
}
.wrapper{
    position: relative;
    text-align: center;
}

.web{
    display: block;
    height: 49.71vw;
}
.mob{
    display: none;
}
.mob_a{
    display: none;
}
.lpweb{
    position: relative;
    width: 100%;
    height: 49.71vw;
}

.txt_top{
    position: absolute;
    top: 35vw;
    left: 34vw;
    width: 33vw;
}
.formbox{
    direction: rtl;
    position: absolute;
    bottom: 1vw;
    width: 82%;
    left: 10%;
}
h1.white-text {
    margin-bottom: 0.2vw;
    font-weight: 400;
    color: #fff;
}
.formbox input{
    box-sizing: border-box;
    border-radius: 0;

}
.formbox input[type=text]{
   background: #cbedfb;
       border: 0;
       border-radius: 0;
       font-size: 1.5vw;
       margin: 0.5vw;
       padding-right: 1vw;
       width: 19vw;
       text-align: center;
       height: 3.2vw;
       color: #231f20;
}
.formbox input[type=submit]{
   -webkit-appearance: none;
border: 0;
border-radius: 0;
font-size: 1.5vw;
width: 16vw;
background: #eacc75;
margin: 0.5vw;
height: 3.2vw;
color: #231f20;
font-weight: 900;
-webkit-animation: shaker 3s infinite;
cursor: pointer;
}
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 .wrapper{padding: 9% 0 24% 0;}
.ty .msg{
    display: block;
    margin: 0 auto;
    background: rgba(0,0,0,0.9);
    width: 50%;
    max-width: 550px;
    color: #ffffff;
}
.ty img{width: 34%;}
.ty h1{margin: 0; display: block; font-size: 2vw;}


::-webkit-input-placeholder {
    color: #231f20;
}

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

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

:-ms-input-placeholder {
    color: #231f20;
}
#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) {
    *{
        font-family: 'open_sans';
    }
    .ty .msg{max-width: none; width: 100%;}
    .ty h1{font-size: 6vw;}
    .web{
        display: none;
    }
    .mob{
        display: block;
        height: 187.3vw;
    }
    .lpmob{
        position: relative;
        width: 100%
    }
    .txt_top{
        position: absolute;
        top: 401vw;
        left: 5vw;
        width: 90vw;
    }
    .formbox {
        direction: rtl;
        position: absolute;
        bottom: 3.5vw;
        width: 88%;
        left: 6%;
    bottom: 0vw;
    }
    .formbox input[type=text] {
      display: inline-block;
   margin: 0 auto;
   width: 49%;
   height: 10vw;
   text-align: center;
   margin-bottom: 0.5vw;
   font-size: 4vw;
   height: 8.2vw;
    }
    h1.white-text {
    margin-bottom: 3vw;
    font-weight: 400;
    color: #fff;
    font-size: 4vw;
}
    .formbox input[type=submit] {
      display: inline-block;
          font-size: 5vw;
          width: 48%;
          height: 8.2vw;
          font-weight: 700;
    }
    .formbox a {
        display: block;
        background: black;
        width: 85vw;
        margin: 0 auto;
        text-decoration: none;
        color: #ffff00;
        margin-top: 2vw;
        height: 10vw;
        font-size: 6.5vw;
    }
    .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;
    }
}

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