html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
* { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
}
body { line-height: 1; direction: rtl; font-family:'Open Sans Hebrew', sans-serif; font-size:18px; }
body * {transition:.5s; }
ol, ul { list-style: none; counter-reset: item;}
strong, b { font-weight: bold; }
a, a:link, a:visited {text-decoration: none; transition: color .3s; }
a:hover, a:active { color: #fff; transition: color .3s; }
.wrapper {width:1200px; margin:0 auto; position:relative; max-width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; }
img {max-width:100%;}
p {color:#232323; font-size:24px; line-height:1.4em; }
header {padding:10px 0; }
.title {width:68%; }
h1 {font-size:54px; font-weight:bold; line-height:1.1em; color:#232323; letter-spacing:-2px; padding-top:25px; }
h1 strong {color:#232323; font-size:48px; display:block; }
.title p {}
.logo.mobile {display:none; }
.logo {width:30%; }
.logo > img {display:block; margin-bottom:0; }
.social {display:flex; flex-wrap:wrap; justify-content:space-between; max-width:310px; }
.social a {display:inline-block; vertical-align:top; width:50px; height:50px; border-radius:50%; }
.social a.normalPhone {width:auto; height:auto; padding-top:0px; color:#232323; font-size:24px; }
.social a img {}
.fixedText {display:none; }
.fixedText p {}
.social.stuck .fixedText {display:block; width:100%; position:fixed; top:0; right:0; left:0; z-index:9999; background:rgba(255,255,255,0.7); padding:15px 0; text-align:center; color:#000; }
img.mobileVersion {display:none; }
#topSection {}
#topSection img {width:100%; }
h2 {font-size:48px; color:#1981c4; font-weight:bold; line-height:1.2em; display:block; width:100%; }
#topSection p {display:block; }
ul {padding-right:20px; display:block; width:100%; }
li {list-style:none; color:#232323; font-size:24px; position:relative; line-height:1.4em; }
li:before {content:''; width:10px; height:10px; border-radius:50%; background:#232323; position:absolute; right:-15px; top:50%; margin-top:-5px; }
#contactForm {border-top:2px solid #fff; background:#95cb55; padding:40px 0; text-align:center; }
#contactForm p {font-size:30px; }
#contactForm p a {}
h3 {font-size:48px; color:#232323; font-weight:bold; display:block; margin-bottom:25px; }
form {display:flex; flex-wrap:wrap; justify-content:space-between; width:54%; margin:15px auto 0; }
.field {width:32%; height:49px; }
input {border:0; width:100%; height:100%; background:#fffv; font-size:20px; color:#5c5b54; padding:0 15px; font-style:italic; font-family:'Open Sans Hebrew', sans-serif; }
.field.button {width:100%; display:flex; flex-wrap:wrap; justify-content:center; margin-top:10px; position:relative; max-width:570px; margin-right:auto; margin-left:auto;}
button {border:0; cursor:pointer; width:100%; height:100%; background:url('../images/buttonBG.jpg') no-repeat top center; color:#fff; background-size:cover; font-size:30px;}
button:hover {}
#services {padding:60px 0; text-align:center; }
#services p {display:block; margin-bottom:50px; }
h4 {color:#373839; font-size:48px; font-weight:bold; display:block; margin-bottom:80px; width:100%; text-align:center; }
.circles {display:flex; flex-wrap:wrap; justify-content:space-between; width:100%; }
.circle {text-align:center;}
.cIamge {}
.cIamge img {width:100%; }
.circle strong {font-size:23px; font-weight:normal; color:#1981c4; display:block; margin-top:35px;margin-bottom:50px;}
#advSection {padding:60px 0; text-align:center; }
#advSection h2 {font-size:48px; font-weight:bold; display:block; margin-bottom:20px; color:#232323; }
#advSection .wrapper > strong {color:#1981c4; font-size:36px; display:block; text-align:center; width:100%; }
#advSection .wrapper > p {color:#232323; font-size:24px; }
#advSection .wrapper > * {margin-bottom:15px; }
.advCircles {display:flex; flex-wrap:wrap; justify-content:space-between; text-align:center; margin-top:25px; }
.advCircle {margin-bottom:50px; width:24%;}
.advCircle img {}
.advCircle strong {font-weight:normal; font-size:24px; display:block; margin-top:15px; }
#oklists {text-align:center; padding:80px 0; background:url('../images/bottomBG.jpg')no-repeat top center; background-size:cover; }
#oklists .wrapper > * {display:block; width:100%; color:#fff; margin-bottom:15px; }
#oklists .wrapper img {width:auto; max-width:100%; margin:15px auto 0; }
#oklists h3 {color:#fff; }
#oklists p {color:#fff; }
#oklists strong {color:#fff; font-size:24px; width:100%; }
#oklists a {color:#8ac542!important; font-weight:bold; font-size:24px; }
footer {background:#373839; padding:60px 0;}
.fwrapper {width:62.5%; margin:0 auto; display:flex; flex-wrap:wrap; justify-content:space-between; }
.fRight {display:flex; width:60%; }
.fRight img {}
.fRight strong {font-size:36px; color:#fff; display:flex; flex-direction:column; justify-content:center; }
.fLeft {width:33.33%;}
.fLeft img {display:block; margin-bottom:25px; }
.fLeft p {color:#fff;}
.fLeft p a {color:#fff;}
@media all and (max-width:767px){
.wrapper {padding:0 10px;}
.title {width:100%; display:block; }
h1, h3, h4 {font-size:30px; letter-spacing:0; padding-top:0;}
h2 {font-size:24px; }
h1 strong {font-size:26px; }
.logo {width:100%; }
.desktopVersion{display:none; }
.mobileVersion {display:block; }
#topSection {background-position:bottom center; background-color:#dededc; background-size:100%; }
a {display:inline-block; }
form {}
.field {}
.field.button {height:auto; }
button {font-size:18px; background-size:cover; padding:15px 0; }
#oolists {padding:30px 0;}
#advSection .wrapper > * {margin-bottom:0; }
#contactForm p {font-size:18px; }
.circle strong {font-size:18px; }
#advSection h2 {font-size:30px; }
}
@media all and (max-width:500px){
h4 {margin-bottom:15px; }
.logo {display:none; margin-bottom:35px; justify-content:center; text-align:center; }
.social {justify-content:center; }
.logo.mobile {display:block; width:100%; margin-bottom:10px; }
img.mobileVersion {display:block; }
#topSection{background-image:none; padding:0; }
form {width:90%; }
.field {display:block; width:100%; margin-bottom:5px; }
.field.button {height:auto; }
.fwrapper {width:90%; }
.circle {margin:0 auto 25px; }
.fRight {width:100%; display:block;}
.fRight > * {display:block; margin-bottom:5px; width:100%;}
.fRight strong {font-size:24px; }
.fLeft {width:100%; display:block; margin-top:40px; }
.fLeft > * {width:100%; display:block; }
.fRight strong {display:block; width:100%; }
p, li {font-size:17px; }
#services {padding:15px 0; }
#services p {margin-bottom:15px; }
.logo > img {margin-bottom:10px; }
.advCircles {}
.advCircle {width:32%; }
.advCircles strong {font-size:18px; }
}
@media all and (max-width:280px){
#advSection {padding:30px 0;}
#advSection h2 {font-size:30px; }
#advSection .wrapper > strong {font-size:24px; }
#advSection .wrapper > p {font-size:19px;}
.advCircles {}
.advCircle {width:45%; }
.advCircles strong {font-size:18px; }
}