﻿/* BASIC */

body { 
   margin : 0 auto;
   padding : 0;
   font : 100%/1.4em arial, sans-serif;
   color : #121c23; 
   text-align: justify;
   background: #ffffff;
   direction: rtl;
}

input {
   -webkit-appearance: none;
   -webkit-border-radius:0; 
   border-radius:0;
   color: #dc0025 !important;
}

p {
   font-size: 1em;
}

h1, h2, h3, h4, h5, h6 {
font-family:  arial, sans-serif;
font-weight : normal;
margin-top: 10px;
letter-spacing: -1px;
}

h1 { 
color: #121c23;
font-size : 6em; /* 96 / 16 */
line-height : 1.4;
}


h2 { 
color: #222222;
font-size : 2.75em; /* 40 / 16 */
line-height : 1.35;
}

h3 { 
color: #333333;
font-size : 1.75em; /* 28 / 16 */
line-height : 1.3;
}

h4 { 
color: #444444;
font-size : 1.5em; /* 24 / 16  */
line-height : 1.25;
}

h5 { 
color: #555555;
font-size : 1.1em; /* 20 / 16 */
line-height : 1.15;
}

h6 { 
color: #666;
font-size : 1em; /* 16 / 16  */
line-height : 1.1;
}

a:link, a:visited { 
   color: #dc0025; text-decoration: none;
}

a:hover {
   color: #dc0025; text-decoration: underline;
}

button, input, select, textarea { 
   font-family : arial, sans-serif;
   color : #121c23;
}

img {
	border: 0;
}

/* ALIGNERS */

.breaker { 
   clear: both;
}

.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

.group:before,
.group:after {
   content:"";
   display:table;
}
.group:after {
   clear:both;
}
.group {
   zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

.col-flow-right {
	display: block;
	float: right;
	margin: 0% 1% 0% 0%;
}

.col-flow-right:first-child { margin-right: 0; } /* all browsers except IE6 and lower */

.col-flow-left {
	display: block;
	float: left;
	margin: 0% 0% 0% 1%;
}

.col-flow-left:first-child { margin-left: 0; } /* all browsers except IE6 and lower */

@media only screen and (max-width: 480px) { /*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */
	.col-flow-left { 
		margin: 0% 0% 0% 0%;
	}
	.col-flow-right { 
		margin: 0% 0% 0% 0%;
	}
}

.floatleft {
   float: left;
}

.floatright {
   float: right;
}

.w80percent {
   width: 80%;
}

.w100percent {
   width: 100%;
}

.center-text {
   text-align: center !important;
}

/* STRIKETHROUGHS */

.strike {
	text-decoration:line-through;
}

.strike-black {
	color:#121c23;
	text-decoration:line-through;
}

.strike1px {
	position: relative;
	color: #121c23;
}

.strike1px::after {
	border-bottom: 1px solid #121c23;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 55%;
}

.strike2px {
	position: relative;
	color: #121c23;
}

.strike2px::after {
	border-bottom: 2px solid #121c23;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 52%;
}

.strike2px-red {
	position: relative;
	color: #dc0025;
}

.strike2px-red::after {
	border-bottom: 2px solid #dc0025;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 52%;
}

.strike2px-white {
	position: relative;
	color: #ffffff;
}

.strike2px-white::after {
	border-bottom: 2px solid #ffffff;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 52%;
}

.strike4px {
	position: relative;
	color: #121c23;
}

.strike4px::after {
	border-bottom: 3px solid #121c23;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 53%;
}

.strike5px {
	position: relative;
	color: #121c23;
}

.strike5px::after {
	border-bottom: 4px solid #121c23;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 56%;
}

.strike5px-red {
	position: relative;
	color: #dc0025;
}

.strike5px-red::after {
	border-bottom: 4px solid #dc0025;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 56%;
}

.strike7px {
	position: relative;
	color: #121c23;
}

.strike7px::after {
	border-bottom: 5px solid #121c23;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 56%;
}

/* COLORS */

.red-font {
	color: #dc0025 !important;
}

.black-font {
	color: #121c23 !important;
}

.white-font {
	color: #ffffff !important;
}

.pink-font {
	color: #FF3D7F !important;
}

.gray-background {
   background-color: #eeeeee;
}

.black-background {
   background-color: #121c23 !important;
}


/* SEPERATORS */

.line-red-thick {
   max-width: 948px; /* 1200px / 13 */
   margin: 0 auto;
   text-align: center;
	height: 3px;
	background-color: #dc0025;
}

.content-seperator {
	height: 2px;
	width: fill-available;
	background-color: #dc0025;
	margin-top: 10px;
	margin-bottom: 10px;
   margin-left: 15px;
   margin-right: 15px;
	}

/* WRAPPER */

#wrapper {
   width: 100%;
}

/* LANGBAR */

#langbarcontainer {
   width:100%;
}

#langbar {
   width: 100%;
   height: 22px;
   background-color: #444444;
   text-align: right;
	position: fixed;
	top: 0;
 	z-index:2;
}

#langbar-ilm {
   width: 100%;
   height: 22px;
   background-color: #FF3D7F;
   text-align: right;
	position: fixed;
	top: 0;
 	z-index:2;
}

.langbarlimiter {
   width: 90%;
   height: 22px;
   margin: 0 auto;
}

p.langbar {
   color: #ffffff;
   font-size: 0.95em;
   font-weight: bold;
   line-height: 22px;
}

.langbarcell {
   margin: 0 1px;
   float: right;
}

.langbarleftmargin {
   margin-left: 5px;
}

.langbarrightmargin {
   margin-right: 5px;
}

a:link.langbar-link {
	text-decoration: none;
   color: #ffffff;
}

a:hover.langbar-link {
	text-decoration: none;
	color: #dc0025;
}

a:visited.langbar-link {
	text-decoration: none;
   color: #ffffff;
}
a:visited:hover.langbar-link {
	text-decoration: none;
	color: #dc0025;
}

.showcontact {
   display: block;
}

.hidecontact {
   display: none;
}

/* SOCIALBAR*/

.socialbar {
	width: 41px;
	height: 116px;
	background: #dc0025;
	position: fixed;
	top: 40%;
	left: 0px;
	z-index:100;
}

.socialbar-icon {
	position:absolute;
	left:4px;
	width:32px;
	height:32px;
}

.socialbar-icon-1 {
	top:5px;
}

.socialbar-icon-2 {
	top:42px;
}

.socialbar-icon-3 {
	top:79px;
}

/* HEADER */

#headcontainer {
   width: 100%;
   margin-top: 40px;
}

#headcontainer-inv {
   width: 100%;
   margin-top: 40px;
}

#headcontainer-ilm {
   width: 100%;
   margin-top: 10px;
}

header {
   clear: both;
   width: 80%; /* 1000px / 1250px */
   max-width: 948px; /* 1200px / 13 */
   margin: 0 auto;
   position: relative;
   text-align: center;
}

#header-inv {
   clear: both;
   width: 80%; /* 1000px / 1250px */
   max-width: 948px; /* 1200px / 13 */
   margin: 0 auto;
   position: relative;
   text-align: center;
}

.header-ilm {
   clear: both;
   width: 80%; /* 1000px / 1250px */
   max-width: 948px; /* 1200px / 13 */
   margin: 0 auto;
   position: relative;
   text-align: center;
}

.bannercontainer {
   clear: both;
   width: 100%; /* 1000px / 1250px */
   max-width: 948px; /* 1200px / 13 */
   margin: 0 auto;
   position: relative;
   text-align: center;
}

.headerbanner {
   max-width: 470px;
   height: 148px;
   width: 100%;
   max-height: 148px;
	float: left;
	margin-bottom: 5px;
   }

.headerbanner1 {
   max-width: 470px;
   height: 148px;
   width: 100%;
   max-height: 148px;
	float: right;
	margin-bottom: 5px;
   }

.banner {
   background-image: url('/shared/images/20160719-ilm-banner-470x148px.png');
   background-size: contain;
   background-repeat: no-repeat;
   max-width: 470px;
   height: 148px;
}

.banner1 {
   background-image: url('/shared/images/20160719-main-talk-banner-470x148px.png');
   background-size: contain;
   background-repeat: no-repeat;
   max-width: 470px;
   height: 148px;
}

.headerdesktop {
   display: block;
}

.headermobile {
   display: none;
}

.header-ilm {
   display: block;
}

.headerlogo {
   min-width: 160px;
   height: 160px;
   width: 17%;
   max-height: 160px;
	float: left;
   direction: ltr;
   }

.logo {
   background-image: url('/RUshared/images/realunreallogo.png');
   background-size: contain;
   background-repeat: no-repeat;
   max-width: 160px;
   height: 160px;
}

.headerlogo-inv {
   min-width: 350px;
   height: 61px;
   max-height: 61px;
	float: right;
   direction: rtl;
   }

.logo-inv {
   background-image: url('/RUshared/images/simply-you-heb-logo.png');
   background-size: contain;
   background-repeat: no-repeat;
   max-width: 350px;
   height: 61px;
}

.headerlogo-ilm {
   width: 100%;
	float: left;
   direction: rtl;
   height: auto;
   margin: 0;
   }

.logo-ilm {
   background-image: url('/RUshared/images/ilm-top-logo.png');
   background-size: contain;
   background-repeat: no-repeat;
   max-width: 948px;
   width: 100%;
   height: 632px;
   margin: 0;
}

.headtitle {
	position:absolute;
   width: 83%;
   height: auto;
   min-height: 160px;
   right:0;
}

.headtitle-text {
	font-size: 4em;
	font-weight: bold;
	text-align: center;
   line-height: 160px;
   color: #dc0025;
}

.headtitle-inv {
	position:absolute;
   height: auto;
   min-height: 61px;
   left:0;
}

.headtitle-inv-text {
	font-size: 1.4em;
	font-weight: bold;
	text-align: left;
   line-height: 1.2em;
   color: #dc0025;
}

.headtitle-inv-text2 {
	font-size: 1.1em;
	font-weight: bold;
	text-align: left;
   line-height: 1em;
   color: #121c23;
}

/* MAIN CONTENT */

#maincontentcontainer {
	position:relative;
	width: 100%;
}

#maincontentcontainer-ilm {
	position:relative;
	width: 100%;
	margin-top: 10px;
}

#maincontent{
	position:relative;
	clear: both;
	width: 80%; /* 1000px / 1250px */
	max-width: 948px; /* 1200px / 13 */
	margin: 0 auto;
	padding: 6px 0px;
}

/* HOMEPAGE FRAMES */

.menu-frame {
	position:relative;
   width: 100%;
   height: 38px;
}

.menu-frame-container {
   margin-top: 10px;
   width: 100%;
   height: auto;
}

.menu-frame-text {
	position:absolute;
   width: 100%;
	text-align: center;
	font-size: 1.6em;
	font-weight: normal;
	line-height: 1.5em;
	color: #dc0025;
}

.home-frame-container {
   display: block;
   clear: both;
   width: 100%;
	margin: 1% auto;
	position: relative;
}

.home-frame-container-hide {
   display: none;
}

.home-frame {
	position:relative;
   width: 100%;
	height: 400px;
}

.home-frame-container {
   width: 100%;
	height: 100%;
}

.home-frame-red {
   background-color: #dc0025;
}

.home-frame-black {
   background-color: #121c23;
}

.home-frame-text {
	position:absolute;
   width: 100%;
	text-align: center;
	bottom:25px;
	font-size: 2.6em;
	font-weight: bold;
	line-height: 1em;
	color: #ffffff;
}

.home-frame-image-frame {
	position:absolute;
   width: 100%;
	top:50px;
   text-align: center;
	margin: 0 auto;
}

.home-frame-image {
   width: 175px;
}

a:link.home-frame-link {
	text-decoration:none;
}

a:visited.home-frame-link {
	text-decoration:none;
}

a:hover.home-frame-link {
	text-decoration:none;
}

/* HOMEPAGE CONTENT */

#home-text-container {
   clear: both;
	width: 98.4%;
	margin: 0 auto;
   padding-top: 20px;
   padding-bottom: 10px;
}

.home-text-title {
	font-size: 3.5em;
   line-height: 1.5em;
	color: #dc0025;
	padding-left: 6px;
	padding-right: 6px;
	text-align: right;
}

.home-text-subtitle {
	font-size: 2em;
   font-weight: bold;
   line-height: 2em;
	color: #121c23;
	padding-left: 6px;
	padding-right: 6px;
	text-align: right;
}

.home-text {
	font-size: 1.5em;
   line-height: 1.25em;
	color: #121c23;
	padding-left: 6px;
	padding-right: 6px;
	text-align: justify;
}

a:link.home-about-link {
	color: #dc0025;
	font-weight: bold;
	text-decoration:none;
}

a:visited.home-about-link {
	color: #dc0025;
	font-weight: bold;
	text-decoration:none;
}

a:hover.home-about-link {
	color: #dc0025;
	font-weight: bold;
	text-decoration:line-through;
}

/* CONTENT FRAMES */

.content-container-consumer {
   display: block;
	height: auto;
	position:relative;
   margin: 3% 0;
}

.content-container-consumer-hidden {
   display: none;
}

.content-container-business {
   display: block;
	height: auto;
	position:relative;
   margin: 3% 0;
}

.content-container-business-hidden {
   display: none;
}

.content-container-text {
   display: block;
	height: auto;
	position:relative;
   margin: 3% 0;
}

.content-frame {
	right:0px;
	top:0px;
	height:auto;
   padding: 3% 4%;
	color: #ffffff;
}

.content-frame-inv-adi {
   float: left;
	height:auto;
   padding: 2% 2%;
	color: #ffffff;
   width: 30%;
   margin-right: 3%;
}

.content-frame-inv-galgadot {
   float: right;
	height:auto;
   padding: 0;
	color: #ffffff;
   width: 30%;
   margin-left: 3%;
}

.content-frame-inv-info {
   float: left;
	height:auto;
   padding: 2% 2%;
	color: #ffffff;
   width: 30%;
   margin-right: 3%;
}

.content-frame-inv-army {
   float: left;
	height:auto;
   padding: 0;
   width: 40%;
   margin-right: 3%;
}

.content-frame-red {
   background-color: #dc0025;
}

.content-frame-black {
   background-color: #121c23;
}

.content-frame-white {
   background-color: #ffffff;
}

.content-frame-pink {
   background-color: #FF3D7F;
}

.content-frame-title {
	font-size: 3em;
	font-weight: bold;
	line-height: 1.5em;
   text-align: right;
}

.content-frame-inv-title {
	font-size: 1.7em;
	font-weight: bold;
	line-height: 1em;
   text-align: center;
}

.content-frame-inv-title2 {
	font-size: 1.7em;
	font-weight: bold;
	line-height: 1em;
   text-align: right;
}

.content-frame-inv-adi-image {
   max-width:100%;
   max-height:100%;
}

.content-frame-inv-galgadot-image {
   max-width:100%;
   max-height:100%;
}

.content-frame-inv-army-image {
   max-width:100%;
   max-height:100%;
}

.content-frame-subtitle {
	font-size: 2em;
	line-height: 1.5em;
  	font-weight: bold;
   text-align: right;
}

.content-frame-text {
	font-size: 1.5em;
	line-height: 1.25em;
}

.content-frame-inv-text {
	font-size: 1.3em;
	line-height: 1.25em;
}

.content-frame-inv-text-info {
	font-size: 1.1em;
	line-height: 1.2em;
   margin-bottom: 1%;
}

.content-frame-image-frame {
	position:absolute;
   width: 100%;
	top:0px;
   text-align: center;
	margin: 0 auto;
}

.content-frame-image {
   width: 175px;
}

.content-frame-ilm {
	right:0px;
	top: 0px;
	height: auto;
   padding: 0;
   padding-bottom: 15px;
	color: #ffffff;
}

.content-frame-ilm-title {
	font-size: 2em;
	font-weight: bold;
	line-height: 1em;
   text-align: center;
}

.content-frame-ilm-title2 {
	font-size: 2.5em;
	font-weight: bold;
	line-height: 1em;
   text-align: center;
}

.content-frame-ilm-subtitle {
	font-size: 2em;
	font-weight: bold;
	line-height: 1em;
   text-align: center;
}

.content-frame-ilm-subtitle2 {
	font-size: 2.5em;
   font-weight: 800;
	line-height: 1.35em;
}

.content-frame-ilm-text {
	font-size: 1.3em;
	line-height: 1.35em;
}

.content-frame-ilm-logo-frame {
	float: left;
   width: 100%;
   max-width: 948px;
	top: 0px;
   text-align: center;
	margin: 0 auto;
}

.content-frame-ilm-logo {
   width: 100%;
   max-width: 948px;
}

.content-button-ilm {
   width: 98%;
   border: 0;
   font-size: 2em;
   font-weight: bold;
   height: 2em;
   margin: 0 0;
   padding: 0 0;
   background-color: #121c23;
   color: #dc0025;
}

.content-split-container {
   display: block;
   clear: both;
   width: 100%;
	margin: 2% auto;
	position: relative;
}

.content-column-1 {
	position:relative;
   width: 100%;
	height: auto;
}

.content-column-1-ilm {
	position:relative;
   width: 100%;
	height: auto;
}

.content-column-2 {
   position: relative;
   width: 100%;
   height: auto;
}

.content-column-2-ilm {
   position: relative;
   width: 100%;
   height: auto;
}

.content-text-field {
   width: 96%;
   border: 0;
   font-size: 1.5em;
   height: 2em;
   margin: 0 0;
   padding: 0 0.25em;
   background-color: #ffffff;
   color: #dc0025;
}

.content-checkbox {
   width: 30px;
   height: 30px;
   margin: 0;
   line-height: 1.25em;
}

.content-maillist-split1 {
   width: 30px;
   margin-left: 5px;
}

.content-maillist-split2 {
   width: 250px;
}

input.content-text-field::-webkit-input-placeholder {
color: #dc0025 !important;
}
 
input.content-text-field:-moz-placeholder { /* Firefox 18- */
color: #dc0025 !important;  
}
 
input.content-text-field::-moz-placeholder {  /* Firefox 19+ */
color: #dc0025 !important;  
}
 
input.content-text-field:-ms-input-placeholder {  
color: #dc0025 !important;  
}

.content-text-field-short {
   width: 15%;
   border: 0;
   font-size: 1.5em;
   height: 2em;
   margin: 0 0;
   padding: 0 0.25em;
   background-color: #ffffff;
   color: #121c23;
}

.content-text-area {
   width: 96%;
   border: 0;
   font-size: 1.5em;
   height: 3.75em;
   margin: 0 0;
   padding: 0 0.25em;
   background-color: #ffffff;
   color: #121c23;
}

.content-button {
   width: 98%;
   border: 0;
   font-size: 2em;
   font-weight: bold;
   height: 2em;
   margin: 0 0;
   padding: 0 0;
   background-color: #121c23;
   color: #dc0025;
}

.fblogin-button {
   width: 50%;
   border: 0;
}

.fbshare-button {
   width: 40%;
   border: 0;
   margin-top: 15px;
}

.share-button {
   width: 50px;
   border: 0;
   margin-top: 15px;
   margin-bottom: 15px;
   margin-left: 5px;
   margin-right: 0;
   padding: 0;
}

.share-button-ilm {
   width: 50px;
   border: 0;
   margin-left: 5px;
   margin-right: 0;
   padding: 0;
}

.video-wrapper {
	position: relative;
   margin-top: 15px;
   margin-bottom: 15px;
	padding-bottom: 56.25%; /* 16:9 */
	height: 100%;
   width: 100%;
   overflow: hidden;
}

.video-wrapper-desktop {
   display: block;
	position: relative;
   margin-top: 15px;
   margin-bottom: 15px;
	padding-bottom: 56.25%; /* 16:9 */
	height: 100%;
   width: 100%;
   overflow: hidden;
}

.video-wrapper-mobile {
   display: none;
}

.video-frame {
   height: 100%;
   width: 100%;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
   overflow: hidden;
   cursor: pointer;
}

.video-frame-iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

.video-thumbnail {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

.image-wrapper {
   display: block;
	position: relative;
   margin-top: 15px;
   margin-bottom: 15px;
	padding-bottom: 72%; /* 16:9 */
	height: 72%;
   width: 72%;
}

.image {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

a:link.join-link {
	text-decoration:none;
   color: #ffffff;
   font-weight: bold;
   font-size: 1.1em;
}

a:visited.join-link {
	text-decoration:none;
   color: #ffffff;
   font-weight: bold;
   font-size: 1.1em;
}

a:hover.join-link {
	text-decoration:underline;
   color: #ffffff;
   font-weight: bold;
   font-size: 1.1em;
}

/* FOOTER */

#footercontainer {
   width: 100%;	
   padding-bottom: 20px;
}

footer {
   clear: both;
   width: 80%; /* 1000px / 1250px */
   max-width: 948px; /* 1200px / 13 */
   margin: 0 auto;
   padding: 0px 0px 10px 0px;
}

.footer-sitemap-title {
	font-size: 14px;
	font-weight: bold;
	color: #dc0025;
	line-height: 25px;
   margin-top: 10px;
}

a:link.footer-sitemap-link {
	font-size: 14px;
	color: #121c23;
	text-decoration: none;
	line-height: 20px;
}

a:hover.footer-sitemap-link {
	font-size: 14px;
	color: #dc0025;
	text-decoration: none;
	line-height: 20px;
}

a:visited.footer-sitemap-link {
	font-size: 14px;
	color: #121c23;
	text-decoration: none;
	line-height: 20px;
}
a:hover:visited.footer-sitemap-link {
	font-size: 14px;
	color: #dc0025;
	text-decoration: none;
	line-height: 20px;
}

#smallprint {
   width: 80%; /* 1000px / 1250px */
   max-width: 948px; /* 1200px / 13 */
   margin: 0 auto;
   padding: 10px 0px 10px 0px;
}

.footer-title {
	font-size: 16px;
	color: #dc0025;
	vertical-align: middle;
}

.footer-text {
	font-size: 12px;
	color: #121c23;
	vertical-align: middle;
}
