/*=======================================================================

	❤❤❤ Gumby Framework by Digital Surgeons. ❤❤❤
	
	*** This is where you should keep all of your design specific styles ***
 
 ========================================================================*/
 
body {
	background-color: #f5f5f5;
	/*background: url(../img/bg_site_grid.jpg) #fff center top repeat-x;*/
}
.row {
	position: relative;
}
#navigation {
	max-width: 1048px;
	padding-top: 12px;
}
#navigation .navbar .logo img {
}
#navigation .navbar > ul {
	margin-left: 240px;
	width: 70%;
}
#navigation .pretty.navbar li {
	border: 0;
	box-shadow: none;
}
#navigation .navbar > ul > li > a {
	color: #05390a;
	text-shadow: 0 1px 2px #8ad19b;
}
#navigation .navbar > ul > li:hover > a, .navbar > ul > li > a:hover {
	color: #fff;
	text-shadow: 0 1px 2px #021f05;
}
#navigation .navbar .btn {
	height: 33px;
	line-height: 33px;
	border-color: #16662b;
	margin-bottom: 0;
	display: inline-block;
	text-align: center;
}
#navigation .navbar .btn a {
	font-size: 16px;
	padding: 0 25px;
}
 @media only screen and (max-width: 1024px) {
#navigation .navbar > ul {
	margin-left: 30px;
}
}
 @media only screen and (width:768px) {
.navbar .btn a {
	padding: 0 15px;
	-webkit-transition-duration: .2s;
}
#navigation .navbar > ul {
	margin-left: 20px;
}
}
 @media only screen and (max-width: 767px) {
#nav_contain {
	padding: 0;
}
#nav_contain #navigation {
	padding-top: 0;
}
#navigation .navbar > ul {
	width: 93.75%;
}
#navigation .navbar li:last-child {
	width: 90% !important;
	padding: 0 5% 20px 5%;
}
#navigation .navbar .btn {
}
#navigation .navbar .btn a {
	padding: 0;
}
}
.subnav li {
	margin-right: 5px;
}
#masthead {
	text-align: center;/*		background: url(../img/splitcar.png) center 0px no-repeat;*/
}
#masthead article {
	position: relative;
	margin-top: 50%;
	margin-bottom: 5%;
}
#masthead h4 {
	margin-bottom: 25px;
	text-shadow: 0 0 5px rgba(178,250,196,.75), 0 0 5px rgba(178,250,196,.75);
}
#masthead ul, .sect_head h1, .sect_head p {
	margin-bottom: 0;
}
#masthead .btn a {
	height: 56px;
	line-height: 50px;
}
#masthead p a {
	color: #16662b;
}
#ver_tag {
	position: absolute;
	top: 157px;
	right: -165px;
}
.veramono {
	font-family: VeraMono;
}
 @media only screen and (max-width:768px) {
.navbar > ul {
	margin-left: 0;
	width: 100%;
}
#masthead {
	background-size: 100%;
	-webkit-transition-duration: .2s;
}
#ver_tag {
	display: none;
}
}
.social {
	width: 45%;
	margin: 0 auto;
	position: relative;
}
.social li {
	float: left;
	width: 50%;
}
#follow {
	text-align: center;
}
.twitter-follow-button {
	margin-left: 5%;
}
.sect_head {
	margin-bottom: 30px;
	text-align: center;
}
#technology {
	border: none;
}
#pg_head {
	margin-bottom: 30px;
}
#pg_head p {
	margin-bottom: 0;
}
.subnav {
	margin-top: 15px;
}
 @media only screen and (max-width: 768px) {
.social {
	width: 60%;
}
}
 @media only screen and (max-width: 767px) {
#overview h3, #technology h3, #overview p, #technology p {
	text-align: left;
}
#follow iframe {
	position: relative;
	margin-left: 0;
}
}
#customize_btn {
	text-align: center;
}
#customize_btn .special {
	display: inline-block;
}
.pg_feature {
	margin-bottom: 50px;
}
#descr_copy {
	border-right: 1px solid #8ad19b;
	padding-bottom: 20px;
}
 @media only screen and (max-width: 767px) {
#descr_copy {
	border-right: 0;
}
}
#cont_leadin {
	margin-bottom: 30px;
}
.highlight {
	background: #fdd15f;
}
.icon {
	display: inline-block;
	top: 6px;
	position: relative;
	margin-right: 10px;
}
.line {
	padding-bottom: 20px;
	margin-bottom: 30px;
	border-bottom-style: solid;
	border-bottom-color: #ddd;
}
.thin.line {
	border-width: 1px;
}
.medium.line {
	border-width: 2px;
}
.thick.line {
	border-width: 4px;
}
.row.last {
	margin-bottom: 60px;
}
/** Demo Grid Styles **/

	.demo_grid .column, .demo_grid .columns {
	background: #5dbb73;
	-webkit-box-shadow: inset 0 1px 0 #4faa65, inset 0 -1px 0 #4faa65, inset 1px 0 0 #4faa65, inset -1px 0 0 #4faa65;
	-moz-box-shadow: inset 0 1px 0 #4faa65, inset 0 -1px 0 #4faa65, inset 1px 0 0 #4faa65, inset -1px 0 0 #4faa65;
	box-shadow: inset 0 1px 0 #4faa65, inset 0 -1px 0 #4faa65, inset 1px 0 0 #4faa65, inset -1px 0 0 #4faa65;
	-webkit-transition-duration: .3s;
	-moz-transition-duration: .3s;
	-o-transition-duration: .3s;
	-ms-transition-duration: .3s;
	transition-duration: .3s;
}
.demo_grid .column:hover, .demo_grid .columns:hover {
	background: #72dd8d;
	cursor: pointer;
	-webkit-transition-duration: .3s;
	-moz-transition-duration: .3s;
	-o-transition-duration: .3s;
	-ms-transition-duration: .3s;
	transition-duration: .3s;
}
.demo_grid .row {
	margin-bottom: 25px;
	text-align: center;
}
.demo_grid .row.sixteen .row:last-child {
	margin-bottom: 0;
}
.demo_grid.small .row {
	margin-bottom: 15px;
}
.demo_grid h1, .demo_grid h2 {
	font: bold italic 220px georgia, times new roman, serif;
	color: #fbfbfb;
	letter-spacing: -.09em;
	text-shadow: 0 10px 0 #000;
	-webkit-transition-duration: 1s;
}
.demo_grid h2 {
	font-size: 21px;
	text-shadow: 0 4px 0 #000;
	font-weight: normal;
	line-height: 1.6;
}
.demo_grid p {
	margin-bottom: 0;
	-webkit-transition-duration: .2s;
	-moz-transition-duration: .2s;
	-o-transition-duration: .2s;
	-ms-transition-duration: .2s;
	transition-duration: .2s;
}
.demo_grid.small p {
	line-height: 30px;
}
.demo_grid .column:hover p, .demo_grid .columns:hover p {
	-webkit-transition-duration: .2s;
	-moz-transition-duration: .2s;
	-o-transition-duration: .2s;
	-ms-transition-duration: .2s;
	transition-duration: .2s;
}
.demo_grid .special, .demo_grid .special:hover {
	background: #daf4df;
}
.sub_doc {
	margin-bottom: 20px;
}
.skiplink {
	position: absolute;
	right: 0;
	top: 20px;
	opacity: 0;
	-webkit-transition-duration: .4s;
}
.row:hover .skiplink, .row:focus .skiplink {
	opacity: 1;
	-webkit-transition-duration: .4s;
}
.skiplink a {
	background: #eee;
	padding: 6px 15px;
	border-radius: 4px;
}
.skiplink a:hover {
	background: #ddd;
	text-decoration: none;
}
.skiplink a i {
	margin-left: 10px;
}
 @media only screen and (max-width: 480px) {
.skiplink {
	position: relative;
	display: block;
	top: 0;
}
}
.b_list {
	margin-left: 25px;
	list-style-type: disc;
}
.b_list li {
	line-height: 1.2;
}
.drawertoggle .toggle {
	display: block;
	padding: 8px 10px 8px 36px;
	background: url(../../img/icon_drawertoggle.png) #5dbb73 13px 15px no-repeat;
	color: #fff;
	border: 1px solid #05390a;
	border-radius: 4px;
	text-shadow: 0 1px 2px #05390a;
	-webkit-transition-duration: .2s;  /* Saf3.2+, Chrome */
	-moz-transition-duration: .2s;  /* FF4+ */
	-ms-transition-duration: .2s;  /* IE10 */
	-o-transition-duration: .2s;  /* Opera 10.5+ */
	transition-duration: .2s;
	font-weight: bold;
	width: 100%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: left;
}
.drawertoggle .toggle:hover {
	background-color: #72dd8d;
}
.drawertoggle .toggle.active {
	background-color: #5dbb73;
	box-shadow: inset 0 0 5px #05390a;
	-webkit-transition-duration: .2s;  /* Saf3.2+, Chrome */
	-moz-transition-duration: .2s;  /* FF4+ */
	-ms-transition-duration: .2s;  /* IE10 */
	-o-transition-duration: .2s;  /* Opera 10.5+ */
	transition-duration: .2s;
}
.drawer .container {
	padding: 20px;
}
.drawer .row:first-child {
	padding-bottom: 20px;
}
.drawer .row i {
	text-align: center;
}
.drawer .row i img {
	border-radius: 10px;
	overflow: hidden;
	border: 1px solid #000;
	box-shadow: inset 0 1px 2px #fff;
}
#toggle_example {
	height: 220px;
	position: relative;
}
#toggle_example #circle {
	position: absolute;
	left: 50%;
	background: #72dd8d;
	width: 100px;
	height: 100px;
	min-width: 100px;
	min-height: 100px;
	margin-left: -50px;
	margin-top: 50px;
	border-radius: 1000px;
	opacity: .5;
	-moz-transition-duration: .3s;
	-webkit-transition-duration: .3s;
	-ms-transition-duration: .3s;
	transition-duration: .3s;
}
#toggle_example.active #circle {
	width: 200px;
	height: 200px;
	min-width: 200px;
	min-height: 200px;
	margin-left: -100px;
	margin-top: 0;
	opacity: .8;
	-moz-transition-duration: .3s;
	-webkit-transition-duration: .3s;
	-ms-transition-duration: .3s;
	transition-duration: .3s;
}
.pricecontainer {
	float: right;
	position: relative;
}
.paybutton {
	float: right;
	position: relative;
	padding-left:0.5em;
}
.paybutton img {
	cursor: pointer;
}
.paybutton div {
	font-size: 0.75em;
	text-align:center;
	margin-top: -3px;
}
#price {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 24px;
	text-align: center;
}
#limited {
	font-size: 0.75em;
	text-align: center;
}
/** Footer styles **/
	
#credits {
	padding: 10px 0 50px 0;
	border-top: 1px solid #ddd;
}
#credits div p {
	margin-bottom: 0;
	line-height: 26px;
}
#credits .six:first-child p {
	margin-left: 3%;
}
#credits .six:last-child p:first-child {
	text-align: right;
}
footer#credits div p.btn.secondary.small {
	display: block;
	width: 20%;
	height: 26px;
	margin-right: 3%;
	border-radius: 3px;
}
footer#credits div p.btn.secondary.small a {
	display: block;
	text-align: left;
	height: 26px;
	line-height: 24px !important;
	padding: 0 15px 0 9px;
	background: url(../img/icon_button_arrow.png) 74px 9px no-repeat;
}
#credits div p.btn a:hover {
	text-decoration: none;
}
 @media only screen and (max-width: 768px) {
#credits .six:last-child p:first-child {
	width: 65%;
}
footer#credits div p.btn.secondary.small {
	width: 30%;
}
footer#credits div p.btn.secondary.small a {
	background-position: 90% 9px;
}
}
 @media only screen and (max-width: 480px) {
#credits .six:last-child {
	padding-top: 20px;
}
#credits .six:last-child p:first-child {
	text-align: center;
	margin-bottom: 5px;
}
footer#credits div p.btn.secondary.small a {
	background-position: 96% 9px;
}
}
ul.bull li {
	list-style-type:none;
	padding: 0 0 0 20px;
	background:url(../img/bull.png) no-repeat 0 7px
}
#social {
	padding: 0.5em 0 1em 0;
}
#ppsrthumb {
	padding-top: 0.5em;
}