.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"] { font-family: Arial, Helvetica, sans-serif; color: #000; border-radius: 10px; margin-bottom: 16px; vertical-align: middle; background-color: #fff; font-size: 2em; line-height: 48px; height: 48px; padding: 9px 16px; float: right; }
input[type="image"] { float: right; max-height: 50px; margin-top: 70px; }
.img1 { display: block; }
.img2 { display: none; }
.imgbtm { position: absolute; }
.imgbtm-m { display: none; }
.form { margin-top: 24px; max-width: 44%; position: absolute; margin-right: 33%; }
    .form span { width: 2%; float: right; }
.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: #000 !important; opacity: 1 !important; }
:-moz-placeholder { /* Firefox */ color: #000 !important; opacity: 1 !important; }
:-ms-input-placeholder { /* IE 10+ */ color: #000 !important; opacity: 1 !important; }
::-ms-input-placeholder { /* Edge */ color: #000 !important; opacity: 1 !important; }
:placeholder-shown { /* Default */ color: #000 !important; opacity: 1 !important; }
.video { position: absolute; left: 9%; top: 54%; width: 38%; border: 1px solid #000; }
.fl { float: left !important; }
.btn { float: right; width: 83.5%; }
.iframe { width: 40%; max-width: 500px; margin-right: 41%; float: right; height: 190px; overflow: hidden; position: absolute; margin-top: 72%; }
.form-group { width: 100%; float: right; clear: none; }
.form-control { width: 60% !important; border-radius: 10px; font-size: 1.5em; line-height: 40px; height: 40px; font-family: Arial, Helvetica, sans-serif; }
.btn-primary { float: right; border-radius: 10px; font-weight: bold; padding: 0 16px; font-size: 1.8em; color: #064765; }

@media only screen and (max-width: 768px) {
    .img1 { display: none; }
    .img2 { display: block; }
    .form { margin-top: 19%; max-width: 76%; position: absolute; margin-right: 14%; }
    .iframe { width: 40%; max-width: 500px; margin-right: 41%; float: right; height: 190px; overflow: hidden; position: absolute; margin-top: 72%; }
    .form-group { width: 100%; float: right; clear: none; }
    .form-control { width: 60% !important; border-radius: 10px; font-size: 1.5em; line-height: 40px; height: 40px; font-family: Arial, Helvetica, sans-serif; }
    .btn-primary { float: right; border-radius: 10px; font-weight: bold; padding: 0 16px; font-size: 1.8em; color: #064765; }
    .imgbtm { display: none; }
    .imgbtm-m { display: block; position: absolute; }
    input[type="text"], input[type="tel"] { height: 28px; line-height: 28px; margin-bottom: 8px; font-size: 1.5em; }
    input[type="image"] { max-height: 32px; margin-top: 0; }
    .video { z-index: 9; position: absolute; left: 10%; top: 70%; width: 80%; border: 1px solid #000; }
}

@media only screen and (min-width: 1000px) and (max-width: 1399px) {
    .form { margin-top: 20px; }
    input[type="text"], input[type="tel"] { height: 40px; line-height: 40px; }
    input[type="image"] { max-height: 40px; margin-top: 60px; }
}