/* clear default styles */
html,body,img,hr,hgroup,input,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd {
	margin: 0;
	padding: 0;
	border-width: 0;
	outline: 0;
}
h1,h2,h3,h4,h5,h6,em {
	font-weight: normal;
}
a {
	text-decoration: none;
}
input[type=submit] , button {
	-webkit-appearance: none; /* for iOS */
}
blockquote{
display: inline;
font-style: italic;
padding: 0;
margin: 0;
color: #454545;
}

/* HTML5 tags for IE8 */
main,article,footer,header,section,nav,aside,hgroup,figure,figcaption,dialog,details,summary {
	display: block;
}
time,mark,data,bdi {
	display: inline;
}

/* load fonts (CSS3) */
@font-face {
	font-family: "Segoe UI";
	src: url('/fonts/segoeui.eot');/* IE9 Compat Modes */
	src: url('/fonts/segoeui.woff') format('woff'),/* All Modern Browsers: IE9+ , FF3.6+ , Chrome5+ , Safari5.1+ , Opera11.1+ , iOS5+ , Android4.4+ */
		 url('/fonts/segoeui.eot?#iefix') format('embedded-opentype'),/* IE6+ */
		 url('/fonts/segoeui.ttf') format('truetype'),/* iOS4.2+ , Android2.2+ , Opera10+ , Safari3.1+ */
		 url('/fonts/segoeui.svg#segoe_uiregular') format('svg');/* Legacy iOS */
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "Segoe UI";
	src: url('/fonts/segoeuib.eot');/* IE9 Compat Modes */
	src: url('/fonts/segoeuib.woff') format('woff'),/* All Modern Browsers: IE9+ , FF3.6+ , Chrome5+ , Safari5.1+ , Opera11.1+ , iOS5+ , Android4.4+ */
		 url('/fonts/segoeuib.eot?#iefix') format('embedded-opentype'),/* IE6+ */
		 url('/fonts/segoeuib.ttf') format('truetype'),/* iOS4.2+ , Android2.2+ , Opera10+ , Safari3.1+ */
		 url('/fonts/segoeuib.svg#segoe_uibold') format('svg');/* Legacy iOS */
	font-weight: bold;
	font-style: bold;
}
/* converted by http://www.fontsquirrel.com/tools/webfont-generator */


/** general **/
body {
	background-color: white;
	text-align: center;
	font-family: "Segoe UI", Arial;
	font-size: 16px;
	/*line-height: 135%;*/
	min-height: 100%;
	min-width: 1000px;
	position: relative;
}
input , select , option , textarea {
	font-family: "Segoe UI", Arial;
}
.fb-root , #fb-root {
	clear:both;
}
.fullpage-width {
	width: 1000px;
	margin: 0 auto;
	position: relative;
	display: table;
}
.display-none { display: none; }


/** main & header & footer & side-link **/
body>header {
}
body>header [role=banner] {
	height: 116px;
	width: 1000px;
	margin: 0 auto;
	position: relative;
}
body>header [role=banner] .logo {
	position: absolute;
	right: 0;
}
body>header [role=banner] .tel {
	position: absolute;
	bottom: 27px;
	left: 0;
}
header .like-buttons {
	position: absolute;
	left: 2px;
	top: 5px;
	display: table;
}
header .like-buttons>* {
	vertical-align: baseline;
}
header .like-buttons>*>span {
	vertical-align: baseline !important;
}
body>header nav {
	height: 33px;
	background-color: #333333;
}
body>header nav>div {
	width: 1000px;
	margin: 0 auto;
	position: relative;
}
body>header nav>div a , a.side-link {
	display: block;
	color: white;
	vertical-align: middle;
}
body>header nav>div>a {
	position: absolute;
	width: 248px;
	height: 42px;
	line-height: 42px;
	font-size: 20px;
	left: 0;
	bottom: 0;
	background-color: #0ef005;
}
body>header nav ul {
	display: table;
	list-style: none;
	position: relative;
	z-index: 1;
}
body>header nav ul>li {
	display: table-cell;
}
body>header nav ul>li a {
	line-height: 33px;
	font-size: 16px;
	padding: 0 20px;
}
body>header nav ul>li a.current {
	background-color: #DA0000;
}
body>header nav ul>li a:hover , body>header nav ul>li a:focus {
	background-color: #BF0000;
}
body>header nav>div>a:hover , a.side-link:hover ,
body>header nav>div>a:focus , a.side-link:focus {
	background-color: #12be0b;
}
body>main {
	padding-bottom: 582px/*13px+569*/;
	min-height: 720px;
}
body>footer {
	background-color: #333333;
	border-top: 13px solid #DA0000;
	color: #A5A5A5;
	height: 569px;
	width:100%;
	position: absolute;
	bottom: 0;
	text-align: right;
	font-size: 16px;
}
body>footer>div {
	width: 1000px;
	margin: 0 auto;
	height: 100%;
	position: relative;
}
body>footer>div>section {
	width: 291px;/*310-19*/
	float: right;
	padding-right: 19px;
}
body>footer>div>form {
	width: 310px;
	float: left;
}
body>footer a {
	color: inherit;
}
body>footer a:hover , body>footer a:focus {
	text-decoration: underline;
}
body>footer nav a {
	display: block;
	margin-top: 20px
}
body>footer b {
	color: white;
	font-size: 18px;
	margin-top: 50px;
	display: block;
	font-weight: normal;
}
body>footer form>b:first-child {
	color: white;
	font-size: 30px;
	margin-top: 50px;
}
body>footer input[type=text] , body>footer input[type=password] {
	width: 296px; /*310 of form -2 for border -12 of padding*/
	border: 1px solid #A5A5A5;
	border: 1px solid #A5A5A5;
	height: 41px;
	line-height: 41px;/* for IE8 */
	padding-right: 12px;
	font-size: 16px;
	margin-top: 17px;
}
body>footer input[type=submit] {
	width: 83px;
	height: 29px;
	color: white;
	background-color: #009CFF;
	margin-top: 17px;
	margin-bottom: 17px;
}
body>footer input[type=submit]:hover , body>footer input[type=submit]:focus {
	background-color: #0082FF;
}
body>footer form a {
	display: block;
	font-size: 14px;
	margin-top: 20px;
}
body>footer img.logo {
	position: absolute;
	left: 0;
	bottom: 37px;
	width: 146px;
	height: 45px;
}
body>footer a.terms {
	position: absolute;
	left: 195px;
	bottom: 37px;
	color: white;
}
body>footer a.terms:hover , body>footer a.terms:focus {
	text-decoration: underline;
}
body>footer .social-media {
	position: absolute;
	right: 19px;
	bottom: 0px;
}
body>footer .social-media a {
	display: block;
	width: 32px;
	height: 32px;
	margin-left: 6px;
	float: right;
}
body>footer .social-media a:hover , body>footer .social-media a:focus {
	/* CSS3 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; /* IE8? */
	filter: alpha(opacity=90); /* IE5-7 , IE8? */
	opacity: 0.9; /* All Modern Browsers */
}
body>footer .social-media a.googleplus {
	background: url("/images/googleplus-ico.gif") no-repeat;
}
body>footer .social-media a.facebook {
	background: url("/images/facebook-ico.gif") no-repeat;
}
body>footer .social-media a.youtube {
	background: url("/images/youtube-ico.gif") no-repeat;
}
a.side-link {
	position: fixed;
	top: 50%;
	z-index: 4;
	left: -118.5px;
	width: 285px;
	height: 48px;
	line-height: 48px;
	font-size: 20px;
	background-color: #009CFF;
	/* CSS3 */
	-webkit-transform: rotate(270deg); /* Chrome , Safari , Opera15+ , iOS , Android */
	-moz-transform: rotate(270deg); /* FF3.5-15 */
	-ms-transform: rotate(270deg); /* IE 9 */
	-o-transform: rotate(270deg); /* Opera10.5-12 */
	transform: rotate(270deg); /* IE10+ , FF16+ , Opera12.1 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE8? */
	filter: alpha(opacity=80); /* IE5-7 , IE8? */
	opacity: 0.8; /* All Modern Browsers */
}
a.side-link span:before{
	content: "< ";
	color: #FFF200;
}
a.side-link span:after{
	content: " >";
	color: #FFF200;
}
a.side-link.ie8 { /* without transform */
	left: 0;
	width: 48px;
	height: 285px;
	overflow: hidden;
	background: url("/images/side-link.png") #009CFF no-repeat;
}
@media (max-device-width: 1023px),(max-width: 1100px) {
	a.side-link {
		display: none;
	}
}


/** H1 & breadcrumb **/
main>header:first-child {
	width: 962px;
	padding: 0 19px;
	margin: 0 auto;
	min-height: 95px;
	text-align: right;
}
main>header:first-child+hr {
	height: 5px;
	color: #D8D8D8;
	background: #D8D8D8;
}
main>header:first-child h1 {
	color: #DA0000;
	font-size: 40px;
	line-height: 100%;
	padding-top: 25px;
}
main>header:first-child h1~ a ,
main>header:first-child h1~ span a {
	font-size: 12px;
	color: #333333;
}
main>header:first-child h1+span a:hover , main>header:first-child h1+span a:focus {
	text-decoration: underline;
}



/** homepage **/
#foreword {
	width: 981px;
	padding-right: 19px;
	min-height: 280px;
	margin: 0 auto;
	position: relative;
}
#foreword h1 {
	color: #009CFF;
	font-size: 30px;
	width: 430px;
	text-align: right;
	margin: 20px 0 0;
}
#foreword ul {
	/*list-style: square inside url("/images/red-square.gif");*/
	font-size: 16px;
	width: 520px;
	display: table;
	text-align: right;
	list-style: none;
}
#foreword ul li , #A3packs section ul li {
	background: url("data:image/gif;base64, R0lGODlhEAAOAOYAAHashUydW0mZV02fWIO4i4e7jny1g8jhyxaeJIG6h4W9ikigTcvkzBeeG0ukTY7Gj47DkHa5d329fc7lzh2kGRyvFEmkRoDAfcfjxk+qSYPCfiapGjekLU2qRcjlxSi2F83myirBEDqnKlaySFWvSMHivM7oyjS9GzW2HDmqJDjAGabYm6XXmjy6Gz/CHUC8H0W4JkSvKUbKIEjHIEnFIkOyIUOyI1TUJk27JlLGK1PCK0y2KFLBK1LOJFXOKVXBK13KMVjSJVG9JVK9JWHWMGDXKG7iOHjqP2nNNHfhPYHwRHbZQH3hR2XbInndPHXWO4v5R3/kQYrrUZDwVn/fP4DiQYXlRozpTZf1WoTiQY/zR5HsUpjvVpvyWP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAF4ALAAAAAAQAA4AQAd8gF6Cg4SCKyyCESg3QFQ5Tk8+Lg6FlYIYMVtTSkUkhQQIAZajhB47XVo4JV4POjwQXgciVkxGPRmFCRQqNS0fA6SkJkJDJsEgNlxYUE0jghoXgwwpV1JHQR2CEi9JUTAGHFVLRDMWhQobMj9ZSDQnC6QFDSEVAsGDABOkgQA7") no-repeat right center;
}
#foreword ul li {
	float: right;
	width: 234px;
	/* bg image - see below */
	padding-right: 22px;
	margin-right: 4px;
	margin-top: 20px;
}
#foreword>img {
	position: absolute;
	left: 0;
	bottom: 70px;
	width: 461px;
	height: 280px;
	z-index: -1;
}
#foreword hr {
	height: 1px;
	color: #EAEAEA;
	background: #EAEAEA;
	margin: 20px 0;
}
#foreword nav {
	clear: both;
	position: relative;
	height: 65px;/*48+17*/
	margin: 0 0 40px;
	margin-right: -19px;
}
#foreword nav a {
	position: absolute;
	width: 250px;
	padding-right: 50px;
	height: 48px;
	display: block;
	color: #666666;
	font-size: 22px;
	line-height: 48px;
	background-color: #DBDBDB;
	background-position: right center;
	background-repeat: no-repeat;
	border: 0 solid white;
	/* CSS3 */
	-moz-background-clip: padding-box;/* FF3.6 */
	background-clip: padding-box;
	border-bottom: 17px solid white/*transparent*/;
	-webkit-border-image: url("/images/link-button-shadow.png") 17 0 stretch;
	-moz-border-image: url("/images/link-button-shadow.png") 17 0 stretch;
	-ms-border-image: url("/images/link-button-shadow.png") 17 0 stretch;
	-o-border-image: url("/images/link-button-shadow.png") 17 0 stretch;
	border-image: url("/images/link-button-shadow.png") 17 0 stretch;
	/* not suppordet in IE until IE11 */
	/* behavior: url(/IE8-fixes/PIE.htc); */
}
#foreword nav a:hover , #foreword nav a:focus {
	background-color: #C0C0C0;
}
#foreword nav a.first {
	right: 0;
	background-image: url("data:image/gif;base64, R0lGODlhRgAwAIABAACc/////yH5BAEAAAEALAAAAABGADAAAAKFjI+py+0Po5y02ouz3rz7D4biSJbmWQEoCbTr6L5hq8pgbHv0Qff+D/yZcMGisTesGY5MYVKZ4+Cim92y2XwRsUztlhu0TamZMfliPZeVYGA03UZSzWpKup6i4yNxN7nvtCc4SFgYcNcgV+fzwIjnmAh5JsmguKingGm4ydnp+QkaKkpYAAA7");
}
#foreword nav a.second {
	margin: 0 auto;
	right: 0;
	left: 0;
	background-image: url("data:image/gif;base64, R0lGODlhRgAwAIABAACc/////yH5BAEAAAEALAAAAABGADAAAAKjjI+py+0Po5y02ouz3rz7D4biSJYeAByogaZBa14r677uHFf4ftf5xFP1frpa0EZMKpfMZqQFs0GnUyH0R6VRt8arU8qtfhnh7VgMLvOiuWxabWWb0Gr0OFH33vF5XNPdtyZXAhgY57cU6LOnlcfI13cmpni4SFIY2Yj4yNn5sYPgY7l3hCTlWTqzSdolRONpGqs6epc6BIubq7vL2+v7CxxQAAA7");
}
#foreword nav a.third {
	left: 0;
	background-image: url("data:image/gif;base64, R0lGODlhRgAwAIABAACc/////yH5BAEAAAEALAAAAABGADAAAAKljI+py+0Po5y02ouz3rz7D4biiADmiabqmpIlC8erG5yjTZqungO736MBb0Ma0fi7yJYsC6/CjLYoz4n0Wo1ktdgrtSjpeq1grpj5dZ7RZPValoa+4W35HBb/3pt1/V6VR/YH2Cc4iKJnd4hjiPjCszilWDUV6ZhBCWa5pQTEudmhw/i4GHq5cPhxajoawslahsQqe0QrEmubq7vL2+v7CxwsLFEAADs=");
}
#homepage-main {
	width: 962px;
	padding: 0 19px;
	margin: 40px auto 15px;
	min-height: 300px;
	text-align: right;
}
#homepage-main h3 {
	font-size: 45px;
	color: #DA0000;
}
#homepage-main hr {
	height: 1px;
	background-color: #C5C5C5;
	width: 1000px;
	position: relative;
	right: -19px;
}
#homepage-main section {
	margin-bottom: 45px;
}
#homepage-main section p {
	font-size: 16px;
	color: black;
	margin-top: 30px;
}
#homepage-main section a {
	color: #0082FF;
}
#homepage-main section a:hover , #homepage-main section a:focus {
	text-decoration: underline;
}
#example-sites {
	height: 486px;
	margin-top: 45px;
	background: url("/banners/example-sites.jpg") repeat-x;
}
#example-sites h2 {
	font-size: 61px;
	color: #DA0000;
	padding-top: 70px;
}
#example-sites p {
	font-size: 22px;
}
#example-sites a {
	font-size: 18px;
	color: #DA0000;
}
#example-sites .jQuery {
	height: 230px;
	width: 1030px;
	margin: 0 auto;
}
@media (max-device-width: 1023px),(max-width: 1030px) {
	#example-sites .jQuery {
		width: 1000px;
	}
}
#example-articles {
	width: 1000px;
	margin: 45px auto;
	clear: both;
	display: table;
}
#example-articles h1 {
	font-size: 30px;
}
#example-articles hr {
	height: 3px;
	color: #EAEAEA;
	background-color: #EAEAEA;
	border-top: 1px solid #DBDBDB;
	border-bottom: 1px solid #DBDBDB;
}
#example-articles section {
	text-align: right;
	width: 482px;
	min-height: 165px;
	line-height: 21px;
	padding: 30px 0 12px;
	border-bottom: 1px solid #DBDBDB;
}
#example-articles section:nth-of-type(odd) {
	float: right;
}
#example-articles section:nth-of-type(even) {
	float: left;
}
#example-articles section h2 a {
	font-size: 20px;
	color: #DA0000;
}
#example-articles section h2 a:hover , #example-articles section h2 a:focus {
	text-decoration: underline;
}
#example-articles section p {
	margin: 12px 0;
}
#example-articles section a.more {
	display: block;
	height: 29px;
	width: 63px;
	padding-right: 10px;
	line-height: 26px;
	background-color: #AFAFAF;
	color: white;
	/*margin-bottom: 12px;/*for section bottom border*/
}
#example-articles section a.more:hover , #example-articles section a.more:focus {
	background-color: #C0C0C0;
}


/** dotted form **/
form.dotted {
	height: 201px;
	padding: 28px 0;
	margin: 0 auto;
	width: 753px;
	padding-right: 247px;
	text-align: right;
	/* CSS3 (multiple backgrounds) */
	background: url("/images/form-lady.png") no-repeat right 10px, url("/images/form-border.gif") repeat-x center top, url("/images/form-border.gif") repeat-x center bottom;
	-pie-background: url("/images/form-lady.png") no-repeat right 10px, url("/images/form-border.gif") repeat-x center top, url("/images/form-border.gif") repeat-x center bottom;
	behavior: url(/IE8-fixes/PIE.htc);
}
form.dotted>div {
	margin: 30px 0;
}
form.dotted [type=text] , form.dotted [type=tel] , form.dotted [type=email] {
	border: 1px solid #C5C5C5;
	height: 36px;
	line-height: 36px;/* for IE8 */
	width: 180px; /*196px - 16 of padding*/
	padding-right: 16px;
	margin-left: 19px;
	font-size: 18px;
}
form.dotted [type=text]:focus  , form.dotted [type=tel]:focus , form.dotted [type=email]:focus {/*by Yinon*/
	/* CSS3 */
	border-color: rgba(82, 168, 236, 0.8);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
	behavior: url(/IE8-fixes/PIE.htc);
}
form.dotted [type=submit] {
	height: 38px;
	width: 76px;
	color: white;
	background-color: #DA0000;
	font-size: 18px;
}
form.dotted [type=submit]:hover , form.dotted [type=submit]:focus {
	background-color: #BF0000;
}
form.dotted p {
	color: black;
	font-size: 16px;
}
form.dotted p:first-child {
	color: #DA0000;
	font-size: 20px;
}



/** homepage-banner **/
#homepage-banner {
	height: 334px;
	background-position: center top;
	background-repeat: no-repeat;
	position: relative;
}
#homepage-banner+hr {
	height: 21px;
	background-position: center top;
	background-repeat: no-repeat;
	background-image: url("/images/banner-shadow.png");
}
#homepage-banner section {
	position: absolute;
	top:0;
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center top;

	/* all but the first */
	display: none;
	z-index: -1;
}
#homepage-banner section:first-child {
	display: block;
	z-index: 1;
}
#homepage-banner section>div {
	width: 981px;
	padding-right: 19px;
	margin: 0 auto;
	position: relative;
}
#homepage-banner em {
	font-style: normal;
	font-weight: normal;
	display: block;
}
#homepage-banner #HBN0 {
	background-color: #FFF;
	background-image: url("/banners/yom_atzmaut.jpg");
	background-repeat:repeat-x;
	color: white;
}
#homepage-banner #HBN1 {
	background-color: rgb(0,156,255);
	background-image: url("/banners/homepage-1.jpg");
	color: white;
}
#homepage-banner #HBN2 {
	background-color: black;
	background-image: url("/banners/homepage-2.jpg");
	color: white;
}
#homepage-banner #HBN3 {
	background: white url("/banners/homepage-3.jpg") center top repeat-x;
}
#homepage-banner #HBN4 {
	background-color: #B41C43;
	background-image: url("/banners/homepage-4.jpg");
}
#homepage-banner #HBN5 {
	background-color: #C22B2B;
	color: white;
}
#homepage-banner #HBN6 {
	background-color: #7ACDC8;
	background-image: url("/banners/homepage-6.jpg");
}
#homepage-banner #HBN7 {
	background-color: #d9ebf9;
	background-image: url("/banners/homepage-7.jpg");
	color: white;
}
#homepage-banner #HBN9 {
	background-color: #234295;
	background-image: url("/banners/homepage-9.jpg");
}
#homepage-banner #HBN10 {
	background-color: #f2f2f2;
	background-image: url("/banners/homepage-10.jpg");
	color: white;
}
#homepage-banner #HBN0 em {
	width: 981px;
	margin: 63px auto 0;
	/* CSS3 */
	text-shadow: 3px 3px 3px black;/* IE10+ , All Other Browsers */
}
#homepage-banner #HBN0 em span {
	text-align: left;
	margin-left: 500px;
	display: block;
	font-size: 81.57px;
	line-height: 70%;
}
#homepage-banner #HBN0 em span:last-child {
	font-size: 54.38px;
	line-height: 70%;
}
#homepage-banner #HBN0 p {
	font-size: 32px;
	position: absolute;
	top: 263px;
	left: 0;
	right: 0;
}
#homepage-banner #HBN1 div {
	text-align: right;
}
#homepage-banner #HBN1 em {
	margin: 30px 0;
	font-size: 36px;
	line-height: 130%;
}
#homepage-banner #HBN1 em:first-line {
	font-size: 70px;
}
#homepage-banner #HBN1 p {
	font-size: 25px;
}
#homepage-banner #HBN1 a {
	font-size: 32px;
	color: #5A3AB5;
	background: #FFBB08;
	display: block;
	line-height: 48px;
	width: 400px;
	text-align: center;
	margin-top: 10px;
}
#homepage-banner #HBN2>div {
	text-align: right;
	font-weight: 200;
	width: 1000px;
	padding: 0;
}
#homepage-banner #HBN2 em:nth-of-type(1) {
	margin-top: 25px;
	font-size: 50px;
	line-height: 110%;
}
#homepage-banner #HBN2 em:nth-of-type(2) {
	font-size: 40px;
	line-height: 110%;
}
#homepage-banner #HBN2 em:nth-of-type(3) {
	font-size: 30px;
	line-height: 110%;
}
#homepage-banner #HBN2>div>div {
	display: table;
	line-height: 110%;
	margin: 25px 0;
}
#homepage-banner #HBN2>div>div>span {
	display: table-row;
	font-size: 30px;
}
#homepage-banner #HBN2>div>div>span>span {
	font-size: 50px;
}
#homepage-banner #HBN2>div>div>sub {
	display: table-row;
	text-align: left;
	font-size: 14px;
}
#homepage-banner #HBN2 a {
	font-size: 32px;
	color: #903A00;
	background: #FFD800;
	display: block;
	line-height: 48px;
	width: 277px;
	text-align: center;
	margin-top: 10px;
	font-weight: normal;
}
#homepage-banner #HBN3>div {
	text-align: right;
}
#homepage-banner #HBN3>div>div {
	display: table;
}
#homepage-banner #HBN3 em {
	margin: 40px 0 0;
	font-size: 70px;
	line-height: 100%;
	color: #E70000;
}
#homepage-banner #HBN3 p {
	font-size: 35px;
	color: #00B1E4;
}
#homepage-banner #HBN3 a {
	float: left;
	font-size: 32px;
	color: white;
	background: #E70000;
	display: block;
	line-height: 48px;
	width: 400px;
	text-align: center;
}
#homepage-banner #HBN4 div {
	text-align: right;
}
#homepage-banner #HBN4 em {
	margin: 25px 0 0;
	font-size: 63.35px;
	line-height: 100%;
	color: #3AB5A0;
}
#homepage-banner #HBN4 p {
	font-size: 40.7px;
	color: white;
	line-height: 110%;
}
#homepage-banner #HBN4 p:last-of-type {
	font-size: 22.6px;
	margin: 35px 0 15px;
}
#homepage-banner #HBN4 a {
	font-size: 32px;
	color: #AE1B41;
	background: #3AB5A0;
	display: block;
	line-height: 48px;
	width: 400px;
	text-align: center;
	margin-top: 10px;
}
#homepage-banner #HBN5 em {
	margin: 10px 0 5px;
	font-size: 92px;
	line-height: 100%;
}
#homepage-banner #HBN5 p {
	font-size: 37.5px;
}
#homepage-banner #HBN5 p span {
	color: #FE9B00;
}
#homepage-banner #HBN5>div {
	position: absolute;
	margin: 0 auto;
	right: 0;
	left: 0;
	bottom: 0;
	width: auto;
	padding-bottom: 60px;
}
#homepage-banner #HBN5 a {
	font-size: 32px;
	color: white;
	background: #5674B9;
	display: inline-block;
	line-height: 48px;
	width: 400px;
	text-align: center;
	margin: 0 23px;
}
#homepage-banner #HBN6>div {
	text-align: right;
}
#homepage-banner #HBN6 em {
	margin: 15px 0 0;
	font-size: 75px;
	line-height: 100%;
	color: #DA0000;
}
#homepage-banner #HBN6 p {
	line-height: 110%;
	font-size: 42px;
	color: white;
}
#homepage-banner #HBN6 p span {
	color: #DA0000;
}
#homepage-banner #HBN6 sub {
	font-size: 20px;
	color: #DA0000;
	line-height: 80%;
}
#homepage-banner #HBN6 a {
	font-size: 32px;
	color: white;
	background: #333333;
	display: block;
	line-height: 48px;
	width: 562px;
	text-align: center;
	margin-top: 35px;
}

#homepage-banner #HBN7>div {
	text-align: right;	
}
#homepage-banner #HBN7 em {
	margin: 120px 0 0;
	font-size: 85px;
	line-height: 100%;
	color: #0078c4;
}
#homepage-banner #HBN10 div {
	text-align: right;
}
#homepage-banner #HBN10 em {
	margin: 30px 0;
	font-size: 36px;
	line-height: 130%;
	color: #e70101;
}
#homepage-banner #HBN10 em:first-line {
	font-size: 70px;
}
#homepage-banner #HBN10 p {
	font-size: 25px;
	color: #009cff;
}
#homepage-banner #HBN10 a {
	font-size: 32px;
	color: #FFF;
	background: #e70101;
	display: block;
	line-height: 48px;
	width: 400px;
	text-align: center;
	margin-top: 10px;
}



/** packages **/
main#packages>section:nth-of-type(even) {
	background: #F6F6F6;
}
main#packages>section>div {
	width: 962px;
	padding: 0 19px;
	margin: 0 auto;
	position: relative;
	text-align: right;
	font-size: 20px;
	padding-bottom: 25px;
}
#A3packs {
	overflow: hidden;/* for radial-gradient inserted by script */
}
#A3packs>div{
	height: 460px;
	padding-bottom: 0 !important;
}
#A3packs section {
	position: absolute;
	top: 40px;
	border: 1px solid #F2F2F2;
	text-align: center;
	width: 270px;
}
#A3packs section.green { right: 19px; }
#A3packs section.red { margin: 0 auto; right:0; left:0; }
#A3packs section.blue { left: 19px; }

#A3packs section .num {
	height: 50px;
	font-size: 20px;
	color: white;
	border-bottom: 1px solid #F2F2F2;
}
#A3packs section .num >b {
	font-size: 32px;
	font-weight: inherit;
}
#A3packs section.green .num { background: #27CC63; }
#A3packs section.red .num { background: #DB1832; }
#A3packs section.blue .num { background: #27A6CC; }
#A3packs section .cost {
	height: 122px;
	line-height: 122px;
	width: 100%;
	line-height: 123px;
	font-size: 36px;
	vertical-align: middle;
	/* CSS3 */
	background-color: #F1F1F1;/* for IE before PIE loading */
	background: -webkit-linear-gradient( #FEFEFE , #E0E0E0);/* Chrome4-25 , Safari4-6.0 , iOS-6.1 , Android-4.3 */
	background: -moz-linear-gradient( #FEFEFE , #E0E0E0);/* FF3.6-15 */
	background: -ms-linear-gradient( #FEFEFE , #E0E0E0);/* IE? */
	background: -o-linear-gradient( #FEFEFE , #E0E0E0);/* Opera11.1-12.0 */
	background: linear-gradient( #FEFEFE , #E0E0E0);/* All Modern Browsers: IE10+ , FF16+ , Chrome26+ , Safari6.1+ , Opera12.1+ , iOS7+ , Android4.4+ */
	-pie-background: linear-gradient( #FEFEFE , #E0E0E0);/* IE6-9 */
	behavior: url(/IE8-fixes/PIE.htc);
}
#A3packs section ul {
	height: 166px;
	display: block;
	font-size: 18px;
	list-style: none;
	text-align: right;
	padding: 8px 0;
	background: white;
	line-height: 23px;
}
#A3packs section ul li {
	/* bg image - see below */
	padding-right: 48px;
	margin-right: 22px;
	margin-top: 17px;
}
#A3packs section a {
	height: 57px;
	line-height: 50px;
	display: block;
	color: white;
}
#A3packs section.green a {
	background-color: #27CC63;/*for IE before PIE loading*/
	/* CSS3 */
	background: -webkit-linear-gradient( #26CB62 , #07AC43);
	background: -moz-linear-gradient( #26CB62 , #07AC43);
	background: -ms-linear-gradient( #26CB62 , #07AC43);
	background: -o-linear-gradient( #26CB62 , #07AC43);
	background: linear-gradient( #26CB62 , #07AC43);
	-pie-background: linear-gradient( #26CB62 , #07AC43);
	behavior: url(/IE8-fixes/PIE.htc);
}
#A3packs section.red a {
	background-color: #DB1832;/*for IE before PIE loading*/
	/* CSS3 */
	background: -webkit-linear-gradient( #DB1832 , #B50018);
	background: -moz-linear-gradient( #DB1832 , #B50018);
	background: -ms-linear-gradient( #DB1832 , #B50018);
	background: -o-linear-gradient( #DB1832 , #B50018);
	background: linear-gradient( #DB1832 , #B50018);
	-pie-background: linear-gradient( #DB1832 , #B50018);
	behavior: url(/IE8-fixes/PIE.htc);
}
#A3packs section.blue a {
	background-color: #27A6CC;/*for IE before PIE loading*/
	/* CSS3 */
	background: -webkit-linear-gradient( #26A5CB , #0786AC);
	background: -moz-linear-gradient( #26A5CB , #0786AC);
	background: -ms-linear-gradient( #26A5CB , #0786AC);
	background: -o-linear-gradient( #26A5CB , #0786AC);
	background: linear-gradient( #26A5CB , #0786AC);
	-pie-background: linear-gradient( #26A5CB , #0786AC);
	behavior: url(/IE8-fixes/PIE.htc);
}
#A3packs footer {
	height: 24px;/*58-34*/
	padding-top: 34px;
	color: #666666;
	font-size: 12px;
	/* CSS3 */
	background: -webkit-linear-gradient( rgba(255,255,255,0) , #e5e5e5);
	background: -moz-linear-gradient( rgba(255,255,255,0) , #e5e5e5);
	background: -ms-linear-gradient( rgba(255,255,255,0) , #e5e5e5);
	background: -o-linear-gradient( rgba(255,255,255,0) , #e5e5e5);
	background: linear-gradient( rgba(255,255,255,0) , #e5e5e5);
	-pie-background: linear-gradient( white , #e5e5e5);
	behavior: url(/IE8-fixes/PIE.htc);
}

main#packages h2 {
	text-align: center;
	display: block;
	font-size: 40px;
	padding: 20px 0;
}
main#packages span.green { color: #27CC63; }
main#packages span.red { color: #DB1832; }
main#packages span.blue { color: #27A6CC; }
main#packages .button {
	text-align: center;
	clear: both;
	padding: 25px 0;
}
main#packages .button a {
	color: white;
	background: black;
	font-size: 32px;
	display: inline-block;
	width: 380px;
	height: 48px;
	text-align: center;
}
main#packages .button a:hover , main#packages .button a:focus {
	background: rgb(100,100,100);
}
main#packages form {
	background: url("/images/form-lady.png") no-repeat right 38px;
	behavior: none;
}
main#packages form h2 {
	padding: 0;
}
main#packages form div {
	margin-top: 10px;
}
main#packages ul.black-circle {
	/*list-style: square inside url("/images/black-circle.gif");*/
	font-size: 18px;
	display: table;
	list-style: none;
	margin: 30px 0;
}
main#packages ul.black-circle li {
	float: right;
	width: 320px;
	background: url("data:image/gif;base64, R0lGODlhBQAEAIAAADMzM////yH5BAEAAAEALAAAAAAFAAQAAAIHDB52oLhRAAA7") no-repeat right center;
	padding-right: 8px;
	margin-right: 4px;
}
main#packages ul.green-v {
	width: 962px;
	padding: 0 19px;
	font-size: 16px;
	display: table;
	list-style: none;
	margin: 30px auto;
	text-align: right;
}
main#packages ul.green-v li {
	float: right;
	background: url("/images/green-li-v_2.gif") no-repeat right center;
	padding-right: 29px;
	margin-top: 8px;
}
main#packages ul.green-v li:nth-of-type(odd) {
	width: 472px;/*502-29-1*/
}
main#packages ul.green-v li:nth-of-type(even) {
	width: 431px;/*461-29-1*/
}
main#packages #tablet>div {
	height: 342px;
	background: url("/images/smartphone.png")  no-repeat left bottom;
}
main#packages #tablet>div .blue {
	color: #009CFF;
	font-size: 30px;
	margin: 10px 0 25px;
}
main#packages #tablet>div h2 , main#packages #freetest>div h2 {
	text-align: right;
}
main#packages #freetest>div {
	width: 576px;
	margin: 0 auto;
	height: 342px;
	padding-right: 405px;
	background: url("/images/package.jpg")  no-repeat right bottom;
}
main#packages #freetest>div .blue {
	color: #009CFF;
	font-size: 30px;
	margin: 5px 0 0;
}



/** blog-slider (in homepage) **/
#blog-slider {
	margin: 50px 0;
}
#blog-slider h2 {
	font-size: 30px;
	line-height: 30px;
	border-bottom: 3px solid #DBDBDB;
	padding: 15px 0;
	width: 1000px;
	margin: 0 auto 15px;
}
#blog-slider span {
	font-size: 30px;
	line-height: 30px;
	border-bottom: 3px solid #DBDBDB;
	padding: 15px 0;
	width: 1000px;
	margin: 0 auto 15px;
}
#blog-slider div.t {
	width: 998px;
	margin: 0 auto;
	display: table;
	table-layout: fixed;
	border: 1px solid #E7EAEB;
	padding: 10px 0 20px;
	position: relative;
	z-index: 1;
}
#blog-slider div.t section {
	display: table-cell;
	text-align: center;
	vertical-align: top;
}
#blog-slider div.t section.display-none {
	display: none;
}
#blog-slider div.t section>div {
	display: inline-block;
	width: 320px;
	text-align: right;
}
#blog-slider section img {
	display: block;
	width: 320px;
	height: 90px;
	margin-bottom: 6px;
}
#blog-slider section a ,
#blog-slider section a h3 {
	display: block;
	color: #009CFF;
	font-size: 16px;
	width: 320px;
	line-height: 145%;
	text-decoration: inherit;
}
#blog-slider section a:hover , #blog-slider section a:focus {
	text-decoration: underline;
}
#blog-slider section time {
	display: block;
	font-size: 10px;
	color: $666666;
	line-height: 100%;
	font-family: Arial, "Segoe UI";
	margin-bottom: 12px;
}
#blog-slider section p {
	display: block;
	width: 320px;
	font-size: 14px;
	font-family: Arial, "Segoe UI";
}
/* added by script*/
#blog-slider .nivo {/* wrap div.t in nav */
	min-width: 1000px;
	max-width: 1038px;
	height: 100%;
	bottom: 0;
	right: 0;
	left: 0;
	position: absolute;
	margin: 0 auto;
}
#blog-slider .nivo .prev ,
#blog-slider .nivo .next {
	position: absolute;
	top: 50%;
	margin-top: -19px;
	width: 19px;
	height:39px;
	z-index: 2;
}
#blog-slider .nivo .next {
	left: 0;
	background: url("/images/blog-slide-left.png") no-repeat;
}
#blog-slider .nivo .prev {
	right: 0;
	background: url("/images/blog-slide-right.png") no-repeat;
}
@media (max-device-width: 1023px),(max-width: 1040px) {
	#blog-slider .nivo .prev ,
	#blog-slider .nivo .next {
		margin-top: -40px;
		width: 80px;
		height:80px;
	}
	#blog-slider .nivo .next { background: url("/images/nivoPrevNav.png") no-repeat; }
	#blog-slider .nivo .prev { background: url("/images/nivoNextNav.png") no-repeat; }
}
#blog-slider .nivo.ie {
	top: 120px;
	width: auto;
	position: relative;
}



/** articles & blogs **/
main#articles>[role=banner] ,
main#blogs>[role=banner] {
	background-color: #AFAFAF;
	height: 203px;
}
main#blogs>[role=banner]>div ,
main#articles>[role=banner]>div {
	width: 1000px;
	margin: 0 auto;
	text-align: right;
	height: 100%;
}
main#blogs>[role=banner]>div {
	background: url('/banners/blogs.png') 5% center no-repeat;
}
main#articles>[role=banner]>div {
	background: url('/banners/articles.jpg') left center no-repeat;
}
main#articles>[role=banner]>div p ,
main#blogs>[role=banner]>div p {
	color: white;
	font-size: 30px;
	margin-right: 19px;
}
main#articles>[role=banner]>div p:first-child ,
main#blogs>[role=banner]>div p:first-child {
	font-size: 45px;
	padding-top: 30px;
}
main#articles>article ,
main#blogs>article {
	width: 1000px;
	margin: 0 auto;
	text-align: justify;
}
main#articles>article section ,
main#blogs>article section {
	width: 962px;
	padding: 5px 19px 42px;
	display: table;
	background: url("/images/article-bottom-border.png") center bottom no-repeat;
	margin: 0 auto;
}
main#articles>article section:first-of-type ,
main#blogs>article section:first-of-type {
	margin-top: 35px;
}
main#articles>article h2 ,
main#blogs>article h2 {
	display: inline;
}
main#articles>article h2 a ,
main#blogs>article h2 a {
	color: #DA0000;
	font-size: 20px;
}
main#articles>article h2 a:hover , main#articles>article h1 a:focus ,
main#blogs>article h2 a:hover , main#blogs>article h1 a:focus {
	text-decoration: underline;
}
main#articles>article h2+time ,
main#blogs>article h2+time {
	margin-right: 12px;
	font-size: 14px;
	color: #666666;
	display: inline-block;
}
main#articles>article a.more ,
main#blogs>article a.more {
	float: left;
	display: block;
	color: white;
	line-height: 24px;
	height: 29px;
	width: 73px;
	text-align: center;
	background-color: #AFAFAF;
	margin-top: 10px;
}
main#articles>article a.more:hover , main#articles>article a.more:focus ,
main#blogs>article a.more:hover , main#blogs>article a.more:focus {
	background-color: #C0C0C0;
}



/** recommendations **/
main#recommendations>[role=banner] {
	background-color: #F26EAA;
	height: 203px;
	line-height: 203px;
	color: white;
	font-size: 26px;
}
main#recommendations>[role=banner]>div {
	width: 1000px;
	margin: 0 auto;
	text-align: right;
	height: 100%;
}
main#recommendations>div>article {
	width: 676px;
	float: right;
}
/* see later at " examples & recommendations " */



/** sidebar **/
aside.sidebar {
	width: 308px;
	float: left;
	color: #666666;
}
aside.sidebar>* {
	border-bottom: 4px solid #f0f0f0;
	padding-right: 16px;
}
aside.sidebar form {
	margin: 26px 0 10px;
	padding-right: 15px;
	text-align: right;
	background: url("/images/form-small-lady.png") no-repeat left bottom;
}
aside.sidebar form p {
	font-size: 18px;
}
aside.sidebar form p:first-child {
	font-size: 33px;
	color: #009CFF;
}
aside.sidebar form div:first-child {
	margin-bottom: 18px;
}
aside.sidebar form [type=text] , aside.sidebar form [type=tel] , aside.sidebar form [type=email] {
	border: 1px solid #C5C5C5;
	height: 36px;
	line-height: 36px;/* for IE8 */
	width: 180px; /*196px - 16 of padding*/
	padding-right: 16px;
	font-size: 18px;
	clear: both;
	color: black;
	margin-top: 8px;
}
aside.sidebar form [type=text]:focus  , aside.sidebar form [type=tel]:focus , aside.sidebar form [type=email]:focus {/*by Yinon*/
	/* CSS3 */
	border-color: rgba(82, 168, 236, 0.8);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
	behavior: url(/IE8-fixes/PIE.htc);
}
aside.sidebar form [type=submit] {
	height: 38px;
	width: 76px;
	color: white;
	background-color: #DA0000;
	font-size: 18px;
	margin-top: 18px;
	margin-bottom: 55px;
}
aside.sidebar form [type=submit]:hover , aside.sidebar form [type=submit]:focus {
	background-color: #BF0000;
}
aside.sidebar a {
	height: 169px;
	background-repeat: no-repeat;
	display: block;
	color: inherit;
}
aside.sidebar a h4 {
	color: #009CFF;
	font-size: 33px;
	line-height: 110%;
}
aside.sidebar a:nth-of-type(odd) { text-align: right; background-position: left 80%/*bottom*/; }
aside.sidebar a:nth-of-type(even) { text-align: left; background-position: right 80%/*bottom*/; }
aside.sidebar a:nth-of-type(1) { background-image: url("/images/sidebar-img-1.png"); }
aside.sidebar a:nth-of-type(2) { background-image: url("/images/sidebar-img-2.png"); background-position: 90% bottom; }
aside.sidebar a:nth-of-type(3) { background-image: url("/images/sidebar-img-3.png"); }
aside.sidebar a:nth-of-type(4) { background-image: url("/images/sidebar-img-4.png"); }



/** examples **/
main#examples>[role=banner] {
	background-color: #009CFF;
	height: 203px;
	line-height: 130%;
	color: white;
	font-size: 26px;
}
main#examples>[role=banner]>div {
	width: 962px;
	padding: 35px 19px 0;
	margin: 0 auto;
	position: relative;
	text-align: right;
	height: 168px; /*203-35*/
}
main#examples>[role=banner]>div p {
	font-size: 20px;
	margin-top: 27px;
}
main#examples>[role=banner]>div a {
	color: white;
	font-size: 18px;
	background: url("/images/like-link-bg.png");
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 308px;
	height: 58px;
	text-align: center;
	line-height: 58px;
}
main#examples>article {
	width: 1000px;
	margin: 0 auto;
	display: table;
}
main#examples article>a {
	margin-right: 21px;
	float: right;
}
main#examples article>a:nth-of-type(3n+1) {
	margin-right: 0;
}
main#examples figure {
	width: 319px;
	margin: 15px 0;
}
main#examples figure img {
	width: 100%;
	height: 180px;
	padding-bottom: 12px;
	border-bottom: 2px solid #CFCBCD;
	display: inline-block;
}
main#examples a:hover figure img , main#examples a:focus figure img {
	/* CSS3 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE8? */
	filter: alpha(opacity=80); /* IE5-7 , IE8? */
	opacity: 0.8; /* All Modern Browsers */
}
main#examples figcaption {
	height: 50px;
	overflow: hidden;
	text-align: right;
	color: #424242;
	font-size: 14px;
	line-height: 23px;
	position: relative;
}
main#examples figcaption strong {
	display: block;
	font-size: 16px;
	font-weight: normal;
}
main#examples a:hover figcaption , main#examples a:focus figcaption {
	overflow: visible;
	z-index: 3;
}



/** article & blog **/
main#article>div article ,
main#blog>div article {
	width: 657px;
	float: right;
	text-align: right;
	padding: 40px 0;
	padding-right: 19px;
	font-family: Arial, "Segoe UI";
	font-size: 16px;
	vertical-align: top;
}
main#article .fb-comments ,
main#blog .fb-comments {
	padding-right: 19px;
	float: right;
}



/** example **/
main#example>div>article {
	width: 676px;
	float: right;
	text-align: right;
	padding: 40px 0;
}
main#example article>header {
	height: 80px;
	margin-top: 37px;
	border-bottom: 5px solid #D8D8D8;
	position: relative;
}
main#example article>header p {
	margin-top: 33px;
	color: #333333;
	font-size: 20px;
}
main#example article>header a {
	font-size: 14px;
	color: #666666;
	direction: ltr;
}
main#example article>header a:hover , main#example article>header a:focus {
	text-decoration: underline;
}
main#example article>header img {
	position: absolute;
	max-height: 100%;
	left: 0;
	top: 0;
}
main#example article img.screenshot {
	width: 100%;
	margin-top: 6px;
}
main#example article>section:first-of-type {
	border-top: 5px solid #D8D8D8;
}



/** example & recommendations **/
main#recommendations article>section ,
main#example article>section {
	display: table;
	margin: 27px 0;
	text-align: right;
	font-size: 14px;
	width: 100%;
}
main#recommendations article>section>figure ,
main#example article>section>figure {
	display: table-cell;
	width: 100px;
	padding-left: 15px;
}
main#recommendations article>section>figure+div ,
main#example article>section>figure+div {
	display: table-cell;
}
main#recommendations article>section>figure+div>div ,
main#example article>section>figure+div>div {
	border: 2px solid #E2E2E2;
	padding: 15px 20px;
	min-height: 75px;
	/* side triangles will adding by script */
	position: relative;
	overflow-x: visible;
	/* CSS3 */
	/*
	-webkit-border-image: url("/images/recommendation-border.gif") 1 1 stretch;
	-moz-border-image: url("/images/recommendation-border.gif") 1 1 stretch;
	-ms-border-image: url("/images/recommendation-border.gif") 1 1 stretch;
	-o-border-image: url("/images/recommendation-border.gif") 1 1 stretch;
	border-image: url("/images/recommendation-border.gif") 1 1 stretch;
	behavior: url(/IE8-fixes/PIE.htc);
	*/
}
main#recommendations article>section>figure img ,
main#example article>section>figure img {
	vertical-align: -17px;
	max-width: 96px;
	height: 64px
}
main#recommendations article>section>figure figcaption ,
main#example article>section>figure figcaption {
	padding-right: 10px;
}



/** smartphone & watchshop **/
main#watchshop ,
main#smartphone {
	color: #333333;
}
main#watchshop>[role=banner] ,
main#smartphone>[role=banner] {
	background: url("/images/tablet-1.jpg") center top no-repeat;
	display: table;
	width: 100%;
	margin-bottom: 90px;
	position: relative;
}
main#watchshop>[role=banner] {
	background: url("/images/watchshop-1.png") center 50px no-repeat;
}
main#watchshop>[role=banner] a ,
main#smartphone>[role=banner] b {
	margin-top: 685px;
	margin-bottom: 20px;
	height: 80px;
	line-height: 80px;
	background: url("/images/opacity-line-1border.png") center top no-repeat;
	display: block;
	font-size: 30px;
	font-weight: normal;
	color:#000;
}
main#watchshop>[role=banner] a {
	background: url("/images/opacity-line-2border.png") center top no-repeat;
	height: 75px;
	line-height: 75px;
	margin-bottom: 0;
}
main#watchshop>[role=banner] p ,
main#smartphone>[role=banner] p {
	font-size: 18px;
}
main#watchshop>[role=banner] p {
	background: url("/images/opacity-line-0border.png") center top repeat-y;
}
main#watchshop>[role=banner] .background ,
main#smartphone>[role=banner] .background {
	height: 319px;
	width: 100%;
	background: #DE4D53;
	top: 0;
	position: absolute;
	z-index: -2;
}
main#watchshop>[role=banner] .background {
	background: #3f7ba1;
}
main#smartphone>section {
	margin: 0 auto;
	text-align: right;
	font-size: 18px;
}
main#smartphone>section h2 {
	font-size: 24px;
	margin: 40px 0;
}
main#smartphone>section ol {
	list-style-position: inside;
}
main#smartphone>section ol li {
	margin: 25px 0;
}
main#smartphone>section ol+p {
	font-size: 12px;
	padding-bottom: 20px;
}
main#smartphone>section+hr {
	background: url("/images/section-shaddow.png") center top no-repeat;
	height: 30px;
}
main#smartphone>section:nth-of-type(1) {
	width: 511px;
	padding-left: 470px;
	padding-right: 19px;
	min-height: 450px;
	background: url("/images/tablet-2.png") left bottom no-repeat;
}
main#smartphone>section:nth-of-type(2) {
	width: 636px;
	padding-right: 345px;
	padding-left: 19px;
	background: url("/images/tablet-3.png") 95%/*right*/ bottom no-repeat;
}
main#smartphone>hr:last-child {
	margin-bottom: 60px;
}
main#watchshop article {
	width: 962px;
	margin: 75px auto;
	padding: 0 19px;
	text-align: right;
	font-size: 18px;
}
main#watchshop article p {
	margin-top: 20px;
}
main#watchshop article h2 {
	font-size: 24px;
}



/** management **/
main#management {
	color: #333333;
}
main#management>[role=banner] {
	background: url("/images/cpanel-1.jpg") center top no-repeat;
	margin-bottom: 90px;
	height: 580px;
	overflow-y: hidden;
}
main#management>[role=banner] b {
	margin-top: 365px;
	height: 75px;
	line-height: 75px;
	display: block;
	background: url("/images/opacity-line-2border.png") center top no-repeat;
	font-size: 30px;
	font-weight: normal;
}
main#management>[role=banner] p {
	background: url("/images/opacity-line-0border.png") center top repeat-y;
	font-size: 18px;
}
main#management>[role=banner] p:first-of-type {
	padding-top: 20px;
}
main#management>[role=banner] :last-child {
	padding-bottom: 100px;
}
main#management>section {
	margin: 0 auto;
	text-align: right;
	font-size: 18px;
}
main#management>section h2 {
	font-size: 24px;
	margin: 40px 0;
}
main#management>section+hr {
	background: url("/images/section-shaddow.png") center top no-repeat;
	height: 30px;
}
main#management>section+hr:last-of-type {
	margin-bottom: 100px;
}
main#management>section:nth-of-type(1) {
	width: 481px;
	padding-left: 500px;
	padding-right: 19px;
	min-height: 481px;
	background: url("/images/cpanel-2.jpg") left bottom no-repeat;
}
main#management>section:nth-of-type(2) {
	width: 480px;
	padding-right: 520px;
	min-height: 390px;
	background: url("/images/cpanel-3.jpg") /*90%*/right bottom no-repeat;
	margin-bottom: 20px;
}
main#management>section:nth-of-type(3) {
	width: 500px;
	padding-left: 500px;
	min-height: 403px;
	background: url("/images/cpanel-4.jpg") /*10%*/left bottom no-repeat;
	margin-bottom: 20px;
}
main#management>hr:last-child {
	margin-bottom: 60px;
}



/** password **/
main#password form {
	height: 200px;
	width: 962px;
	padding: 0 19px;
	margin: 100px auto;
	background: #F6F6F6;
}
main#password form p {
	font-size: 22px;
	padding: 40px 0 30px;
}
main#password form [type=email] {
	border: 1px solid #C5C5C5;
	height: 41px;
	line-height: 41px;/* for IE8 */
	width: 290px; /*306px - 16 of padding*/
	padding-right: 16px;
	margin-left: 19px;
	font-size: 18px;
}
main#password form [type=email]:focus {/*by Yinon*/
	/* CSS3 */
	border-color: rgba(82, 168, 236, 0.8);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
	behavior: url(/IE8-fixes/PIE.htc);
}
main#password form [type=submit] {
	height: 43px;
	width: 135px;
	color: white;
	background-color: #DA0000;
	font-size: 18px;
}
main#password form [type=submit]:hover , main#password form [type=submit]:focus {
	background-color: #BF0000;
}



/** terms **/
main#terms article {
	width: 962px;
	padding: 0 19px;
	margin: 40px auto;
	font-size: 14px;
	text-align: right;
}
main#terms ol {
	list-style-position: inside;
}
main#terms ol li {
	margin: 20px 0;
}



/** order **/
main#order>[role=banner] {
	height: 312px;
	font-size: 26px;
	margin-bottom: 185px;
	position: relative;
}
main#order>[role=banner]>div:first-child {
	width: 962px;
	padding: 0 19px;
	height: 100%;
	margin: 0 auto;
	text-align: right;
	position: absolute;
	bottom: 0; right: 0; left: 0;
	background: url("/images/order-lady.png") 5px bottom no-repeat;
}
main#order>[role=banner]>div.background {
	background-color: #F3F3F3;
	position: absolute;
	height: 267px;
	bottom: 0; right: 0; left: 0;
	z-index: -2;
}
main#order>[role=banner] p:first-of-type {
	font-size: 26px;
	padding-top: 25px;
	margin-top: 30px;
}
main#order>[role=banner] p:last-of-type {
	font-size: 20px;
	padding: 12px 0;
}
main#order>[role=banner] ul {
	display: table;
	width: 780px;
	list-style: none;
	table-layout: auto;
	font-size: 14px;
	text-align: center;
}
main#order>[role=banner] ul li {
	display: table-cell;
}
main#order>[role=banner] ul li img:hover {
	/* CSS3 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE8? */
	filter: alpha(opacity=80); /* IE5-7 , IE8? */
	opacity: 0.8; /* All Modern Browsers */
}
main#order h2 {
	color: #009CFF;
	font-size: 50px;
	padding-top: 50px;
}
main#order h2+p {
	font-size: 24px;
	color: #666666;
	/*padding-bottom: 85px;*/
}
main#order form>div {
	width: 962px;
	padding: 0 19px;
	margin: 60px auto 25px;
}
main#order form>div>div {
	position: relative;
	height: 75px;
	width: 100%;
	vertical-align: middle;
	margin-top: 28px;
}
main#order form>div>div p {
	display: inline;
	float: right;
}
main#order form input {
	width: 270px;
	height: 52px;
	line-height: 52px;/* for IE8 */
	font-size: 30px;
	border: 1px solid #1B1B1B;
	vertical-align: middle;
	padding-right: 16px;
	margin-left: 32px;
	margin-top: 10px;
}
main#order form input:focus:not([type=submit]) {
	/* CSS3 */
	border-color: rgba(82, 168, 236, 0.8);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
	behavior: url(/IE8-fixes/PIE.htc);
}
main#order form input:nth-of-type(3n) {
	margin-left: 0;
}
main#order form [type=submit] , main#order .loading {
	position: absolute;
	left: 14px;
	top: 0;
	width: 168px;
	height: 54px;
	border: 0;
	color: white;
	background: #39B54A;
	line-height: 52px;
	font-size: 24px;
	text-align: center;
	margin: 0;
	padding: 0;
	vertical-align: top;
    cursor: pointer;
    
}
main#order form [type=submit]:hover , main#order form [type=submit]:focus {
	background: green;
	border: 0;
}



/** domain **/
main#domain>[role=banner] {
	background-color: #F3F3F3;
}
main#domain>[role=banner]>div {
	width: 1000px;
	margin: 0 auto;
	text-align: right;
	font-size: 35px;
	height: 203px;
	line-height: 203px;
	background: url('/images/www.png') 3%/*left*/ center no-repeat;
}
main#domain article>p:first-of-type {
	margin-top: 30px;
}
main#domain article>section {
	background: #679B08;
	margin-top: 30px;
	padding-top: 56px;
	height: 210px;
	color: white;
}
main#domain article>section form {
	height: 89px;
	line-height: 89px;
	width: 963px;
	margin: 2px auto;
	background: #85AF39;
	font-size: 40px;
}
main#domain article>section input , main#domain article>section select {
	height: 52px;
	line-height: 52px;/* for IE8 */
	border: 1px solid #1B1B1B;
	font-size: 30px;
	vertical-align: middle;
}
main#domain article>section [type=text] {
	width: 320px;
	padding-left: 16px;
}
main#domain article>section  select {
	width: 120px;
	padding-left: 12px;
}
main#domain article>section [type=submit] {
	width: 141px;
	height: 54px;
	line-height: 52px;
	color: white;
	background-color: #009CFF;
	border: 0;
	margin-left: 35px;
}
main#domain article>section [type=submit]:hover , main#domain article>section [type=submit]:focus {
	background-color: #0082FF;
}



/** contact **/
main#contact>[role=banner] {
	position: relative;
	margin-bottom: -50px;
}
main#contact>[role=banner]>div {
	width: 962px;
	padding: 0 19px;
	margin: 0 auto;
	height: 303px;
	line-height: 203px;
	background: url('/banners/contact.jpg') center top no-repeat;
	color: white;
	text-align: right;
	font-size: 30px;
}
main#contact>[role=banner]>span {
	position: absolute;
	height: 203px;
	right: 0;
	left: 0;
	top: 0;	
	z-index: -2;
	background: #6DD0F7;
}
main#contact article {
	width: 962px;
	padding: 0 19px;
	margin: 0 auto;
	text-align: right;
	font-size: 20px;
	position: relative;
	z-index: 1;
}
main#contact .card {
	display: table;
}
main#contact .card>div {
	display: table-row;
}
main#contact .card>div>div {
	display: table-cell;
	padding-left: 10px;
}
main#contact .card a {
	color: inherit;
}
main#contact .card a:hover , main#contact .card a:focus {
	text-decoration: underline;
}
main#contact form {
	display: table;
	padding: 40px 0 100px;
	margin-right: 19px;
}
main#contact form div {
	float: right;
}
main#contact form .right {
	padding-left: 81px;
}
main#contact form input:focus , main#contact form select:focus , main#contact form textarea:focus {
	/* CSS3 */
	border-color: rgba(82, 168, 236, 0.8);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
	behavior: url(/IE8-fixes/PIE.htc);
}
main#contact form input , main#contact form select {
	height: 52px;
	line-height: 52px;/* for IE8 */
}
main#contact form textarea {
	height: 128px;
	overflow-y: auto;
	resize: none;
}
main#contact form input , main#contact form select , main#contact form textarea {
	border: 1px solid #1B1B1B;
	margin-top: 21px;
	font-size: 22px;
	color: #1B1B1B;
	clear: both;
	display: block;
	vertical-align: middle;
}
main#contact .right input {
	width: 320px;
	padding-right: 16px;
}
main#contact .left input , main#contact .left select ,/* main#contact .left option ,*/ main#contact .left textarea {
	width: 470px;
	padding: 0;
	padding-right: 15px;
}
main#contact form option[selected] {
	display: none;
	color: #1B1B1B;
}
main#contact form select {
	width: 487px !important;
}
main#contact form [type=submit] {
	width: 112px;
	height: 54px;
	line-height: 52px;
	background: #6DD0F7;
	color: white;
	font-size: 24px;
	text-align: center;
	clear:both;
	float: left;
	border: 0;
}
main#contact form [type=submit]:hover , main#contact form [type=submit]:focus {
	background: #009CFF;
	border: 0;
}



/** about **/
main#about article {
	width: 962px;
	padding: 0 19px;
	margin: 40px auto;
	text-align: right;
}
main#about article p {
	margin: 20px 0;
}

main#about article h2 {
	display: inline;
	color: #DA0000;
	font-size:20px;
}



/** alert **/
main section[role=alert] {
	width: 930px;
	margin: 40px auto;
	border: 16px solid #D8D8D8;
	/* CSS3 */
	-webkit-border-image: url("/images/notice-border.gif") 12 12 round;
	-moz-border-image: url("/images/notice-border.gif") 12 12 round;
	-ms-border-image: url("/images/notice-border.gif") 12 12 round; /* IE? */
	-o-border-image: url("/images/notice-border.gif") 12 12 round;
	border-image: url("/images/notice-border.gif") 12 12 round; /* All Modern Browsers: IE11+ ... */
}
@media (min-device-width: 1px) { /* only for IE9+ */
	main section[role=alert] {
		behavior: url(/IE8-fixes/PIE.htc); /* IE9 only */
	}
}



/** p404 **/
main#p404 section p {
	margin-bottom: 30px;
	font-size: 20px;
}
main#p404 section p:first-child {
	margin-top: 40px;
	font-size: 24px;
}
main#p404 section p a {
	color: inherit;
	text-decoration: underline;
}



/** order-thanks **/
main#order-thanks section h2 {
	color: #009CFF;
	font-size: 50px;
	line-height: 100%;
	margin: 35px 0;
}
main#order-thanks section p {
	font-size: 24px;
	margin-bottom: 35px;
}
main#order-thanks section p:last-child {
	margin-bottom: 50px;
}



/** contact-thanks **/
main#contact-thanks section p:first-child {
	font-size: 24px;
	margin: 65px 0 30px;
}
main#contact-thanks section p:last-child {
	font-size: 22px;
	margin-bottom: 70px;
}



/** sitemap **/
main#sitemap nav {
	text-align: right;
	width: 1000px;
	margin: 40px auto;
	line-height: 26px;
}
main#sitemap div.table {
	display: table;
	table-layout: auto;
	/* width: 100%; */
}
main#sitemap .table section {
	display: table-cell;
	vertical-align: top;
	padding: 0 5px;
	overflow: hidden;
}
main#sitemap .table h2 {
	background: #DA0000;
	color: white;
	font-size: 16px;
	line-height: 30px;
	padding-right: 12px;
	padding-left: 25px;
	margin-bottom: 13px;
}
main#sitemap .table a {
	display: block;
	white-space: nowrap;
	margin-right: 12px;
	margin-left: 27px;

}
main#sitemap .table a:hover ,
main#sitemap .table div a:focus {
	text-decoration: underline;
	padding: 3px 0;
}



/** other **/
a.red-row-link {
	display: block;
	width: 1000px;
	height: 86px;
	background: #DA0000;
	clear: both;
	line-height: 120%;
	margin-bottom: 25px;
	text-align: center;
	/* second line */
	color: #FFF585;
	font-size: 25px;
}
a.red-row-link:first-line {
	color: white;
	font-size: 30px;
	line-height: 150%;
}
main#blogs a.red-row-link , main#articles a.red-row-link {
	margin: 15px 0 20px;
}


/** addthis (blog) **/
.addthis_default_style {
	clear: both;
	height: 30px;
}
.addthis_default_style > a {
	float: right !important;
}
.addthis_default_style > time {
	float: left;
	display: inline-block;
	font-size: 12px;
	color: #666666;
	font-family: "Segoe UI", Arial;
}
.addthis_default_style.before {
	border-bottom: 1px solid #D8D8D8;
	margin-bottom: 15px;
}
.addthis_default_style.after {
	border-top: 1px solid #D8D8D8;
	padding-top: 10px;
	border-bottom: 1px solid #D8D8D8;
	margin-top: 10px;
}