/*
Theme Name: Pixeldot
Theme URI: http://www.pixeldotcreative.com/
Author: Pixeldot
Author URI: http://www.pixeldotcreative.com/
Description: Pixeldot Theme
Version: 1.0
License: Copyright Pixeldot Creative Ltd
Text Domain: pixeldot
*/

@charset "UTF-8";
/* CSS Document */

/* global settings */

body {
	margin:0;
	font-family:"proxima-nova", sans-serif;
	font-size:16px;
}

ul {
	list-style: none;
}

ul li {
	margin-top:0px;
}

h1 {
	font-weight:600;
	color: white;
	background-color: #7abd30;
	max-width: 100%;
	padding: 17px 250px 17px 30px;
	margin-bottom: 10px;
	background-image: url(images/logo.png);
	background-position: right center;
	background-repeat: no-repeat;
	font-size: 36px;
}

h2.title {
	font-weight:600;
	color: white;
	background-color: #7abd30;
	max-width: 40%;
	padding: 17px 250px 17px 30px;
	margin-bottom: 50px;
	background-image: url(images/slant.png);
	background-position: right center;
	background-repeat: no-repeat;
	font-size: 26px;
}

h2 {
	font-weight:600;
	color: #7abd30;
	max-width: 100%;
	padding: 10px 30px 10px 0px;
	margin-top: 0px;
	margin-bottom: 15px;
	font-size: 36px;
}

p {
	padding-top: 0px;
	margin-top: 0px;
}

ul#gform_fields_1 input{
	width:370px;
   	background-color: #f4f4f4;
   	padding: 15px;
   	border:none;
   	border:solid 1px #e9e9e9;
   	font-size: 16px;
   	border-radius:5px;
   	color: #2e2e2e;
}

ul.gform_fields {
	padding-left: 0px;
}

input[type="radio"]{
	display: none
}

input[type="radio"]:checked + label {
	background-image: url(images/ticked.png);
	background-position: center center; 
	background-repeat: no-repeat;
}

#gform_next_button_1_4{
	width:400px;
   	background-color: #247288;
   	padding: 15px;
   	border:none;
   	border:solid 1px #247288;
   	margin-left: 40px;
   	font-size: 16px;
   	border-radius:5px;
   	color: white;
   	font-weight:600;
   	cursor: pointer;
}

.gfield_label {
	display: block;
	color:white;
	font-size: 18px;
	text-align: left;
	margin-bottom:0px;
	padding-bottom: 0px;
}

h4 strong {
	color: #bac408;
	font-size: 30px;
}

.ginput_container label {
	display: block;
	color:#3d4b21;
	height:100px;
	padding-left: 5px;
	padding-right: 5px;
	background-image: url(images/unticked.png);
	background-position: center center; 
	background-repeat: no-repeat;
	cursor: pointer;
}

#gform_next_button_1_4:hover{
   	background-color: #7abd30;
   	border:none;
   	border:solid 1px #7abd30;
   	color: white;
}

.gform_previous_button, .gform_next_button  {
	position: absolute;
	width:200px;
   	background-color: #247288;
   	padding: 15px;
   	border:none;
   	border:solid 1px #247288;
   	font-size: 16px;
   	border-radius:5px;
   	color: white;
   	font-weight:600;
   	cursor: pointer;
}

.gform_previous_button {
	background-image:url(images/prev.png);
	background-position: left center;
	background-repeat: no-repeat; 
}

.gform_next_button {
	right:0px;
	background-image:url(images/next.png);
	background-position: right center;
	background-repeat: no-repeat;  
}

.gform_previous_button:hover {
	background-color: #7abd30;
   	border:solid 1px #7abd30;
}

.gform_next_button:hover {
	background-color: #7abd30;
   	border:solid 1px #7abd30;
}

#gform_next_button_1_4 {
	left:0px;
	margin-left: 0px;
}

#field_1_9, #field_1_11, #field_1_12,
#field_1_13, #field_1_14, #field_1_15, 
#field_1_16, #field_1_17, #field_1_18, 
#field_1_19, #field_1_20, #field_1_21,
#field_1_22, #field_1_23, #field_1_24,
#field_1_25, #field_1_26 {
	background-color: #617834;
	padding: 2%;
	width:96%;
	clear: both;
	overflow: auto;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}

#gf_page_steps_1 {
	background-color: #3e521a;
	width:100%;
	color: white;
	min-height:50px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	margin-bottom: -20px;
}

.gform_page_fields {
	padding-left: 0px;
}


ul.gfield_radio {
	display: block;
	margin-top: 30px;
	margin: 0;
    padding: 0;
    margin: auto;
}

ul.gfield_radio li  {
	margin-top: 30px;
	margin-right: 15px;
	display: block; 
	float: left;
	width:120px;
	background-color: #b5bea2;
	text-align: center;
	height:110px;
	padding-top: 10px;
	border-radius:5px;
/*	cursor: pointer;*/
}

ul.gfield_radio li:last-child {
	margin-right: 0px;
}

input[type="submit"] {
	position: absolute;
	width:200px;
   	background-color: #247288;
   	padding: 15px;
   	border:none;
   	border:solid 1px #247288;
   	font-size: 16px;
   	border-radius:5px;
   	color: white;
   	font-weight:600;
   	cursor: pointer;
   	right:0px;
	background-image:url(images/next.png);
	background-position: right center;
	background-repeat: no-repeat;  
}

/* GUAGE */

#guage {
	position: relative;
	width:100%;
	margin-top: 50px;
	min-height:209px;
	background-image: url(images/guage.png);
	background-repeat:no-repeat;
}

#guage h4, #guage p, .addthis_sharing_toolbox  {
	padding-left: 230px;
}

#needle {
	position: absolute;
	top:0px;
	left:0px;
	width:209px;
	height:209px;
	background-image: url(images/dial.png);
}

.column.two{
	padding-bottom: 50px;
} 

.graph {
	margin-top: 30px;
	margin-bottom: 30px;
}

p.figures {
	font-size: 80px;
	margin-bottom:0px;
	font-weight: 700;
}

p.figures.two {
	color:#890c0c;
}

p.figures.one {
	color:#1f5f75;
}

p.hidden {
	display:none;
}

.data {
	width:100%;
}

.data p {
	color:#1f5f75;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.data.two p {
	color:#890c0c;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.data.three p {
	color:#4e6620;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.data-label {
	width:60%;
	float:left;
}

.data-label p {
	text-align: right;
	margin-right: 30px;
	margin-top: 20px;
}

.data.three .data-label p {
	text-align: right;
	margin-right: 30px;
	margin-top: 36px;
}

.data.two .data-label p {
	text-align: right;
	margin-right: 30px;
	margin-top: 35px;
}

.data-bar-cont {
	width:40%;
	float:left;
}

.data-bar {
	height:50px;
	width:0px;
}

.data-bar.two {
	height:100px;
	width:0px;
}

.data-bar.three {
	height:100px;
	width:0px;
}

.data-bar p {
	font-weight: 700;
	line-height: 50px;
	color:white;
	text-align: right;
	margin-right: 10px;
}

.data-bar.two p {
	color:white;
}

.data-bar.three p {
	color:white;
}

#compare .data-bar.cs {
	background-color: rgba(255, 153, 36, 0.52)
}

#compare {
	display:none;
}

#compare.show {
	display:inline;
}


h2.result {
	color:white;
	font-size: 20px;
	position: absolute;
	top:90px;
	left:140px;
}

.gf_step, .gf_step_number {
	display: none;
}

.gf_step.gf_step_active {
	display: inline;
	width:100%;
	line-height: 50px;
	margin-left: 2%;
	color: #b7d7ab;
}

.validation_error {
	color:white;
	background-color: #3e521a;
	margin-top: 20px;
	margin-bottom: -20px;
	padding-bottom: 10px;
	z-index: 10000;
	text-align: center;
}

.gfield_description {
	float:left;
	margin-top: 10px;
	color:white;
}

#field_1_41, #field_1_7{
	display: none;
}

.screenshot {
	width:35%;
	height:350px;
	background-image: url(images/screen.png);
	background-repeat: no-repeat; 
	background-size: 100% auto;
	float:right;
}

.fixed-width.two {
	width:95%;
	max-width:690px;
	padding: 0 0;
}

span.gfield_required {
	display:none;
}

.addthis_sharing_toolbox {
	padding-bottom:30px;
}