body {
	margin:0;
	padding:0;
	font-family: 'Roboto', sans-serif;
}
header .wrapper, section .wrapper, footer .wrapper {
	max-width:1200px;
	margin: 0 auto;
}

header {
	border-top:10px solid #444;
	background: #fff url("../img/headerbg.jpg") center bottom ;
	height:171px;
}

.logo {
	margin-top:15px;
}

.heroleft h1 {
	font-size: 50px;
	color:#737373;
}

.heroleft h1 span {
	font-size: 50px;
	color:#f09c1b;
}

.heroleft h2 {
	font-size: 35px;
	font-weight: 400;
	font-style: italic;
	color:#737373;
}

.heading_indent {
	text-indent: 20%;
}

.hero-text {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	align-content: normal;
}

.hero-text li {
	list-style: none;
	font-size:20px;
	background: transparent url("../img/tick-bg.png") 0 center no-repeat ;
	padding: 0 60px 0 25px;
	margin: 10px 0;
	width: 150px;
}


header .flex-container {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: normal;
	align-content: normal;
}

header  .flex-items:nth-child(1) {
	display: block;
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: auto;
	align-self: auto;
	order: 0;
}

header .flex-items:nth-child(2) {
	display: block;
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: auto;
	align-self: auto;
	order: 0;
}

nav {
	margin-top:35px;
}

nav li {
	display:inline-block;
	list-style: none;
	background: rgb(221,221,221);
	background: linear-gradient(180deg, rgba(221,221,221,1) 0%, rgba(175,175,176,1) 49%, rgba(212,212,212,1) 100%);
	padding:10px 30px;
	border-radius: 5px;
	box-shadow: 2px 1px 8px -1px rgba(0,0,0,0.29);
	-webkit-box-shadow: 2px 1px 8px -1px rgba(0,0,0,0.29);
	-moz-box-shadow: 2px 1px 8px -1px rgba(0,0,0,0.29);
	margin:0 5px;
}

nav li:hover {
	box-shadow: 2px 1px 8px -1px rgba(0,0,0,0.50);
	-webkit-box-shadow: 2px 1px 8px -1px rgba(0,0,0,0.50);
	-moz-box-shadow: 2px 1px 8px -1px rgba(0,0,0,0.50);
}
nav li a{
	color: #fff;
	text-decoration: none;

}

nav li.signup_button {
	background: rgb(243,190,29);
	background: linear-gradient(180deg, rgba(243,190,29,1) 0%, rgba(255,215,111,1) 49%, rgba(243,180,29,1) 100%); 
}

#hero_wrapper {
	background: #fff url("../img/herobg.jpg") center bottom ;
	min-height: 380px;
	background-size: cover;
	padding-bottom:40px;
}
#hero_wrapper .flex-container {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: normal;
	align-content: normal;
}

#hero_wrapper  .flex-items:nth-child(1) {
	display: block;
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: auto;
	align-self: auto;
	order: 0;
}

#hero_wrapper  .flex-items:nth-child(2) {
	display: block;
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: auto;
	align-self: auto;
	order: 0;
}

.heroright {
	background: transparent url("../img/tvbg.png") center bottom no-repeat;
	height: 390px;
	width: 440px;
	padding: 20px 10px 0 10px;
}

.heroright img {
	margin:68px 0 0 10px;
}

#maincontent .flex-container {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: normal;
	align-content: normal;
	padding:40px 0;
}

#maincontent .flex-items:nth-child(1) {
	display: block;
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: auto;
	align-self: auto;
	order: 0;
	width;20%;
}

#maincontent .flex-items:nth-child(2) {
	display: block;
	flex-grow: 0;
	flex-shrink: 3;
	flex-basis: auto;
	align-self: auto;
	order: 0;
}

.content-block > li {
	display:inline-block;
	list-style: none;
	width: 44%;
	margin: 10px 20px 10px 0px;
}
.content-block > li h3 span{
	display: inline-block;
	transform: translateY(-8px);
}

.content-block > li li {
	list-style: none;
	background: transparent url("../img/tick-bg.png") 0 center no-repeat;
	padding: 0 0 0 20px;
	margin: 5px 0;
}

.content-description {
	padding-left:40px;
	display:inline-block;
}

.graybox {
	background: #f0f0f0;
	padding:10px 20px 40px 20px;
	border-radius:15px;
}

footer {
	background: #fff url("../img/footer-bg.jpg") center bottom ;
	border-top:10px solid #6e6e6e;
	padding: 30px 0;
}

footer ul li {
	display:inline-block;
	list-style: none;
	color:#fff;
}

footer ul li a{
	color:#fff;
	text-decoration: none;
}
footer ul li a:hover{
	color:#6c6c6c;
}

footer .flex-container {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: normal;
	align-content: normal;
}

footer  .flex-items:nth-child(1) {
	display: block;
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: auto;
	align-self: auto;
	order: 0;
}

footer  .flex-items:nth-child(2) {
	display: block;
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: auto;
	align-self: auto;
	order: 0;
}

.cookie_box {

	color: rgb(255, 255, 255);
	background-color: rgb(235, 108, 68);
	position: fixed;
	width: 350px;
	z-index:10;
	bottom: 20px;
	left: 20px;
}
.cookie_box span {
	padding:20px;display:block;}
	.cookie_box button {
		border: none;
		width: 100%;
		padding: 15px;
		margin: 0px 0 0 0;
		font-size: 17px;
		background-color: rgb(245, 217, 72);
		cursor: pointer;
	}
	.cookie_box_close {display:none;}
	.cookie_box a {color:#fff;}
	@media only screen and (max-width: 980px) {
		body {max-width:100%;overflow-x: hidden;}
		header .wrapper, section .wrapper, footer .wrapper {
			width:95%;
			margin: 0 1% 0 0 ;
		}
		header .flex-container, #hero_wrapper .flex-container, #maincontent .flex-container, footer .flex-container {
			flex-direction: column;
			justify-content: center;
			align-items: center;
		}

		header {
			border-top: 10px solid #444;
			background: #fff url("../img/headerbg.jpg") center bottom no-repeat;
			height: 270px;
		}

		.content_right {
			text-align: center;
			padding:0 20px;
		}
		.content_left {
			padding:0 20px;
		}
		.content-block > li {
			width:85%;
		}
		footer ul {text-align: center;}
	}

	@media only screen and (max-width: 600px) {
		.content-block {
			padding: 0;
		}
		.content-block > li {
			width:95%;
		}
		#hero_wrapper {height:510px;}
		.herowrapper{
			transform: scale(.6)translateY(-260px);
		}
		nav ul {padding: 0}
		.logo {text-align: center}
		.logo img {width: 90%;}

	}