* {box-sizing:border-box;-moz-box-sizing:border-box;}
@font-face {
    font-family:"NotoSans-Regular";
    src: url("fonts/NotoSans-Regular.ttf") /* TTF file for CSS3 browsers */
}
body {font: 14px NotoSans-Regular, sans-serif;}
a {text-decoration:none;}

.ing  th {background-color:#777;color:white;font-weight:bold;padding:4px;}
.ing  td:nth-child(1){background-color:#ddd;color:black;padding:4px;}
.ing  td:nth-child(2){background-color:#444;color:white;padding:4px;}

.steps {}
.steps li {}
.steps {}
.steps {}
.steps {}

.topmenuitem {
	color:#999;
	font-size:13px;
	text-transform:uppercase;
	border-bottom:3px solid #000;
}
.topmenuitem:hover {color:#eee;border-bottom:3px solid #fff;}
.logo {color:#fff;font-size:24px;}

.btn-light {
	border:2px solid #fff;
	text-transform:uppercase;
	letter-spacing:1.5px;
	color:#fff;
	padding: 12px 23px 11px;
	cursor:pointer;
} .btn-light:hover,.btn-light.active {background-color:#fff;color:#000;}

.btn-dark {
	border:2px solid #000;
	text-transform:uppercase;
	letter-spacing:1.5px;
	color:#000;
	padding: 12px 23px 11px;
	cursor:pointer;
} .btn-dark:hover {background-color:#000;color:#fff;}

.btn-neutral {
	background-color:#eee;
	border-radius:2px;
	letter-spacing:1.5px;
	padding:12px 23px 11px;	
	color:#000;
	text-transform:uppercase;
	font-size:13px;
	cursor:pointer;
}	.btn-neutral:hover {background-color:#ccc;}

.btn-round {
	background-color:#eee;
	border-radius:50%;
	letter-spacing:1.5px;
	padding:12px 22px ;	
	color:#000;
	text-transform:uppercase;
	font-size:22px;
	cursor:pointer;
}	.btn-round:hover {background-color:#ccc;}
.card-block {opacity:0.8;}
.card-block:hover {background-color:#ddd;}
.card-block:hover > div {opacity:0.9;}



ul {font-size:140%;color:#666;text-align:left;}
ul > li {margin-bottom:10px;}


.ol-box-number {
	counter-reset:li; /* Initiate a counter */
}
.ol-box-number > li {
	position:relative; /* Create a positioning context */
	display:block;
	text-align:left;
	min-height:140px;
	padding:0px 8px 10px; /* Add some spacing around the content */
	border-bottom:10px solid #fff;
	list-style:none; /* Disable the normal item numbering */
	font-size:140%;color:#666;
}

.ol-box-number > li img {width:120px;height:120px;float:right;border-radius:2px;margin-left:20px;background-size:cover;background-position:center;}
.ol-box-number > li:before {
	content:counter(li); /* Use the counter as content */
	counter-increment:li; /* Increment the counter by 1 */
	/* Position and style the number */
	position:absolute;
	top:0px;
	left:-2em;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	width:80px;
	height:80px;
	color:#fff;
	background-color:#999;
	font: 48px/80px normal Tahoma,Arial,sans-serif;
	text-align:center;
	border-radius:2px;
}

.ol-box-number ol li:last-child {margin-bottom:0;}

.tick{
  list-style: none;
  margin-left: 0;
  padding-left: 20px;
}

.tick li {
  padding-left: 1em;
  text-indent: -1em;
}

.tick li:before {
  content: "\2714";
  padding-right: 5px;
}