body{direction:rtl; font-family: 'Rubik' !important; text-align:right; font-size:20px; color:#072343; font-weight:normal;}
/* special class */


a:hover{text-decoration:none}
ul{margin:0px; padding:0px;}
.wrapper {
    width: 100%;
    overflow: hidden;
}
.top_bar {
    background: #072343;
    padding: 0px 0;
    display: block;
    width: 100%;
    z-index: 99;
    position: relative;
    top: 0px;
    font-weight: 400;
    height: 107px;
    overflow: visible;
}
.top_right {
    float: right;
}
.top_left {
    float: left;
}
.logo {
    float: left;
}
.lang {
    float: left;
    margin-top: 34px;
    margin-left: 26px;
}
.lang a {

    color: #fff;
    background: #041b35;
    display: block;
    width: 37px;
    height: 37px;
    text-align: center;
    line-height: 37px;

}
.lang a:hover{background:#C0A655; color:#072343; font-weight:500; text-decoration:none}
.top_right h1 {

    font-size: 45.68px;
    color: #fff;
    font-weight: 500;
    margin-top: 20px;

}
.banner {
    top: -43px;
    position: relative;
    overflow: hidden;
    clear: both; background-image:url(../images/banner_bg.jpg); background-size:cover
}
.banner .container{ position: relative; right: 0px; left:0px; margin:0px auto; top: 0px;}
.banner_form {
    background: rgba(255,255,255,0.8);
    max-width: 461px;
    padding: 22px;
height: 672px;
}
.banner_form h2 {
margin: 0px;
    font-size: 30px;
    color: #072343;
    font-weight: 500;

}
.banner_form label {

    display: block;
    color: #072343;
    font-size: 18px;
    font-weight: 500;
    margin-top: 20px;font-weight: 500;

}
input.input_field {

    width: 100%;
    border: none;
    height: 51px;
    box-shadow: rgba(0,0,0,0.17) 2px 2px 0px 0 ; padding:0px 20px

}
.texraeat_field{width: 100%;
border: none;
height: 141px;
box-shadow: rgba(0,0,0,0.17) 2px 2px 0px 0;
padding: 0px 20px; resize:none}
input.input_field:focus{box-shadow: rgba(0,0,0,0.17) 0px 0px 0px 0 ;}
.payment_type li {

    list-style: none;
    display: inline-block;

}
.payment_type ul {

    text-align: center;

}
input.submit_button {

    background: #c0a655;
    border: none;
    display: block;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 25px;
    font-weight: 500;
    height: 56px;
    box-shadow: rgba(0,0,0,0.22) 0 -3px 0px 0 inset;
    padding-bottom: 6px;
    margin-top: 15px; cursor:pointer

}
input.submit_button:hover{box-shadow: rgba(0,0,0,0.22) 0 3px 0px 0 inset;}
.reset_button {

    background: none;
    border: none;
        border-bottom-color: currentcolor;
        border-bottom-style: none;
        border-bottom-width: medium;
    text-align: center;
    color: #072343;
    text-decoration: underline;
    font-size: 16px;
    text-align: center;
    display: block;
    width: 100%;
    padding: 15px 0;
    border-bottom: #fff solid thin;
    margin-bottom: 15px; cursor:pointer

}
.reset_button:hover{text-decoration:none}

.banner_bottom {
    margin-top: -43px;padding: 27px 0
}
.contact_button {
   float: left !important;

font-size: 20px!important;

color: #072343!important;

text-align: center!important;

display: block!important;

border: #092a50 solid thin!important;

width: 164px!important;

height: 51px!important;

line-height: 44px!important;

background: none!important;

line-height: 22px!important;

border-radius: 0px!important;font-weight:500!important;
}
.contact_button:hover{ background:#072343!important; color:#fff!important;}
.contact_button.btn-primary:focus{border: none!important;     box-shadow:none !important;}
.intro_text p{font-size:16px; line-height:20px; letter-spacing:-1px; margin: 0px;}
.copyright_section {

    text-align: center;
    background: #eff1f4; padding:15px 0px;

}
.copyright_section p{color:#a6abb2; font-size:14px;}

.modal-content{border-radius:0px !important; padding:20px !important}
.contact_form_popup .input_field{ background:#eceff3; font-size:20px; margin-bottom:10px;color:#7e8b9a}
.contact_form_popup .texraeat_field{ background:#eceff3; font-size:20px; color:#7e8b9a}
.contact_form_popup h2{ font-size:24px; color:#072343; margin: 0px;}
.contact_form_popup h3{ font-size:18px; color:#072343; margin: 10px 0 20px 0;}
.contact_form_popup input.input_field:focus  { box-shadow: rgba(0,0,0,0.17) 2px 2px 0px 0 ;}

.contact_form_popup  ::-webkit-input-placeholder {color: #7e8b9a; opacity:1}
.contact_form_popup  ::-moz-placeholder { color: #7e8b9a;opacity:1}
.contact_form_popup :-ms-input-placeholder {color: #7e8b9a;opacity:1}
.contact_form_popup  :-moz-placeholder { color: #7e8b9a;opacity:1}





.close{ background-image:url(../images/close_icon.png)!important; background-repeat:no-repeat!important; width:13px!important; height:13px!important; display:block!important; opacity:1!important;float: left !important;
margin-bottom: 10px; cursor:pointer}
.modal-backdrop{background-color: #041b35!important; opacity: 0.6!important;}
.contact_email img {
    margin-left: 10px;
}
.col-lg-12.captcha_key {
    text-align: center;
    padding: 15px 0 0;
}
.g-recaptcha {
    display: inline-block;
}

.contact_email {

  background: #ececec;

padding: 18px 0px;

text-align: center;

font-size: 20px;

color: #26282a;
position: relative; margin-top:10px;
}
.contact_email span {

    display: inline-block;margin: 0 5px;

}
.contact_email span.num{color:#d78a22; font-weight:600}
#ContactForm .form-control-feedback {
    top: 7px !important;
    left: 15px !important;
    color: green  !important;
	right:auto !important;
}
#TransactionForm .form-control-feedback {
    top: 60px !important;
    left: 15px !important;
    color: green  !important;
	right:auto !important;
}
.form-control-feedback .glyphicon-remove {
	color: red  !important;	
}
.error { color: red !important;
    font-size: 12px !important;
    padding: 0px;
    margin: 0px 0px 0px 0px !important;
    float: left;
}
@media only screen and (max-width:1279px){
	
	.top_right h1{font-size: 30.68px; margin-top: 32px;}
	
}
@media only screen and (min-width:376px) and (max-width:414px){
	.top_right { width: 65%; }
	.top_left .logo img { height:108px }
	.top_right h1{font-size: 28px; margin-top: 25px;}
	.banner {
	    top: -7px;
	}
	.banner_bottom {
		margin-top: -30px;
	}
}
@media only screen and (min-width:320px) and (max-width:375px){
	.top_right { width: 50%; }
	.top_left .logo img { height:108px }
	.top_right h1{font-size: 25px; margin-top: 5px;}
	.banner {
	    top: -7px;
	}
	.banner_form {
		height: 725px;
	}
}
@media only screen and (max-width:320px){
	.top_right { width: 55%; }
	.top_left .logo img { height:108px }
	.top_right h1{font-size: 25px; margin-top: 10px;}
	.banner_form {
		height: 720px;
	}
	.banner {
	    top: -15px;
	}
}