html {

}
#open-popup {}
.white-popup {
  position: relative;
  z-index:10000:
}


body { direction:rtl;min-height: 100%;overflow: auto;position:relative;background: url(../images/Background.png) center center fixed;background-size: cover;background-color: #231f20;}
.container {position: relative;padding:0;z-index:1;}
.row {position: relative;margin-top:0%;}
.shadow {box-shadow: 0 0 23px 5px #383838;}
.shadow_small {box-shadow: 0 0 7px -1px #797979;}
.right_align {text-align: right;}
.center_align {text-align: center;}
.left_align {text-align: left;}
.BackgroundW {display: block;margin: 0 auto;padding-top: 0;}
.BackgroundB {display:none;margin: 0 auto;padding-top: 0;}
.slider {display: inline;position: absolute;left: 15.4%;bottom: 12.4%;width: 100%; z-index:999}
.LogoTopR {display: inline;position: absolute;left: 12.5%;bottom: 83%;width: 13%; z-index:5}
.LogoTopL {display: inline;position: absolute;left: 8%;bottom: 83%;width: 4.6%; z-index:4}
.logoW {display: inline;position: absolute;right: 72%;bottom: 73%;width: 19%;}
.textw {display: inline;position: absolute;left: 5.5%;bottom: 63%;width: 30%;}
.textM {display: inline;position: absolute;left: 77%;bottom: 14.4%;width: 20%;}
.textB {display: inline;position: absolute;left: 3.5%;bottom: 9%;width: 25%;}
.no-padding {padding: 0;}
.padding {padding: 10px;}
.padding_top {padding-top: 2em;}
.ty {display: block;text-align: center;font-family: 'Varela Round', sans-serif;font-weight: bold;text-shadow: 2px 2px 2px #bbb;font-size: 3em;color: #fff;background-color: #2211D3;border-radius:0px;-webkit-border-radius: 0px;-moz-border-radius: 0px;-ms-border-radius:0px;-o-border-radius: 0px;}
.copyright{position: fixed;bottom: 1%;right: 4%;}

  /*==================================================
open new page
 * ===============================================*/
  
 .ButtenW {display: inline;position: absolute;left: 3%;bottom: 2%;width: 5%;}
 .Display1200 {display: inline-block;margin: 0 auto;padding-top: 0;}
 .Display767 {display: none;margin: 0 auto;padding-top: 0;}
a.download{background:#fff;color:#122e4e;font-size:0.8em;text-decoration:none;padding: 1px 1em 1px 1em;border-radius:3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius:3px;-o-border-radius: 3px;
	border:1px solid #122e4e;
	font-weight:600;
	margin-top: 0em;
}
/* Shutter Out Horizontal */

.hvr-shutter-out-horizontal {
    background:url(./images/button.png) no-repeat;
    cursor:pointer;
    border:none;
    width:52px;
    height:60px;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-out-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #ffffff;
  border:1px solid #fd7700;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
	color: #444A60;
}
.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

/*==================================================
 * Email form 
 * ===============================================*/
.subtitle{font-family:Arial, Helvetica, sans-serif;font:Arial;font-size:1.3em;color:#ffffff;position:absolute;right:12%;top:85%;}
form {position: absolute;display:block;padding: 0;margin: 0;width: 64%;height: 11%;bottom: 3%;left:34%}
form ul{position: relative;display: block;width: 100%;height: 100%;}
form li {display: block;height: auto;}/*==was height: 100%; auto liminat all white in mobile down page ==*/ 
#Fname {position: absolute;right: 0%;bottom: 41%;width: 26%; height:48%}
#phone {position: absolute;right: 27%;bottom: 41%;width: 26%;  height:48%}
#email {position: absolute;right: 54%;bottom: 41%;width: 26%;  height:48%}
#divur{position: absolute;right:0%;top: 69%;}
.divur{font-family:Arial, Helvetica, sans-serif;font:Arial;font-size:0.9 em; font-weight:600;color:#000;position:absolute;right:3%;top:69%;}
.divur:hover {color:#000;}
input[type=checkbox] {height:2em;width:2em;}
.input {display: block;width: 100%;height: 100%;background: #cccccc;font-family:'tahoma' , sans-serif;font-size:1.2em;color: #000000;border: none;text-align:center;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;
-moz-border-radius: 0px;border-radius: 0px;}
.input:focus {border:0;}
input[type=text] {outline: none;}
input[type=email] {outline: none;}
input[type=submit] {outline: none;}
input[type=checkbox] {height:1.5em;width:1.5em;    }
.input::-webkit-input-placeholder {color:#000000;}
.input::-moz-input-placeholder {color:#000000;}
.input::-ms-input-placeholder {color:#000000;}
.Button {display: block;position: absolute;width: 18%;height: 48%;left: 1%;top:10%;border: none;font-family: 'tahoma', sans-serif;font-size:1.2em;padding: 4px;font-weight:normal;text-align:center;
color:#fff;background: #2211D3; font-weight: bold;transition: all 0.4s ease;-webkit-transition: all 0.4s ease;-moz-border-radius: 0px;border-radius: 0px;}

.Button:hover {background-color: #fff;color:#000;cursor:pointer;transition: all 0.4s ease;-webkit-transition: all 0.4s ease;}
/*==================================================
 * shadow
 * ===============================================*/
 .one-edge-shadow {-webkit-box-shadow: 0 8px 6px -6px black;-moz-box-shadow: 0 8px 6px -6px black;box-shadow: 0 8px 6px -6px black;}
/*==================================================
 * Media Queries
 * ===============================================*/
 @media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 920px) {
}
@media only screen and (max-width: 767px) {
.container {position: relative;padding:0;z-index:1; margin-top:0%}
.row {position: relative;margin-top:0%;}
.ButtenW {display: inline;position: absolute;left: -32%;bottom: -150%;width: 100%;}
.Display1200 {display: none;; position:absolute; margin: 0 auto;padding-top: 0;}
.Display767 {display: inline; position:absolute; margin: 0 auto; padding-top: 0;}
.BackgroundB {display: block;width: 100%;}
.BackgroundW {display: none;}

.logoW {display: inline;position: absolute;right: 25%;bottom: 66%;width: 51%;}
.textw {display: inline;position: absolute;left: 5.5%;bottom: 54%;width: 89%;}
.textM {display: inline;position: absolute;left: 12%;bottom: 46%;width: 76%;}
.textB {display: inline;position: absolute;left: 16.5%;bottom: 3%;width: 65%;}

.subtitle{font-size:1.8em; text-align:center;color:#000000;position:absolute;right:5%;top:70%; width:90%; font-weight:500;}
form {width: 100%;height: 26%;padding: 0 2%;bottom: 19%;right: 0;}
form ul {display: block;width: 100%;height: 100%;float: none;}
#Fname {position: absolute;top: 2%;right: 5%;width: 90%;height: 16%;}
#phone {position: absolute;top: 22%;right: 5%;width: 90%;height: 16%;}
#email {position: absolute;top: 44%;right: 5%;width: 90%;height: 16%;}
#divur{position: absolute;right:6%;top: 87%;height: 5%; width:5%}
.divur{font-family:Arial, Helvetica, sans-serif;font:Arial;font-size:1.4em;color:#000000;position:absolute;right:14%;top:88%; width:80%}
input[type=checkbox] {height:1.8em;width:1.8em;    }
.input {font-family:'tahoma' , sans-serif;font-size:1.8em;color: #000000;}
.Button {position: absolute;top: 67%;right: 27%;background: #2211D3;font-family:'tahoma' , sans-serif; font-size: 2.0em;text-align:center;font-weight:700;width: 45%;height: 18%; color:#fff;}
.ButtonF {position: absolute;top: 66%;right: 52%;background: #FEEB42;font-family:'tahoma' , sans-serif; font-size: 2.0em;text-align:center;font-weight:700;width: 45%;height: 18%; color:#000;}
.Button:hover {background-color: #fff;color:#000;cursor:pointer;transition: all 0.4s ease;-webkit-transition: all 0.4s ease;}
.ButtonF:hover {background-color: #fff;color:#000;cursor:pointer;transition: all 0.4s ease;-webkit-transition: all 0.4s ease;}
.tyContainer { position: relative;padding:0;z-index:1; margin-top:3%}  
}
@media only screen and (max-width: 640px) {
.subtitle{font-size:1.6em; text-align:center;color:#000000;position:absolute;right:3%;top:70%; line-height:90%; width:95%; font-weight:500;}
#Fname {height:16%;}
#phone {height: 16%;}
#email {height: 16%;}
.Button {font-size: 1.6em}
}
@media only screen and (max-width: 581px) {
.subtitle{font-size:1.4em; text-align:center;color:#000000;position:absolute;right:3%top:72%; line-height:90%; width:95%; font-weight:500;}
#Fname {height:16%;}
#phone {height: 16%;}
#email {height: 16%;}
.Button {font-size: 1.6em}
}
@media only screen and (max-width: 480px) {
.subtitle{font-size:1.2em; text-align:center;color:#000000;position:absolute;right:3%;top:71%; width:95%; font-weight:500;}
#Fname {height:16%;}
#phone {height: 16%;}
#email {height: 16%;}
.Button {font-size: 1.4em}
#divur{position: absolute;right:5%;top: 90%;height: 7%; width:7%}
.divur{font-family:Arial, Helvetica, sans-serif;font:Arial;font-size:1em;color:#000;position:absolute;right:14%;top:90%; width:80%}
input[type=checkbox] {height:1.8em;width:1.8em;}
}
@media only screen and (max-width: 425px) {
.subtitle{font-size:1.1em; text-align:center;color:#000000;position:absolute;right:3%;top:70%; width:95%; font-weight:500;}
.input{font-size: 1.1em}
#divur{position: absolute;right:2%;top: 90%;height: 7%; width:7%}
.divur{right:11%;top:92%; width:90%;font-size:0.9em; line-height:110%;}
input[type=checkbox] {height:1.2em;width:1.2em;    }
}
@media only screen and (max-width: 375px) {
.subtitle{font-size:1.0em; text-align:center;color:#000000;position:absolute;right:3%;top:70%; width:95%; font-weight:500;}
.input{font-size: 1.1em}
#divur{position: absolute;right:2%;top: 90%;height: 7%; width:7%}
.divur{right:11%;top:92%; width:92%;font-size:0.8em; line-height:110%;}
input[type=checkbox] {height:1.2em;width:1.2em;    }
}
@media only screen and (max-width: 330px) {
.subtitle{font-size:1.0em; text-align:center;color:#000000;position:absolute;right:3%;top:70%; width:95%; font-weight:500;}
.input{font-size: 0.7em}
.divur{right:11%;top:92%; width:90%;font-size:0.8em;}
input[type=checkbox] {height:1.2em;width:1.2em;    }
}