/* NORMALIZATION *v*********************
****************************************/
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; }

/* HTML5 display-role reset for older browsers */
* { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ }

/* makes padding not expand object's size */
body { line-height: 1; direction: rtl; font-family: 'Open Sans Hebrew' !important; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
html { }
.clearbox { clear: both; }
ol, ul { counter-reset: item; margin-right: 48px; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong, b { font-weight: bold; }
em, i { font-style: italic; }
table { border-collapse: collapse; border-spacing: 0; }
.item-separator { margin: 10px 0; }
li { font-size: 26px; line-height: 2.5; }
.images img { max-height: 420px; }
.contentBG { background-color: #FDFDFD; }
a.presshere { display: block; margin-top: 40px; }
img.logos { margin-top: 30px; margin-bottom: 60px; }
.download { padding-top: 20px; }
.googleplay { padding-top: 14px; }
.footerBG { background-color: #0C6E83; }
.screen img { margin-top: -30px; }
.col-sm-6.left-head.left {
    float: left;
}
.col-sm-4.googleplay img {
    max-width: 100%;
}
.col-sm-6.download {
    text-align: left;
    padding-top: 8px;
}
.col-sm-6.download img {
    max-width: 100%;
}


/* links vertical separator */
.clearbox { clear: both; }

/* CUSTOM STYLING *v********************
****************************************/

/* page */
body { color: #fff; font-size: 14px; background: #fff; }

/* normalizes the major blocks to wrapper width */
h1, h2, h3, h4 { color: #263d4f; }
p { color: #263d4f; }
a, a:link, a:visited { color: #8dbacf; text-decoration: none; transition: color .3s; }
a:hover, a:active { color: #fff; transition: color .3s;    text-decoration: none !important; }
.wrapper { width: 1005px; margin: 0 auto !important; position: relative; }
.right { float: right; }
.left { float: left; }
#contact input, #contact textarea { color: #605f5f; border: 1px solid #ccc; text-shadow: none; width: 100%; max-width: 210px; padding-bottom: 0px; padding-left: 0px; padding-right: 10px; margin: 4px 0; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.3); }
#contact input { height: 32px; }
#contact textarea { height: 65px; }
#contact #button { color: #000; height: 32px; width: 100%; max-width: 210px; background: url(../images/send.png) no-repeat center top; background-size: 100%; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; transition: all .3s; cursor: pointer; }
#contact #button:hover { background-position: center bottom; }
.headerBG { background-color: #0c6e83; }
.right-head { text-align: center; padding: 10px 0 30px 0px; }
.right-head h1 { font-size: 34px; color: #fff; }
.logo { text-align: center; padding-top: 19px; }

/* responsive STYLING *********************
****************************************/
@media all and (max-width:1022px) {
	img { max-width: 100%; }
	.wrapper { width: 100%; }
	.right-head h1 { font-size: 3vw; color: #fff; }
}
@media all and (max-width:960px) {
	.content h1 { font-size: 4.4vw !important; text-align: center; }
}
@media all and (max-width:900px) {
	li { font-size: 2.6vw; line-height: 2.5; }
}
@media all and (max-width:767px) {

	.images {
    text-align: center;
}
img.logos {
    margin-top: 20px;
    margin-bottom: 50px;
}
.screen {
    width: 20%;
    float: right;
}

.download {
    width: 50%;
    float: right;
}

.googleplay {
    width: 30%;
    float: right;
        padding-top: 9px;
}

ol {
    float: right;
    width:50%;
}
img.people {
    width: 40%;
    float: left;
}
a.presshere {
    float: right;
    width: 50%;
}

a.presshere img {
    max-width: 100%;
}


}

@media all and (max-width:700px) {

.left-head {
    float: none !important;
}


}
@media all and (max-width:570px) {
	.download {
    width: 60%;
    float: right;
}
.col-sm-6.download {
    text-align: right;
    padding-top: 8px;
}
.col-sm-6.download span {
    font-size: 26px !important;
}

  .right-head h1 {
    font-size: 6vw;
    color: #fff;
}
.content h1 {
    font-size: 7.4vw !important;
    text-align: center;
}
li {
    font-size: 4.6vw;
    line-height: 2.5;
}
ol {
    float: right;
    width: 100%;
    margin-right: 13px;
}
img.people {
    width: 66%;
    float: none;
    display: block;
    margin: 0 auto;
}

.screen {
    width: 38%;
    float: right;
}
a.presshere img {
    max-width: 100%;
    margin: 0 auto;
    display: block;
}
.googleplay {
    width: 43%;
    float: right;
    padding-top: 0px;
    padding-bottom: 10px;
}
.download {
    padding-top: 10px;
    padding-bottom: 10px;
}
a.presshere {
    float: none;
    display: block;
    margin: 0 auto;
    width: 100%;
}


}