@charset "utf-8";

/* RESET */
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, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li, input, select, textarea,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0;padding: 0;}
/* END RESET*/

/*defult settings*/
.error {      outline: 1px solid red !important;}
.placeholder { opacity: 1; opacity: 1; text-align: right !important; direction: rtl !important; color: #000; }
.leadForm input::-webkit-input-placeholder, ::-webkit-input-placeholder { opacity: 1; opacity: 1; text-align: right !important; direction: rtl !important; color: #000; }
.leadForm input:-moz-placeholder, :-moz-placeholder { opacity: 1; text-align: right !important; direction: rtl !important; color: #000 !important; }
.leadForm input::-moz-placeholder, ::-moz-placeholder { opacity: 1; text-align: right !important; direction: rtl !important; color: #000 !important; }
.leadForm input:-ms-input-placeholder, :-ms-input-placeholder { opacity: 1; text-align: right !important; direction: rtl !important; color: #000; }
.leadForm input::-webkit-input-placeholder { opacity: 1; text-align: right !important; direction: rtl !important; color: #000; }

/* Layout */
body { font-family: arial; font-size: 1em; }
#wrapper { width: 100%; height: auto; position: relative; }
.bg { width: 100%; height: auto; margin: 0; padding: 0; display: block; }
.content { position: absolute; top: 0; right: 0; width: 100%; height: 100%; }

/* Form */
.form-input { position: absolute; border: none; border-radius: initial; outline: none; right: 9%; width: 80%; font-size: 1em; direction: rtl; padding: 1.9% 1.5%; background: #ECF0F3;box-shadow: 1px 2px 8px -5px rgba(7,6,6,0.75) inset;}

/* Main Settings*/
#errors_msg { font-size: 1em; color: red;  font-family: arial;  position: absolute; top: 81%; left: 8%;direction: rtl; text-align: left;}
form#leadForm { width: 100%; position: absolute; top: 54%; height: 39%; }
input#form_business_name { top: 37%; }
input#form_fullphone { top: 19%; direction: ltr; }
input#form_contact_name { top: 0.6%; }
#form_submit { position: absolute; background: transparent; outline: none; border: none; width: 52%; height: 17%; top: 66%; left: 7%; }
input#less { position: absolute;  top: 56.5%;left: 61%; }
input#more { position: absolute; top: 56.5%; left: 32%; }
#thanks { display: none;  background-size: contain; width: 90%; height: 34.5%; position: absolute; top: 54%; left: 5%; background: #FFFFFF;box-sizing: border-box;text-align: center;font-size: 1.5em;direction: rtl;padding-top: 18%;color: #504a4a;}
.detail { position: absolute; display: none; width: 40%; height: 100%; }
#ip_detail { background: url("../images/security.png") no-repeat; background-size: contain; }
#top40_detail { background: url("../images/top40.png") no-repeat; background-size: contain; left: 30%; }
#security_detail { background: url("../images/ip.png") no-repeat; background-size: contain; left: 60%; }
div#details { position: absolute; top: 32%; width: 100%; height: 23%; }
.btn { width: 32%; height: 21%; position: absolute; top: 33%; }
div#top40 { left: 33%; }
div#security { left: 67%; }