@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

.clearfix:after { content: "\00A0"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.clearfix{ display: inline-block;}
html[xmlns] .clearfix { display: block;}
* html .clearfix{ height: 1%;}
.clearfix {display: block}

.fluid {
	clear: both;
	margin:0;
	width: 100%;
	float: left;
	display: block;
}

.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;        
}

/* Mobile Layout: 480px and below. */
  
.gridContainer {
	margin: 0;
	padding:0;
	clear: none;
	float: none;
}
#div1 {
}
.zeroMargin_mobile {
    margin-left: 0;
}
.hide_mobile {
    display: none;
}

/* Start CK Styles */
/*html { 
  background: url(images/bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}*/

a:link {color:#fff;}      /* unvisited link */
a:visited {color:#fff;}  /* visited link */
a:hover {color:#fff;}  /* mouse over link */
a:active {color:#fff;}  /* selected link */

div {
    box-sizing: border-box;
}

body{
	font-family:'open-sans', sans-serif;
/*	background: none repeat scroll 0 0 #e6e1d7;*/
    color: #1F2321;
    overflow-x: hidden;
	margin: 0;
}
.dwidth{
    width:98%;
}
#section_1{
	background:url(../images/background_img.png) no-repeat center;
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
	width:100%;
	height:510px;
	display:block;
	margin-left:0;
	margin-right:0;
	margin-top:0px;
    padding:20px 0px 0px 0px;
	color:#e6e1d7;
}
#section_1b{
	text-align:center;
    padding:60px 0px 20px 0%;
    display:block;
	background-color:#e6e1d7;
}
#section_2{
    display:block;
	background-color:#e6e1d7;
    min-height:1100px;
}

#section_3{
    display:block;
	background-color:#e6e1d7;
    min-height:1060px;
    height:100vh;
}
#section_4{
    display:block;
	background-color:#e6e1d7;
}
#section_5{
    display:block;
	background-color:#e6e1d7;
    min-height:1400px;
    height:100vh;
}
#footer{
    padding:0px;
	display:block;
	background:#3b3b3b;
	min-height:300px;
    text-align:center;
    position:relative;
    color:#fff;
}

.title{
	text-align:center;
    margin:0px auto;
}
.title h1{
    width:300px;
    margin:30px auto;
}
.centerwrapper {
    margin: auto;
/*  width: 480px;*/
}
 
h1 {
    font-family: league-gothic, sans-serif;	
    font-size:40px;
	font-weight:100;
	color:#545759;
    line-height:34px;
}

h2 {
	font-size:22px;
	font-weight:600;
}

h3 {
    font-size:58px;
    font-family: league-gothic, sans-serif;	
    font-weight: 100;
    line-height: 54px;
    margin-bottom:0px;
    margin-top:20px;
	color:#545759;

}

p {
	font-size:16px;
	line-height:20px;
}

.book_btn {
	display:block;
	background-color:#ff9e15;
	height: 38px;
	width: 140px;
	-moz-border-radius: 19px;
	border-radius: 19px;
	text-align:center;
	font-size:19px;
	line-height:38px;
	color:#fff;
	margin-top:20px;
	cursor:pointer;
	text-decoration:none;
}

.book_btn:hover{
	background-color:#C96C1B;
}
.bb_intro{
    margin:30px auto;
}
.logo {
    background:url(../images/ac_logo_161x101.png);
	display:block;
	width:161px;
	height:101px;
}

.social_media{
    margin:40px auto 20px auto;
	padding: 5px;
    width:105px;
	height:36px;
	float:none;
}

.fb_icon {
    width:24px;
    height:27px;
	background:url(../images/fb_icon.png);
    float:left;
    margin-right:10px;
    display:block;
}
.tw_icon {
    width:24px;
    height:27px;
	background:url(../images/tw_icon.png);
    float:left;
    margin-right:10px;
    display:block;
}
.instagrm_icon {
    width:24px;
    height:27px;
	background:url(../images/instagrm_icon.png);
    float:left;
    display:block;
}

.hnav_container {
	float:left;
	line-height:4px;
	position:fixed;
	z-index:2;
	display:inline;
	visibility:hidden;
	width:auto;
	top:0;
}
.hnav_container ui {
	list-style-type:none;
	display:inline;
	text-decoration:none;
	float:left;
}

.hnav_container li {
	display:inline;
    font-size: 14px;
	padding-right: 20px;
}

.hnav_container li a {
	color:#fff;	
    text-decoration: none;
}

.greentext {
	color:#cede00;
	margin-left:6px;
}

.header_phone {
	right:2%;
	width:auto;
	line-height:45px;
	position:fixed;
	z-index:10;
	display:inline;
	color:#e6e1d7;
	font-size:18px;
	visibility:hidden;
	top:0;
    height:auto;
    min-height:45px;
}

.header_phone_short {
	right:2%;
	width:auto;
	line-height:45px;
	position:fixed;
	z-index:10;
	display:inline;
	color:#e6e1d7;
	font-size:14px;
	visibility:hidden;
	top:0;
}

.intro_map{
	background:url(../images/line_map_illustration.png) no-repeat;
	background-size:300px auto;
	display:none;
	width:300px;
	height:85px;
    visibility: hidden;
}
.learn_more{                        background:url(../images/learn_more_prompt.png);
	display:block;
	width:85px;
	height:82px;
    margin-top:50px;
    position:relative;
}

.sec1b_content h2{
    margin-bottom:50px;
}
.sec1b_content p{
    margin-bottom:50px;
    padding:0px 10% 0px 10%;
}

.welcome_img-bike{
	background:url(../images/welcome_img-bike.png);
	display:block;
	width:143px;
	height:63px;
	margin-bottom:20px;
}

.welcome_img-girls{
	background:url(../images/welcome_img-girls.png);
	display:block;
	width:118px;
	height:77px;
	margin-bottom:20px;
}

.welcome_img-leaves{
	background:url(../images/welcome_img-leaves.png);
	display:block;
	width:83px;
	height:75px;
	margin-bottom:20px;
}

.learn_more_prompt2{
	background:url(../images/learn_more_prompt2.png);
	display:block;
	width:89px;
	height:39px;
    margin-top:80px;
}

.sect_div{
    float:left;
    width:100%;   
    margin:50px 0px 40px 0px;
    position:relative;
    clear:both;
}

.sect_div_logo{
    width:82px;
    height:52px;
    background:url(../images/svg/ac_sect_logo.svg);
    display:block;
    float:left;
    margin:0px 20px 0px 20px;
}

.dotted_line{
    background:url(../images/svg/dashed_line.svg) repeat-x;
    display:block;
    height:1px;
    margin-left:120px;
    margin-top:44px;
}
.examples{
	width: 90%;
	position:relative;
    padding:0px;
    margin:0px auto;
}

.examples p{
    width:50%;
    margin-bottom:50px;
    float:left;
    font-size:15px;
}
.examples h1{
    margin-bottom:50px;
    padding-top:20%;
}
.examples h2{
    width:50%;
    float:left;
    margin:0px 0px 0px 0px;
    line-height:20px;
    font-size:18px;
}
.examples img{
    width:100px;
    float:left;
    margin:0px 20px 0px 0px;
    padding-bottom:100px;
}

.services_container_1{
    float:left;
	width: 100%;
    clear:both;
}

.services_container_2{
    float:left;
	width: 100%;
    clear:both;
}
.services_container_3{
    float:left;
	width: 100%;
    clear:both;
}
.services_container_4{
    float:left;
	width: 100%;
    clear:both;
}
.sec3_content{
    margin:0px auto 0px auto;
    width:100%;
}
.s3_text_container{
	width:90%;
	margin:0px auto 60px auto;
}

.s3_photo_gallery{
    margin:40px auto;
    height:auto;
}
.gallery_item{
    float: left;
	width:130px;
	height:130px;
	margin:  0px 0px 16px 5%; 
}

.gallery_item img {
    max-width: 100%;
}
.sec4_content{
    margin:0px auto;
    width:90%;
    position: relative;
    float:none;
    clear:both;
}

.quote{
    font-size:11px;
    line-height:15px;
    margin: 0px 0px 0px 0px;
}

.bike_branding_diagram{
    width:100%;
    height:auto;
    margin:40px 0px 40px 0px;
}

.sec5_content{
    margin:0px 4%;
    width:90%;
    float:none;
    clear:both;
}
.speech_bubble_area{
    box-sizing:border-box;
    width:100%;
    display:block;
    height:auto;
    background-color:#e6e1d7;
    margin:0;
    padding:20px 00px 20px 00px;
}

.speech_bubble_area p{
    font-size:20px;
    line-height:26px;
}

.bubble_shape {
    background-color: #fff;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    display:block;
    width:100%;
    height:100%;
    box-shadow: 0px 5px 0px 0px #bbb3a4;
    position:relative;
    padding:1px 20px 4px 20px;
    margin-bottom:20px;
}

.bubble_arrow{
    bottom:-24px;
    background:url(../images/speech_bubble_Arrow.png) no-repeat center;
    width:19px;
    height:24px;
    display:block;
    position:absolute;
    margin-left:20%;
}

.booking_bullets{
    width:100%;
    float:left;
    clear:right;
    min-height:46px;
    height:auto;
    position:static;
}

.booking_bullets p{
    margin-left:56px;
}
.booking_bullets a{
    color:#a4b011;
    font-size:24px;
    line-height:18px;
}

.bullet{
    background:url(../images/arrow.png);
    width:42px;
    height:22px;
    display:block;
    float:left;
    margin:15px 14px 30px 0px;
}
.contact_phone{
    font-size:24px;
    line-height:18px;
}

.input_area{
    float:left;
    clear:both;
    margin:20px auto 0px auto;
    width:100%;
    height:auto;
    min-height:300px;
    position:static;
    text-align:center;
}

.input_email {
    outline:none; 
    font-family: open-sans, sans-serif;
    font-size: 13px;
    color:#545759;
    padding-left: 10px;
    border: 0px;
    border-radius: 3px;
    -moz-box-shadow: inset 1px 1px 4px #000000;
    -webkit-box-shadow: inset 1px 1px 4px #000000;
    box-shadow: inset 1px 1px 4px #000000;
    background-color:#fff;
    position: relative;
    height: 30px;
    width: 245px;
    border-style:solid;
    border-width:4px;
    border-color:#cdc6b8;
    position:relative;
    margin-bottom:0px;
}

.input_message {
    margin-top:4px;
    font-family: open-sans, sans-serif;
    outline:none;    
    font-size: 13px;
    color:#545759;
    padding-left: 10px;
    padding-top:8px;
    border: 0px;
    border-radius: 3px;
    -moz-box-shadow: inset 1px 1px 4px #000000;
    -webkit-box-shadow: inset 1px 1px 4px #000000;
    box-shadow: inset 1px 1px 4px #000000;
    background-color:#fff;
    position: relative;
    height: 150px;
    width: 245px;
    border-style:solid;
    border-width:4px;
    border-color:#cdc6b8;
    position:static;
}
.inquire {
    width:200px !important;
    margin-bottom:100px;
    margin:20px auto 60px auto;
}

.site_map{
    margin:20px auto;
    text-align:center;
    width:400px;
    float:none;
}

.copyright{
    padding-top:30px;
    position:relative;
}
.copyright p{
    font-size:10px;
}

.footerspacing{
   padding-bottom:0px;
}
.return{
    text-align:center;
    padding:15px 0px 60px 0px;
}
.return a{
    color:#3b3b3b;
    font-size:14px;
}
/* Tablet Layout: 320px to 481px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 320px) {
.examples p{
    width:56%
}    
.examples h2{
    width:56%;
}
}


/* Tablet Layout: 481px to 606px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {

.gridContainer {
	margin-left:0;
	margin-right:0;
	width:100%;
	padding-left:0;
	padding-right:0;
	clear: none;
	float: none;
}
#div1 {
}
.zeroMargin_tablet {
    margin-left: 0;
}
.hide_tablet {
    display: none;
}
    


.examples{
    padding:0px;
    margin:0px auto;
}


.speech_bubble_area{
    width:481px;
}
}

/* Tablet Layout: 606px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 606px) {

.intro_map{
    display:block;
    visibility: visible;
}
.title h1{
    width:auto;
}
.learn_more{
    margin-top:-30px;
}

.examples{
    margin:20px auto;
    width:70%;
}
.examples img{
    width:auto;
}
.dwidth{
    width:80%;
}

.sec5_content{
    width:90%;
}

}


/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {

.gridContainer {
    box-sizing:border-box;
	width: 88.5%;
	padding-left: 0.75%;
	padding-right: 0.75%;
	margin-top:0px;
	clear: none;
	float: none;
	margin-left: auto;
}
#div1 {
}
.zeroMargin_desktop {
    margin-left: 0;
}
.hide_desktop {
    display: none;
}
.hnav_container {
	visibility:visible;
}

.header_phone_short{
	visibility:visible;
}
    
#section_1{
    height:607px
}   
.social_media{
    float:right;
    margin-top:0px;
    margin-right:10%
}

.title{
    margin:50px auto;
    width:84%;
}
.tagline h1{
    font-size:58px;
    line-height: 58px;
}

.learn_more{
    margin-top:5px;
}
.intro_map{
    width:518px;
    height:147px;
    background-size: 518px 147px;
}  

.sec1b_content p{
    margin-bottom:50px;
    padding:0px 30% 0px 30%;
}

#section_2 h1{
    margin-bottom:80px;
}
.examples{
    text-align: center;
    margin:0px auto 0px auto;
    width:100%;
}

.examples p{
    clear:none;
    width:160px;
    margin:0px auto 0px auto;
    font-size:13px;
    line-height: 16px;
    float:none;
    text-align: left;
}
.examples h1{
    font-size:60px;
}
.examples h2{
    width:160px;
    font-size:18px;
    float:none;
    margin:0px auto;
    text-align: left;
    padding:0px;
    font-weight:100px;
}
.examples img{
    padding:0px 0px 20px 0px;
    text-align: center;
    float:none;
    width:auto;
    
}
#section_2{
    min-height:600px;
}
.services_container_1{
    width:25%;
    clear:none;
}
.services_container_2{
    width:25%;
    clear:none; 
}

.services_container_3{
    width:25%;
    clear:none;
}

.services_container_4{
    width:25%;
    clear:none;
}
    
.s3_text_container{
    width:34%;
    float:left;
    padding-bottom:180px;
    margin-left:3%;
}

.s3_photo_gallery{
    float:right;
    width:50%;
}
.gallery_item{
    float: left;
	margin: 0px 0px 20px 2%; 
}

.sec4_content{
    padding:0px 20px 0px 20px
}
.s4_text_container{
    width:64%;
    float:left;
}
.sec5_content{
    margin:0px auto;
    padding:0px 20px 0px 20px;
    float:none;
    clear:both;
}  

.input_area{
    text-align: left;
    margin-left:54px;
}
.inquire{
    float:left;
    margin-bottom:100px;
}
.site_map{
    text-align: right;
    float:right;
    width:400px;
    clear:right;
    margin-right:20px;
}
.footersm{
    margin:180px 20px 0px 0px;
}
.copyright{
    float:left;
    margin-left:20px;
    margin-top:140px;

}

}

@media only screen and (min-width: 960px){
.header_phone {
	visibility:visible;
}

.header_phone_short{
	visibility:hidden;
}
.dwidth{
    width:960px;
}
h1{
    font-size:40px;

}
.bb_intro{
    margin-left:162px;
}
p{
    font-size:14px;
}
    
.s4_text_container{
    width:34%;
}