/*
Theme Name: Metronit
Theme URI: https://peaceman.co.il
Description: Developed by <a href="https://peaceman.co.il/">PeaceMan</a>.
Version: 1.2
Author: <a href="https://peaceman.co.il/">PeaceMan</a>
Author URI: https://peaceman.co.il/
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: https://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

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, font, 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 {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}

body {
	font-family: 'Lato', sans-serif;
	font-family: 'Assistant', sans-serif;
}
.site-width {
	width: 974px;
	margin: 0 auto;

}

#header {
	position: relative;
	margin-bottom: 23px;
}

#header #logo a {
	float: left;
	height: 23px;
	margin-top: 29px;
	margin-left: 23px;
	padding-top: 50px; 
}

#header #logo span {
	float: left;
	font-size: 18px;
	color: transparent;
	margin-top: 6px;
}

#header #login {
	float: right;
	text-transform: uppercase;
	font-size: 15px;
	margin-right: 15px;
	margin-top: 5px;
	padding: 4px;
	background: #a1aec4;
	text-decoration: none;
	color: #ffffff;
}

#header #login.open {
	color: #2874f2;
	background-color: transparent;
}

#login-form-arrow {
	display: none;
	position: absolute;
	right: 34px;
	top: 29px;
	width: 17px;
	height: 11px;
	z-index: 200;
	background: url(https://mystar.co.il/wp-content/themes/landingpage/images/appgradeimage/form_arrow.png) no-repeat;
}
#login-form-container {
	display: none;
	position: absolute;
	top: 38px;
	right: 8px;
	z-index: 100;
	width: 184px;
	padding: 0 14px 14px;
	background: #fff;
	border: 2px solid #e5e5e5;
	font-family: 'Lato', sans-serif;
	z-index: 180;
}
#login-form-container .close {
	display: none;
	position: absolute;
	top: 0;
	right: -2px;
	width: 40px;
	height: 40px;
	background: url(https://mystar.co.il/wp-content/themes/landingpage/images/appgradeimage/login_close.png) no-repeat;
	cursor: pointer;
}
#login-form-container .fields-title {
	margin: 22px 0 10px 0;
	color: #0355dd;
	text-transform: uppercase;
}
#login-form-container input {
	width: 174px;
	height: 30px;
	margin-bottom: 10px;
	border: none;
	outline: none;
}
#login-form-container .field-container {
	position: relative;
}
#login-form-container .field-container div {
	position: absolute;
	padding: 0 6px;
	line-height: 30px;
	font-size: 13px;
	color: #666666;
}
#login-form-container input[type="text"],
#login-form-container input[type="password"] {
	padding: 0 5px;
	background: #ededed;
	font-size: 13px;
	color: #585951;
}
#login-form-container input[type="submit"] {
	-webkit-appearance: none;
	width: 184px;
	margin-bottom: 12px;
	padding: 0 5px;
	font-size: 16px;
	color: #fff;
	text-transform: uppercase;
	background: #2874f2;
	pointer: cursor;
}
#login-form-container input[type="submit"]:active {
	background-color: #1762df;
}
#login-form-container .forgot {
	text-align: center;
}
#login-form-container .forgot a {
	font-size: 14px;
	color: #2874f2;
	text-decoration: none;
}
#login-form-container .signup {
	margin: 14px -14px 0;
	padding: 14px 14px 0;
	color: #666666;
	border-top: 1px solid #e5e5e5;
}
#login-form-container .signup div {
	padding-left: 3px;
	font-size: 14px;
}
#login-form-container .signup a {
	text-transform: uppercase;
	font-weight: bold;	
	color: #0355dd;
	text-decoration: none;
}
#login-form-container .signup a:hover {
	text-decoration: underline;
}

#header .menu {
	position: absolute;
	bottom: 1px;
	right: 5px;
	background-color: #1c1c1c;
	margin-bottom: 23px;
}

.black{
	background-color: #1c1c1c;
}
#header {
	background-color: #1c1c1c;
	margin-bottom: 0; 
}

#header .menu li:first-child {
	background:none;
}


#header .menu li {
	display: inline-block;
	padding-right: 12px;
	padding-left: 16px;
	font-size: 15px;
	text-transform: uppercase;
	background: url(https://mystar.co.il/wp-content/themes/landingpage/images/appgradeimage/header_menu_border.png) no-repeat left;
}

#header .menu li a {
	text-decoration: none;
	color: #585951;
color: white;
font-size: 20px; 
}

#header .menu li a:hover {
	color: #CE0237FF;
}

#header .menu li.current-menu-item a,
#header .menu li a.active{
	color: #CE0237FF;
}

#page-header {
	background: url(https://mystar.co.il/wp-content/themes/landingpage/images/appgradeimage/page_header.jpg) top no-repeat;
}

#page-header.about {
	background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url(https://mystar.co.il/wp-content/themes/landingpage/images/contact_header2.jpg);
	background-size: cover;
}

#page-header.contact {
	background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url(https://mystar.co.il/wp-content/themes/landingpage/images/contact_header2.jpg);
	background-size: cover;
}
 

@media all and (min-width: 1424px) {
	#page-header {
		background-size: cover;
	}
}

#page-header .site-width {
	height: 112px;
	position: relative;
}

#page-header.featured-image {
	background-position: center -119px;
}

#page-header.featured-image .site-width {
	height: 273px;
}

.page-title {
	position: absolute;
	bottom: 28px;
	left: 20px;
	font-size: 55px;
	text-transform: uppercase;
	color: #ffffff;
	font-weight: 300;
}

.main-banner {
	padding: 6px 38px 16px 20px;
	position: absolute;
	bottom: 45px;
	border-left: 5px solid #0355dd;
	background: url(https://mystar.co.il/wp-content/themes/landingpage/images/appgradeimage/banner_background.png);
}
 .about .main-banner,
 .contact .main-banner{
	border-left: 5px #CE0237FF solid; 
	background: rgba(206, 22, 55, 0.7); 
}

.main-banner .page-title {
	padding-top: 8px;
	margin-bottom: 6px;
	text-transform: none;
	position: static;
	font-weight: bold;
}

.main-banner h2 {
	color: #ffffff;
	font-weight: 300;
	padding-left: 3px;
}

#content {
	padding-top: 37px;
	padding-left: 23px;
	color: #0355dd;
}

#content .faq-fix {
	padding-left: 12px;
	padding-bottom: 100px;
}

#content .entry-content {
	width: 730px;
}

#content .entry-content #slogan {
	text-transform: uppercase;
	font-size: 45px;
	font-weight: 300;
	margin-bottom: 0;
	padding-top: 0px;
	line-height: 52px; 
	font-weight: bold;
}
 
#content .entry-content p {
	margin-top: 4px;
	font-size: 22px;
	color: #000000;
	line-height: 24px;
	font-weight: 300;
}

#content h2 {
	text-transform: uppercase;
	font-weight: 400;
	padding-top: 83px;
	padding-top:  0px;
	margin-bottom: 20px;
	font-weight: bold;
}
 
#content h2.units-title {
	font-size: 24px;
	color: #0355dd;
	padding: 24px 63px;
	background: url(https://mystar.co.il/wp-content/themes/landingpage/images/appgradeimage/developers_border.png) no-repeat bottom;
}

#content .employee-info {
	padding: 37px 470px 37px 0px;
	background: url(https://mystar.co.il/wp-content/themes/landingpage/images/appgradeimage/content_employee_border.png) no-repeat bottom;
}

.page-template-lp-about #content{
color: #CE0237FF
}
.employee-info img {
	border: 1px solid #dbdbdb;
	float:left;
}
.employee-info .employee-content {
	margin-left: 150px;
	margin-top: 8px;
}

.employee-info .employee-content h3 {
	clear: none;
	font-weight: 700;
	margin-top: 6px;
	margin-bottom: 6px;
	font-size: 20px;
}

#content .employee-info .employee-content p {
	line-height: 22px;
	margin-bottom: 9px;
	font-weight: 400;
	font-size: 18px;
	margin-top: 0px;
	color: #000000;
}

.employee-info .employee-content a {
	font-size: 17px;
	color: #1460df;
}

#content .question {
	margin-bottom: 17px;
}

#content .question h2 {
	padding-top: 6px;
	font-size: 19px;
	text-transform: none;
	font-weight: 700;
	margin-bottom: 5px;
	padding-left: 39px;
	background: url(https://mystar.co.il/wp-content/themes/landingpage/images/appgradeimage/faq.png) no-repeat left 8px;
	cursor: pointer;
}

#content .question.open h2 {
	background-position: left -93px;
}

#content .answer {
	display: none;
}

#content .answer p {
	font-weight: 400;
	font-size: 16px;
	line-height: 19px;
	padding-right: 351px;
	padding-left: 39px;
	color: #000000;
}

#footer {
	margin-top: 35px;
	padding-bottom: 144px;
	position: relative;
	background: #1c1c1c;
	color: #eaeaea;
}

#footer .footer-coloumn {
	background: url(https://mystar.co.il/wp-content/themes/landingpage/images/appgradeimage/footer_coloumn_background.png) repeat-y left;
	min-height: 100px;
}

#footer ul:first-child {
	padding-left: 0px;
	padding-right: 32px;
}

#footer ul {
	padding-left: 16px;
	padding-right: 20px;
	float: left;
	margin-top: 60px;
	width: 116px;
}

#footer ul li {
	margin-bottom: 9px;
}

#footer ul li a {
	text-transform: uppercase;
	text-decoration: none;
	font-size: 13px;
	color: #eaeaea;
}

#footer #contact-info {
	margin-top: 60px;
	float:left;
	padding-left: 16px;
	padding-right: 33px;
}

#footer #contact-info a {
	line-height: 28px;
	color: #CE0237FF;
	text-decoration: none;
}

#footer #contact-info a:hover {
	text-decoration: underline;
}

#footer #social-networks {
	float: left;
	margin-top: 60px;
	padding-left: 21px;
	padding-right: 52px;
	font-weight: 300;
	font-size: 14px;
}

#footer #social-networks a {
	margin: 24px 13px 0px -4px;
	display: inline-block;
	height: 32px;
	width: 32px;
	background: url(https://mystar.co.il/wp-content/themes/landingpage/images/appgradeimage/social.png) no-repeat left;
}

#footer #social-networks a.twitter {
	background-position: center;
}

#footer #social-networks a.instegram {
	background-position: right;
}

#sign-up {
	float: left;
	font-size: 24px;
	text-align: center;
	margin-top: -16px;
	padding-top: 41px;
	width: 255px;	
	min-height: 135px;
  background: #282828;
	text-transform: uppercase;
	font-weight: 300;
	position: relative;
}

#sign-up a {
	font-size: 16px;
	width: 97px;
	padding: 19px 5px;
	text-decoration: none;
	color: white;
	font-weight: 300;
	display: inline-block;
	margin-top: 31px;
	border-radius: 3px;
	margin-right: 1px;
	font-weight: bold;
}

#sign-up a.dev {
	background: #1a6bf2;
}

#sign-up a.adv {
	background: #CE0237FF;
}

#sign-up .decoration {
	position: absolute;
	background: url(https://mystar.co.il/wp-content/themes/landingpage/images/appgradeimage/footer_signup.png) no-repeat;
	width: 13px;
	height: 16px;
	right: -13px;
	top: 0;
}

#footer #copyright {
	position: absolute;
	bottom: 48px;
	width: 974px;
	margin: 0 auto;
	font-size: 13px;
	color: #a6a6a6;
}

#footer #copyright .credit { 
    color: #ffffff; 
}

#footer #copyright .credit a {
	color: #a6a6a6;
	text-decoration: none;
}

#footer #copyright .credit a:hover {
	color: #1a6bf2;
}

#footer #copyright .copyright {
	float: right;
}

.clear {
	clear: both;
}


/* =Home Page Header
-------------------------------------------------------------- */

/* =Layout */

#home-header {
	position: relative;
	height: 632px;
	overflow: visible !important;
	text-align: right;
}

#home-header .shadow {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(https://mystar.co.il/wp-content/themes/landingpage/images/appgradeimage/black46.png);
}

#home-header .shade {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: no-repeat top;
}

#home-header .advertisers .shade {
	background-image: url(https://mystar.co.il/wp-content/themes/landingpage/images/appgradeimage/advertisers_shade.png);
}

#home-header .developers .shade {
	background-image: url(https://mystar.co.il/wp-content/themes/landingpage/images/appgradeimage/developers_shade.png);
	background: #000;
    opacity: 0.3;
}

#home-header .site-width {
	width: 984px;
	height: 100%;
	position: relative;
}

#home-header .advertisers {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%; 
	background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url(https://mystar.co.il/wp-content/themes/landingpage/images/advertisers_bg.jpg) no-repeat ;
	background-size: cover;
	z-index: 10;
}

#home-header .developers {
	position: relative;
	height: 100%;
}

#home-header .developers .dev-title,
#home-header .developers .dev-content {
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 100%;
	z-index: 20;
}

#home-header .developers .dev-title {
	height: 300px;
	z-index: 30;
	overflow: visible !important;
}

#home-header .developers .dev-title .overflow-hidden {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#home-header .developers .dev-content {
	overflow: hidden;
}

#home-header .developers .dev-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 200%;
	height: 100%;
	background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url(https://mystar.co.il/wp-content/themes/landingpage/images/developers_bg.jpeg) no-repeat;
	background-size: cover;
}

#home-header a.more {
	position: absolute;
	top: 166px;
	width: 123px;
	height: 50px;
	margin: 0 88px;
	padding: 20px 10px;
	color: white;
	font-size: 20px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	background: url(https://mystar.co.il/wp-content/themes/landingpage/images/appgradeimage/more.png) no-repeat center 0px;
	font-weight: bold;
}

#home-header a.more:hover {
	color: black;
	background-position: center -100px;
}

#home-header a.more:active {
	color: black;
	background-position: center -211px;
}

#home-header .content > div {
	position: absolute;
	top: 0;
	left: 0;
}

#home-header .content .child {
	display: none;
}

#home-header a.signup {
	float: left;
	margin: 34px 45px;
	padding: 23px 40px;
	color: #ffffff;
	font-size: 24px;
	font-weight: 300;
	text-decoration: none;
	border-radius: 2px;
}

.child-page-content {
	position: relative;
	display: none;
	z-index: 100;
	background: white;
}


@media all and (min-width: 1560px) {
	#home-header .advertisers,
	#home-header .developers .dev-container {
		background-size: cover;
	}
}


/* Developers */

#home-header .developers .triangle {
	position: absolute;
	right: -29px;
	top: 0;
	width: 41px;
	height: 85px;
	background: url(https://mystar.co.il/wp-content/themes/landingpage/images/appgradeimage/triangle.png) no-repeat top;
	/* background: none;
	background-color:#666064FF; */
}

#home-header .developers .triangle .shadow {
	background: url(https://mystar.co.il/wp-content/themes/landingpage/images/appgradeimage/triangle.png) no-repeat bottom;
	/* background: none;
	background-color: #5A5854FF; */
}

#home-header .developers .main-banner {
	bottom: auto;
	top: 176px;
	left: 0px;
	padding: 17px 20px 14px 20px;
	width: 796px;
}

#home-header .developers .main-banner .banner-container {
	width: 265px;
	padding-right: 115px; 
	background: url(https://mystar.co.il/wp-content/themes/landingpage/images/001-gift.png) no-repeat 4% 5px;
    background-size: 70px 70px;
}

#home-header .developers .main-banner span {
	color: #ffffff;
	font-size: 25px;
	font-weight: 300;
	font-weight: bold;
}

#home-header .developers .main-banner .page-title {
	padding-top: 0px;
	margin-top: -5px;
	font-weight: bold;
}

#home-header .developers .content {
	position: absolute;
	top: 296px;
	left: 25px;
	width: 545px;
}

#home-header .developers .content p {
	color: #ffffff;
	font-size: 24px;
	line-height: 30px;
	font-weight: bold;
}

#home-header .developers a.signup {
	background-color: #1364e9;
}

#home-header .developers a.signup:hover {
	background-color: #2574f5;
}

#home-header .developers a.signup:active {
	background-color: #0d58d5;
}


/* Advertisers */

#home-header .advertisers .site-width {
	height: 442px;
}

#home-header .advertisers .main-banner {
	top: 176px;
	bottom: auto;
	right: 11px;
	padding: 17px 0px 8px 20px;
	width: 690px;
	border-left: none;
	border-right: 5px #CE0237FF solid; 
	background: rgba(206, 22, 55, 0.7);
}

#home-header .advertisers .main-banner .banner-container {
	float:right;
	width: 268px;
	padding-top: 8px;
	padding-left: 0;
	padding-right: 135px;
	padding-bottom: 4px; 
	background: url(https://mystar.co.il/wp-content/themes/landingpage/images/002-star.png) no-repeat 95% 2px;
    background-size: 80px 80px;
}

#home-header .advertisers .main-banner span {
	color: #ffffff;
	font-size: 25px;
	font-weight: 300;
	margin-left: 11px;
	font-weight: bold;
}

#home-header .advertisers .main-banner .page-title {
	padding-top: 0px;
	margin-top: -5px;
	margin-bottom: 0;
	font-weight: bold;
}

#home-header .advertisers .content {
	position: absolute;
	top: 296px;
	left: 550px;
	width: 380px;
	padding-top: 8px;
}

#home-header .advertisers .content p {
	color: #ffffff;
	font-size: 24px;
	line-height: 30px;
	font-weight: bold;
}

#home-header .advertisers a.signup {
	background-color: #E7013CFF;
}

#home-header .advertisers a.signup:hover {
	background-color: #CE0237FF;
}

#home-header .advertisers a.signup:active {
	background-color:#CE0237FF;
}


/* Hand */

#home-header .hand {
	position: absolute;
	background: url(https://mystar.co.il/wp-content/themes/landingpage/images/appgradeimage/hand.png) no-repeat top left;
	width: 490px;
	height: 577px;
	top: 56px;
	left: 50%;
	margin-left: -320px;
	z-index: 50;
}

#home-header .hand .screen {
	position: absolute;
	width: 202px;
	height: 323px;
	top: 75px;
	left: 222px;
	overflow: hidden;
}

#home-header .hand .screen .slides {
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
}

#home-header .hand .screen .slides:first-child {
	left: 0%;
}

#home-header .hand .screen .slides .slide {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
}

#home-header .hand .screen .slides .slide:first-child {
	display: block;
}

#home-header .hand .screen .slides .slide img {
	display: block;
	width: 202px;
	height: 315px;
}

#home-header .hand .screen .slides .glos {
	position: absolute;
	top: 0;
	left: 0;
	width: 202px;
	height: 321px;
	background: url(https://mystar.co.il/wp-content/themes/landingpage/images/appgradeimage/glos.png) no-repeat;
}

#home-header .hand.bottom {
	background: url(https://mystar.co.il/wp-content/themes/landingpage/images/appgradeimage/hand_bottom.png) no-repeat 205px 414px;
	/* background: url(https://mystar.co.il/wp-content/themes/landingpage/images/hand_bottom.jpg) no-repeat 205px 414px; */
	z-index: 150;
}


/* Hot Spots */

#home-header .hotspot {
	position: absolute;
	height: 100%;
	width: 40%;
	top: 0;
	z-index: 200;
}

#home-header #dev-hotspot {
	left: 0;
}

#home-header #adv-hotspot {
	right: 0;
}

#home-header #home-hotspot {
	width: 20%;
	left: 40%;
}


/* =Home
-------------------------------------------------------------- */

#services {
	padding-top: 57px;
}
 

.service #content-header{
	color: #000000;
	font-size: 45px;
	font-weight: 300;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 58px;
	font-weight: bold;
	color:#000000;
}

.service-anchor {
	text-align: center;
	float: left;
	width: 182px;
	margin-left: 36px;
	margin-right: 18px;
	padding-bottom: 23px;
}

.service-anchor-img {	
	display: block;
	line-height: 132px;
	margin-bottom: 33px;
}

.service-anchor-img img{
	vertical-align: bottom;
}

.service-anchor > a {
	text-decoration: none;
	color: #000000;
    cursor: auto;
	font-size: 21px;
	line-height: 28px;
}

#nxt-gen-au {
	color: #000000;
	font-weight: 300;
	padding-top: 68px;
	
	padding-top: 30px;

}

#nxt-gen-au .site-width {
	padding-left: 44px;

}

#nxt-gen-au .site-width h2 {
	color: #0355dd;
	margin-bottom: 8px;
}

#nxt-gen-au .site-width p {
	font-size: 17px;
	line-height: 24px;
	width: 615px;
}

#ad-units {
	margin-top: 61px;
	padding-left: 24px;
}

#ad-units .ad-unit {
	float: left;
	margin-right: 49px;
	text-align: center;
	position: relative;
	cursor: pointer;
}

#ad-units .ad-unit .ad-unit-icon {
	width: 180px;
	height: 70px;
	background: no-repeat bottom;
}
 

#ad-units .ad-unit:hover .ad-unit-icon,
#ad-units .ad-unit.selected .ad-unit-icon {
	background-position: top;
}

#ad-units .ad-unit .text {
	height: 50px;
	line-height: 52px;
}

#ad-units .ad-unit .text span {
	display: inline-block;
	height: 40px;
	width: 105px;
	vertical-align: middle;
	color: #9d9d9d;
	line-height: 38px;
}

#ad-units .ad-unit[tab="2"] .text span {
	line-height: 20px;
}

#ad-units .ad-unit:hover .text span,
#ad-units .ad-unit.selected .text span {
	color: #0355dd;
}

#selected-ad-unit {
	position: relative;
	height: 11px;
}

#selected-ad-unit div {
	position: absolute;
	left: 27px;
	top: 9px;
	width: 125px;
	height: 17px; 
	z-index: 10;
}

.ad-unit-infos {
	position: relative;
	overflow: hidden;
	height: 475px;
}

#nxt-gen-au .site-width .ad-unit-info:first-child {
	display: block;
}

#nxt-gen-au .site-width .ad-unit-info {
	height: 475px;
	position: absolute;
	display: none;
	width: 100%;
	height: 100%;
}

#nxt-gen-au .site-width .ad-unit-info h3 {
	padding-top: 95px;
	margin-bottom: 11px;
	font-size: 18px;
	font-weight: 700;
	color: #0355dd;
}

#nxt-gen-au .site-width .ad-unit-info p {
	width: 412px;
	line-height: 20px;
	margin-bottom: 20px;
}

.ad-unit-info .ad-unit-img {
	height: 443px;
	width: 421px;
	position: absolute;
	top: 30px;
	right: 70px; 
}

.ad-unit-img .ad-unit-img-screen {
	height: 302px;
	width: 186px;
	position: absolute;
	top: 57px;
	left: 60px;
}

.ad-unit-img .ad-unit-img-screen img {

}

.ad-unit-img .ad-unit-img-glow { 
	height: 304px;
	width: 186px;
	position: absolute;
	top: 0px;
}

.ad-unit-img .ad-unit-img-magnify {
	height: 236px;
	width: 236px;
	position: absolute;
	bottom: 18px;
	right: 221px;
}

#mul-rev-streams {
	color: #000000;
	font-weight: 300;
	padding-top: 66px;
	padding-top: 0;
	padding-bottom: 74px;
	padding-bottom: 34px;
}

#mul-rev-streams .service {
	background: none;
}

#mul-rev-streams .site-width h2 {
	padding-left: 24px;
	color: #CE0237FF;
}

#mul-rev-streams .site-width p {
	padding: 4px 0px 22px 24px;
	font-size: 18px;
	font-weight: 300;
	line-height: 25px;
	width: 525px;
}

#mul-rev-streams .site-width p:first-child {
	padding: 5px 0px 0px 24px;
}
.revenue-models { 
	height: 250px;
	position: relative;
}

.revenue-models .revenue-model {
	position: absolute;
	width: 300px;
	height: 120px;
	color: #ffffff;
	font-size: 20px;
}

#mul-rev-streams .revenue-models .revenue-model p {
	padding: 7px 0 0;
	font-size: 16px;
	font-weight: normal;
	line-height: 21px;
	width: 335px;
}

.revenue-models #revenue-model-1 {
	top: 25px;
	left: 150px;
}

.revenue-models #revenue-model-2 {
	top: 25px;
	left: 541px;
}

.revenue-models #revenue-model-3 {
	top: 162px;
	left: 277px;
	font-weight: 300;
	width: 410px;
	height: 63px;
	text-align: center;
}

#mul-rev-streams .revenue-models #revenue-model-3 p {
	width: 410px;
	font-size: 17px;
	line-height: 23px;
}

#plus-signs {
	position: relative;
	height: 291px;
	text-align: center;  
	background: url(https://mystar.co.il/wp-content/themes/landingpage/images/pexels-free-nature-stock-1376766.jpg); 
}

@media all and (min-width: 1714px) {
	#plus-signs {
		background-size: cover;
	}
}

.plus-signs-banner {
	padding: 25px 20px;
	display: inline-block;
	font-size: 50px;
	font-weight: 300;
	text-transform: uppercase;
	color: #ffffff;
	background: url(https://mystar.co.il/wp-content/themes/landingpage/images/appgradeimage/plus_signs_banner.png);
	position: relative;
	top: 93px;
	left: -12px;
	z-index: 10;
}

.plus-signs {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(https://mystar.co.il/wp-content/themes/landingpage/images/appgradeimage/plus_signs.png) repeat-x bottom;
	z-index: 5;

	background-size: 60%; 
}

#plus-signs-anchor {
	margin: 0 auto;
	width: 100px;
	height: 191px;
	position: relative;
}

#plus-signs .plus-sign {
	position: absolute;
}

#plus-signs #plus-sign-1 {
	width: 69px;
	height: 75px;
	left: -765px;
	bottom: -15px;
}

#plus-signs #plus-sign-2 {
	width: 67px;
	height: 65px;
	left: -684px;
	top: -113px;
}

#plus-signs #plus-sign-3 {
	width: 50px;
	height: 50px;
	left: -579px;
	top: -6px;
}

#plus-signs #plus-sign-4 {
	width: 67px;
	height: 60px;
	left: -370px;
	top: -134px;
}

#plus-signs #plus-sign-5 {
	width: 73px;
	height: 73px;
	left: -323px;
	bottom: 40px;
}

#plus-signs #plus-sign-6 {
	width: 46px;
	height: 46px;
	left: -125px;
	top: -59px;
}

#plus-signs #plus-sign-7 {
	width: 44px;
	height: 44px;
	left: 2px;
	top: -120px;
}

#plus-signs #plus-sign-8 {
	width: 30px;
	height: 30px;
	left: 220px;
	top: -62px;
}

#plus-signs #plus-sign-9 {
	width: 45px;
	height: 45px;
	left: 258px;
	bottom: -16px;
}

#plus-signs #plus-sign-10 {
	width: 71px;
	height: 70px;
	left: 469px;
	bottom: -18px;
}

#plus-signs #plus-sign-11 {
	width: 75px;
	height: 75px;
	left: 516px;
	top: -113px;
}

#plus-signs #plus-sign-12 {
	width: 32px;
	height: 32px;
	left: 653px;
	top: 70px;
}

#plus-signs #plus-sign-13 {
	width: 43px;
	height: 43px;
	left: 775px;
	top: -118px;
}

#plus-signs #plus-sign-14 {
	width: 45px;
	height: 45px;
	left: 795px;
	top: 99px;
}

#plus-signs .plus-sign img {
	display: block;
	width: 100%;
	height: 100%;
}

#usr-trg-int {
	padding-top: 20px;
	padding-top: 50px;
}

#usr-trg-int-img {
	float: left;
	width: 415px;
	height: 391px;
	margin-right: 54px; 
	position: relative;
}

#usr-trg-int-img .usr-trg-int-icon-container {
	position: absolute;
	width: 30px;
	height: 30px;
	top: 10px;
	left: 10px
}

#usr-trg-int-img .usr-trg-int-icon-container img {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	display: none;
}

#usr-trg-int-img .usr-trg-int-icon-container img.current {
	display: block;
}

#usr-trg-int-img #icon-1 {
	width: 68px;
	height: 68px;
	top: 119px;
	left: 63px;
}

#usr-trg-int-img #icon-2 {
	width: 60px;
	height: 59px;
	top: 205px;
	left: 284px;
}

#usr-trg-int-img #icon-3 {
	width: 47px;
	height: 47px;
	top: 128px;
	left: 303px;
}

#usr-trg-int-img #icon-4 {
	width: 60px;
	height: 60px;
	top: 184px;
	left: 120px;
}

#usr-trg-int-img #icon-5 {
	width: 54px;
	height: 55px;
	top: 211px;
	left: 207px;
}

#usr-trg-int-img #icon-6 {
	width: 77px;
	height: 77px;
	top: 113px;
	left: 163px;
}

#usr-trg-int-img #icon-7 {
	width: 55px;
	height: 54px;
	top: 216px;
	left: 61px;
}

#usr-trg-int-img #icon-8 {
	width: 44px;
	height: 43px;
	top: 175px;
	left: 18px;
}

#usr-trg-int-img #icon-9 {
	width: 47px;
	height: 46px;
	top: 156px;
	left: 246px;
}

#usr-trg-int-img #icon-10 {
	width: 49px;
	height: 49px;
	top: 169px;
	left: 347px;
}

#usr-trg-int-content {
	float: left;
	width: 440px;
	color: #000000;
	font-size: 20px;
	font-weight: 300;
	line-height: 24px;
}

#usr-trg-int-content h2 {
	margin-bottom: 7px;
	padding-top: 147px;
	color: #0355dd;
	font-size: 22px;
	font-weight: 400;
	line-height: 24px;
}

#per-acc-man { 
}

#per-acc-man .service {
	height: 440px;
	height: 400px;
}

#per-acc-man-content {
	float: left;
	width: 456px;
	padding-left: 22px;
	color: #000000;
	font-size: 20px;
	font-weight: 300;
	line-height: 24px;
}

#per-acc-man-content h2 {
	margin-bottom: 7px;
	padding-top: 120px;
	padding-top: 0;
	color: #0355dd;
	font-size: 22px;
	font-weight: 400;
	line-height: 24px;
	font-weight: bold;
}

#per-acc-man-content span {
	margin-top: 18px;
	float: left;
	font-size: 24px;
}

#per-acc-man-content a {
	float: left;
	color: #ffffff;
	background: #2874f2;
	padding: 15px 70px;
	border-radius: 5px;
	font-size: 24px;
	font-weight: 400;
	margin-top: 20px;
	text-decoration: none;
}

#per-acc-man-content a:hover {
	background-color: #4487f6;
}

#per-acc-man-content a:active {
	background-color: #1662df;
}

#reaching-out {
	margin-bottom: -35px;
}

#reaching-out h2 {
	margin-top: 57px;
	text-align: center;
	font-size: 24px;
	line-height: 28px;
	color: #000000;
}

#reaching-out .slides {
	margin-top: 55px;
	height: 649px;
	height: 550px;
	position: relative;
}

#reaching-out .slide {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 649px;
	background: no-repeat center;
}

#reaching-out .slide { 
	background-size: cover;
	background-position: center;

}

#reaching-out .slide.news2 {
	background-position: top;
}
#reaching-out .slide.news1 {
	background-image: url(https://mystar.co.il/wp-content/themes/landingpage/images/news01.jpg); 
	background-image: url(https://mystar.co.il/wp-content/themes/landingpage/images/news05.jpg); 
}

#reaching-out .slide.news2 {
	background-image: url(https://mystar.co.il/wp-content/themes/landingpage/images/news02.jpg); 
	background-image: url(https://mystar.co.il/wp-content/themes/landingpage/images/news06.jpg); 
}
#reaching-out .slide.news3 {
	background-image: url(https://mystar.co.il/wp-content/themes/landingpage/images/news03.jpg); 
	background-image: url(https://mystar.co.il/wp-content/themes/landingpage/images/news07.jpg); 

} 
#reaching-out .slide.news4 {
	background-image: url(https://mystar.co.il/wp-content/themes/landingpage/images/news04.jpg); 
	background-image: url(https://mystar.co.il/wp-content/themes/landingpage/images/news08.jpg); 
}
/* #reaching-out .slide:first-child {
	display: block;
} */

@media all and (min-width: 1714px) {
	#reaching-out .slide {
		background-size: cover;
	}
}

#reaching-out .slide .content {
	float: left;
	min-width: 230px;
	min-height: 62px;
	margin-left: 19px;
	padding: 24px 15px;
	font-size: 19px;
	line-height: 33px;
	background: url(https://mystar.co.il/wp-content/themes/landingpage/images/appgradeimage/white75.png);
}

#reaching-out .slide h4 {
	font-size: 24px;
	font-weight: 700;
}


/* =Developers
-------------------------------------------------------------- */

#we-offer-you {
	padding: 30px 47px 23px;
	background: url(https://mystar.co.il/wp-content/themes/landingpage/images/appgradeimage/developers_border.png) no-repeat bottom;
}

 
#we-offer-you .offer {
	clear: none;
	float: left;
	width: 220px;
	padding: 20px 31px;
	font-size: 16px;
}

#we-offer-you .offer img {
	display: block;
	height: 144px;
	height: 85px;
	margin: 0 auto;
}

#we-offer-you .offer span {
	display: block;
	margin-top: 6px;
	color: #000000;
	text-align: center;
	font-size: 20px;
}

#content.developers {
	padding-top: 0;
	padding-bottom: 40px;
}

#content .text-image {
	padding: 56px 63px 10px;
	background: url(https://mystar.co.il/wp-content/themes/landingpage/images/appgradeimage/developers_border.png) no-repeat bottom;
}

#content .text-image.image-right img {
	float: right;
	margin-right: 15px;
}

#content .text-image.image-right .text {
	float: left;
	width: 410px;
}

#content .text-image.image-left img {
	float: left;
	margin-left: 15px;
}

#content .text-image.image-left .text {
	float: right;
	width: 410px;
	margin-right: 15px;
}

#content .text-image h3 {
	clear: none;
	padding-top: 44px;
	font-size: 18px;
	font-weight: 400;
	text-transform: uppercase;
	margin-bottom: 5px;
}

#content .text-image p {
	font-size: 18px;
	line-height: 25px;
	font-weight: 300;
	color: #000000;
}


/* =Advertisers
-------------------------------------------------------------- */

.entry-content.advertisers {
	padding: 88px 49px 48px;
	background: url(https://mystar.co.il/wp-content/themes/landingpage/images/appgradeimage/developers_border.png) no-repeat bottom;
}

.entry-content.advertisers img {
	float: left;
	margin-left: -10px;
}

.entry-content.advertisers p {
	margin-left: 291px;
	padding-top: 40px;
	color: #000000;
	font-size: 20px;
	line-height: 28px;
}

#content.advertisers {
	padding-top: 0;
	padding-bottom: 40px;
}

#content.advertisers h2,
#content.advertisers h3 {
	color: #CE0237FF;
	margin-bottom: 11px;
	padding-top: 0;
}


/* =Contact
-------------------------------------------------------------- */

/*
#page-header.contact .site-width .main-banner {
	padding: 17px 103px 25px 20px;
}
*/

#content .contact-content {
	width: 455px;
	padding-right: 50px;
	padding-left: 2px;
	float: left;
}

.contact-hrz-brd {
	border-bottom: 2px solid #eeeeee;
}

#content .contact-content .entry-content-head {
	padding-bottom: 49px;
}

#content .contact-content .entry-content-head h2 {
	font-weight: 300;
	padding-top: 38px;
	margin-bottom: 14px;
}

#content .contact-content .entry-content-head span {
	font-size: 18px;
	color: #666666;
	line-height: 20px;
}

#content .contact-content .entry-content-email {
	padding: 18px 0 22px 60px;
	line-height: 26px;
	background: url(https://mystar.co.il/wp-content/themes/landingpage/images/appgradeimage/contact_address.png) no-repeat center left;
}

#content .contact-content .entry-content-email .title-description {
	float: left;
	width: 122px;
	color: #666666;
	clear: left;
}

#content .contact-content .entry-content-email .contact-email {
	float: left;
}

#content .contact-content .entry-content-email .contact-email a {
	color: #2874f2;
	text-decoration: none;
}

#content .contact-content .entry-content-phone {
	height: 42px;
	padding: 26px 0 0 58px;
	background: url(https://mystar.co.il/wp-content/themes/landingpage/images/appgradeimage/contact_phone.png) no-repeat center left;
}

#content .contact-content .entry-content-phone a {
	color: #2874f2;
	text-decoration: none;
}

#content .contact-content .entry-content-social-networks {
	padding: 19px 0 12px 60px;
	background: url(https://mystar.co.il/wp-content/themes/landingpage/images/appgradeimage/contact_social.png) no-repeat center left;
}

#content .contact-content .entry-content-social-networks a {
	margin-right: 5px;
}

#content .contact-form-content {
	float: left;
	width: 399px;
	padding: 80px 25px 0px 18px;
}

#content .contact-form-content label {
	padding-left: 3px;
	color: #989797;
}

#content .contact-form-content input {
	width: 379px;
	height: 42px;
	margin: 2px 0 16px;
	padding: 2px 10px;
	border: none;
	background: #eeeeee;
}

#content .contact-form-content textarea {
	width: 379px;
	height: 68px;
	margin: 3px 0 0px;
	padding: 10px 10px;
	border: none;
	background: #eeeeee;
}

#content .contact-form-content input[type="submit"] {
	width: 100px;
	height: 35px;
	float: right;
	margin: 16px 0;
	padding: 0;
	background: #2874f2;
	text-transform: uppercase;
	color: #eeeeee;
	font-size: 15px;
	border-radius: 3px;
}


/* =Advertisers Sign up
-------------------------------------------------------------- */

#page-header.advertisers-signup .main-banner.sign-up {
	border-color: #CE0237FF; 
}

.main-banner.sign-up-advertisers h1 {
	padding-top: 0;
}

#advertisers-form {
	padding: 39px 523px 16px 53px;
	margin-top: 41px;
	color: #666666; 
}

#advertisers-form h2 {
	color: #CE0237FF;
	font-weight: 300;
	font-size: 23px;
	text-transform: uppercase;
	padding-bottom: 13px;
}

#advertisers-form > span {
	float: left;
	font-size: 18px;
	padding-right: 60px;
	line-height: 22px;
	padding-bottom: 34px;
}
 
#advertisers-form input {
	width: 377px;
	height: 42px;
	border: none;
	margin-top: 3px;
	margin-bottom: 18px;
	padding: 1px 10px;
}

#advertisers-form textarea {
	width: 376px;
	height: 68px;
	margin-top: 3px;
	margin-bottom: 16px;
	border: none;
	padding: 10px;
	font-family: Arial;
}

#advertisers-form #security-container {
	position: relative;
	width: 397px;
	height: 42px;
	border: none;
	margin-top: 7px;
	margin-bottom: 18px;
}

#advertisers-form #security-container input {
	width: 397px;
	margin: 0;
	background: #ffffff;
	border: 1px #bbbbbb solid;
	padding: 1px 0px;
}

#advertisers-form #security-container img {
	position: absolute;
	left: 18px;
	top: 2px;
}

#advertisers-form #security-container a {
	position: absolute;
	right: 1px;
	top: 1px;
	width: 40px;
	height: 40px;
	background: #bbbbbb url(https://mystar.co.il/wp-content/themes/landingpage/images/appgradeimage/security_button.png) no-repeat center;
}

#advertisers-form input[type="submit"] {
	float: right;
	width: 100px;
	height: 36px;
	font-size: 18px;
	font-weight: 300;
	text-transform: uppercase;
	color: white;
	background: #fe582f;
	border-radius: 3px;
	margin-top: -2px;
}


/* =Developers Sign up
-------------------------------------------------------------- */

.main-banner.sign-up {
	color: #eeeeee;
	font-size: 26px;
	font-weight: 300;
	padding-right: 180px;
}

.main-banner.sign-up-developers h1 {
	padding-top: 0;
}

#developers-form {
	padding: 39px 523px 42px 53px;
	margin-top: 41px; 
}

#developers-form h2 {
	color: #2874f2;
	font-weight: 300;
	font-size: 23px;
	text-transform: uppercase;
	padding-bottom: 13px;
}

#developers-form > span {
	float: left;
	font-size: 18px;
	padding-right: 60px;
	line-height: 22px;
	padding-bottom: 34px;
}

#developers-form label {

}

#developers-form input {
	width: 377px;
	height: 42px;
	border: none;
	margin-top: 3px;
	margin-bottom: 18px;
	padding: 1px 10px;
}

#developers-form #security-container {
	position: relative;
	width: 397px;
	height: 42px;
	border: none;
	margin-top: 7px;
	margin-bottom: 18px;
}

#developers-form #security-container input {
	width: 397px;
	margin: 0;
	background: #ffffff;
	border: 1px black solid;
	padding: 1px 0px;
}

#developers-form #security-container img {
	position: absolute;
	left: 18px;
	top: 2px;
}

#developers-form #security-container a {
	position: absolute;
	right: 1px;
	top: 1px;
	width: 40px;
	height: 40px;
	background: #bbbbbb url(https://mystar.co.il/wp-content/themes/landingpage/images/appgradeimage/security_button.png) no-repeat center;
}

#developers-form input[type="submit"] {
	float: right;
	width: 100px;
	height: 36px;
	font-size: 18px;
	font-weight: 300;
	text-transform: uppercase;
	color: white;
	background: #2874f2;
	border-radius: 3px;
	margin-top: -2px;
}


/* =Mobile
-------------------------------------------------------------- */

#header .mobile-menu {
	display: none;
	position: absolute;
	top: 34px;
	right: 20px;
	width: 42px;
	height: 42px; 
	cursor: pointer;
}
 
#header .menu li.mobile-login {
	display: none;
}

#mobile-footer {
	display: none;
	min-height: 24px;
	margin-top: 30px;
	padding: 25px 20px;
	color: #CE0237FF;
	font-size: 17px;
	text-align: center;
	background: #262626;
}

#mobile-footer a.contact-us {
	color: #CE0237FF;
}

#mobile-footer #sign-up {
	float: none;
	width: auto;
	min-height: 121px;
	margin-top: -33px;
	padding-top: 20px;
	color: white;
}

#mobile-footer #sign-up a {
	margin-top: 20px;
	padding: 11px 13px;
}

#mobile-footer #sign-up .decoration {
	height: 8px;
}

#home-mobile-header {
	display: none;
	height: 205px;
	position: relative;
	z-index: 150;
}

#home-mobile-header .bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
}

#home-mobile-header .bg .adv {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%; 
	background: url(https://mystar.co.il/wp-content/themes/landingpage/images/advertisers_bg.jpg) no-repeat center -30px;
}

@media all and (min-width: 320px) {
	#home-mobile-header .bg .adv {
		background-size: cover;
	}
}

#home-mobile-header .bg .dev {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%; 
	background: url(https://mystar.co.il/wp-content/themes/landingpage/images/developers_bg.jpeg) no-repeat center -30px;
	
}

@media all and (min-width: 320px) {
	#home-mobile-header .bg .dev {
		background-size: cover;
	}
}

#home-mobile-header .site-width {
	height: 100%;
	position: relative;
}

#home-mobile-header .banner {
	position: absolute;
	left: 0;
	width: 140px;
	height: 55px;
	padding: 30px 40px 18px 140px;
	color: white;
	cursor: pointer;
	z-index: 10;
}

#home-mobile-header .banner .title {
	margin: 2px 0 0 -2px;
	color: #ffffff;
	font-size: 27px;
	font-weight: 300;
}

#home-mobile-header .banner .more {
	position: absolute;
	bottom: 32px;
	right: 21px;
	width: 14px;
	height: 26px;
	background: url(https://mystar.co.il/wp-content/themes/landingpage/images/appgradeimage/moremob.png) no-repeat;
}

#home-mobile-header .content {
	display: none;
	position: absolute;
	left: 143px;
	color: white;
	font-size: 14px;
	line-height: 15px;
	z-index: 20;
	background-color: rgba(0, 0, 0, 0.5);
	padding: 4px;
}

#home-mobile-header .shade {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 15;
}

#home-mobile-header .hotspot {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	z-index: 30;
}

#home-mobile-header .advertisers .banner {
	top: 103px;
	background: url(https://mystar.co.il/wp-content/themes/landingpage/images/appgradeimage/red_banner_background.png);
	background: rgba(206, 22, 55, 0.7);
}

#home-mobile-header .advertisers .content {
	top: 19px;
}

#home-mobile-header .developers .banner {
	top: 0px;
	background: url(https://mystar.co.il/wp-content/themes/landingpage/images/appgradeimage/banner_background.png);
}

#home-mobile-header .developers .content {
	top: 106px;
}

#home-mobile-header .developers .shade {
	background: url(https://mystar.co.il/wp-content/themes/landingpage/images/appgradeimage/developers_shade.png) no-repeat bottom;
}

#home-mobile-header .cellphone {
	position: absolute;
	left: 16px;
	top: 21px;
	width: 104px;
	height: 206px;
	background: url(https://mystar.co.il/wp-content/themes/landingpage/images/appgradeimage/phone.png) no-repeat;
	z-index: 30;
}

#home-mobile-header .cellphone .screen {
	position: absolute;
	top: 33px;
	left: 8px;
	width: 88px;
	height: 140px;
	overflow: hidden;
}

#home-mobile-header .cellphone .slides {
	position: absolute;
	top: 0;
	left: 100%;
	width: 100%;
	height: 100%;
}

#home-mobile-header .cellphone .slides:first-child {
	left: 0%;
}

#home-mobile-header .cellphone .slide {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
}

#home-mobile-header .cellphone .slide:first-child {
	display: block;
}

#home-mobile-header .cellphone .slide img {
	display: block;
}

#home-mobile-header .cellphone .glos {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(https://mystar.co.il/wp-content/themes/landingpage/images/appgradeimage/gloss.png) no-repeat;
}

.mobile-icon {
	display: none;
	float: left;
}

.show-in-mobile {
	display: none !important;
}


@media all and (min-width: 320px) and (max-width: 640px) {
	#page-header {
		background-size: cover;
	}
}

@media screen and (max-width: 640px) {
	body {
		/*width: 320px;*/
		margin: 0 auto;
	}
	.site-width {
		width: 320px;
	}

	.hide-in-mobile {
		display: none !important;
	}

	.show-in-mobile {
		display: block !important;
	}

	#header {
		margin-bottom: 11px;
	}

	#header #logo a {
		height: 20px;
		margin-top: 20px;
		margin-left: 20px;
		padding-top: 27px; 
	}

	#header #logo span {
		font-size: 13px;
	}

	#header #login {
		display: none;
	}

	#login-form-arrow {
		display: none !important;
	}

	#login-form-container {
		top: 78px;
		right: 20px;
		width: 248px;
		border-color: #2874f2;
	}

	#login-form-container .close {
		display: block;
	}

	#login-form-container .form-arrow {
		display: none;
	}

	#login-form-container .fields-title {
		margin-top: 37px;
		margin-bottom: 21px;
		font-size: 18px;
	}

	#login-form-container form {
		padding: 0 4px;
	}

	#login-form-container .field-container {
		margin-bottom: 11px;
	}

	#login-form-container input {
		width: 230px;
		height: 46px;
	}

	#login-form-container .field-container div {
		top: 8px;
	}

	#login-form-container input[type="submit"] {
		width: 240px;
		margin-top: -2px;
	}

	#login-form-container .signup {
		margin-top: 20px;
		margin-bottom: 5px;
		padding-top: 18px;
	}

	#header .mobile-menu {
		display: block;
	}

	#header .menu li.mobile-login {
		display: block;
	}

	#header .menu {
		display: none;
		bottom: auto;
		top: 90px;
		right: 20px;
		width: 146px;
		border: 2px solid #2874f2;
		z-index: 200;
	}

	#header .menu li {
		padding: 0;
		display: block;
	}

	#header .menu li a {
		display: block;
		padding: 12px 25px 13px 13px;
		border-top: 1px solid #e8e8e8;
		background: white url(https://mystar.co.il/wp-content/themes/landingpage/images/appgradeimage/menu_arrow.png) no-repeat right 13px;
	}

	#header .menu li:first-child a {
		border-top: none;
	}

	#header .menu li a:hover,
	#header .menu li a:active {
		color: white;
		background-color: #1c1c1c;
		color: #b2072f;
    background-color: none;
		background-position: right -28px;
	}

	#page-header { 
	}

	#page-header .site-width {
		height: 52px;
	}

	#page-header.about { 
		background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url(https://mystar.co.il/wp-content/themes/landingpage/images/contact_header2.jpg);
	background-size: cover;
	}

	#page-header.contact { 
		background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url(https://mystar.co.il/wp-content/themes/landingpage/images/contact_header2.jpg);
	background-size: cover;
	}
 

	#page-header.featured-image {
		background-position: center -40px;
	}

	#page-header.featured-image .site-width {
		height: 100px;
	}

	.page-title {
		left: 18px;
		bottom: 13px;
		font-size: 25px;
	}

	.main-banner {
		left: 22px;
		bottom: 14px;
		padding-bottom: 10px;
		padding-top: 3px;
		padding-left: 3px;
	}

	.main-banner .page-title {
		font-size: 25px;
	}

	#content {
		padding-top: 13px;
		padding-left: 20px;
		padding-right: 20px;
	}

	#content .entry-content {
		width: auto;
	}

	#content .entry-content #slogan {
		padding-top: 10px;
		padding-left: 3px;
		padding-bottom: 2px;
		font-size: 17px;
		font-weight: normal;
		line-height: 20px;
	}

	#content .entry-content p {
		padding-left: 3px;
		font-size: 14px;
		line-height: 17px;
	}

	#content h2 {
		font-size: 14px;
		padding-top: 34px;
		margin-bottom: 20px;
	}

	#mobile-footer {
		display: block;
	}

  
	#content .faq-fix {
		padding-left: 1px;
		padding-bottom: 30px;
	}

	#content .question {
		margin-bottom: 10px;
	}

	#content .question h2 {
		padding-top: 4px;
		padding-left: 19px;
		font-size: 14px;
		line-height: 17px;
		text-transform: uppercase; 
	}

	#content .answer p {
		padding-right: 5px;
		padding-left: 20px;
		font-size: 14px;
		line-height: 17px;
	}

	#content .employee-info {
		margin-top: 20px;
		padding-top: 0px;
		padding-right: 0;
		padding-bottom: 21px;
		background-image: url(https://mystar.co.il/wp-content/themes/landingpage/images/appgradeimage/content_employee_borders.png);
	}

	.employee-info img {
		width: 73px;
	}

	.employee-info .employee-content {
		clear: left;
		margin-top: 0;
		margin-left: 0;
		padding-top: 3px;
	}

	.employee-info .employee-content h3 {
		font-size: 14px;
		font-weight: normal;
		margin-bottom: 7px;
	}

	#content .employee-info .employee-content p {
		font-size: 12px;
		line-height: 15px;
		margin-bottom: 4px;
	}

	.employee-info .employee-content a {
		font-size: 12px;
	}

	#home-mobile-header {
		display: block;
		height: 253px;
	}

	#home-header {
		display: none;
	}

	#services {
		padding-top: 39px;
	}

	#service-anchors  {
		background: none;
	}

	.service.site-width,
	.service .site-width {
		width: 280px;
		margin: 0 auto;
	}

	.service #content-header {
		margin-bottom: 32px;
		font-size: 17px;
	}

	.service-anchor {
		display: block;
		float: none;
    margin-left: 0;
    margin-right: 0;
    width: auto;
	}

	.mobile-icon {
		display: block;
	}
 
	#nxt-gen-au .site-width {
		padding-left: 0;
		padding-bottom: 13px;
	}

	#nxt-gen-au .mobile-icon {
		padding-top: 2px;
	}

	#nxt-gen-au .site-width h2 {
		clear: none;
		margin-bottom: 2px;
		margin-left: 74px;
		font-size: 14px;
		font-weight: 700;
		line-height: 17px;
		text-transform: uppercase;
	}

	#nxt-gen-au .site-width p {
		width: auto;
		margin-left: 74px;
		font-size: 12px;
		line-height: 15px;
	}

	#ad-units {
		margin: 15px 0 0;
		padding-left: 0;
		background: none;
		border-bottom: 1px solid #709eea;
	}

	/*
	#ad-units .ad-units {
		margin: 0 -10px;
	}
	*/

	#ad-units .ad-unit {
		margin-right: 0;
	}

	#ad-units .ad-unit .ad-unit-icon {
		width: auto;
		height: 53px;
	}
 
	#ad-units .ad-unit .text {
		width: 75px;
		height: 42px;
		font-size: 12px;
	}

	#ad-units .ad-unit .text span {
		width: auto;
		line-height: 17px;
	}

	#ad-units .ad-unit[tab="2"] .text span {
		line-height: 15px;
	}

	#selected-ad-unit {
		border-bottom: 1px solid #a1bff1;
	}

	#selected-ad-unit div {
		top: 2px;
		left: 29px;
		width: 20px;
		height: 12px; 
	}

	.ad-unit-infos {
		height: 186px;
		border-bottom: 2px solid #dddddd;
		border-left: 2px solid #dddddd;
		border-right: 2px solid #dddddd;
	}

	#nxt-gen-au .site-width .ad-unit-info {
		width: auto;
		padding: 21px 19px;
		border-top: 1px solid #eaeaea;
		position: relative;
	}
	#nxt-gen-au .site-width .ad-unit-info:first-child {
    display: none;
}


	#nxt-gen-au .site-width .ad-unit-info h3 {
		margin-bottom: 6px;
		padding-top: 0;
		font-size: 12px;
		text-transform: uppercase;
	}

	#nxt-gen-au .site-width .ad-unit-info p {
    width: auto;
    margin: 0 0 15px;
    line-height: 23px;
    font-size: 17px;
}

	#nxt-gen-au .site-width .ad-unit-info p b {
		text-transform: uppercase;
	}

	.ad-unit-info .ad-unit-img {
		display: none;
	}

	#mul-rev-streams {
		padding-top: 17px;
		padding-bottom: 0;
	}

	#mul-rev-streams .service {
		padding-bottom: 26px;
		background: url(https://mystar.co.il/wp-content/themes/landingpage/images/appgradeimage/content_employee_border.png) no-repeat bottom;
	}

	#mul-rev-streams .mobile-icon {
		padding-top: 6px;
	}

	#mul-rev-streams .site-width h2 {
		clear: none;
		margin-bottom: 2px;
		margin-left: 50px;
		color: #0355dd;
		font-size: 14px;
		font-weight: 700;
		line-height: 17px;
		text-transform: uppercase;
	}

	#mul-rev-streams .site-width p {
		width: auto;
		margin-left: 74px;
		padding: 0;
		font-size: 12px;
		line-height: 15px;
	}

	.revenue-models {
		height: 317px;
		margin-top: 18px; 
	}

	.revenue-models .revenue-model {
		width: 196px;
		height: auto;
	}

	.revenue-models h4 {
		font-size: 14px;
		text-transform: uppercase;
		font-weight: 700;
	}


	#mul-rev-streams .revenue-models .revenue-model p {
		width: auto;
		margin: 0;
		padding-top: 3px;
		font-size: 12px;
		line-height: 14px;
	}

	#mul-rev-streams .revenue-models .revenue-model p br {
		display: none;
	}

	.revenue-models #revenue-model-1 {
		top: 13px;
		left: 74px;
	}

	.revenue-models #revenue-model-2 {
		top: 146px;
		left: 74px;
	}

	.revenue-models #revenue-model-3 {
		top: 253px;
		left: 25px;
		width: auto;
		height: auto;
	}

	#mul-rev-streams .revenue-models #revenue-model-3 p {
		width: 230px;
		font-size: 12px;
		font-weight: 700;
		line-height: 14px;
		text-transform: uppercase;
	}

	#plus-signs {
		display: none;
	}

	#usr-trg-int {
		padding-top: 21px;
	}

	#usr-trg-int-img {
		display: none;
	}

	#usr-trg-int-content {
		width: auto;
		margin-bottom: 16px;
	}

	#usr-trg-int-content h2 {
		clear: none;
		margin-bottom: 2px;
		margin-left: 74px;
		padding-top: 0;
		font-size: 14px;
		font-weight: 700;
		line-height: 17px;
		text-transform: uppercase;
	}

	#usr-trg-int-content p {
		margin-left: 74px;
		padding: 0;
		font-size: 12px;
		line-height: 15px;
	}

	#per-acc-man {
		padding-top: 17px;
		background: none;
		    margin: 0;
	}

	#per-acc-man .service {
		width: 280px;
		height: auto;
		margin: 0 auto;
	}

	#per-acc-man-content {
		float: none;
		width: auto;
		padding-left: 0;
		padding-bottom: 11px;
	}

	#per-acc-man-content .mobile-icon {
		padding-top: 5px;
	}

	#per-acc-man-content h2 {
		clear: none;
		margin-bottom: 2px;
		margin-left: 74px;
		padding-top: 0;
		font-size: 14px;
		font-weight: 700;
		line-height: 17px;
		text-transform: uppercase;
	}

	#per-acc-man-content p {
		margin-top: 13px;
		margin-left: 74px;
		margin-bottom: 7px;
		padding: 0;
		font-size: 12px;
		line-height: 15px;
	}

	#per-acc-man-content p br {
		display: none;
	}

	#per-acc-man-content span {
		float: none;
		margin-top: 0;
		margin-left: 74px;
		font-size: 12px;
		line-height: 15px;
	}

	#per-acc-man-content a {
		float: none;
		display: block;
		width: 200px; 
		padding: 7px 40px 8px; 
		font-size: 14px;
		text-align: center;
		text-transform: uppercase; 
		color: #ffffff;
		font-size: 14px;
		text-align: center;
		text-transform: uppercase;
		background-color: #0355dd;
		margin: 10px auto;
	}
	#per-acc-man-content {
		text-align: center;
		padding: 11px 0;
	}
	#per-acc-man-content h2,
	#per-acc-man-content p{
		margin: 0;
		background: rgba(0, 0, 0, 0.5);
		padding: 6px;
	} 
	#per-acc-man-content a:hover,
	#per-acc-man-content a:active {
		background-color: #bbbbbb;
	}

	#reaching-out {
		margin-bottom: -20px;
	}

	#reaching-out h2 {
		margin-top: 16px;
		padding: 0 35px;
		font-size: 14px;
		line-height: 16px;
	}

	#reaching-out h2 br {
		display: none;
	}

	#reaching-out .slides {
		height: 212px;
		margin-top: 12px;
		padding-bottom: 22px;
	}

	#reaching-out .slide {
		height: 212px;
	}
 
	#reaching-out .slide .content {
		min-width: 110px;
		min-height: 40px;
		margin-left: 20px;
		padding: 8px 10px;
		font-size: 12px;
		line-height: 15px;
	}

	#reaching-out .slide h4 {
		font-size: 14px;
	}

	#we-offer-you {
		margin: 0 20px;
		padding: 39px 10px 1px;
	}

	#we-offer-you .offer {
		width: 120px;
		margin-top: 8px;
		padding: 5px 4px;
	}

	#we-offer-you .offer img {
		height: 60px;
	}

	#we-offer-you .offer span {
		margin-top: 3px;
		margin-bottom: 17px;
		font-size: 14px;
		line-height: 17px;
	}

	#we-offer-you .offer span br {
		display: none;
	}

	#content.developers {
		padding-bottom: 0px;
	}

	#content h2.units-title {
		margin-bottom: 0;
		padding: 20px 20px 16px;
		font-size: 17px;
		background: none;
	}

	#content .text-image {
		margin-bottom: 18px;
		padding: 25px 19px 0px;
		border: 1px solid #dddddd;
		background: none;
	}

	#content .text-image.image-left .text,
	#content .text-image.image-right .text {
		float: none;
		width: auto;
	}

	#content .text-image h3 {
		margin-bottom: 3px;
		padding-top: 0;
		font-size: 14px;
		font-weight: 700;
	}

	#content .text-image p {
		font-size: 12px;
		font-weight: normal;
		line-height: 14px;
	}

	#content .text-image.image-left img,
	#content .text-image.image-right img {
		float: none;
		display: block;
		width: 105px;
		margin: 30px auto 0;
	}

	.entry-content.advertisers {
		margin: 0 20px;
		padding: 37px 2px 26px;
	}

	.entry-content.advertisers img {
		display: none;
	}

	.entry-content.advertisers p {
		margin: 0;
		padding: 0;
		font-size: 14px;
		line-height: 18px;
	}

	#content.advertisers {
		padding-bottom: 0;
	}

	#content .contact-content {
		float: none;
		width: auto;
		padding-right: 2px;
	}

	.contact-hrz-brd {
		padding-bottom: 18px;
		font-size: 14px;
		border-width: 1px;
	}

	#content .contact-content .entry-content-head h2 {
		margin-bottom: 5px;
		padding-top: 12px;
		font-size: 17px;
		line-height: 20px;
	}

	#content .contact-content .entry-content-head span {
		font-size: 14px;
		line-height: 19px;
	}

	#content .contact-content .entry-content-email {
		padding: 14px 0 12px 38px;
		line-height: 17px;
		background: url(https://mystar.co.il/wp-content/themes/landingpage/images/appgradeimage/contact_addresss.png) no-repeat center left;
	}

	#content .contact-content .entry-content-email .contact-email {
		margin-bottom: 7px;
	}

	#content .contact-content .entry-content-phone {
		height: 34px;
		padding: 20px 0 0 37px;
		background: url(https://mystar.co.il/wp-content/themes/landingpage/images/appgradeimage/contact_phones.png) no-repeat center left;
	}

	#content .contact-content .entry-content-social-networks {
		padding: 9px 0 8px 38px;
		background: url(https://mystar.co.il/wp-content/themes/landingpage/images/appgradeimage/contact_socials.png) no-repeat center left;
	}

	#content .contact-content .entry-content-social-networks a {
		margin-right: 19px;
	}

	#content .contact-form-content {
		float: none;
		width: auto;
		padding: 0;
	}

	#content .contact-form-content h2 {
		padding-top: 30px;
	}

	#content .contact-form-content input {
		width: 260px;
		height: 36px;
		margin-top: 1px;
		margin-bottom: 18px;
	}

	#content .contact-form-content textarea {
		width: 260px;
		height: 55px;
		margin-top: 1px;
	}

	#content .contact-form-content input[type="submit"] {
		float: none;
		width: 100%;
		height: 40px;
		margin-top: 27px;
	}

	.main-banner.sign-up {
		left: 20px;
		font-size: 14px;
		border-width: 2px;
		padding: 6px 103px 7px 7px;
	}

	.main-banner.sign-up .page-title {
		margin-bottom: 0;
		padding-top: 0;
	}

	#advertisers-form {
		margin-top: 26px;
		padding: 0 20px;
		background: none;
	}

	#advertisers-form h2 {
		padding: 0 2px 4px;
		font-size: 17px;
		font-weight: normal;
	}

	#advertisers-form > span {
		margin-bottom: 28px;
		padding: 0 2px;
		font-size: 14px;
		line-height: 17px;
	}

	#advertisers-form input {
		height: 38px;
		width: 260px;
		margin-top: 3px;
		margin-bottom: 16px;
		background-color: #eeeeee;
	}

	#advertisers-form textarea {
		background: #eeeeee;
		width: 260px;
		height: 60px;
	}

	#advertisers-form #security-container {
		width: 280px;
		margin-top: 0;
	}

	#advertisers-form #security-container input {
		width: 280px;
		height: 42px;
	}

	#advertisers-form input[type="submit"] {
		float: none;
		width: 100%;
		height: 40px;
		margin-top: 11px;
		font-size: 14px;
	}

	#developers-form {
		margin-top: 26px;
		padding: 0 20px;
		background: none;
	}

	#developers-form h2 {
		padding: 0 2px 4px;
		font-size: 17px;
		font-weight: normal;
	}

	#developers-form > span {
		margin-bottom: 28px;
		padding: 0 2px;
		font-size: 14px;
		line-height: 17px;
	}

	#developers-form input {
		height: 38px;
		width: 260px;
		margin-top: 3px;
		margin-bottom: 16px;
		background-color: #eeeeee;
	}

	#developers-form textarea {
		background: #eeeeee;
		width: 260px;
		height: 60px;
	}

	#developers-form #security-container {
		width: 280px;
		margin-top: 0;
	}

	#developers-form #security-container input {
		width: 280px;
		height: 42px;
	}

	#developers-form input[type="submit"] {
		float: none;
		width: 100%;
		height: 40px;
		margin-top: 11px;
		font-size: 14px;
	}



}

@media screen and (min-width: 641px) {
	#header .menu {
		display: block !important;
		height: auto !important;
	}
}


/* DEBUG *

body { background: url(/appgrade/html/login.png) no-repeat center 10px; }

@media screen and (max-width: 640px) {
	body { background: url(/appgrade/demo/login.png) no-repeat center 12px; }

	#nxt-gen-au .site-width p {
		margin-top: 29px;
	}

	#mul-rev-streams .site-width h2 + p {
		margin-top: 31px;
	}

	.revenue-models {
		background-image: none;
	}

	#usr-trg-int-content p {
		margin-top: 15px;
	}

	#home-mobile-header .bg {
		visibility: hidden;
	}

	#content .contact-content .entry-content-head {
		padding-bottom: 16px;
	}
}

#login-form-container {
	background: none;
}

.child-page-content {
	background: none;
}

/*
body { background: url(home_header_animation/AppGrade_top_dev_01.png) no-repeat center 10px; }
body { background: url(home_header_animation/AppGrade_top_dev_02.png) no-repeat center 10px; }
body { background: url(home_header_animation/AppGrade_top_dev_03.png) no-repeat center 10px; }
*/