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

body{
    margin: 0;
    padding: 0;
}
*{
    font-family: "almoni-dl";
}
.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;        
}
.blackfriday{
    position: absolute;
    top: 2vw;
    width: 42vw;
    left: 29vw;
}
.teruf{
    position: absolute;
    top: 3vw;
    left: 32vw;
    width: 37vw;
}
.txt_top{
    position: absolute;
    top: 35vw;
    left: 34vw;
    width: 33vw;
}
.formbox{
    position: absolute;
    /* top: 42vw; */
    /* left: 7vw; */
    top: 16vw;
    left: 0;
    /* background: #002941; */
    /* padding: 1vw; */
    /* height: 5vw; */
    z-index: 11;
    width: 17%;
    direction: rtl;
}
.form-group {
    width: 98%;
    display: inline-block;
}
.formbox label {
    width: 4vw;
    font-weight: 600;
    font-size: 1.5vw;
    display: inline-block;
    text-align: left;
    color: #fff;
    float: right;
    padding-left: 0.5vw;
    margin-top: 0.25vw;
}
.formbox input{
    box-sizing: border-box;
    border-radius: 0;

}
.formbox input[type=text] {
    border: 0;
    color: #333333;
    width: 70%;
    /* padding: 0.5vw; */
    height: 2vw;
    font-size: 1.2vw;
    display: block;
    margin: 1vw 0.4vw;
    background: #ffffff;
    text-align: right;
}
.formbox input[type=text] {
    border: 0;
    width: 11.5vw;
    padding: 0.3vw;
    font-size: 1vw;
    margin: 0.2vw 0.5vw;
}
.formbox input[type=submit]{
    -webkit-appearance: none;
    width: 6vw;
    height: 3vw;
    padding: 0vw;
    margin: 0.5vw 10.2vw;
    color: #f8a351;
    border: 0;
    font-size: 2vw;
    background: #666666;
    /* position: absolute; */
    cursor: pointer;
    /* background: url(../images/submit_btn.png); */
    -webkit-animation: shaker 3s infinite;
}



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; 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{

}
/*.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: 100%;}
.ty h1{margin: 0; display: block; font-size: 2vw;}


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

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

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

:-ms-input-placeholder {
    color: #ffffff;
}
#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; */
}
@-webkit-keyframes glowing {
  0% { background-color: #2e3739; -webkit-box-shadow: 0 0 3px #2e3739; }
  50% { background-color: #000000; -webkit-box-shadow: 0 0 40px #000000; }
  100% { background-color: #2e3739; -webkit-box-shadow: 0 0 3px #2e3739; }
}

@-moz-keyframes glowing {
  0% { background-color: #2e3739; -moz-box-shadow: 0 0 3px #2e3739; }
  50% { background-color: #000000; -moz-box-shadow: 0 0 40px #000000; }
  100% { background-color: #2e3739; -moz-box-shadow: 0 0 3px #2e3739; }
}

@-o-keyframes glowing {
  0% { background-color: #2e3739; box-shadow: 0 0 3px #2e3739; }
  50% { background-color: #000000; box-shadow: 0 0 40px #000000; }
  100% { background-color: #2e3739; box-shadow: 0 0 3px #2e3739; }
}

@keyframes glowing {
  0% { background-color: #2e3739; box-shadow: 0 0 3px #2e3739; }
  50% { background-color: #000000; box-shadow: 0 0 40px #000000; }
  100% { background-color: #2e3739; box-shadow: 0 0 3px #2e3739; }
}
#newsl {
    display: none;
}
.chk{
    width: 14vw;
    /* margin-left: 11vw; */
    margin-right: 1vw;
    text-align: right;
}
.chk label {
    cursor: pointer;
    color: #fff;
    width: 14vw !important;
    text-align: right !important;
    /* margin-right: 55vw; */
    font-size: 1vw !important;
    margin-top: 0.5vw;
    margin-right: 1vw;
}
#newsl + label:before {
    border: 0.1vw solid #fff;
    content: "\00a0";
    display: inline-block;
    font: 1vw/1em sans-serif;
    height: 1vw;
    margin: 0px 0px 0px 0.5vw;
    padding: 0;
    vertical-align: top;
    width: 1vw;
}
#newsl:checked + label:before {
    color: #fff;
    content: "\2713";
    text-align: center;
}
.chk:after {
    content: "";
    display: block;
    clear: both;
}
.mobi {
    display: none;
}
.mobhide{
    display: block;
}
@media screen and (max-width: 1000px) {
    *{
        font-family: 'open_sans';
    }
    .mobi {
        display: block;
    }
    .mobhide{
        display: none;
    }
    .ty .msg{max-width: none; width: 100%;}
    .ty h1{font-size: 6vw;}
    .web{
        display: none;
    }
    .mob{
        display: block;
        height: auto;
    }
    .lpmob{
        position: relative;
        width: 100%        
    }
    .blackfriday{
        position: absolute;
        top: 33vw;
        width: 90vw;
        left: 5vw;
    }
    .teruf{
        position: absolute;
        top: 37vw;
        left: 9vw;
        width: 85vw;
    }
    .txt_top{
        position: absolute;
        top: 401vw;
        left: 5vw;
        width: 90vw;
    }
    .form-group {
        width: 73%;
        display: inline-block;
    }
    .formbox label {
        float: right;
        margin-top: 2vw !important;
        width: 13vw !important;
        font-weight: 600;
        font-size: 4.5vw !important;
        text-align: center;
        color: #333333;
    }
    .formbox {
        bottom: 2vw;
        right: unset;
        left: unset;
        width: 100%;
        top: unset;
    }
    .formbox input[type=text] {
        vertical-align: middle;
        font-size: 20px;
        border: 0;
        width: 55vw !important;
        /* padding: 2.3vw !important; */
        font-size: 3vw !important;
        height: 8vw;
        margin: 1vw 1.4vw !important;
        text-align: right !important;
        /* margin: 1.5vw auto !important; */
        background: #333333;
        color: #ffffff;
    }
    .formbox input[type=submit] {
        -webkit-appearance: none;
        width: 25vw !important;
        height: 9vw;
        padding: 0vw;
        /* color: #12406a; */
        border: 0;
        font-size: 6.3vw !important;
        /* background: #ffcc00 !important; */
        position: unset;
        margin: 1.5vw !important;
        text-align: center !important;
        float: left;
        margin-left: 16vw !important;
    }
    .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;
    }
    .chk label {
        cursor: pointer;
        color: #000;
        width: 85vw !important;
        text-align: right !important;
        margin-right: 11vw;
        font-size: 3vw !important;
        margin-top: 0.5vw;
    }
    .mob_a{
        display: block;
    }
    .or{
        font-weight: 100;
        vertical-align: 0.8vw;
    }
    .call{
        letter-spacing: 1vw;
        vertical-align: 0.8vw;
    }
    #c2f_btn {
        height: 8vw;
        width: 46vw;
        right: 2vw;
        top: 41vw;
        background: #2e3739;
        z-index: 54;
        cursor: pointer;
        display: inline-block;
        float: left;
        position: absolute;
        /* border-top-left-radius: 5vw; */
        /* border-bottom-left-radius: 5vw; */
        /* opacity: 0.5; */
    }
    #c2f_btn h4 {
        font-size: 4.5vw;
        font-weight: 600;
        color: #ff8f29;
        text-align: center;
        line-height: 1em;
        letter-spacing: 0.1vw;
        margin: 1.8vw;
        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;
        background-size: 100%;
        -moz-border-radius: 50%;
        /* -webkit-border-radius: 50%; */
        /* border-radius: 6%; */
        opacity: 1;
        display: inline-block;
        vertical-align: text-bottom;
        float: right;
    }
    #c2c_btn {
        height: 8vw;
        width: 46vw;
        left: 2vw;
        top: 41vw;
        background: #2e3739;
        z-index: 54;
        cursor: pointer;
        display: inline-block;
        float: left;
        position: absolute;
        /* border-top-left-radius: 5vw; */
        /* border-bottom-left-radius: 5vw; */
        /* opacity: 0.5; */
        -webkit-animation: glowing 1500ms infinite;
        -moz-animation: glowing 1500ms infinite;
        -o-animation: glowing 1500ms infinite;
        animation: glowing 1500ms infinite;
        /*-webkit-animation: pulse 1s infinite;*/
    }
    #c2c_btn h4 {
        font-size: 4.2vw;
        font-weight: 600;
        color: #ff8f29;
        text-align: center;
        line-height: 1em;
        letter-spacing: 0.1vw;
        margin-top: 2vw;
        display: inline-block;
        position: relative;
        /* top: -0.5vw; */
    }
    #c2c_btn #c2c_icon {
        width: 5vw;
        height: 6vw;
        margin: 1vw;
        background: url(../images/c2c-icon.png) center center no-repeat;
        background-size: 100%;
        -moz-border-radius: 50%;
        /* -webkit-border-radius: 50%; */
        /* border-radius: 6%; */
        opacity: 1;
        display: inline-block;
        vertical-align: text-bottom;
        float: right;
    }
    #newslmob + label:before {
        border: 0.1vw solid #000;
        content: "\00a0";
        display: inline-block;
        font: 4vw/1em sans-serif;
        height: 4vw;
        margin: 0px 0px 0px 1.5vw;
        padding: 0;
        vertical-align: top;
        width: 4vw;
    }
    .c2c{
        position: absolute;
        width: 45vw;
        top: 41vw;
        left: 3vw;
        -webkit-animation: pulse 1s infinite;
    }
    #newslmob {
        display: none;
    }
    #newslmob:checked + label:before {
        color: #000;
        content: "\2713";
        text-align: center;
    }
}

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

@keyframes logo_g {
    0%{
        transform: rotate(0deg);
    }
    15%, 45%, 75%{
        transform: rotate(15deg);
    }
    30%, 60%, 90%{
        transform: rotate(-15deg);
    }
}
@-webkit-keyframes logo_g {
    0%{
        -webkit-transform: rotate(0deg);
    }
    15%, 45%, 75%{
        -webkit-transform: rotate(15deg);
    }
    30%, 60%, 90%{
        -webkit-transform: rotate(-15deg);
    }
}

.ketchup-error {
    position: absolute;
    width: 180px;
    z-index: 999;
}
.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;
}

iframe[name='google_conversion_frame'] {
    height: 0 !important;
    width: 0 !important;
    line-height: 0 !important;
    font-size: 0 !important;
    margin-top: -13px;
    float: left;
}


/**

-webkit-appearance: none;
border-radius: 0;
color: #36a3d9;
**/