@import url('font.css');
		
	body {
		font-family: 'Fira Sans', sans-serif;
		font-size: 18px;
		line-height: 1.2;
		color: #FFD000;
		padding-top: 70px;
		background-color: #000000;
		background-image: url('images/goalsbg.jpg');
		background-attachment: fixed;
		background-position: top center;
		background-repeat: repeat-y;
	}
	body.home {
		font-family: 'Fira Sans', sans-serif;
		background-image: url('images/homebg.jpg');
		background-repeat: repeat;
		background-size: cover;
		padding-top: 60px;
	}
	.container {
		padding-bottom: 0.3rem;
	}
	.nav-width {
		max-width: 1000px;
		margin: 0 auto;
		background-image: url('images/goalsnavbg.jpg');
		background-attachment: fixed;
		background-position: top center;
		background-repeat: no-repeat;
	}
	.nav-link {
		color: #FFD000 !important;
		font-family: 'Fira Sans Medium', sans-serif;
	}
	.navbar-nav .dropdown-menu {
		background-color: #FFD000;
	}
	span {
		font-family: 'Fira Sans', sans-serif;
		font-size: 16px;
	}
	table {
		width: 100%;
		padding-left: 5%;
		padding-right: 5%;
		max-width: 800px;
		margin: 0px auto;
		border: 2px solid #32383e;
	}
	table.offerstable {
		padding-left:1%; 
		padding-right:1%; 
		border-collapse: collapse;
	}
	table.offerstable tr:first-child {
		font-family: 'Fira Sans Bold', sans-serif;
		text-decoration: underline;
		font-size: 12px;
	}
	table.offerstable tr td {
		border-bottom: 1px solid #cccccc;
		padding-bottom: 5px;
		padding-top: 5px;
		padding-right: 5px;
	}
	table.offerstable tr td:first-child {
		padding-left: 5px;
	}
	table.icontable {
		border: 0px;
		border-top: 1px solid #cccccc;
		border-left: 1px solid #cccccc;
		border-right: 1px solid #cccccc;
		width: auto;
		margin: 3px 0;
		padding: 0;
		border-spacing: 0px;
	}
	td.iconrow {
		border-right: 1px solid #cccccc;
		padding:5px 7px;
		cursor: pointer;
	}
	tr td.iconrow:last-child {
		border-right: 0px solid #cccccc;
	}
	 a:hover {
		cursor:pointer;
	}
	a.oicon:link, a.oicon:visited, a.oicon:hover, a.oicon:active {
		color: black;
		font-size: 12px;
	}
	a.red, a.red:link, a.red:visited, a.red:hover, a.red:active {
		color: #ff0000;
	}
	a.green, a.green:link, a.green:visited, a.green:hover, a.green:active {
		color: #94d82d;
	}
	p {
		margin: 0px auto;
		padding-bottom: 10px;
		text-align: center;
		width: 95%;
		max-width: 800px;
	}
	input {
		border-radius: 0;
		-webkit-appearance: none;
		-webkit-border-radius:0px;
	}
	select {
		border-radius: 0;
		-webkit-appearance: none;
		-webkit-border-radius:0px;
	}
	input[type=text] {
		width:100%;
		max-width: 700px;
		border: 1px solid #ccc;
		padding: 8px 10px;
		margin: 4px 0;
		box-sizing: border-box;
		background-color: #f8f8f8;
		font-family: 'Fira Sans', sans-serif;
		font-size: 14px;
	}
	input[type=text]:focus {
		border: 1px solid #555;
	}
	input[type=number] {
		width:50%;
		max-width: 350px;
		border: 1px solid #ccc;
		padding: 8px 10px;
		margin: 4px 0;
		box-sizing: border-box;
		background-color: #f8f8f8;
		font-family: 'Fira Sans', sans-serif;
		font-size: 14px;
	}
	input[type=number]:focus {
		border: 1px solid #555;
	}
	select {
		width:100%;
		max-width: 700px;
		border: 1px solid #FFD000;
		padding: 8px 10px;
		margin: 4px 0;
		box-sizing: border-box;
		background-color: #32383e;
		background-image: url('images/arrow-down-small2.png');
		background-position: 99%;
		background-repeat: no-repeat;
		font-family: 'Fira Sans', sans-serif;
		font-size: 16px;
		color: #FFD000;
	}
	select:focus {
		border: 1px solid #555;
	}
	textarea {
		width: 100%;
		height: 150px;
		padding: 8px 10px;
		box-sizing: border-box;
		border: 1px solid #ccc;
		border-radius: 4px;
		background-color: #f8f8f8;
		resize: none;
		font-family: 'Fira Sans', sans-serif;
		font-size: 14px;
	}
	input[type=button], input[type=submit], input[type=reset] {
		background-color: #4CAF50;
		border: none;
		color: white;
		padding: 16px 32px;
		text-decoration: none;
		margin: 4px 2px;
		cursor: pointer;
		font-family: 'Fira Sans', sans-serif;
		font-size: 14px;
		text-transform: uppercase;
	}
	input[type=date], input[type=time] {
		border: 1px solid #ccc;
		padding: 8px 10px;
		margin: 4px 0;
		box-sizing: border-box;
		background-color: #f8f8f8;
		font-family: 'Fira Sans', sans-serif;
		font-size: 14px;
	}
	input[type=date]:focus {
		border: 1px solid #555;
	}
	input[type=time]:focus {
		border: 1px solid #555;
	}
	.input-payout {
		position: relative;
	}
	.input-payout input {
		padding-left:18px;
		width: 25%;
		max-width: 175px;
	}
	.input-payout:before {
		position: absolute;
		top: 0;
		content:"$";
		left: 10px;
	}
	
	span.currency {
		font-family: 'Fira Sans Bold', sans-serif;
	}
	span.price {
		font-size: 14px;
	}
	span.offer {
		font-family: 'Fira Sans Medium', sans-serif;
		font-size: 16px;
	}
	span.offersname {
		font-size: 20px;
	}
	img.network {
		max-height: 25px; 
		max-width: 125px;
	}
	img.traffic {
		max-height: 25px;
		max-width: 125px;
	}
	img.offers {
		max-height: 40px;
		max-width: 40px;
	}
	img.bottle {
		max-height: 100px;
		max-width: 50px;
	}
	
	span.cvrdata {
		font-size: 24px;
	}
	span.cvrdata a {
		color: inherit;
	}
	span.date {
		font-family: 'Fira Sans Medium', sans-serif;
		font-size: 14px;
		color: #FFD000;
	}
	span.sales {
		font-family: 'Fira Sans Medium', sans-serif;
		font-size: 24px;
		color: #FFD000;
	}
	span.home {
		font-family: 'Fira Sans Bold', sans-serif;
		font-size: 48px;
		color: #FFD000;
	}
	
	li.details {
		font-size: 14px;
	}
	li.cvrdata {
		font-size: 24px;
		color: darkgrey;
	}
	li.geo img {
		vertical-align: bottom;
		max-width: 40px;
		max-height: 24px;
	}
	li.cvrdata a {
		color: inherit;
	}
	li.cvrdata:not(:last-child) {
		margin-right: .25rem;
	}
	li.date {
		font-family: 'Fira Sans Medium', sans-serif;
		font-size: 14px;
	}
	li.mob-date {
		display: none;
	}
	
	i.fa-android , i.fa-user-robot {
		color: #A4C639;
	}
	i.fa-blackberry {
		color: #969696;
	}
	.fa-windows {
		color: #01A6F0;
	}
	i.fa-linux {
		color: #FF7801;
	}
	a.navbar-brand img {
		max-height:44px;
	}
	.list-unstyled {
		margin-bottom: 0;
	}
	.table td.v-mid, .table th.v-mid {
		vertical-align: middle;
	}
	.table-dark {
		color: #FFD000;
	}
	.table .thead-dark th {
		color: #FFD000;
		text-decoration: underline;
		font-size: 14px;
	}
	span.adicons img {
		max-height:100px;
		max-width: 100px;
		border: 2px solid #555555;
		/*margin-right: 10px;*/
		border-radius: 50%;
	}
	span.adicons img:hover {
		border-radius: 10%;
	}
	.btn-outline-success {
		color: #FFD000;
		border-color: #FFD000;
	}
	.btn-outline-success:hover {
		color: #32383e;
		border-color: #32383e;
		background-color: #FFD000;
	}

	@media screen and (max-width: 767px) {
		body {
			font-size: 14px;
			padding-top: 56px;
		}
		body.home {
			padding-top: 60px;
		}
		.container {
			padding-right: 6px;
			padding-left: 6px;
		}
		.nav-width {
			background-image: url('images/navbg-mobile.jpg');
		}
		span {
			font-size: 12px;
		}
		span.price {
			font-size: 11px;
		}
		span.offer {
			font-size: 14px;
		}
		span.offersname {
			font-size: 12px;
		}
		span.cvrdata {
			font-size: 16px;
		}
		img.bottle {
			max-height: 80px;
			max-width: 25px;
		}
		img.network {
			max-height: 20px; 
			max-width: 80px;
		}
		img.traffic {
			max-height: 20px;
			max-width: 80px;
		}
		img.offers {
			max-height: 20px;
			max-width: 20px;
		}
		span.date {
			font-size: 12px;
		}
		li.details {
			font-size: 11px;
		}
		li.cvrdata {
			font-size: 16px;
		}
		li.geo img {
			max-width: 32px;
			max-height: 17px;
		}
		li.date {
			font-size: 12px;
			display: none;
		}
		li.mob-date {
			display: inline;
		}
		a.navbar-brand img {
			max-height:30px;
		}
		.table td, .table th {
			padding: .25rem;
		}
		span.sales {
			font-size: 20px;
		}
		span.adicons img {
			max-width:40px;
		}
		ul.iconbottles {
			margin-bottom: 0;
		}
		li.iconbottle:not(:last-child) {
			margin-right: 1px;
		}
	}
	@media (min-width: 1200px) {
		.container {
			max-width: 1000px;
		}
	}