@import url(http://fonts.googleapis.com/earlyaccess/opensanshebrew.css);
*{font-family: 'Open Sans Hebrew', sans-serif;}
body {direction: rtl;text-align: center;margin: 0;}
.absolute {position: absolute;}
.button {transition-duration: 0.5s;transition-property: filter,background-color;cursor: pointer}
.button:hover {filter: brightness(130%);}
#main {position: relative;color: white;}
#main > img {width: 100%;}
#main .absolute.main {top: 20%;}
#main h1 {font-size: 3.5em;font-weight: 900;margin-bottom: 0.5em;}
#main p {margin-bottom: 2em;}
#main .button {display: inline-block;padding: 15px 75px;font-size: larger;background-color: #e93540;font-weight: bold;border-radius: 35px;}
#icons {position: relative;top: -5px;background-color: #31b8c3;color: white;}
#icons .cmp span {font-weight: 600;font-size: larger;float: right;width: 25%;}
#icons .absolute.main {top: 55%;}
.main {width: 1050px;left: calc(50% - 525px);display: inline-block;}
#head {color: #31b7c2;font-weight: bold;font-size: large;height: 60px;line-height: 60px;}
#head > img {right: 10%;top: 10px;width: 15%;z-index: 1;}
#body {position: relative;top: -10px;background-color: white;}
#body > p {margin: 0;height: 230px;line-height: 200px;font-size: xx-large;font-weight: 600;}
#plans {width: 900px;display: inline-block;}
#plans > div {width: 33.3%;float: right;}
#plans .head {background-color: #3d4554;color: white;padding: 20px;}
#plans #mid .head {padding-top: 50px;margin-top: -30px;background-color: #31b8c3;position: relative;}
#plans #mid .head img {top: 0;left: 0;height: 85%;}
#plans .head h1 {font-size: 2.5em;margin: 0;font-weight: 800;}
#plans .head p {font-size: 1.2em;font-weight: 700;margin: 0;}
#plans .detail {padding: 20px;border: solid 1px #e6dcdc;height: 200px;color:#3d4554;}
#plans .button {display: inline-block;padding: 10px 20px;border: solid 1px gray;border-radius: 22px;margin-top: 20px;font-weight: 600;}
#plans #mid .button, #plans .button:hover {background-color: #e93540;color:white;border: none;}
.form {background-color: #f3f3f3;padding-top: 1px;padding-bottom: 60px;margin-top: 40px;}
.form h1, #popup h1 {color: #31b8c3;font-size: xx-large;margin-bottom: 0;}
.form > p, #popup p {font-weight: 600;font-size: 0.9em;margin-bottom: 35px;}
#popup > div {background-color: white;border-radius: 10px;margin-top: -40px;padding: 20px;position: relative;}
#popup > div > span {right: 10px;top: -30px;color: white;cursor: pointer;}
#popup form [type=text] {width: 90%;}
#popup form .submit {width: 70%;display: inline-block;}
#popup > img {height: 160px;}
.form > div {width: 800px;display: inline-block;padding: 30px;background-color:white;border-radius: 8px;position: relative;}
.form > div > img {right: -70px;top: -5px;height: 115%;}
form > * {width: 46%;text-align: right;padding: 9px;}
.form form > :nth-child(2n) {float: left;}
.form form > :nth-child(2n+1) {float: right;}
form .submit {width: 35%;text-align: center;background-color: #e93540;border-radius: 25px;padding: 12px;color: white;font-weight: 600;}
form input[type=text] {border-radius: 7px;border: solid 1px #c1bbbb;height: 25px;margin-bottom: 15px;}
form input[type=text].err {border: solid red 1px;}
form span {font-size: 0.9em;font-weight: 600;color: #0a0b0c;}
form > div {margin-top: 20px;width: auto;}
color {color: #e93540;}
#l-1, #l-2 {position: relative;width: 90%;right: 10%;}
#body1 {background-image: url('../images/150K.jpg');background-repeat: no-repeat;background-position: center bottom;background-size: 1350px auto;}
#body1 > img.cmp {z-index: -1;width: 984px;left: calc(50% - 492px);}
#body1 > img.mob {z-index: -1;width: 90%;left: 5%;}
#body1 h2 {line-height: 70px;}
#body1 > p {font-size: 1.2em;margin-bottom: 50px;margin-top: 30px;}
#body1 p {color: #3d4554;}
#body1 h3 {position: relative;top: 20px;}
#body1 .main {padding: 50px 0;}
#body1 .main > div {padding: 0 200px;}
#body1 .main h1 {font-size: 3.5em;}
#p1 {width: 1120px;display: inline-block;padding-bottom: 60px;}
#p1 > div {float: right;width: 16.6%;}
#p1 p {padding: 0 20px;}
#clients {padding: 20px 0}
#clients p {font-size: small;}
.fixed {position: fixed;}
.fixed.left {left: 0;top: 30%;width: 118px;}
.fixed.left div {box-shadow: 0px -2px 25px #cac3c3;font-weight: bolder;margin-top: -5px;cursor: pointer;}
.fixed.left .button {background-color: #e93540;color: white;padding: 5px;}
.fixed.left .head {padding: 5px;background-color: white;color: #0a0b0c;}
#popup {top: 10%;width: 400px;left: calc(50% - 200px);display: none;}
#blank {width: 100%;height: 100%;opacity: 0.7;background-color: black;top: 0;display: none;}
body > img.mob {width: 50%;margin-top: 25px;}