@charset "utf-8";
/* CSS Document */
/*-----------------------------------------------------------------------------

Prototype Version:  2.4

*/

/* Table of Contents
-----------------------------------------------------------------------------

1. Clean Base
2. Base Typography
3. Images
4. Links
5. Forms
6. Tables
7. Framework

*/

/* 1. Create a Clean Base
------------------------------------------------------------------------------*/

html, body, br, hr, div, span, a, object, iframe, ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, p, blockquote, q, address,
small, big, cite, dfn, ins, del, i, em, b, strong, sup, sub, strike, pre, code, samp, kbd, var, tt, form, fieldset, legend, label,input, textarea, option, .nobox {background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {display: block;}

blockquote, q {quotes: none;}
br {height: 0;}
ul, ol, dl, li {margin:0; padding:0;  color: #555555; font-size: 14px; line-height: 24px;}
html, body{height: 100%; -webkit-appearance:none; border:none; -webkit-text-size-adjust:none;}
body{position:relative;}

/* Class for clearing floats */
.clear {clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;}
.cf:after,.cf:before{display: table;content: ''}
.cf:after{clear: both;}
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

/* 2. Define Base Typography
------------------------------------------------------------------------------*/

/* Create the Default Headers  */
h1, h2, h3, h4, h5, h6 {}

/* Specific Header Settings */
h1 {font-weight:bold; font-size:36px; color:#fff; }
h2 {font-weight:bold; font-size:24px; color:#555; }
h3 {font-size:18px; }
h4 {font-size:16px;}
h5 {font-size: 14px;}
h6 {font-size: 12px;}

/* Create the Default Paragraphs */
p { color: #9f9f9f; font-size: 15px; line-height: 24px;}

/* Other Typo */
strong {font-weight: bold;}
hr {border:0 #000 solid; border-top-width: 1px; clear: both; height: 0;}
ol {list-style: decimal;}
ul {list-style: disc;}

/* 3. Images
------------------------------------------------------------------------------*/

/* Remove border around linked images */
img {border: 0; border-style: none;}

/* 4. Links
------------------------------------------------------------------------------*/

/* Default Link Types */
a {color: #000000; font-size: 16px; text-decoration:none;}
a:hover {}
a:active {color: #e8941a;}
a:focus {outline: none;}
a.current{color: #e8941a;}


/* 5. Forms
------------------------------------------------------------------------------*/

input[type='submit']{ -webkit-appearance:none; border:none; -webkit-text-size-adjust:none; }
select{-webkit-appearance:none; -moz-appearance:none; -o-appearance:none; appearance:none;}
input[type='text'],input[type='tel'],input[type='email'],input[type='password']{}
textarea{overflow:auto;}
::-webkit-input-placeholder{ color: #00437b;}
:-moz-placeholder{ color: #00437b;}
::-moz-placeholder{ color: #00437b;}
:-ms-input-placeholder{ color: #00437b;}
::-ms-input-placeholder{ color: #00437b;}
:placeholder-shown{ color: #00437b;}

/* Removes fieldset borders. even on Opea 7 */
fieldset {border: 1px solid transparent;}

/* 6. Tables
------------------------------------------------------------------------------*/

/* Table Fixes */
table {border-spacing: 0; border-collapse: collapse;}
td {text-align: left; font-weight: normal;}


/* 7. Framework
------------------------------------------------------------------------------*/

/* Common CSS */
/*common margin style*/
.m0{margin:0 !important;}
.mr20{margin-right:20px;}
.mt20{margin-top:20px !important;}
.mb80{margin-bottom:80px !important;}
.mt25{ margin-top:25px !important;}
.mt50{ margin-top:50px !important;}

/*all padding zero*/
.p0{padding:0 !important;}
.pt20{padding-top:20px;}

/*common display style*/
.dis-b{display:block}
.pos_rel{ position:relative;}
.hidden{ display:none !important;}

/*border*/
.no_bdr{border:none !important;}

/*common fonts style*/
.f16{ font-size:16px !important;}
.f18{ font-size:18px !important;}
.fbold{font-weight:bold;}

/*transition effect*/
.tra{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}

/* Page Layout */
body *{direction: rtl;font-family: 'NarkisBlockMFRegularRegular';}
#full_wrapper{min-height: 100%; height: auto !important; height: 100%; margin: 0 auto; /* the bottom margin is the negative value of the footer's height */}
img{max-width: 100%;}
a{display: inline-block;}
.wrapper{ width:960px; margin:0 auto;}
.content{ margin:0 auto; padding:0; width:100%;}
/* main */
.main{position: relative;overflow: hidden;}
.banner{padding-right: 16px;padding-left: 96px;height: 100vh;position: relative;background-image: url(../images/site/bg.jpg);background-repeat: no-repeat;background-position: center;background-size:cover;display: flex;justify-content: space-between;}
.banner .left_col{width:534px;background-color: #001b47;height:100vh;position:relative;order:2;padding-top: 50px;text-align: center;}
.banner .left_col .brand{position: absolute;bottom: 50px;left: 0;right: 0;margin: 0 auto;}
.banner .left_col h5{font-size: 33.64px;font-weight: 400;line-height: 33px;color: #fff;font-family: 'NarkisBlockMFRegularRegular';background-image: url(../images/site/tryangle.png);background-repeat: no-repeat;background-size: 100% 100%;background-position: top center;line-height: 30px;padding-top: 20px;padding-bottom: 28px;}
.contact_form{padding: 0px 34px;margin-top: 35px;}
.contact_form .in{width: 100%;height: 60px;border: 1px solid #aab0bb;background-color: #fff;background-color: #fff;outline: none;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.50) inset;margin-bottom: 30px; box-shadow: inset 3px 3px 7px #9c9a9a;-webkit-box-shadow: inset 3px 3px 7px #9c9a9a;-moz-box-shadow: inset 3px 3px 7px #9c9a9a;-o-box-shadow: inset 3px 3px 7px #9c9a9a; text-align: center;color: #00437a;font-size: 48.93px;font-weight: 400;transition: 0.5s all ease;-webkit-transition: 0.5s all ease;-moz-transition: 0.5s all ease;-o-transition: 0.5s all ease;}
.contact_form input[type="email"] {font-family: 'arial';}
.contact_form .sub {background-color: #f26222;font-weight: 400;color: #ffffff;font-size: 48.93px;height: 60px;transition: 0.5s all ease;-webkit-transition: 0.5s all ease;-moz-transition: 0.5s all ease;-o-transition: 0.5s all ease;margin-bottom:28px;width: 100%;font-family: 'NarkisBlockMFRegularRegular';cursor: pointer;}
.contact_form .sub:hover{opacity: 0.8}
.contact_form label {position: relative;background-image: url(../images/site/no.png);background-repeat: no-repeat;background-position: right top;background-size: 35px;text-align: right;font-weight: 400;color: #ffffff;font-size: 20px;line-height: 19px;text-align: right;padding-right: 50px;display: block;}
.contact_form input[type="checkbox"] {opacity: 0;visibility: hidden;position: absolute;right: 0px;top: 0px;}
.contact_form label span {font-family: 'arial';font-size: 22px;line-height: 16px;}
.contact_form label.active {background-image: url(../images/site/yes.png);}
.banner .right_col{width: calc(100% - 534px);padding-left: 12px;text-align: center;position: relative;padding-top: 40px;}
.banner .right_col .top_img img{max-width: 65%;margin: 0 auto;}
.banner .right_col h1 {color: #fff;background-color: #001b47;font-size: 45.5px;font-family: 'NarkisBlockMFBold';padding-top: 15px;padding-bottom: 9px;margin-top: 40px;}
.banner .right_col .right{width: 344px;}
.banner .right_col .tex_col{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 22px;z-index: 1;}
.banner .right_col .tex_col .right  h3{color: #fff;font-size: 24px;background-color: #001b47;position: relative;margin-bottom: 15px;line-height: 21px;padding: 10px 10px;padding-right: 29px;}
.banner .right_col .tex_col  .right h3 span{color: #f26222}
.banner .right_col .tex_col  .right h3:after{content: '';position: absolute;right: 0;height: 100%;width: 29px;background-color: #f26222;top: 0;right: 0;}
.banner .right_col .tex_col  .right h3 i{font-style: normal;font-family: 'arial';}
.banner .right_col .tex_col  .left{width: 458px;}
.banner .right_col .tex_col  .left .col{background-color: #001b47;}
.banner .right_col .tex_col  .left p{display: flex;justify-content: space-between;margin-bottom: 5px;}
.banner .right_col .tex_col  .left p span {height: 37px;width: 154px;background-color: #f26222;color: #fff;font-weight: bold;font-size: 20px;line-height: 37px;}
.banner .right_col .tex_col  .left p i{font-style: normal;width: calc(100% - 154px);line-height: 37px;color: #fff;font-size: 40px;font-weight: bold;position: relative;top: 3px;}
.banner .right_col .tex_col  .left p+p i{top: -3px;}
.banner .right_col .car{position: absolute;left: 0;right: 0;bottom: 50px;z-index: 2}
.banner .right_col .car img{max-width: 63%;margin: 0 auto}
.banner .right_col .car .mob_car{display: none;}
.banner .right_col>p{color: #fff;font-size: 19px;font-weight: 400;position: absolute;bottom: 10px;left: 0;right: 0;margin: 0 auto;}
.mob_col{display: none;}
.select{position: relative;}
select { padding-right: 12px;}
.select::after {content: "";background-image: url(../images/site/dropdonnarow.png);background-repeat: no-repeat;background-position: center;position: absolute;top: 1.5em;left: 0;padding: 6px 1em;cursor: pointer;pointer-events: none;-webkit-transition: .25s all ease;-o-transition: .25s all ease;transition: .25s all ease;color: #085297;width: 50px;}
/* Push */
.push{}

/* Thank you */
.thankyou{width: 100%;height: 100%;background: #000; background-color: rgba(0,0,0,0.9);opacity: 1;position: fixed;z-index: 999999;}
.thankyou p{color:#fff;font-size: 45px;text-align: center;padding-top: 25%;}
.thankyou a{position: absolute;top:5%;right:5%;}
.antispam{display: none}
label.error{display: none !important;}
input.error{box-shadow:inset 0 0 15px #f71d1c !important;-webkit-box-shadow:inset 0 0 15px #f71d1c !important;-moz-box-shadow:inset 0 0 15px #f71d1c !important;-o-box-shadow:inset 0 0 15px #f71d1c !important;}