.clear { clear: both; display: block; height: 0; overflow: hidden; visibility: hidden; width: 0; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
/********************* end clearfix ***********************/
/********************* Master Layout ***********************/
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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; }
br { margin: 0; padding: 0; line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
    blockquote:before, blockquote:after,
    q:before, q:after { content: ''; content: none; }
body { background-color: #fff; line-height: 1; font-size: 12px; color: #000; font-family: Arial, Helvetica, sans-serif; direction: rtl; margin: 0; padding: 0; }
a { text-decoration: none; outline: none; color: #000; }
    a:hover { text-decoration: none; }
input[type="text"], input[type="tel"] { background-color: #0094d2; color: #fdfdfd; font-family: Arial, Helvetica, sans-serif; border-radius: 10px; margin-bottom: 20px; vertical-align: middle; font-size: 1.5em; line-height: 56px; height: 56px; padding: 9px 16px; float: right; }
input[type="image"] { float: right; }
.img-t { margin: 10px 0 20px 0; }
.img2 { display: none; }
.logo { float: left; }
.thank { text-align: center; font-size: 34px; line-height: 40px; font-weight: bold; margin-top: 50px; margin-bottom: 50px; }
::-webkit-input-placeholder { /* Safari, Chrome and Opera */ color: #fdfdfd !important; opacity: 1 !important; }
:-moz-placeholder { /* Firefox */ color: #fdfdfd !important; opacity: 1 !important; }
:-ms-input-placeholder { /* IE 10+ */ color: #fdfdfd !important; opacity: 1 !important; }
::-ms-input-placeholder { /* Edge */ color: #fdfdfd !important; opacity: 1 !important; }
:placeholder-shown { /* Default */ color: #fdfdfd !important; opacity: 1 !important; }
.video { position: absolute; left: 6%; top: 63%; width: 31%; }
.fl { float: left !important; }
.btn { float: right; }
.iframe { width: 40%; max-width: 500px; margin-right: 41%; float: right; height: 190px; overflow: hidden; position: absolute; margin-top: 72%; }
.lbl { font-size: 2.5em; padding-left: 10px; font-weight: bold; height: 50px; line-height: 50px; text-align: left; }
.form { margin-bottom: 30px; }
.btn-s { background-color: #0094d2; color: #fdfdfd; height: 56px; line-height: 56px; padding: 0 30px; border-radius: 10px; font-size: 2.5em; }
.krypton img { margin-top: 35%; }
.logo img { margin-top: 55%; }

@media only screen and (max-width: 768px) {
    .img1 { display: none; }
    .img2 { display: block; }
    .form { padding-right: 5%; }
    .form-control { height: 30px !important; line-height: 30px !important; width: 90% !important; }
    .form-group { margin-bottom: 10px !important; }
    .iframe { width: 100%; margin-top: 257%; height: 180px; margin-right: 0; }
        .iframe .form-control { height: 30px; line-height: 30px; width: 90%; }
        .iframe .form-group { margin-bottom: 10px; }
    .img-t { }
    .lbl { font-size: 1.5em; }
    input[type="text"], input[type="tel"] { height: 40px; line-height: 40px; }
    input[type="image"] { max-height: 40px; margin-right: 25%; }
    .krypton img { margin-top: 0; }
    .logo img { margin-top: 35%; }
    .video { z-index: 9; position: absolute; left: 10%; top: 62%; width: 80%; }
}

@media only screen and (min-width: 1000px) and (max-width: 1399px) {
    .img-t { width: 50%; }
    .lbl { font-size: 2em; height: 40px; line-height: 40px; }
    input[type="text"], input[type="tel"] { height: 40px; line-height: 40px; }
    input[type="image"] { height: 40px; }
}