@font-face {
  font-family: 'Arapey';
  font-style: italic;
  font-weight: 400;
  src: local('Arapey Italic'), local('Arapey-Italic'), url('http://themes.googleusercontent.com/static/fonts/arapey/v2/YQbRo6SDRtnzyJToW4DvyvesZW2xOQ-xsNqO47m55DA.woff') format('woff');
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url('http://themes.googleusercontent.com/static/fonts/roboto/v8/Hgo13k-tfSpn0qi1SFdUfT8E0i7KZn-EPnyo3HZu7kw.woff') format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Regular'), local('Roboto-Regular'), url('http://themes.googleusercontent.com/static/fonts/roboto/v8/2UX7WLTfW3W8TclTUvlFyQ.woff') format('woff');
}

html, body { 
	width: 100%; 
	height: 100%;
	min-width: 320px; }

body { 
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	color: #222;
	padding: 0px 0px 200px 0px; }

h1, h2, h3 { 
	font-weight: 300; }

h1 { 
	font-size: 2.5em; }
	
h2 { 
	color: #f6a017;
	font-size: 1.6em; }

h3 { 
	font-size: 1.3em; }

p, label { 
	font-size: 1.2em;
	line-height: 1.5em; 
	margin-bottom: 1em; 
	padding-left: 20px;
	padding-right: 20px; }

a {
	color: #f6a017; 
	text-decoration: none;
	transition: all 0.2s;
	-o-transition: all 0.2s;  
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s; }

a:hover { 
	color: #d28710;
	text-decoration: underline; }

.wrapper { 
	width: 100%;
	position: relative;  
	max-width: 1280px;
	/*padding: 0px 20px 0px 20px;*/
	margin: 0 auto; }

.intro h2 { 
	padding: 0px 0px 20px 20px; }
	
header { 
	background: #353a3b;
	background-image: url('/img/header-bg.gif');
	color: #8c8f92; 
	text-align: center; 
	padding: 50px 0px 35px 0px; }

header h1 { 
	margin: 0px 20px 10px 20px;
	text-shadow: 1px 1px 0px rgba(255,255,255,0.7); }

header h2 { 
	margin: 0px 20px 0px 20px; }
	
section.intro { 
	padding: 50px 0px 30px 0px; }

section.intro img { 
	float: right;
	margin: 0px 20px 30px 50px; }

p.quote { 
	font-style: italic; 
	font-weight: 400; 
	font-family: 'Arapey', serif; 
	font-size: 1.8em;
	padding: 5px 0px 0px 70px;
	margin-left: 20px;
	background: url('/img/quote.png');
	background-position: 5px 5px; 
	background-repeat: no-repeat; }

section.calc { 
	background: #eaeaea;
	background-image: url('/img/calc-bg.gif');
	padding: 25px;
	clear: both;
	-webkit-box-shadow: inset 1px 1px 10px rgba(0,0,0,0.2); }

section.calc h2 { 
	font-size: 1.8em;
	color: #d28710;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 4px 0px;
	border-width: 0px 0px 1px 0px; 
	border-color: #000; 
	border-style: solid; }

section.calc div { 
	position: relative;
	width: 100%;
	max-width: 1000px;
	padding: 15px 0px 15px 0px;
	border-width: 1px 0px 1px 0px; 
	border-style: dashed; 
	border-color: rgba(0,0,0,0);
	clear: both; 
	transition: all 0.2s; 
	-o-transition: all 0.2s; 
	-moz-transition: all 0.2s; 
	-webkit-transition: all 0.2s; }
	
section.calc div:hover { 
	border-color: rgba(0,0,0,0.5); }

section.calc div span { 
	display: inline-block;
	vertical-align: top;
	padding: 10px 0px 0px 0px; }

label { 
	width: 475px;
	vertical-align: middle; 
	display: inline-block;  }

select, input { 
	padding: 6px;
	vertical-align: top;	
	font-size: 1.2em;
	font-family: 'Roboto', sans-serif;
	margin: 0px 10px 0px 25px; }

select { 
	width: 400px; }

input { 
	width: 80px; }

input.checkbox { 
	width: auto;
	margin-top: 11px;
	vertical-align: top;  }

footer { 
	width: 90%;
	max-width: 1660px;
	border-width: 1px 0px 0px 0px; 
	border-style: solid; 
	border-color: #ccc; 
	margin: 0 auto;
	margin-top: 60px;
	padding: 50px 0px 50px 0px ;
	text-align: center; }

footer p { 
	color: #aaa; 
	font-size: 1em;
	transition: all 0.4s; 
	-o-transition: all 0.4s; 
	-moz-transition: all 0.4s; 
	-webkit-transition: all 0.4s; }

footer p.socialfoot { 
	opacity: 0.5; }

footer p.socialfoot:hover { 
	opacity: 1; }

footer p.socialfoot img { 
	margin: 0px 4px 0px 4px; }

footer:hover p {
	color: #555; }

footer div.wrapper { 
	max-width: 1000px; }

@media screen and (max-width:1024px){
	section.intro img { 
		width: 595px;
		height: 306.9px; }
	label { 
		width: 400px; }
}

@media screen and (max-width:950px){
	section.intro img { 
		width: 525px;
		height: 270.8px; }
	label { 
		width: 300px; }
	select { 
		font-size: 1.1em; 
		width: 350px; }
}

@media screen and (max-width:768px){
	header h1 { 
		margin-left: 40px;
		margin-right: 40px; }
	header h2 { 
		margin: 10px 60px 0px 60px;
		font-size: 1.3em; }
	section.intro img { 
		clear: both;
		float: none;
		margin: 0 auto;
		display: block;
		margin-bottom: 30px; }
	p.quote { 
		margin: 0px 40px 20px 20px; }
	select { 
		font-size: 1.0em;
		width: 320px; }
	label {
		width: 250px; }
}

@media screen and (max-width:650px){
	* { 
       -webkit-text-size-adjust: none; }
	header h1 { 
		font-size: 1.6em; }
	header h2 { 
		font-size: 1.1em; }
	section.intro img { 
		width: 350px;
		height: 180.5px; }	
}

@media screen and (max-width:320px){
	header { 
		padding-top: 30px; }
	section.intro img { 
		width: 280px;
		height: 144.4px; }
	p.quote { 
		font-size: 1.4em; 
		background-size: 25px 20px;
		padding-left: 40px;
		padding-right: 20px; }
	section.calc { 
		overflow-x: hidden; }	
	section.calc div { 
		text-align: center;
		border-width: 1px 0px 1px 0px; 
		border-style: dashed; 
		border-color: rgba(0,0,0,0.5); }
	label { 
		width: 260px;
		padding: 0;
		margin: 0px 0px 5px 0px; }
	select { 
		width: 230px; }
}

section.warning { 
	display: block; 
	clear: both;
	background: #d28710; 
	color: #fff; 
	padding: 1em 5em 1em 2em;
	margin-bottom: 3em; }
section.warning span { 
	font-size: 1em; 
	line-height: 1.5em;
	color: #fff; }
section.warning span.date { 
	color: #ffe2b5; 
	font-style: italic; }
section.warning a {
	color: #fff; 
	text-decoration: underline; }

/*
 * Error page
 */
body.err { height: auto; }
body.err section { width: 550px; margin: 0 auto; margin-top: 40px; }


/*
 * Sharrre
 */

  #social{ 
    position: relative;
    clear:both;
    margin: 0 auto;
    text-align: center;
    height: 80px;
    padding: 30px 0px 0px 0px;
  }
  .sharrre{
  	display: inline-block;
    margin: 0 10px 0 10px; }
  
  .sharrre .box{
    float:left;
    width:80px;
    height:75px;
    -webkit-border-radius:7px;
    -moz-border-radius:7px;
    border-radius:7px;
    -webkit-box-shadow:0 1px 0 #C3C3C3, 0 6px 0 #54a2bc, 0px 2px 3px 0px rgba(47, 58, 61, 0.25), inset 0px 1px 0px 0px rgba(255, 255, 255, 1);
    -moz-box-shadow:0 1px 0 #C3C3C3, 0 6px 0 #54a2bc, 0px 2px 3px 0px rgba(47, 58, 61, 0.25), inset 0px 1px 0px 0px rgba(255, 255, 255, 1);
    box-shadow:0 1px 0 #C3C3C3, 0 6px 0 #54a2bc, 0px 2px 3px 0px rgba(47, 58, 61, 0.25), inset 0px 2px 0px 0px rgba(255, 255, 255, 1);
    background: #dee7ea; /* Old browsers */
    background: -moz-linear-gradient(top, #dee7ea 0%, #e5eef2 20%, #e5eef2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dee7ea), color-stop(20%,#e5eef2), color-stop(100%,#e5eef2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #dee7ea 0%,#e5eef2 20%,#e5eef2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #dee7ea 0%,#e5eef2 20%,#e5eef2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #dee7ea 0%,#e5eef2 20%,#e5eef2 100%); /* IE10+ */
    background: linear-gradient(top, #dee7ea 0%,#e5eef2 20%,#e5eef2 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dee7ea', endColorstr='#e5eef2',GradientType=0 ); /* IE6-9 */
  }
  
  #facebook .box{
    -webkit-box-shadow:0 1px 0 #C3C3C3, 0 6px 0 #28437a, 0px 2px 3px 0px rgba(47, 58, 61, 0.25), inset 0px 1px 0px 0px rgba(255, 255, 255, 1);
    -moz-box-shadow:0 1px 0 #C3C3C3, 0 6px 0 #28437a, 0px 2px 3px 0px rgba(47, 58, 61, 0.25), inset 0px 1px 0px 0px rgba(255, 255, 255, 1);
    box-shadow:0 1px 0 #C3C3C3, 0 6px 0 #28437a, 0px 2px 3px 0px rgba(47, 58, 61, 0.25), inset 0px 2px 0px 0px rgba(255, 255, 255, 1);
  }
  
  #googleplus .box{
    -webkit-box-shadow:0 1px 0 #C3C3C3, 0 6px 0 #404040, 0px 2px 3px 0px rgba(47, 58, 61, 0.25), inset 0px 1px 0px 0px rgba(255, 255, 255, 1);
    -moz-box-shadow:0 1px 0 #C3C3C3, 0 6px 0 #404040, 0px 2px 3px 0px rgba(47, 58, 61, 0.25), inset 0px 1px 0px 0px rgba(255, 255, 255, 1);
    box-shadow:0 1px 0 #C3C3C3, 0 6px 0 #404040, 0px 2px 3px 0px rgba(47, 58, 61, 0.25), inset 0px 2px 0px 0px rgba(255, 255, 255, 1);
  }
  
  .sharrre .box:active, #facebook .box:active, #googleplus .box:active{
    box-shadow:0 0 3px #333333;
    margin-top:4px;
  }
  
  .sharrre .count, .sharrre .share{
    display:inline-block;
    width:78px;
    text-align:center;
    font-weight:bold;
  }
  
  .sharrre .count{
    font-size:20px;
    color:#444444;
    text-shadow: 0px 1px 0px #ffffff;
    filter: dropshadow(color=#ffffff, offx=0, offy=1);
    height:40px;
    line-height:40px;
    border:1px solid #b9b9b9;
    border-width:1px 1px 0 1px;
    -moz-border-radius-topleft:7px;
    -moz-border-radius-topright:7px;
    -moz-border-radius-bottomright:0;
    -moz-border-radius-bottomleft:0;
    -webkit-border-radius:7px 7px 0 0;
    border-radius:7px 7px 0 0;
    position:relative;
  }
  
  .sharrre .count:before, .sharrre .count:after {
  	content:'';
  	display:block;
  	position:absolute;
  	left:49%;
  	width:0;
  	height:0;
  }
  
  .sharrre .count:before {
  	border:solid 7px transparent;
  	border-top-color:#b2c6cc;
  	margin-left:-7px;
  	bottom: -14px;
  }
  
  .sharrre .count:after {
  	border:solid 6px transparent;
  	margin-left:-6px;
  	bottom:-12px;
  	border-top-color:#e5eef2;
  }
  
  .sharrre .share{
    height:34px;
    line-height:34px;
    color:#ffffff;
    font-size:13px;
    text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.35);
    filter: dropshadow(color=#d1d1d1, offx=0, offy=1);
    border:1px solid #6fa4b5;
    border-width:0 1px 1px 1px;
    -moz-border-radius-topleft:0;
    -moz-border-radius-topright:0;
    -moz-border-radius-bottomright:7px;
    -moz-border-radius-bottomleft:7px;
    -webkit-border-radius:0 0 7px 7px;
    border-radius:0 0 7px 7px;
    background-color:#7ac5df;
    -webkit-box-shadow:inset 0px 1px 0px 0px rgba(105, 164, 185, 1), inset 0px -1px 2px 0px rgba(255, 255, 255, 0.6), inset 0px 2px 1px 0px rgba(255, 0, 0, 0.15);
    -moz-box-shadow:inset 0px 1px 0px 0px rgba(105, 164, 185, 1), inset 0px -1px 2px 0px rgba(255, 255, 255, 0.6), inset 0px 2px 1px 0px rgba(255, 0, 0, 0.15);
    box-shadow:inset 0px 1px 0px 0px rgba(105, 164, 185, 1), inset 0px -1px 2px 0px rgba(255, 255, 255, 0.6), inset 0px 2px 1px 0px rgba(255, 0, 0, 0.15); 
  }
  
  .sharrre .share span{
    background:url('/img/social.png') no-repeat scroll 0 0 transparent;
    width:18px;
    height:10px;
    display: inline-block;
  }
  
  #facebook .share span{
    background-position:0 -35px;
    height:12px;
  }
  
  #facebook .share{
    border-color:#35538f;
    background: #637fbb; /* Old browsers */
    background: -moz-linear-gradient(top, #637fbb 0%, #49649e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#637fbb), color-stop(100%,#49649e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #637fbb 0%,#49649e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #637fbb 0%,#49649e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #637fbb 0%,#49649e 100%); /* IE10+ */
    background: linear-gradient(top, #637fbb 0%,#49649e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#637fbb', endColorstr='#49649e',GradientType=0 ); /* IE6-9 */
    -webkit-box-shadow:inset 0px 1px 0px 0px rgba(74, 95, 138, 1), inset 0px -1px 2px 0px rgba(255, 255, 255, 0.4), inset 0px 2px 1px 0px rgba(255, 0, 0, 0.15);
    -moz-box-shadow:inset 0px 1px 0px 0px rgba(74, 95, 138, 1), inset 0px -1px 2px 0px rgba(255, 255, 255, 0.4), inset 0px 2px 1px 0px rgba(255, 0, 0, 0.15);
    box-shadow:inset 0px 1px 0px 0px rgba(74, 95, 138, 1), inset 0px -1px 2px 0px rgba(255, 255, 255, 0.4), inset 0px 2px 1px 0px rgba(255, 0, 0, 0.15); 
  }
  
  #googleplus .share{
    border-color:#303030;
    background: #626263; /* Old browsers */
background: -moz-linear-gradient(top, #626263 0%, #424244 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#626263), color-stop(100%,#424244)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #626263 0%,#424244 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #626263 0%,#424244 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #626263 0%,#424244 100%); /* IE10+ */
background: linear-gradient(top, #626263 0%,#424244 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#626263', endColorstr='#424244',GradientType=0 ); /* IE6-9 */
    -webkit-box-shadow:inset 0px 1px 0px 0px rgba(74, 95, 138, 1), inset 0px -1px 2px 0px rgba(255, 255, 255, 0.4), inset 0px 2px 1px 0px rgba(255, 0, 0, 0.15);
    -moz-box-shadow:inset 0px 1px 0px 0px rgba(74, 95, 138, 1), inset 0px -1px 2px 0px rgba(255, 255, 255, 0.4), inset 0px 2px 1px 0px rgba(255, 0, 0, 0.15);
    box-shadow:inset 0px 1px 0px 0px rgba(74, 95, 138, 1), inset 0px -1px 2px 0px rgba(255, 255, 255, 0.4), inset 0px 2px 1px 0px rgba(255, 0, 0, 0.15); 
  }

section.ad { 
	padding-top: 50px;
	text-align: center; }