/* @import url(http://fonts.googleapis.com/earlyaccess/opensanshebrew.css); */ @font-face { font-family: 'Open Sans Hebrew'; font-style: italic; font-weight: 300; src: url(fonts/opensanshebrew-lightitalic-webfont.eot); src: url(fonts/opensanshebrew-lightitalic-webfont.eot?#iefix) format('embedded-opentype'), url(fonts/opensanshebrew-lightitalic-webfont.woff) format('woff'), url(fonts/opensanshebrew-lightitalic-webfont.ttf) format('truetype');} @font-face { font-family: 'Open Sans Hebrew'; font-style: normal; font-weight: 300; src: url(fonts/opensanshebrew-light-webfont.eot); src: url(fonts/opensanshebrew-light-webfont.eot?#iefix) format('embedded-opentype'), url(fonts/opensanshebrew-light-webfont.woff) format('woff'), url(fonts/opensanshebrew-light-webfont.ttf) format('truetype');} @font-face { font-family: 'Open Sans Hebrew'; font-style: italic; font-weight: 400; src: url(fonts/opensanshebrew-italic-webfont.eot); src: url(fonts/opensanshebrew-italic-webfont.eot?#iefix) format('embedded-opentype'), url(fonts/opensanshebrew-italic-webfont.woff) format('woff'), url(fonts/opensanshebrew-italic-webfont.ttf) format('truetype');} @font-face { font-family: 'Open Sans Hebrew'; font-style: normal; font-weight: 400; src: url(fonts/opensanshebrew-regular-webfont.eot); src: url(fonts/opensanshebrew-regular-webfont.eot?#iefix) format('embedded-opentype'), url(fonts/opensanshebrew-regular-webfont.woff) format('woff'), url(fonts/opensanshebrew-regular-webfont.ttf) format('truetype');} @font-face { font-family: 'Open Sans Hebrew'; font-style: italic; font-weight: 700; src: url(fonts/opensanshebrew-bolditalic-webfont.eot); src: url(fonts/opensanshebrew-bolditalic-webfont.eot?#iefix) format('embedded-opentype'), url(fonts/opensanshebrew-bolditalic-webfont.woff) format('woff'), url(fonts/opensanshebrew-bolditalic-webfont.ttf) format('truetype');} @font-face { font-family: 'Open Sans Hebrew'; font-style: normal; font-weight: 700; src: url(fonts/opensanshebrew-bold-webfont.eot); src: url(fonts/opensanshebrew-bold-webfont.eot?#iefix) format('embedded-opentype'), url(fonts/opensanshebrew-bold-webfont.woff) format('woff'), url(fonts/opensanshebrew-bold-webfont.ttf) format('truetype');} @font-face { font-family: 'Open Sans Hebrew'; font-style: italic; font-weight: 800; src: url(fonts/opensanshebrew-extrabold-webfont.eot); src: url(fonts/opensanshebrew-extrabold-webfont.eot?#iefix) format('embedded-opentype'), url(fonts/opensanshebrew-extrabold-webfont.woff) format('woff'), url(fonts/opensanshebrew-extrabold-webfont.ttf) format('truetype');} @font-face { font-family: 'Open Sans Hebrew'; font-style: normal; font-weight: 800; src: url(fonts/opensanshebrew-extrabold-webfont.eot); src: url(fonts/opensanshebrew-extrabold-webfont.eot?#iefix) format('embedded-opentype'), url(fonts/opensanshebrew-extrabold-webfont.woff) format('woff'), url(fonts/opensanshebrew-extrabold-webfont.ttf) format('truetype');} body { margin: 0px; direction: rtl; } body,div,span { font-size: 18px; font-family: Open Sans Hebrew, arial; color: #FFFFFF; } input,select,textarea { font-size: 18px; font-family: Open Sans Hebrew, arial; color: #000000; } p { margin: 0px; } p:last-child { padding-bottom: 10px; } body { background: #1B1B1B url(images/background.png) center top repeat; } /* .dont-break-out { /* These are technically the same, but use both */ overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; /* This is the dangerous one in WebKit, as it breaks things wherever */ word-break: break-all; /* Instead use this non-standard one: */ word-break: break-word; /* Adds a hyphen where the word breaks, if supported (No Blink) */ -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; } */ #LayoutHeaderWrapper { } #LayoutHeader { width: 1020px; margin: 0px auto; height: 106px; border-bottom: 1px solid #000000; position: relative; } #LayoutHeader .logo1 { position: absolute; top: 16px; right: 0px; } #LayoutHeader .logo2 { position: absolute; top: 19px; left: 0px; } #LayoutMenuWrapper { } #LayoutMenu { white-space: nowrap; width: 1020px; margin: 0px auto; height: 48px; border-top: 1px solid #2F2F2F; border-bottom: 1px solid #000000; font-size: 0px; } #LayoutMenu a { vertical-align: middle; padding: 0px 22px 0px 0px; color: #ACACAC; box-sizing: border-box; text-decoration: none; line-height: 48px; height: 48px; display: inline-block; font-size: 19px; } #LayoutMenu a img { vertical-align: middle; } #LayoutMenu a:after { content:""; vertical-align: middle; height: 18px; border-left: 1px solid #414141; border-right: 1px solid #000000; margin-right: 22px; display:inline-block; width: 0px;} #LayoutMenu a:first-child { padding-right: 0px; } #LayoutMenu a:first-child:before { content:""; vertical-align: middle; height: 18px; border-left: 1px solid #414141; border-right: 1px solid #000000; margin-left: 22px; display:inline-block; width: 0px; } #LayoutMenu a:hover { color: #EBE3AA; } #LayoutMenu a.selected { color: #EBE3AA; } #LayoutStripWrapper { } #LayoutStrip { width: 1020px; margin: 0px auto; padding: 22px 0px 22px 0px; border-top: 1px solid #2F2F2F; position: relative; } #LayoutStrip .image { position: relative; } #LayoutStrip .image img { width: 1020px; height: 290px; } #LayoutStrip .shadow { position: absolute; left: 50%; margin-left: -590px; bottom: 5px; width: 1181px; height: 37px; background: url(images/strip-shadow.png); } #LayoutPageWrapper { } #LayoutPage { width: 1020px; margin: 0px auto; } #LayoutPage .LayoutTitle { color: #E9E0A6; font-weight: bold; font-size: 18px; padding-bottom: 20px; border-bottom: 1px solid black; } #LayoutPage .LayoutTitle span { color: #ffffff; font-weight: bold; font-size: 18px; } #LayoutPage .LayoutCols { border-top: 1px solid #3C3C3C; font-size: 0px; background: url(images/content-back.png) left top repeat; } #LayoutPage .LayoutContent { display: inline-block; width: 765px; vertical-align: top; box-sizing: border-box; } #LayoutPage .LayoutContent .BlockContent { padding: 20px 0px 20px 25px; } #LayoutPage .LayoutContent .BlockContent p { padding-bottom: 20px; } #LayoutPage .LayoutContent .BlockContent p:last-child { padding-bottom: 0px; } #LayoutPage .LayoutContent .BreadCrumbs { } #LayoutPage .LayoutContent .BreadCrumbs a { display: inline-block; padding: 15px 0px 15px 0px; color: white; text-decoration: none; } #LayoutPage .LayoutContent .BreadCrumbs a:last-child { color: #E9E0A6; } #LayoutPage .LayoutContent .BreadCrumbs span { display: inline-block; padding: 15px 0px 15px 0px; color: white; } #LayoutPage .LayoutContent .ContentTitle { color: #E9E0A6; font-weight: bold; font-size: 18px; padding: 15px 0px 15px 0px; } #LayoutPage .LayoutContent .Border { border-top: 1px solid #000000; border-bottom: 1px solid #3C3C3C; } #LayoutPage .LayoutContent .Gallery { font-size: 0px; padding-top: 30px; } #LayoutPage .LayoutContent .Gallery a { position: relative; display: inline-block; margin: 0px 0px 10px 10px; -webkit-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.35); -moz-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.35); box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.35); } #LayoutPage .LayoutContent .Gallery a img { width: 240px; height: 180px; } #LayoutPage .LayoutContent .Gallery a .mask { display: none; position: absolute; left: 0px; right: 0px; bottom: 0px; top: 0px; border: 5px solid #C8CCAF; background: rgba(0,0,0,0.75) url(images/mask.png) center center no-repeat; } #LayoutPage .LayoutContent .Gallery a:hover .mask { display: block; } #LayoutPage .LayoutContent .Projects { font-size: 0px; padding-top: 30px; } #LayoutPage .LayoutContent .Projects a { text-decoration: none; vertical-align: top; position: relative; display: inline-block; margin: 0px 0px 20px 20px; box-sizing: border-box; } #LayoutPage .LayoutContent .Projects a .image { width: 360px; height: 250px; overflow: hidden; display: block; -webkit-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.35); -moz-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.35); box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.35); } #LayoutPage .LayoutContent .Projects a .image img { transition: all .2s ease-in-out; width: 100%; height: 100%; } #LayoutPage .LayoutContent .Projects a .title { display: block; color: #E9E0A6; font-weight: bold; font-size: 18px; padding-top: 15px; } #LayoutPage .LayoutContent .Projects a .area { display: block; } #LayoutPage .LayoutContent .Projects a:hover .image img { transform: scale(1.1); } #LayoutPage .LayoutSide { display: inline-block; width: 255px; vertical-align: top; box-sizing: border-box; padding: 20px 20px 20px 0px; } #LayoutPage .LayoutSide .MenuBlock { background:#2D2D2D; -webkit-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.35); -moz-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.35); box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.35); } #LayoutPage .LayoutSide .MenuBlock a { color: #ACACAC; line-height: 48px; text-indent: 20px; display: block; text-decoration: none; height: 48px; border-bottom: 1px solid #1C1C1C; border-top: 1px solid #393939; } #LayoutPage .LayoutSide .MenuBlock a:hover { background: #222222; } #LayoutPage .LayoutSide .MenuBlock a.selected { color: #E9E0A6; } body.split #LayoutPage .LayoutCols { background: none; } body.split #LayoutPage .LayoutContent { width: 510px; } body.split #LayoutPage .LayoutSide { width: 510px; } body.split #LayoutPage .LayoutSide .MenuBlock { background: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } body.wide #LayoutPage .LayoutCols { background: none; } body.wide #LayoutPage .LayoutContent { width: 1020px; } body.wide #LayoutPage .LayoutSide { display: none; } #LayoutFooterWrapper { background: #1B1B1B url(images/footer-shadow.png) center top no-repeat; padding-bottom: 50px; } #LayoutFooter { width: 1020px; margin: 0px auto; } #LayoutFooter .links { font-size: 0px; padding-top: 48px; padding-bottom: 30px; border-bottom: 1px solid #000000; } #LayoutFooter .links a { color: #AFAFAF; text-decoration: none; font-size: 18px; display: inline-block; width: 20%; margin-bottom: 30px; } #LayoutFooter .links a:hover { color: #ffffff; } #LayoutFooter .desc { font-size: 0px; padding-top: 29px; border-top: 1px solid #2D2D2D; text-align: center; } #LayoutFooter .desc a img { vertical-align: top; display: inline-block; } #LayoutFooter .desc a , #LayoutFooter .desc span { display: inline-block; text-decoration: none; vertical-align: top; } #LayoutFooter .desc p { display: inline-block; vertical-align: top; padding-top: 7px; } #LayoutFooter .desc .icon { margin-left: 10px; } #LayoutFooter .credit { padding-top: 10px; } #LayoutFooter .cs_logo_png_b {margin: 0px auto; } /* ---------------------------------- */ #LayoutSlidesWrapper { } #LayoutSlides { width: 1020px; margin: 0px auto; padding: 22px 0px 65px 0px; margin-bottom: 40px; border-top: 1px solid #2F2F2F; position: relative; } #LayoutSlides .shadow { position: absolute; left: 50%; margin-left: -590px; bottom: 43px; width: 1181px; height: 37px; background: url(images/strip-shadow.png); } #LayoutSlides .slides { position: relative; width: 1020px; height: 500px; overflow: hidden; } #LayoutSlides .slides a { text-decoration: none; display: none; position: absolute; left: 0%; top: 0px; width: 100%; height: 100%; } #LayoutSlides .slides a:first-child { display: block; } #LayoutSlides .slides a .image { position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; } #LayoutSlides .slides a .image img { width: 100%; height: 100%; } #LayoutSlides .slides a .title { position: absolute; left: 0px; bottom: 18px; padding: 15px 20px 15px 20px; color: white; font-weight: bold; font-size: 16px; background: rgba(0,0,0,0.75); } #LayoutSlides .bullets { cursor: pointer; position: absolute; font-size: 0px; left: 0px; right: 0px; bottom: 18px; text-align: center; } #LayoutSlides .bullets span { display: inline-block; width: 12px; height: 12px; background: #141414; margin: 0px 4px 0px 4px; border-radius: 6px; } #LayoutSlides .bullets span.selected { background: #EFE8AF; } #LayoutHomepageWrapper { } #LayoutHomepage { width: 1020px; margin: 0px auto; } #LayoutHomepage .cols { margin-bottom: 100px; font-size: 0px; } #LayoutHomepage .cols .col { text-decoration: none; min-height: 200px; display: inline-block; width: 50%; box-sizing: border-box; vertical-align: top; padding-left: 35px; position: relative; padding-top: 5px; } #LayoutHomepage .cols .col:first-child { border-left: 1px solid black; padding-right: 100px; } #LayoutHomepage .cols .col:last-child { border-right: 1px solid #383838; padding-right: 129px; } #LayoutHomepage .cols .col .icon { display: block; position: absolute; right: 0px; top: 0px; } #LayoutHomepage .cols .col:last-child .icon { right: 40px; } #LayoutHomepage .cols .col .icon img { } #LayoutHomepage .cols .col .title { display: block; color: #E9E0A6; font-weight: bold; font-size: 22px; } #LayoutHomepage .cols .col .subtitle { display: block; color: white; font-weight: bold; font-size: 12px; } #LayoutHomepage .cols .col .text { display: block; padding: 30px 0px 30px 0px; color: #ACACAC; font-size: 18px; } #LayoutHomepage .cols .col .button { display: block; } #LayoutHomepage .cols .col .button span { background: #232323; display: inline-block; color: #E9E0A6; border: 1px solid #E9E0A6; text-decoration: none; padding: 13px 17px 13px 17px; font-size: 16px; border-radius: 5px; } #LayoutHomepage .cols .col .button span:hover { background: #E9E0A6; color: #333333; } #LayoutHomepage .welcome { margin-bottom: 65px; } #LayoutHomepage .welcome .title { text-align: center; color: #E9E0A6; font-weight: bold; font-size: 22px; padding-bottom: 45px; border-bottom: 1px solid black; } #LayoutHomepage .welcome .text { text-align: center; line-height: 24px; font-size: 18px; color: white; padding-top: 35px; border-top: 1px solid #3C3C3C; padding-bottom: 65px; } #LayoutHomepage .welcome .button { text-align: center; } #LayoutHomepage .welcome .button a { background: #232323; display: inline-block; color: #E9E0A6; border: 1px solid #E9E0A6; text-decoration: none; padding: 13px 17px 13px 17px; font-size: 16px; border-radius: 5px; } #LayoutHomepage .welcome .button a:hover { background: #E9E0A6; color: #333333; } #LayoutPartnersWrapper { background: white; } #LayoutPartners { width: 1020px; margin: 0px auto; } #LayoutPartners .title { padding: 65px 0px 50px 0px; text-align: center; border-bottom: 1px solid #D7D7D7; font-size: 22px; color: black; } #LayoutPartners .logos { padding: 0px; text-align: center; font-size: 0px; position: relative; height: 190px; overflow: hidden; } #LayoutPartners .logos .logos-items { white-space: nowrap; position: absolute; right: 0px; top: 55px; } #LayoutPartners .logos .logos-items a { display: inline-block; vertical-align: middle; margin: 0px 8px 0px 8px; } #LayoutPartners .logos .logos-items a img { max-height: 72px; } #LayoutPartners .logos .logos-items span { display: inline-block; vertical-align: middle; margin: 0px 8px 0px 8px; } #LayoutPartners .logos .logos-items span img { max-height: 72px; } #LayoutPage .csform .cstitle { color: white; } @-webkit-keyframes animated_cs_logo{ 0%{background-position:0 0;} 100%{background-position: 0 -418px;} } @keyframes animated_cs_logo{ 0%{background-position:0 0;} 100%{background-position: 0 -418px;} } .cs_logo_png{ width: 163px; height: 22px; background: url('simplysmart.png') no-repeat 0 0; -webkit-animation: animated_cs_logo 3s steps(19) infinite; animation: animated_cs_logo 3s steps(19) infinite; -webkit-transition:all 0.5s; transition: all 0.5s; } .cs_logo_png_b{ width: 163px; height: 22px; background: url('simplysmart-b.png') no-repeat 0 0; -webkit-animation: animated_cs_logo 3s steps(19) infinite; animation: animated_cs_logo 3s steps(19) infinite; -webkit-transition:all 0.5s; transition: all 0.5s; }