﻿/* ##

	Table of contents

	1.0 Base tyles
	2.0 Header
		2.1 Navigation, Logo
	3.0 Footer
	
	4.0 Home Sections
		4.1 Callout
		4.2 Features
		4.3 Numbers
		4.4 Acme
		4.5 Better
		4.6 Trial
		
	5.0 Pricing
		5.1 Try Free
		5.2 Case Study
		5.3 Testimonials
		5.4 Compare
		5.5 Call to action
		
	6.0 Product Features
		6.1 Callout
		6.2 How We Help
		6.3 Valid Business
		6.4 Security
		6.5 Privacy
		6.6 Increase Trust
		6.7 FAQ
		6.8 Call to Action
		
	7.0 Common styles
## */


/* ## 1.0 Base styles ## */
* { box-sizing: border-box; }

body {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	padding: 0; margin: 0;
	font-size: 15px;
	line-height: 1.6;
	color: #333;
	
}

h1,h2,h3,h4,h5,h6,p,ul,ol,li { margin: 0; padding: 0 }
ul,ol { list-style: none }

h1, h2, h3  { font-family: 'Rokkitt', Arial, Helvetica, sans-serif; font-weight: normal; }

.wrapper {
	width: 960px;
	margin: 0 auto;
	position: relative;
}

.btn {
  display: inline-block;
  padding: 6px 50px;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 400;
  text-align: center;
	text-decoration: none;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 8px;
	
	line-height: 1.7 !important;
	
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.45);
	-moz-box-shadow:    0px 0px 10px 0px rgba(0, 0, 0, 0.45);
	box-shadow:         0px 0px 10px 0px rgba(0, 0, 0, 0.45);

  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
       -o-user-select: none;
          user-select: none;
}

.btn-primary {
	background-image: -webkit-gradient(linear, left 0%, left 100%, from(#23b6f0), to(#1494e3));
  background-image: -webkit-linear-gradient(top, #23b6f0, 0%, #1494e3, 100%);
  background-image: -moz-linear-gradient(top, #23b6f0 0%, #1494e3 100%);
  background-image: linear-gradient(to bottom, #23b6f0 0%, #1494e3 100%);
  background-repeat: repeat-x;
  border: #none;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#23b6f0', endColorstr='#1494e3', GradientType=0);
	color: #fff;
}

.btn-default {
	background-image: -webkit-gradient(linear, left 0%, left 100%, from(#e1f5f1), to(#d1f1eb));
  background-image: -webkit-linear-gradient(top, #e1f5f1, 0%, #d1f1eb, 100%);
  background-image: -moz-linear-gradient(top, #e1f5f1 0%, #d1f1eb 100%);
  background-image: linear-gradient(to bottom, #e1f5f1 0%, #d1f1eb 100%);
  background-repeat: repeat-x;
  border: #none;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e1f5f1', endColorstr='#d1f1eb', GradientType=0);
	color: #333;
}

.btn-dark {
	background: #45535A;
  border: #none;
	color: #fff;
	box-shadow: none;
}
.btn-dark:hover { box-shadow: none !important }

.btn-success {
	background-image: -webkit-gradient(linear, left 0%, left 100%, from(#7cc176), to(#40a136));
  background-image: -webkit-linear-gradient(top, #7cc176, 0%, #40a136, 100%);
  background-image: -moz-linear-gradient(top, #7cc176 0%, #40a136 100%);
  background-image: linear-gradient(to bottom, #7cc176 0%, #40a136 100%);
  background-repeat: repeat-x;
  border: #none;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7cc176', endColorstr='#40a136', GradientType=0);
	color: #fff;
}

.btn-220 { width: 220px; padding: 10px 0;}

.btn:hover {
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
	-moz-box-shadow:    0px 0px 10px 0px rgba(0, 0, 0, 0.25);
	box-shadow:         0px 0px 10px 0px rgba(0, 0, 0, 0.25);
	opacity: 0.95;
}

.clearfix{ clear: both }

.pull-left { float: left ; margin-left: 0 }
.pull-right { float: right; margin-right: 0 }

.text-center { text-align: center }
.text-left { text-align: left }
.text-right { text-align: right }

.text-green { color: #46ab3b  !important; }
.text-grey { color: #444 !important; }


/* ## 2.0 Header ## *
/* ## 2.1 Navigation, Logo ## */

header {
	background-color: #1c6e13;
	height: 122px;
}

nav {
	width: 520px;
	float: right;
	text-align: right;
	padding-top: 75px;
	line-height: 1;
}

nav li {
	display: inline-block;
	padding:0 0 0 30px;
	text-transform: uppercase;
}

nav li a { color: #fff; text-decoration: none }
nav li a:hover { text-decoration: underline }

.seal {
    position: absolute;
    top: 40px;
    left: 450px;
}
.logo { position: absolute; top: 25px; }
.logo, .logo a { width: 321px; height: 73px; display: block; }
.logo a { background-image: url(/images/logo.png); text-indent: -2400px }


header .chat {
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	background: url(/images/header_ico_chat.png) no-repeat 14px 10px #145f0c;
	width: 140px; height: 40px;
	display: block;
	line-height: 40px;
	color: #fff;
	font-size: 14px;
	text-decoration: none;
	text-transform: uppercase;
	
	position: absolute;
	top: 0px; right: 0px;
	padding-left: 48px;
}

header .phone {
	position: absolute;
	top: 0px; right: 140px;
	width: 140px;
	color: #fff;
	line-height: 40px;
	text-align: center;
}

/* ## 3.0 Footer ## */
footer {
	background: #333333;
	padding: 30px 0 0 0;
	color: #fff;
	line-height: 1.8;
	font-size: 14px;
}
footer h3 { font-size: 20px; font-weight: bold; margin-bottom: 10px; }
footer a { color: #fff; text-decoration: none }

.footer-nav a:hover { text-decoration: underline }

footer p:last-child {
	border-top: solid 1px #5c5c5c;
	text-align: center;
	font-size: 12px;
	padding: 20px 0;
	margin-top: 20px;
}

footer .social-media li { display: inline-block; margin-left: 10px; }
footer .social-media a {
	background: url(/images/social-media-icons.png) no-repeat;
	width: 42px; height: 42px;
	display: block;
}

footer ul.contact li{ width: 50%; float: left }
footer ul.contact li:last-child { width: 50%; float: right }
footer ul.contact a.chat { background: url(/images/footer_ico_chat.png) no-repeat center left; padding-left: 25px; }
footer ul.contact a.email { background: url(/images/footer_ico_email.png) no-repeat center left; padding-left: 25px; }
footer ul.contact a.contactlink { padding-left: 25px; }
footer ul.contact span.phone { padding-left: 25px; }


footer .social-media a.facebook { background-position: left center; }
footer .social-media a.twitter { background-position: -53px center; }
footer .social-media a.google { background-position: -106px center; }
footer .social-media a.linkedin { background-position: -160px center; }




/* ## 4.0 Home Sections ## */
section, header, footer { max-width: 1200px; margin: 0 auto; }

/* ## 4.1 Callout ## */
#callout { background: url(/images/callout_pattern.png); height: 460px; padding-top: 40px; text-align: center; color: #fff; }
#callout h2 { font-size: 70px; line-height: 1.2; margin-bottom: 50px; }
.call-to-action span { display:inline-block; font-size: 24px; padding: 0 15px; }



/* ## 4.2 Features ## */
#features { background: url(/images/features_bg.png) bottom left repeat-x; }

#features .bg_image { background: url(/images/features_image.png) no-repeat right bottom; padding-bottom: 40px; }

#features .features-icons { position: absolute; top: -100px; z-index: 3;}
#features .feature { text-align: center; padding: 0 10px !important; margin: 0; }
#features .feature:nth-child(2)  { margin: 0 150px !important; }
#features .feature h3  { font-size: 32px; color: #46ab3b; font-weight: bold }

#features .feature .icon-holder {
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	border-radius: 100px;
	border: solid 10px #fff;
	width: 200px; height: 200px;
	line-height: 220px;
	cursor: pointer;
}

#features .feature .icon-holder span {
	line-height: 1.5 !important;
	display: block;
	font-size: 16px;
	padding: 50px 20px 0 20px;
}



#features .feature .icon-holder-1 { background-color: #e6eaec }
#features .feature .icon-holder-2 { background-color: #d1f1eb }
#features .feature .icon-holder-3 { background-color: #fcedb2 }


.features-content { padding-top: 180px  }

#features h2 { font-size: 60px;  color: #46ab3b }

#features ul.hiw li {
	font-size: 18px;
	padding-bottom: 20px;
}
#features ul.hiw li span {
		-moz-border-radius:21px;
		-webkit-border-radius: 21px;
	border-radius: 21px;
	background-color: #46ab3b;
	color: #fff;
	font-family: 'Rokkitt', Arial, Helvetica, sans-serif;
	font-size: 32px;
	text-align: center;
	width: 42px; height: 42px; line-height: 42px;
	display: inline-block;
	margin-right: 10px;
}

#features .more {	
	font-family: 'Rokkitt', Arial, Helvetica, sans-serif;
	font-size: 26px;
	line-height: 1.4;
	padding: 105px 0 0 0;
}

#features .learn-more {
	color: #46ab3b;
	display: inline-block;
	text-decoration: none;
}
#features .learn-more img { vertical-align: middle; margin-top: -3px; }



/* ## 4.3 Numbers ## */
#numbers { background: url(/images/numbers_image.png) no-repeat right bottom #46ab3b; padding: 30px 0 15px 0; color: #fff }
#numbers h2 { font-size: 60px; color: #fff }
#numbers .urls a { color: #fff; }
#numbers .urls { font-size: 12px }
#numbers .stats li {
	background-repeat: no-repeat;
	background-position: left center;
	color: #fff;	
	font-size: 22px;
	line-height: 1.3;
	
	height: 145px;
	padding-left: 145px;
	margin: 25px 0 30px 0;
}
#numbers li.nr-1 {background-image: url(/images/numbers_1.png);}
#numbers li.nr-2 {background-image: url(/images/numbers_2.png);}
#numbers li.nr-3 {background-image: url(/images/numbers_3.png);}
#numbers li.nr-4 {background-image: url(/images/numbers_4.png);}
#numbers li .big { font-size: 60px; display: block }
#numbers li .big span { font-size: 20px; vertical-align: super; }




/* ## 4.4 Acme ## */
#acme {
	background-color: #575757;
	padding: 35px 0;
	color: #fff;
	text-align: center;
	font-size: 19px;
}

#acme h3 { font-size: 30px; margin-bottom: 15px; }
#acme h3 img { vertical-align: middle }



/* ## 4.5 Better ## */
#better { background-color: #d6f2d3; padding: 30px 0 0 0; }
#better .wrapper { background: url(/images/better_image.png) no-repeat center right;  min-height: 400px; }
#better h2 { font-size: 60px; color: #46ab3b }
#better li { background: url(/images/better_check.png) no-repeat center left; font-size: 24px; line-height: 2.2; padding-left: 45px; }



/* ## 4.6 Trial ## */
#trial {	padding: 50px 0 70px 0; }
#trial .wrapper {
	background: url(/images/trial_image.png) no-repeat top right;  min-height: 280px;
}
#trial h2 { font-size: 60px; color: #46ab3b }
#trial ul { margin-bottom: 30px }
#trial li { background: url(/images/better_check.png) no-repeat center left; font-size: 28px; line-height: 1.8; padding-left: 45px; }



/* ## 5.0 Pricing ## */
/* ## 5.1 Try Free ## */
#pr_try { padding: 50px 0; text-align: center; background-color: #f9f9f9; }

#pr_try h2 { font-size: 60px; color:#46ab3b; line-height: 1; }
#pr_try h2:first-child { font-size: 54px }
#pr_try .callout_text { font-size: 38px; 	font-family: 'Rokkitt', Arial, Helvetica, sans-serif; font-weight: normal; }

#pr_try .call-to-action { padding: 40px 0 }


.try-content { font-size: 24px; line-height: 1.3; text-align: left; }
.try-content li { background: url(/images/better_check.png) no-repeat center left; line-height: 1.8; padding-left: 45px; }


/* ## 5.2 Case Study ## */
#pr_study {
	background: #e1f2f0;
	padding: 50px 0 30px 0;
	min-height: 520px;
	font-size: 18px;
}
#pr_study h2 { font-size: 70px; color:#46ab3b; line-height: 1; }

#pr_study .sitename { font-size: 30px; font-weight: normal }
img.hotelscheap {
	position: absolute;
	right: -20; top: 80px;
	z-index: 10;
}




/* ## 5.3 Testimonials ## */
#pr_testimonials {
	background: #46ab3b;
	padding: 30px 0;
	color: #fff;
}
.home_testimonials {
	background: #575757 !important;
	padding: 60px 0 30px 0 !important;
	color: #fff;
}

#pr_testimonials h2 { font-size: 70px; }

.quote { padding-bottom: 40px }
.quote > strong { display: block; font-weight: normal }

#pr_testimonials blockquote {
	padding:0; margin: 0;
	position: relative;
	font-size: 20px;
	line-height: 1.2;
	margin-bottom: 15px;
}
.lquote { background: url(/images/l_quote.png) no-repeat; width: 20px; height: 15px; position: absolute; left: -30px; top: 0px; }

.quote strong { font-weight: bold }


/* ## 5.4 Compare ## */
#pr_compare {
	background: #e1f2f0;
	padding: 45px 0 60px 0;
}

#pr_compare h2 { font-size: 70px; color: #46ab3b; }

#pr_compare p.description { 
	font-size: 20px;
	padding-bottom: 20px;
}

.compare-table {
	margin: 0; border: none;
	width: 100%;
	text-align: left;
	font-family: 'Rokkitt', Arial, Helvetica, sans-serif;
	font-size: 30px;
}
.compare-table td, .compare-table th { background: #fff; padding: 5px 20px; }
.compare-table th { color: #46ab3b }


/* ## 5.5 Call to action ## */
#pr_cta {
	background: #65b45d;
	padding: 45px 0 80px 0;
	text-align: center;
	color: #fff;
}

#pr_cta h2 { font-size: 70px; margin-bottom: 20px; }




/* ## 6.0 Product Features */
/* ## 6.1 Callout */
#product_callout {
	background: url(/images/product_callout_bg.jpg);
	height: 400px;
	color: #fff;
	padding: 40px 0;
	font-family: 'Rokkitt', Arial, Helvetica, sans-serif;
	line-height: 1;
}

#product_callout h2 { font-size: 78px; margin-bottom: 25px }
#product_callout p { font-size: 60px }



/* ## 6.2 How We Help */
#product_help { padding: 40px 0; font-size: 27px; line-height: 1.2; }
#product_help h2 { font-size: 60px;  color: #46ab3b }
		
#product_help .feature img { margin-bottom: 10px }
#product_help .feature h3 { font-size: 36px; color: #46ab3b; }
#product_help .feature strong { font-size: 26px; color: #666; display: block; margin-bottom: 10px; }
#product_help .feature p { font-size: 23px }

#product_help .call-to-action { margin: 20px 0 }


/* ## 6.3 Valid Business */
#product_valid {
	background: url(/images/valid_bg.jpg) no-repeat center right #DBEEEC;
	padding: 40px 0;
	min-height: 507px;
}
#product_valid h2 { font-size: 60px;  color: #46ab3b }
#product_valid p { font-size: 26px; line-height: 1.2 }


/* ## 6.4 Security */
#product_security {
	background: url(/images/security_bg.jpg) no-repeat left center #46ab3b;
	padding: 40px 0;
	min-height: 514px;
	color: #fff;
}
#product_security h2 { font-size: 60px; }
#product_security p { font-size: 26px; line-height: 1.2 }





/* ## 6.5 Privacy */
#product_privacy{
	background: url(/images/privacy_bg.png) no-repeat center right #474F5A;
	padding: 40px 0;
	min-height: 507px;
	color: #fff;
}
#product_privacy h2 { font-size: 60px;  color: #fff }
#product_privacy p { font-size: 26px; line-height: 1.2 }




/* ## 6.6 Increase Trust */
#product_trust {
	background: url(/images/trust_bg.png) no-repeat center right #E6EAEC;
	padding: 40px 0;
	min-height: 507px;
}
#product_trust h2 { font-size: 60px;  color: #46ab3b }
#product_trust p { font-size: 26px; line-height: 1.2 }




/* ## 6.7 FAQ */
#product_faq {
	background: url(/images/faq_bg.png) no-repeat right 150px #fff;
	padding: 40px 0;
	line-height: 1.2;
}
#product_faq h2 { font-size: 60px;  color: #46ab3b; margin-bottom: 20px; }
#product_faq .faq li {
	border-bottom: solid 1px #ddd;
	padding-bottom: 25px; margin-bottom: 25px;
}
#product_faq .faq h4 {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-weight: normal;
	color: #46ab3b;
	margin-bottom: 10px;
}
#product_faq .faq p { font-size: 17px;text-align:justify }

/* ## 6.7 FAQ */
#privacy {
	padding: 40px 0;
	line-height: 1.2;
}
#privacy h2 { font-size: 60px;  color: #46ab3b; margin-bottom: 20px; }

#privacy h3 {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-weight: normal;
	color: #46ab3b;
	margin-bottom: 10px;
}



#privacy h4 {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #46ab3b;
	margin-bottom: 10px;
    margin-left: 10px;
}
#privacy h5 {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	color: #46ab3b;
	margin-bottom: 10px;
    margin-left: 10px;
}
#privacy p { font-size: 17px;margin:15px }
#privacy li { font-size: 15px;margin: 10px;margin-left: 20px; }

#terms {
	padding: 40px 0;
	line-height: 1.2;
}
#terms h2 { font-size: 60px;  color: #46ab3b; margin-bottom: 20px; }

#terms h3 {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-weight: normal;
	color: #46ab3b;
	margin-bottom: 10px;
}



#terms h4 {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #46ab3b;
	margin-bottom: 10px;
    margin-left: 10px;
}
#terms h5 {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	color: #46ab3b;
	margin-bottom: 10px;
    margin-left: 10px;
}
#terms p { font-size: 17px;margin: 15px;text-align:justify }
#terms li { font-size: 15px;margin: 10px;margin-left: 20px; }




/* ############################################### */

/* Contact */

#contact_section {
	background: #62af5a;
	color: #fff;
	padding: 50px 0;
	text-align: center;
}


#contact_section h2 {
    font-size: 72px;
    line-height: 1.2;
    margin-bottom: 10px;
}

#contact_section .q1 { font-size: 40px; font-family: 'Rokkitt', Arial, Helvetica, sans-serif; }
#contact_section .q2 { font-size: 35px; margin-bottom: 50px }	
#contact_section a { color: #fff }
		
		
#contact_section .icon-holder {
	-moz-border-radius: 90px;
	-webkit-border-radius: 90px;
	border-radius: 90px;
	border: solid 10px #fff;
	width: 180px; height: 180px;
	line-height: 180px;
	text-align: center;
	border: solid 5px #fff;
	color: #fff;
	display: inline-block
}

#contact_section .icon-holder-1 { background: url(/images/contact_1.png) center center no-repeat #d6dce0; }
#contact_section .icon-holder-2 { background: url(/images/contact_2.png) center center no-repeat #d6dce0; }
#contact_section .icon-holder-3 { background: url(/images/contact_3.png) center center no-repeat #d6dce0; }
#contact_section .icon-holder-4 { background: url(/images/contact_4.png) center center no-repeat #d6dce0; }

#contact_section .grid_3 strong { font-size: 30px; font-family: 'Rokkitt', Arial, Helvetica, sans-serif; display: block }
#contact_section .grid_3 span { font-size: 21px; text-align: center; }


#section_map {
	background: #fff;
	text-align: center;
	padding: 40px;
}

#section_map h2 {
	color: #46AB3B;
    font-size: 50px;
}

.map-holder { 
	width: 940px;
	height: 600px;
	margin: 30px auto;
}
		
		
.seal-code {
	background: #ffffcc;
	padding:16px 8px;
	font-size: 16px;
    }
		
		

/* 8.0 1Buck Landing Page */

.btn-lg {
  padding: 10px 50px;
  margin-bottom: 0;
  font-size: 28px;
}



section.onebuck-cta-section {
	background: #fff !important;
	color: #46ab3b !important;
}

section.onebuck-hero {	background: #e1f2f0 !important; }
section.onebuck-hero h2 { font-size: 74px !important; }
section.onebuck-hero img {
	vertical-align: middle;
	margin: 30px 20px 10px 20px;
}

section.hero-cta {
	font-size: 34px;
	font-family: 'Rokkitt', Arial, Helvetica, sans-serif;
	line-height: 1.2;
	padding: 50px;
}

section.onebuck-video {
	background: #e6eaec;
	padding: 20px 0 15px 0;
}


section.onebuck-hiw { background: #fff !important; }
section.onebuck-hiw p { font-size: 28px !important }

section.onebuck-help { background: #e1f2f0 !important; }

.onebuck-arrow-cta {
	background: url(/images/onebuck/1buck-arrow.png) center top no-repeat #fff;
	padding: 95px 0 70px 0;
}






