a,
body,
div,
fieldset,
footer,
form,
h1,
h2,
h3,
html,
input,
li,
main,
nav,
p,
span,
ul {
	border: 0;
	line-height: 1;
	margin: 0;
	padding: 0
}

html {
	color: #292929;
	background: #fff
}

body {
	font-family: 'Helvetica Neue', Arial, sans-serif;
	font-size: 16px;
	font-weight: 300
}

main {
	display: block;
	padding: 20px 10px
}

h1 {
	font-size: 32px;
	margin-bottom: 15px;
	margin-top: 15px
}

h2 {
	font-size: 22px;
	margin-bottom: 15px
}

h3 {
	font-size: 16px;
	margin-bottom: 15px
}

p {
	line-height: 1.45;
	margin: 15px 0
}
















form {
	background-color: #f9f9f9;
	background: -webkit-gradient(linear, left top, right top, from(#e6e6e6), to(#f9f9f9));
	background: -o-linear-gradient(left, #e6e6e6, #f9f9f9);
	background: linear-gradient(left, #e6e6e6, #f9f9f9);
	border: 1px solid #e9e9e9;
	border-radius: 10px;
	line-height: 1.45;
	margin: 10px 0;
	padding: 10px 20px;
	width: auto
}

form:after {
	clear: both;
	content: '';
	display: block;
	height: 0
}

fieldset {
	border: none;
	margin: 10px 0;
	width: 100%
}

input {
	border: 1px solid #ccc;
	border-radius: 3px;
	font-family: 'Helvetica Neue', Arial, sans-serif;
	font-size: 22px;
	padding: 5px
}

input[type=text] {
	margin: 5px 3px;
	font-size: 18px
}

input[type=submit] {


	background: #ff99cc;   /* pink */
	background: #ff9966;   /* ora */
	background: #369;   /* blue ish */


	color: #fff;
	font-size: 13px;
	font-weight: 600;
	padding: 10px;
	text-transform: uppercase
}

footer {
	font-size: 12px;
	padding: 10px 0 30px 0
}

footer div {
	float: left
}

footer nav {
	float: right
}

footer ul {
	display: block
}

footer li {
	display: inline;
	margin-left: 5px
}

footer a {
	color: #000;
	font-weight: 600;
	text-decoration: none
}

.logo2 {
	color: #000;
	display: block;
	font-size: 26px;
	font-weight: 600;
	text-decoration: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

h1.logo {
	margin-top: 20px
}

.results input[type=text] {
	background: #f9f9f9;
	padding-bottom: 7px
}

.intro,
.tips {
	font-size: 14px
}

.tips {
	border: 1px solid #ccc;
	display: none;
	font-size: 12px;
	padding: 5px 10px;
	text-align: center
}

.hide {
	visibility: hidden
}

.remove {
	display: none
}

.cc-grower {
	margin: 15px 0;
	-webkit-transition: none;
	-o-transition: none;
	transition: none
}

.cc-window {
	-webkit-transition: none;
	-o-transition: none;
	transition: none
}

@media (min-width: 728px) {
	main {
		margin: 0 auto;
		max-width: 728px
	}

	.intro {
		color: #666;
		font-size: 18px
	}

	.values {
		float: left;
		width: 60%
	}

	.results {
		float: right;
		width: 40%;
		text-align: right
	}

	.tips {
		display: block
	}

	.remove {
		display: inline
	}
}









body {
  text-align: center;
}
main {
  text-align: left;
}
.sidead {
  display: none;
  min-height: 5px;
  padding-bottom: 10px;
  position: absolute;
  width: 336px;
}
.sidead_left {
  left: calc((100% - 728px) / 2 - 336px - 30px);
  text-align: right;
}
.sidead_right {
  right: calc((100% - 728px) / 2 - 336px - 30px);
  text-align: left;
}
@media(min-width: 1500px) {
  .sidead {
    display: inline-block;
  }
}





.logo { 

	color: #369;

	width: 100%;

	padding: 20px;
	background: #ff99cc;
	background: #369;
	color: #fff;



	width: auto;

}




/*

	pink    
	ff99cc
*/


/*

	pink    ff99cc
	ff99cc
*/


/*


playback timings (ms):
  captures_list: 0.746




*/