@font-face {
    font-family: 'Rubik';
    src: url('/assets/heb/themes/helpe-heb/fonts/Rubik-VariableFont_wght.ttf') format('truetype');
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Alef';
    src: url('/assets/heb/themes/helpe-heb/fonts/Alef-Regular.ttf') format('truetype');
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Alef-Bold';
    src: url('/assets/heb/themes/helpe-heb/fonts/Alef-Bold.ttf') format('truetype');
    font-style: normal;
    font-display: swap;
}


/* general resets */

:root {
	--purple: #8f05f0;
	--gap-1: 1vw;
	--gap-2: 2vw;
	--gap-3: 3vw;
	--gap-4: 4vw;
	--gap-5: 5vw;
	--gap-6: 6vw;
	--gap-7: 7vw;
	--gap-8: 8vw;
	--gap-9: 9vw;
}

html, body {
	margin: 0;
	padding: 0;
	font-family: 'Rubik', sans-serif;
	font-size: 1.125rem;
	text-wrap: pretty;
	color: black;
	font-weight: 300;
}

*, *:before, *:after{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
br {
  display: block;
  content: " ";
  border-bottom: 10px solid transparent;
}
@-moz-document url-prefix() {
	br {
    	margin-bottom: 10px;
  }
}
@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {
	ul br {
		display: none;
	}
	ul li {
		margin-bottom: 0.8rem;
	}
}
#container {
	position: relative;
	padding: 0;
	margin: 0;
	overflow: hidden;
}
.size_it {
	position:fixed;
	top:40px;
	left:40px;
	z-index:100;
	color: red;
	font-size: 2rem;
	display: none;
}
.size_it::after {
	content:"over-1600";
}

img {
	object-fit: contain;
	display: block;
	max-width: 100%;
	height: auto;
}
/* text */
p, a, h1, h2, h3, h4, h5, h6, ul, li {
	line-height: 1.3;
	margin: 0;
	text-align: left;
}
p {
	font-size: clamp(0.875rem, 0.7591rem + 0.4878vw, 1.125rem);
}
a {
	transition: all 0.4s ease;
	text-decoration: none;
}
h1, h2 {
	line-height: 1.1;
}
.font-size-1-1 {
	font-size: clamp(2.05rem, 0.4rem + 6.8vw, 6rem);
	font-weight: 300;
}
.font-size-1 {
	font-size: clamp(1.5rem, 1.0366rem + 1.9512vw, 2.1rem);
	font-weight: 400;
}
.font-size-2 {
	font-size: clamp(2.1773rem, 1.5953rem + 2.4506vw, 3.4332rem);
}
.font-size-3 {
	font-size: clamp(1.6rem, 1.3rem + 1.8189vw, 2rem);
	line-height: 1.2;
	font-weight: 400;
}
.font-size-4 {
	font-size: clamp(1.512rem, 1.1944rem + 1.3371vw, 2.1973rem);
}
.font-size-5 {
	font-size: clamp(1.26rem, 1.0293rem + 0.9713vw, 1.7578rem);
}
.font-size-6 {
	font-size: clamp(1.05rem, 0.8849rem + 0.6951vw, 1.25rem);
	line-height: 1.2;
	font-weight: 300;
}
.font-size-7 {
	font-size: clamp(0.9rem, 0.5rem + 0.5vw, 1.125rem);
	line-height: 1.4;
	font-weight: 300;
}
*:focus {
    outline: none;
}
.bold, strong {
	font-family: 'Alef-Bold', sans-serif;
}
.lower_case {
	text-transform: lowercase;
}
header {
	position: fixed;
	display: flex;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 5;
	align-items: flex-start;
	box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.1);
	background-color: white;
}
/* menu */

header nav {
	position: relative;
	display: flex;
	margin: 0 auto;
	padding: 0 20px;
	width: 100%;
	height: auto;
	min-height: 120px;
	max-width: 1240px;
	z-index: 5;
	align-items: center;
}
.ul_cont {
	position: relative;
	display: flex;
	height: auto;
	width: 100%;
	max-width: 1200px;
	justify-content: flex-end;
}
header nav ul {
	position: relative;
	display: flex;
	direction: rtl;
	list-style-type: none;
	padding: 0;
	margin: 0;
	text-align: left;
	height: 100%;
	justify-content: flex-start;
	align-items: flex-end;
	width: 100%;
	min-width: 100%;
	gap: 0.7em;
}
.ul_cont.nav-ex {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
header nav li {
	position: relative;
	display: flex;
	padding: 0;
	margin: 0;
}
header nav li a {
	font-size: clamp(1rem, 0.5rem + 0.5vw, 1.2rem);
	line-height: 1;
	font-size: 1.125rem;
	font-family: 'Alef', sans-serif;
	font-weight: 400;
	display: block;
	-webkit-appearance: none; 
    -moz-appearance: none; 
    -ms-appearance: none; 
    appearance: none;
    padding: 0.2em;
    color: black;
}
header nav li.contact_butt {
	top: 0.4em;
}
header nav li.contact_butt a {
	border: 2px solid black;
	padding: 0.6em 1em;
}
.main_logo img {
	width: 168px;
	min-width: 168px;
	max-width: 168px;
	height: auto;
}
header nav a:hover, header.front nav li a:hover {
	text-decoration: underline;
	text-underline-offset: 5px;
}
header nav li.contact_butt a:hover {
	border: 2px solid white;
	background-color: black;
	color: white;
	text-decoration: none;
}
header nav li.in_page a {
	color: var(--purple);
}
header nav li.in_page a:hover {
	text-decoration: none;
}
header nav li.contact_butt.in_page a:hover {
	border: 2px solid black;
	background-color: white;
	color: var(--purple);
	text-decoration: none;
}
.toggler {
  position: absolute;
  display: none;
  top: 20px;
  right: 20px;
  z-index: 99;
  cursor: pointer;
  width: 45px;
  height: 50px;
  opacity: 0;
}
.hamburger {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 98;
  width: 45px;
  height: 50px;
  padding: 2px;
  display: none;
  align-items: center;
  justify-content: center;
}
.hamburger > div {
  position: relative;
  flex: none;
  width: 100%;
  height: 3px;
  background: black;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s ease;
}
/* Hamburger Lines - Top & Bottom */
.hamburger > div::before,
.hamburger > div::after {
  content: '';
  position: absolute;
  z-index: 1;
  top: -12px;
  width: 100%;
  height: 3px;
  background: inherit;
}

/* Moves Line Down */
.hamburger > div::after {
  top: 13px;
}

/* Toggler Animation */
.toggler:checked + .hamburger > div {
  transform: rotate(135deg);
}
.toggler:checked + .hamburger > div:before,
.toggler:checked + .hamburger > div:after {
  top: 0;
  transform: rotate(90deg);
}

/* Rotate On Hover When Checked */
.toggler:checked:hover + .hamburger > div {
  transform: rotate(225deg);
}
.toggler:hover + .hamburger > div {
  background: var(--purple);
}

/* containors */
.full_width, .full_width_r {
	position: relative;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	height: auto;
	flex-direction: column;
	justify-content: center;
}
.full_width_r {
	flex-direction: row;
}
.in-1200, .in-1200-c, .in-1240, .in-1240-c {
	position: relative;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	height: auto;
}
.in-1240, .in-1240-c {
	max-width: 1240px;
	padding-right: 20px;
	padding-left: 20px;
}
.in-1200-c, .in-1240-c {
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.child-cont, .child-cont-c {
	position: relative;
	display: flex;
	width: 100%;
}
.child-cont-c {
	flex-direction: column;
	align-items: center;
}

.max_600_l, .max_600_r {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	max-width: 620px;
	margin-left: auto;
	padding-left: 20px;
}
.max_600_r {
	margin-left: 0;
	margin-right: auto;
	padding-right: 20px;
	padding-left: 0;
}
.back_image {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 0;
	top: 0;
	left: 0;
}
.over_image {
	position: relative;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
	justify-content: center;
	z-index: 1;
	min-height: 100%;
}
.black_butt, .white_butt {
	position: relative;
	color: white;
	background-color: black;
	font-size: clamp(1rem, 0.5rem + 0.5vw, 1.2rem);
	padding: 0.6em 1.7em;
	max-width: fit-content;
	text-align: center;
}
.white_butt {
	box-shadow: 0px 0px 0px 4px rgba(0,0,0,0.75) inset;
	-webkit-box-shadow: 0px 0px 0px 4px rgba(0,0,0,0.75) inset;
	-moz-box-shadow: 0px 0px 0px 4px rgba(0,0,0,0.75) inset;
	background-color: white;
	color: black;
}
.black_butt:hover {
	color: black;
	background-color: white;
	box-shadow: 0px 0px 0px 4px rgba(0,0,0,0.75) inset;
	-webkit-box-shadow: 0px 0px 0px 4px rgba(0,0,0,0.75) inset;
	-moz-box-shadow: 0px 0px 0px 4px rgba(0,0,0,0.75) inset;
}
.white_butt:hover {
	color: white;
	background-color: black;
}

#about, #why, #contact, #kpis, #solutions, #industries, #platform {
  border-top: 88px solid transparent;
  margin: -88px 0 0;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.heb {
	direction: rtl;
	font-family: 'Alef', sans-serif;
}
/*HP*/
.hp_top {
	height: 100vh;
	height: 100dvh;
	min-height: 750px;
	margin-bottom: -150px;
	z-index: 2;
	-webkit-mask-image: linear-gradient(black 80%, transparent);
  	mask-image: linear-gradient(black 80%, transparent);
}
.hp_top .in-1200-c {
	background-color: rgba(255, 255, 255, 0.8);
	border: 2px solid black;
	padding: var(--gap-3);
	width: calc(100% - 40px);
	max-width: 1100px
}
.hp_top video {
	position: absolute;
	top: -20%;
	left: -10%;
	width: 120%;
	height: auto;
}
.hp_top h1 {
	text-align: center;
}
.hp_top p {
	margin: var(--gap-1) auto var(--gap-2) auto;
	text-align: center;
	font-weight: 400;
	width: 100%;
	line-height: 1.6;
}
.hp_about {
	padding: var(--gap-9) 0 var(--gap-1) 0;
}
.hp_about .in-1240 {
	flex-direction: row-reverse;
}
.hp_about video[poster] {
	width: 100%;
	height: auto;
}
.about_image {
	position: absolute;
	top: -30%;
	left: -30%;
	min-width: 180%;
	height: auto;
}
.hp_about .child-cont-c:first-child {
	align-items: flex-end;
	padding-left: 20px;
	isolation: isolate;
	z-index: 2;
	justify-content: center;
	min-width: 50%;
}
.hp_about h2 {
	margin-bottom: var(--gap-1);
	width: 100%;
	text-align: right;
}
.hp_about p {
	line-height: 1.5;
	width: 96%;
	max-width: 530px;
	text-align: right;
}
.hp_why {
	padding: var(--gap-7) 0 var(--gap-5) 0;
}
.hp_why .in-1240-c {
	z-index: 2;
	padding-bottom: var(--gap-2);
}
.hp_why .in-1240 {
	flex-wrap: wrap;
	justify-content: center;
	margin: var(--gap-3) auto;
	gap: var(--gap-2);
}
.hp_why .child-cont-c {
	border: 2px solid black;
	width: 50%;
	aspect-ratio: 423 / 267;
	max-width: 423px;
	background-color: white;
	padding-top: 70px;
}
.hp_why p	{
	text-align: center;
}
.hp_why .child-cont-c p {
	text-align: center;
	margin-top: var(--gap-1);
	width: 100%;
}
.why_image {
	position: absolute;
	z-index: 0;
	max-width: 1300px;
	top: 53%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.hp_solutions {
	padding: var(--gap-7) 0 var(--gap-3) 0;
}

.hp_solutions .child-cont-c {
	align-items: flex-end;
	min-width: 50%;
}
.hp_solutions .in-1240:nth-child(odd) {
	flex-direction: row-reverse;
	margin-top: var(--gap-2);
}
.hp_solutions .in-1240:nth-child(even) .child-cont-c:first-child {
	padding-right: 40px;
}
.hp_solutions p.font-size-6 {
	margin: 10px 0;
}
.hp_solutions p {
	direction: rtl;
	text-align: right;
}
.hp_solutions ul {
	margin-top: var(--gap-1);
	direction: rtl;
	text-align: right;
}
.hp_solutions ul li {
	line-height: 1.6;
	direction: rtl;
	text-align: right;
}
.hp_solutions video {
	width: 100%;
	height: auto;
}
.hp_kpis {
	padding: var(--gap-5) 0 var(--gap-3) 0;
}
.hp_kpis .child-cont-c {
	opacity: 0;
}
.hp_kpis img {
	max-width: 80%;
	height: auto;
	margin-bottom: var(--gap-1);
}
.hp_kpis p {
	width: 100%;
	text-align: center;
}
.hp_platform {
	padding: var(--gap-3) 0;
}
.hp_platform h2 {
	margin-bottom: var(--gap-1);
	direction: rtl;
	text-align: right;
}
.hp_platform ul {
	margin-top: var(--gap-1);
	direction: rtl;
}
.hp_platform ul li {
	line-height: 1.6;
	direction: rtl;
	text-align: right;
}
.slider-cont {
	display: block;
	position: relative;
	width: 100%;
}
.hp_platform img {
	width: 130%;
	width: 130%;
	max-width: 760px;
	margin-left: 50px;
}
.hp_platform .child-cont-c {
	justify-content: center;
	align-items: flex-end;
	width: 50%;
}
.hp_platform .max_600_r {
	text-align: right;
	align-items: flex-end;
}
.hp_platform p {
	text-align: right;
}
.hp_industries {
	padding: var(--gap-3) 0;
}
.hp_industries .in-1240 {
	flex-wrap: wrap;
	gap: var(--gap-2) 2%;
	margin-top: var(--gap-2);
}
.hp_industries .child-cont-c {
	width: 32%;
	aspect-ratio: 383 / 306;
	opacity: 0;
}
.hp_industries .over_image {
	justify-content: flex-end;
	padding-bottom: 20px;
}
.hp_industries h2 {
	direction: rtl;
	text-align: center;
}
.hp_industries p {
	width: 100%;
	color: white;
	text-align: center;
}
.hp_trusted {
	padding: var(--gap-3) 0;
	margin-top: var(--gap-9);
}
.hp_trusted h2 {
	margin-bottom: var(--gap-1);
}
.hp_trusted .child-cont-c {
	align-items: center;
	justify-content: center;
	height: 150px;
}
.hp_trusted .child-cont-c a {
	display: flex;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
}
.hp_trusted .child-cont-c img {
	max-height: 70%;
	max-width: 70%;
}

.hp_contact {
	padding: var(--gap-3) 0;
}
.hp_contact .child-cont-c {
	justify-content: center;
	min-width: 50%;
}
.hp_contact .max_600_r {
	justify-content: center;
	align-items: flex-end;
	padding: 0;
}
.hp_contact h2 {
	margin: 0 0 var(--gap-1) 0;
	min-width: 100%;
	font-size: clamp(2rem, 0.2rem + 3.5vw, 3.8rem);
	font-weight: 300;
	direction: rtl;
	text-align: right;
}
.hp_contact .font-size-7 {
	direction: rtl;
	text-align: right;
}
.hp_contact .font-size-7.bold {
	margin-top: var(--gap-2);
	direction: ltr;
}
.contact-mail {
	color: black;
}
.contact-mail:hover {
	text-decoration: underline;
}
.contact-butts {
	position: relative;
	display: flex;
	margin: var(--gap-1) 0;
	gap: var(--gap-1);
	align-items: center;
}
.hp_pop {
	display: none;
	background-color: rgba(255 255 255 / 0.9);
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	z-index: 6;
}
.hp_pop.poped {
	display: flex;
}
.hp_pop img {
	opacity: 0.3;
}
.pop-form {
	padding: var(--gap-3) var(--gap-2) var(--gap-2) var(--gap-2);
	max-width: 600px;
	border-radius: 20px;
	border: 1px solid black;
	overflow: hidden;
	margin-top: var(--gap-2);
	background-color: rgba(255 255 255 / 0.9);
}
.close_it {
	width: 92%;
	max-width: 590px;
	text-align: right;
	margin-top: -2rem;
	cursor: pointer;
	font-weight: 500;
}
.close_it:hover, .close_it:focus {
	color: blue;
}
.wpcf7 p {
	direction: rtl;
	text-align: right;
}
.wpcf7 input[type=text], .wpcf7 input[type=number], .wpcf7 input[type=email], .wpcf7 input[type=tel], .wpcf7 textarea {
	-webkit-appearance: none; 
	-moz-appearance: none; 
	-ms-appearance: none; 
	appearance: none;
	width: 100%;
	height: 40px;
	border: none;
	color: black;
	font-size: 1rem;
	padding: 0 10px;
	font-family: 'Rubik', sans-serif;
	margin: 4px 0 10px 0;
	border-radius: 5px;
	background-color: white;
	direction: rtl;
	text-align: right;
}
.wpcf7 textarea {
	max-width: 100%;
	min-width: 100%;
	height: 100px;
	padding: 5px 10px;
}
.wpcf7 input[type=submit] {
	display: flex;
	font-size: clamp(1rem, 0.8849rem + 0.6951vw, 1.2rem);
	font-family: 'Rubik', sans-serif;
	-webkit-appearance: none; 
	-moz-appearance: none; 
	-ms-appearance: none; 
	appearance: none;
	cursor: pointer;
	position: relative;
	padding: 0.3em 0.8em;
	text-align: center;
	transition: all 0.5s ease;
	color: var(--dark-blue);
	background-color: white;
	border: 10px solid;
	border-image-slice: 2;
	border-width: 1px;
	border-radius: 10px;
	margin-right: auto;
}

.wpcf7 input[type=submit]:hover {
	color: white;
	background-color: black;
}

span.wpcf7-not-valid-tip {
	display: block;
	color: var(--light-blue);
	border: 0 solid black;
	position: absolute;
	bottom: 0px;
	left: 10px;
	padding: 0;
	background: none;
	font-size: 1rem;
	font-family: 'Rubik', sans-serif;
}
.wpcf7-response-output {
	position: relative;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	color: red;
	border: 0px solid black !important;
	min-width: 100%!important;
	max-width: max-content;
	font-size: 1rem;
	font-family: 'Rubik', sans-serif;
	margin: 0!important;
	text-align: right;
	padding: 0!important;
}

.wpcf7-response-output.alert-success {
	color: black;
	border: 0px solid var(--dark-blue)!important;
}
.wpcf7-form-control-wrap:hover .wpcf7-not-valid-tip, .wpcf7-form-control:focus + .wpcf7-not-valid-tip, .wpcf7-form-control-wrap:visited + .wpcf7-not-valid-tip {
	display:none; 
}
/*Footer*/
footer {
	box-shadow: 0px -3px 6px 0px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px -3px 6px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px -3px 6px 0px rgba(0,0,0,0.1);
}
.white-footer .in-1240 {
	padding: var(--gap-2) 20px;
}
footer .in-1240 .child-cont-c:first-child {
	align-items: flex-start;
}
footer .in-1240 .child-cont-c:last-child {
	align-items: flex-end;
	justify-content: center;
}
.black-footer {
	background-color: black;
	color: white;
}
.black-footer .in-1240 {
	padding: var(--gap-1) 20px;
	justify-content: space-between;
}
.black-footer .child-cont-c {
	width: auto;
}
.footer_ul_cont {
	height: 16px;
}
.footer_ul_cont ul {
	display: flex;
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.footer_ul_cont ul li:before {
	content: "|";
	color: white;
	font-size: 1rem;
}
.footer_ul_cont ul li a {
	font-size: clamp(0.9rem, 0.5rem + 0.5vw, 16px);
	color: white;
	padding: 0 4px;
}
.footer_ul_cont ul li:first-child a {
	
}
.footer_ul_cont ul li a:hover {
	color: grey;
}
.socials {
	position: relative;
	display: flex;
	margin: 0;
	gap: 10px;
}
.socials a:hover img {
	filter: grayscale(100%) invert(100%);
	-webkit-filter: grayscale(100%) invert(100%);
	-moz-filter: grayscale(100%) invert(100%);
}
.footer-credit a {
	font-size: clamp(0.9rem, 0.5rem + 0.5vw, 16px);
	margin: 0 auto;
	color: white;
}
.footer-credit a:hover {
	color: grey;
}
.footer-credit img {
	display: inline;
	margin-left: 10px;
}
footer p {
	font-size: clamp(0.9rem, 0.5rem + 0.5vw, 16px);
	line-
}
/*info*/
.info {
	margin-top: 90px;
	font-weight: 300;
	color: black;
}
.info .in-1240-c {
	align-items: flex-start;
	justify-content: flex-start;
	min-height: 80vh;
	width: 100%;
	color: black;
	text-align: left;
	padding-top: var(--gap-2);
	padding-bottom: var(--gap-2);
}
.info h1, .info h2 {
	text-align: left;
	margin-top: var(--gap-1);
	margin-bottom: var(--gap-1);
	font-weight: 400;
}
.info li, .info p, .info ul {
	color: black;
	text-align: left;
	font-size: 1rem;
	line-height: 1.6;
	margin-bottom: 3px;
	max-width: 800px;
}
.info ul {
	margin-top: 20px;
	margin-left: -1rem;
}
.table-container {
	width: 100%;
	overflow: auto;
	overflow-y: hidden;
}
.info table {
	margin: 30px 0;
	width: 100%;
	max-width: 850px;
	min-width: 800px;
}
.info table, th, td {
  color: black;
  text-align: left;
  border-collapse: collapse;
  vertical-align: top;
  font-size: 1rem;
}
.info tr:first-child td {
  background-color: grey;
  color: black;
}
.info td {
	padding: 15px;
}
.table_wrap {
	overflow-x: auto;
	width: 100%;
}
.info a {
	color: black;
	text-decoration: underline;
	font-weight: 500;
}
.info a:hover {
	opacity: 0.6;
}
/*404*/
.the_404 {
	height: calc(100vh - 200px);
	min-height: 650px;
	color: black;
}
.the_404 h1 {
	font-size: 7rem;
	line-height: 1.2;
}
.the_404 h2 {
	margin-bottom: 10px;
	font-weight: 400;
}
.the_404 a {
	margin-top: 30px;
	color: black;
	text-decoration: underline;
}
.the_404 a:hover {
	color: var(--purple);
}


/*Add ons*/
.no_link {
	display: none;
}
/*scrolers*/
::-webkit-scrollbar-thumb:vertical {
background-color:#555; 
height:100px;
}
::-webkit-scrollbar-thumb:horizontal { 
background-color:#555; 
height:10px !important;
}
::-webkit-scrollbar { 
height:16px; 
width:10px; 
background-color:#f5f5f5;
}
::-moz-scrollbar-thumb:vertical {
background-color:#555; 
height:100px;
}
::-moz-scrollbar-thumb:horizontal { 
background-color:#555; 
height:10px !important;
}
::-moz-scrollbar { 
height:16px; 
width:10px; 
background-color:#f5f5f5;
}
::-ms-scrollbar-thumb:vertical {
background-color:#555; 
height:100px;
}
::-ms-scrollbar-thumb:horizontal { 
background-color:#555; 
height:10px !important;
}
::-ms-scrollbar { 
height:16px; 
width:10px; 
background-color:#f5f5f5;
}
::-o-scrollbar-thumb:vertical {
background-color:#555; 
height:100px;
}
::-o-scrollbar-thumb:horizontal { 
background-color:#555; 
height:10px !important;
}
::-o-scrollbar { 
height:16px; 
width:10px; 
background-color:#f5f5f5;
}
::scrollbar-thumb:vertical {
background-color:#555; 
height:100px;
}
::scrollbar-thumb:horizontal { 
background-color:#555; 
height:10px !important;
}
::scrollbar { 
height:16px; 
width:10px; 
background-color:#f5f5f5;
}