CarOnKey- סדרן רכב לארגונים, קיבוצים ופרטיים @import url(http://fonts.googleapis.com/earlyaccess/alefhebrew.css); body { background:#ffffff; text-align:right; direction:rtl; font-size:16px; font-family:Alef Hebrew !important; } code{ padding:0px; } .ace_content{text-align:left;} .superEdit { padding:0px !important; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{ /*font-family:open sans hebrew !important;*/ font-family:Alef Hebrew !important; } h3, .h3 { font-size: 24px; margin:10px 0; } h2, .h2 { font-size: 30px; } h2, .h2, address i, .checklist i{ color:#8DC82D; } h3, .h3{ color:#0083DA; } h4, .h4{ color:#616574; } .fieldLink{ color:#fe4f00; } .features-item .icons, #results_pages_8_PDcontainer .image-wrapper .img span .icons, #results_pages_6_PDcontainer .cbp_tmtimeline > li .icons, #results_pages_7_PDcontainer .cbp_tmtimeline > li .icons { color:#fe4f00 !important; } .mask { background-color: #FFFFFF; height: 100%; position: fixed; width: 100%; z-index: 100000; } /* ========================================================== WEB STYLES ============================================================ */ .btn-danger { background-color: #fe4f00; border-color: #D43F3A; color: #FFFFFF; } section{ position:relative; padding-top:85px; } section#innerpage{ position:relative; padding-top:0px; } section #how-we-work{ background: url("/templates/images/temp/bg_how_it_works.png") repeat scroll center 0px transparent; } section.section-slider{ padding-top:0px; } section#contact{ background:#F5F5F5; } /*-----------------------------------------------------------------------------------*/ /* HEADER /*-----------------------------------------------------------------------------------*/ #header{ background: rgba(255, 255, 255, 0.5); color: #fff; height: auto; width: 100%; position: fixed; top: 0; left: 0; z-index: 999; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; border-bottom: 2px solid #FFFFFF; box-shadow: 0 0 5px -1px #000000; } #header .navbar-nav{ padding-top:20px; webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } #header .navbar-nav > li > span, #header .navbar-nav > li > a { padding: 10px 15px; display:block; font-size:20px; line-height: 20px; color:#656565; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } #header .navbar-toggle .icon-bar { background-color: #000000; } #header .navbar-brand img { width:100%; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } /*-----------------------------------------------------------------------------------*/ /* HEADER FIXED /*-----------------------------------------------------------------------------------*/ #header.fixed { height: auto; background: rgba(0,0,0,1); border-bottom: 2px solid #FFFFFF; box-shadow: 0 0 5px -1px #000000; } #header.fixed .navbar-nav > li > span, #header.fixed .navbar-nav > li > a { color: #FFFFFF; cursor: pointer; display: block; padding: 3px 15px; font-size:18px; line-height: 20px; } #header.fixed .navbar-toggle .icon-bar { background-color: #FFFFFF; } #header.fixed .navbar-nav ul li { line-height: 30px; } #header.fixed .navbar-brand img { width:160px; } /* ============ END HEADER ============ */ /*-----------------------------------------------------------------------------------*/ /* SECTION SLIDER /*-----------------------------------------------------------------------------------*/ .slide-image-background .gtext { top: 30%; } .slide-image-background .gtext .title { font-size: 47px; } .slide-image-background .gtext .small-title { font-size: 23px; } .slide-image-background .icon-scroll-down { left: 45%; margin-left: -22px; padding:0 7px; bottom: 35%; } /* ============ MAIN PAGE ============ */ /* Heading 1 */ .heading1 { display: table; float: none; margin: 0 auto; position: relative; width: auto; margin-bottom: 50px; min-width: 300px; } .heading1:before { background-image: url("/templates/images/heading-line.png"); bottom: 0; content: ""; height: 1px; position: absolute; right: 0; width: 100%; background-size: 100%; } .heading1 > h2 > i { font-style: normal; font-weight: 100; } .heading1 > h2 { color: #60698A; float: left; font-size: 48px; font-style: normal; font-weight: normal; line-height: 34px; margin: 0; padding: 0 0 30px; position: relative; text-align: center; text-decoration: none; width: 100%; } .heading1 > h2:before, .heading1 > h2:after{ background-color: #4591ED; } .heading1 > h2:before, .heading1 > h2:before{ background-color: #4591ED; } .heading1 > h2:after { bottom: 0; left: 0; position: absolute; height: 10px; width: 10px; content: ""; left: 50%; margin-left: -5px; margin-bottom: -5px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .heading1 > h2:before { position: absolute; left: 50%; bottom: 0; width: 100px; content: ""; height: 1px; margin-left: -50px; } /* Heading2 */ .heading2 { float: right; margin-bottom: 42px; position: relative; width: 100%; } .heading2 > h2 { background: none repeat scroll 0 0 #FFFFFF; float: right; } .heading2:before { background: none repeat scroll 0 0 #60698A; content: ""; height: 1px; right: 0; position: absolute; top: 10px; width: 100%; } .heading2 > h2 { background: none repeat scroll 0 0 #FFFFFF; color: #0083DA; float: right; font-size: 18px; font-weight: 600; letter-spacing: 0.3px; line-height: 20px; margin: 0 40px 0 0px; padding: 0px 21px 2px 30px; position: relative; } .heading2 > h2:before { background: none repeat scroll 0 0 #60698A; border: 2px solid #FFFFFF; right:0; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; content: ""; height: 12px; right: -22px; position: absolute; top: 4px; width: 12px; z-index: 99999; } .heading2:after { background: none repeat scroll 0 0 #FFFFFF; border-bottom: 1px solid #60698A; border-top: 1px solid #60698A; content: ""; height: 3px; right: 0; position: absolute; top: 9px; width: 20px; } .heading2 > h2 > i { font-style: normal; } .heading2 > span { display: none; } /* Heading 3 */ .heading3 { float: right; position: relative; width: 100%; margin-bottom:40px; } .heading3 > h2 { border-bottom: 3px solid #C6C6C6; color: #555555; float: right; font-size: 24px; font-weight: lighter; letter-spacing: 0.3px; line-height: 22px; margin: 0; padding-bottom: 15px; padding-right: 25px; } .heading3 > h2 i { font-style: normal; font-weight: 700; } .heading3:before { background: none repeat scroll 0 0 #C6C6C6; bottom: 0; content: ""; height: 1px; left: 0; position: absolute; width: 100%; } /* Heading4 */ .heading4 { border-bottom: 1px solid #DBDBDB; display: table; float: none; margin: 0 auto 46px; padding: 0 10%; position: relative; text-align: center; } .heading4 > h2 { border-bottom: 3px solid; color: #434343; display: table; float: none; font-family: raleway; font-size: 30px; font-weight: 500; letter-spacing: 0.25px; line-height: 21px; margin: 0 auto -2px; padding: 0 8% 18px; position: relative; text-align: center; } .heading4 > h2 i { font-style: normal; font-weight: 600; } .heading4:before { background: none repeat scroll 0 0 #DBDBDB; bottom: 0; content: ""; height: 16px; left: -4px; position: absolute; -webkit-transform: rotate(-30deg); -moz-transform: rotate(-30deg); -ms-transform: rotate(-30deg); -o-transform: rotate(-30deg); transform: rotate(-30deg); width: 1px; } .heading4:after { background: none repeat scroll 0 0 #DBDBDB; bottom: -14px; content: ""; height: 16px; position: absolute; right: -4px; -webkit-transform: rotate(-30deg); -moz-transform: rotate(-30deg); -ms-transform: rotate(-30deg); -o-transform: rotate(-30deg); transform: rotate(-30deg); width: 1px; } /* ============ END MAIN PAGE ============ */ /* ============ INNER PAGE ============ */ #sidebar .cbp_tmtimeline:before { /* display: none;*/ } #sidebar .cbp_tmtimeline > li .cbp_tmtime { width: 100%; position: relative; padding: 0 0 20px 0; /* border:none;*/ } #sidebar .cbp_tmtimeline > li .cbp_tmtime span.datatimein{ background:none; border:none; box-shadow:none; padding:0; margin:0 18px 10px 18px; width:auto; } #sidebar .cbp_tmtimeline > li .cbp_tmtime span.datatimein img{ display:none; } #sidebar .cbp_tmtimeline > li .cbp_tmtime span.datatimein:after{ content:''; } #sidebar .cbp_tmtimeline > li .cbp_tmtime span { text-align: left; font-size:20px; } #sidebar .cbp_tmtimeline > li .cbp_tmtime span:last-child{ border-top:none; } #sidebar .cbp_tmtimeline > li .cbp_tmlabel { margin: 0 0 30px 0; padding: 1em; font-weight: 400; font-size: 95%; } #sidebar .cbp_tmtimeline > li .cbp_tmlabel:after { right: auto; left: 20px; border-right-color: transparent; border-left-color: transparent; border-bottom-color: #60698A; top: -20px; } #sidebar .cbp_tmtimeline > li .cbp_tmicon { position: relative; float: right; left: auto; margin: -55px 0px 0 0px; } /* ============ END INNER PAGE ============ */ /* ============ RIGHT PAGE ============ */ /* ============ END RIGHT PAGE ============ */ /* ============ FOOTER PAGE ============ */ /* ============ END FOOTER PAGE ============ */ /* ============ HAMSTER ============ */ #sal_title_td, #title_text, #title_ { font-size: 18px; font-weight: bold; color:#000000 !important; } #page_results #results_table, #page_results #main_table { width:100%; } #page_results #results_table th { padding-left:10px; } #page_results #results_table .tabcell_f15 img { width:100px; max-width:none; } #page_results #results_table .tablink_title { font-weight:bold; } #page_results #results_table .tabcell, #page_results #results_table .noprinter, #page_results #results_table .paddingTD { padding-left:15px; padding-top: 10px; padding-bottom: 10px; border-bottom:1px solid #e1e1e1; } #page_results #results_table .noprinter { padding-right: 20px; } #breadcrumbs { display:none; } #sal_res_titles_tr_0 th { text-align: right; } #page_show .ftitle_div { font-weight:bold; } #page_show #f19 { direction:ltr; display:block; } #page_show #f5_icon { margin-left:5px; } #page_show #f7_icon { margin-left:5px; } #page_show .sal_show_0_td { padding-bottom:10px; } #edit #searchWindowIframe_f15 { height:110px !important; } #edit #searchWindowIframe_f19 { height:80px !important; } #edit .salEditFtitle { width:100px; white-space:nowrap; } #edit #edit_f3_tr iframe { width:100% !important; } #edit #edit_title_fexplain { display:none; } label { display: inline; } .rte_td { white-space:normal !important; width:auto !important; } /* MEDIA */ .class_pages_media .fieldMenuTextDiv { padding:3px 15px; text-align:center; background-color:#e1e1e1; border-radius:5px; } .class_pages_media #fieldMenuTextDiv_fieldMenu_pages_media_f17_search { background-color:transparent; color:#2B55C1; font-weight:bold; } .class_pages_media .fieldMenuTable { margin-top:49px; } /* ============ END HMSTER ============ */ @media only screen and (min-width: 992px) and (max-width: 1199px) { #header .navbar-nav > li > span, #header .navbar-nav > li > a { font-size: 18px; } #header .navbar-nav{ padding-top:15px; } #header.fixed .navbar-nav{ padding-top:20px; } #header.fixed .navbar-nav > li > span, #header.fixed .navbar-nav > li > a { font-size: 16px; } #header .navbar-brand img { width:180px; } #header.fixed .navbar-brand img { width:160px; } /*-----------------------------------------------------------------------------------*/ /* SECTION SLIDER /*-----------------------------------------------------------------------------------*/ .slide-image-background .gtext { top: 30%; } .slide-image-background .gtext .title { font-size: 47px; } .slide-image-background .gtext .small-title { font-size: 23px; } .slide-image-background .icon-scroll-down { left: 45%; margin-left: -22px; padding:0 7px; bottom: 25%; } } /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 959px) { /*-----------------------------------------------------------------------------------*/ /* SECTION SLIDER /*-----------------------------------------------------------------------------------*/ .slide-image-background .gtext { top: 20%; } .slide-image-background .gtext .title { font-size: 47px; } .slide-image-background .gtext .small-title { font-size: 23px; } .slide-image-background .icon-scroll-down { left: 45%; margin-left: -22px; padding:0 7px; bottom: 10%; } #header .navbar-nav > li > span, #header .navbar-nav > li > a { font-size: 16px; } #header .navbar-nav { padding-top: 20px; } #header.fixed .navbar-nav { padding-top: 20px; } #header.fixed .navbar-nav > li > span, #header.fixed .navbar-nav > li > a { font-size: 14px; } #header .navbar-brand img { width:180px; } #header.fixed .navbar-brand img { width:160px; } } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 959px) { /*-----------------------------------------------------------------------------------*/ /* SECTION SLIDER /*-----------------------------------------------------------------------------------*/ .slide-image-background .gtext { top: 30%; } .slide-image-background .gtext .title { font-size: 47px; } .slide-image-background .gtext .small-title { font-size: 23px; } .slide-image-background .icon-scroll-down { left: 45%; margin-left: -22px; padding:0 7px; bottom: 10%; } #header .navbar-nav > li > span, #header .navbar-nav > li > a { font-size: 16px; } #header .navbar-nav { padding-top: 10px; } #header.fixed .navbar-nav { padding-top: 15px; } #header.fixed .navbar-nav > li > span, #header.fixed .navbar-nav > li > a { font-size: 14px; } #header .navbar-brand img { width:180px; } #header.fixed .navbar-brand img { width:130px; } /*-----------------------------------------------------------------------------------*/ /* SECTION SLIDER /*-----------------------------------------------------------------------------------*/ .slide-image-background .gtext { top: 30%; } .slide-image-background .gtext .title { font-size: 47px; } .slide-image-background .gtext .small-title { font-size: 23px; } .slide-image-background .icon-scroll-down { left: 45%; margin-left: -22px; padding:0 7px; bottom: 10%; } } @media only screen and (max-width: 767px) { .slide-image-background{ height: 150px ; } .navbar-nav > li > span, .navbar-nav > li > a { font-size: 18px; } .navbar-nav { padding-top: 30px; } #header.fixed .navbar-nav { padding-top: 20px; } #header.fixed .navbar-nav > li > span, #header.fixed .navbar-nav > li > a { font-size: 14px; } #header .navbar-brand img { width:160px; } } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) { /*-----------------------------------------------------------------------------------*/ /* SECTION SLIDER /*-----------------------------------------------------------------------------------*/ .section-slider{ margin-top:70px; } .slide-image-background .gtext { top: 10%; } .slide-image-background .gtext .title { font-size: 30px; line-height: 12px; } .slide-image-background .gtext .small-title { font-size: 24px; line-height: 20px; } .slide-image-background .icon-scroll-down{ font-size: 18px; left: 40%; line-height: 30px; bottom: 15%; } .heading1 > h2 { font-size: 30px; } .heading1 > h2 { font-size: 36px; } } @media only screen and (min-width: 320px) and (max-width: 480px) { /*-----------------------------------------------------------------------------------*/ /* SECTION SLIDER /*-----------------------------------------------------------------------------------*/ .section-slider{ margin-top:70px; } .slide-image-background .gtext { top: 10%; } .slide-image-background .gtext .title { font-size: 24px; line-height: 12px; } .slide-image-background .gtext .small-title { font-size: 18px; line-height: 14px; } .slide-image-background .icon-scroll-down{ font-size: 18px; left: 38%; line-height: 30px; bottom: 15%; } .heading1 > h2 { font-size: 30px; } }