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}
.pricew {display: inline;position: absolute;left: 62%;bottom: 26%;width: 45%;}
.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;left: 8%;bottom: 15%;width: 19%;}
.textM {display: inline;position: absolute;left: 75%;bottom: 15%;width: 15%;}
.textB {display: inline;position: absolute;left: 9%;bottom: 29%;width: 17%;}
.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: #000000;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: 'Miriam Libre', sans-serif;font-size:1.6em; font-weight:700; letter-spacing:-1px;color:#ffffff;position:absolute;right:5%;top:81%;}
form {position: absolute;display:block;padding: 0;margin: 0;width: 82%;height: 11%;bottom: 2%;left:10%}}
form {position: absolute;display:block;padding: 0;margin: 0;width: 85%;height: 11%;bottom: 2%;left:7%}
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: 52%;width: 26%; height:40%}
#phone {position: absolute;right: 27%;bottom: 52%;width: 26%;  height:40%}
#email {position: absolute;right: 54%;bottom: 52%;width: 31%;  height:40%}
.Frecaptcha {position: absolute;right: 37%;bottom: 92%; width: 27%;transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;}
#divur{position: absolute;right:0%;top: 69%;}
.divur{font-family: 'Miriam Libre', sans-serif;font-size:1.4em; font-weight:700; letter-spacing:-1px;color:#ffffff;position:absolute;right:3%;top:71%;}
.divur:hover{color:#ffffff;}
input[type=checkbox] {height:2em;width:2em;}
.input {display: block;width: 100%;height: 100%;background: #C3C3C3;font-family:'tahoma' , sans-serif;font-size:1.0em; font-weight:600; color:#000;border: solid;border-width: 2px; border-color:#FFF;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:2em;width:2em;}
.input::-webkit-input-placeholder {color:#000;}
.input::-moz-input-placeholder {color:#000;}
.input::-ms-input-placeholder {color:#000;}
.Button {display: block;position: absolute;width: 14%;height: 40%;left: 0%;top:8%;border: none;font-family: 'tahoma', sans-serif;font-size:1em;padding: 4px;font-weight:normal;text-align:center;
color:#000;background: #C3C3C3; font-weight: bold;transition: all 0.4s ease;-webkit-transition: all 0.4s ease;-moz-border-radius: 0px;border-radius: 0px;border: solid;border-width: 2px; border-color:#FFF;}

.Button:hover {background-color: #000000;color:#FFFFFF;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;}

.pricew {display: inline;position: absolute;left: 13%;bottom: 60%;width: 75%;}
.logoW {display: inline;position: absolute;left: 5%;bottom: 9%;width: 24%;}
.textM {display: inline;position: absolute;left: 10%;bottom: 44%;width: 80%;}
.textB {display: inline;position: absolute;left: 15%;bottom: 51.5%;width: 70%;}

.subtitle{font-size:1.6em;color:#ffffff;position:absolute;right:12%;top:32%; font-weight:600; text-align:center;}
form {width: 100%;height: 26%;padding: 0 2%;bottom: 16%;right: 0;}
form ul {display: block;width: 100%;height: 100%;float: none;}
#Fname {position: absolute;top: 0%;right: 5%;width: 90%;height: 16%;}
#phone {position: absolute;top: 19%;right: 5%;width: 90%;height: 16%;}
#email {position: absolute;top: 38%;right: 5%;width: 90%;height: 16%;}
.Frecaptcha {position: absolute;right: 4%;bottom: -25%; width: 41%;transform:scale(1);-webkit-transform:scale(1);transform-origin:0 0;-webkit-transform-origin:0 0;}
#divur{position: absolute;right:6%;top: 76%;height:4%;width:4%;}
.divur{font-family: 'Miriam Libre', sans-serif;font-size:1.6em; font-weight:700; letter-spacing:-1px;color:#ffffff;position:absolute;right:14%;top:77%; width:80%}
.input {display: block;width: 100%;height: 100%;background: #c3c3c3;font-family:'tahoma' , sans-serif;font-size:1.9em;color: #000000;border: solid;border-width: 2px; border-color:#FFF;text-align:center;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;
-moz-border-radius: 0px;border-radius: 0px;}
.input::-webkit-input-placeholder {color:#000;}
.input::-moz-input-placeholder {color:#000;}
.input::-ms-input-placeholder {color:#000;}
input[type=checkbox] {height:2.5em;width:2.5em;}
input[type=tel] {outline: none;text-align:center;}
.Button {position: absolute;top: 57%;right: 5%;background: #C3C3C3;font-family: 'Roboto', sans-serif; font-size: 1.8em;width: 43%;height: 15%;font-size: 1.8em; color:#000000;border: solid;border-width: 2px; border-color:#FFF;padding:0px 0px 0px 0px}
.ButtonF {position: absolute;top: 57%;right: 52%;background: #C3C3C3;font-family: 'Roboto', sans-serif; font-size: 1.8em;width: 43%;height: 15%;font-size: 1.8em; color:#000000;border: solid;border-width: 2px; border-color:#FFF;font-weight: bold;padding:0px 0px 0px 0px}
.Button:hover {background-color: #000000;color:#ffffff;cursor:pointer;transition: all 0.4s ease;-webkit-transition: all 0.4s ease;}
.ButtonF:hover {background-color: #000000;color:#ffffff;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.5em;color:#ffffff;position:absolute;right:8%;top:32%; font-weight:500;text-align:center;}
#Fname {top: 0%;height:16%;}
#phone {top: 19%;height: 16%;}
#email {top: 38%;height: 16%;}
.Frecaptcha {position: absolute;right: -7%;bottom: -25%; width: 49%;transform:scale(.8);-webkit-transform:scale(.8);transform-origin:0 0;-webkit-transform-origin:0 0;}
.Button {font-size: 1.7em;font-family: 'Roboto', sans-serif;}
.ButtonF {font-size: 1.7em;font-family: 'Roboto', sans-serif;}
#divur{position: absolute;right:6%;top: 75%;height:4%;width:4%;}
.divur{position:absolute;right:14%;top:74%; width:80%}
input[type=checkbox]{width:2.5em;}
}
@media only screen and (max-width: 581px) {
.subtitle{font-size:1.5em;color:#ffffff;position:absolute;right:3%;top:32%; font-weight:500;text-align:center;}
#Fname {height:16%;}
#phone {height: 16%;}
#email {height: 16%;}
.Button {font-size: 1.6em;font-family: 'Roboto', sans-serif;}
.ButtonF {font-size: 1.6em;font-family: 'Roboto', sans-serif;}
.divur{position:absolute;font-size:1.5em;right:14%;top:74%; width:80%}
#divur{position: absolute;right:2%;top: 76%;height:6%;width:6%;}
}
@media only screen and (max-width: 480px) {
.subtitle{font-size:1.3em;color:#ffffff;position:absolute;right:3%;top:32%; font-weight:500;text-align:center; line-height:100%;}
#Fname {height:16%;}
#phone {height: 16%;}
#email {height: 16%;}
.Frecaptcha {position: absolute;right: -25%;bottom: -25%; width: 66%;transform:scale(.6);-webkit-transform:scale(.6);transform-origin:0 0;-webkit-transform-origin:0 0;}
.Button {font-size: 1.5em;font-family: 'Roboto', sans-serif;}
.ButtonF {font-size: 1.5em;font-family: 'Roboto', sans-serif;}
.divur{font-size:1.2em;color:#ffffff;position:absolute;right:14%;top:76%; width:80%; line-height:1.1em}
#divur{position: absolute;right:2%;top: 76%;height: 7%; width:7%;}
input[type=checkbox] {height:1.8em;width:1.8em;}
}
@media only screen and (max-width: 425px) {
.subtitle{font-size:1.2em;color:#ffffff;position:absolute;right:3%;top:32%; font-weight:500;text-align:center; line-height:100%;}
.input{font-size: 1.2em}
.divur{right:14%;top:76%; width:90%;font-size:1.1em;color:#FFFFFF}
#divur{position: absolute;right:2%;top: 76%;height: 7%; width:7%;}
input[type=checkbox] {height:1.2em;width:1.2em;}
}
@media only screen and (max-width: 375px) {
.subtitle{font-size:1em;color:#ffffff;position:absolute;right:3%;top:33%; font-weight:500;text-align:center; line-height:100%}
.input{font-size: 1.0em}
form {width: 100%;height: 26%;padding: 0 2%;bottom: 16%;right: 0;}
.divur{right:14%;top:73%; width:90%;font-size:0.9em;color:#FFFFFF}
#Fname {top: 1%;right: 5%;width: 90%;height: 15%;}
#phone {top: 18%;right: 5%;width: 90%;height: 15%;}
#email {top: 35%;right: 5%;width: 90%;height: 15%;}
.Frecaptcha {position: absolute;right: -42%;bottom: -30%; width: 85%;transform:scale(.5);-webkit-transform:scale(.5);transform-origin:0 0;-webkit-transform-origin:0 0;}
#divur{position: absolute;right:2%;top: 72%;height: 7%; width:7%;}
.Button {top: 52%;right: 5%;font-family: 'Roboto', sans-serif; font-size: 1.5em;width: 43%;height: 16%; color:#000;font-weight:500;}
.ButtonF {top: 52%;right: 52%;font-family: 'Roboto', sans-serif; font-size: 1.5em;width: 43%;height: 16%; color:#000;font-weight:500;}
input[type=checkbox] {height:1.2em;width:1.2em;    }
}
@media only screen and (max-width: 330px) {
.subtitle{font-size:1em;color:#ffffff;position:absolute;right:3%;top:33%; font-weight:500;text-align:center; line-height:100%}
.input{font-size: 0.7em}
.divur{right:14%;top:71%; width:90%;font-size:0.9em;}
#Fname {top: 1%;right: 5%;width: 90%;height: 16%;}
#phone {top: 18%;right: 5%;width: 90%;height: 16%;}
#email {top: 35%;right: 5%;width: 90%;height: 16%;}
#divur{position: absolute;right:6%;top: 64%;height: 18%;}
.Button {top: 52%;right: 5%;font-family: 'Roboto', sans-serif; font-size: 1.3em;width: 43%;height: 16%; color:#000;}
.ButtonF {top: 52%;right: 52%;font-family: 'Roboto', sans-serif; font-size: 1.3em;width: 43%;height: 16%; color:#000;}
input[type=checkbox] {height:1.2em;width:1.2em;    }
}