/**
Core Front-end Styling for Aqua Page Builder

Themes should include their own styling for the blocks.
That includes for responsive design etc, please don't
ask me to add that for you. I hate responsive designs

DO NOT EDIT THIS
	
**/

/** MISC **/
.cf:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.cf{display:block;}

/** Basic grid columns 
-----------------------*/
/** 
For those who fancy fixed widths,
copy this into your theme stylesheet

[class*="aq_span"] {
	float: left;
	margin-left: 20px;
}

.aq-template-wrapper .aq_span12 {width: 940px;}
.aq-template-wrapper .aq_span11 {width: 860px;}
.aq-template-wrapper .aq_span10 {width: 780px;}
.aq-template-wrapper .aq_span9 {width: 700px;}
.aq-template-wrapper .aq_span8 {width: 620px;}
.aq-template-wrapper .aq_span7 {width: 540px;}
.aq-template-wrapper .aq_span6 {width: 460px;}
.aq-template-wrapper .aq_span5 {width: 380px;}
.aq-template-wrapper .aq_span4 {width: 300px;}
.aq-template-wrapper .aq_span3 {width: 220px;}
.aq-template-wrapper .aq_span2 {width: 140px;}
.aq-template-wrapper .aq_span1 {width: 60px;}

*/

[class*="aq_span"] {
	float: left;
	margin-left: 3%;
}

.aq-template-wrapper .aq_span1 { width:5.58%; }
.aq-template-wrapper .aq_span2 { width:14.16%; }
.aq-template-wrapper .aq_span3 { width:22.75%; }
.aq-template-wrapper .aq_span4 { width:31.33%; }
.aq-template-wrapper .aq_span5 { width:39.92%; }
.aq-template-wrapper .aq_span6 { width:48.5%; }
.aq-template-wrapper .aq_span7 { width:57.08%; }
.aq-template-wrapper .aq_span8 { width:65.67%; }
.aq-template-wrapper .aq_span9 { width:74.25%; }
.aq-template-wrapper .aq_span10 { width:82.83%; }
.aq-template-wrapper .aq_span11 { width:91.42%; }
.aq-template-wrapper .aq_span12 { width:100%; }

.aq-template-wrapper .aq-first {margin-left: 0;}

/** Blocks 
-----------------------*/
.aq-block {  }

/* clear block */
.aq-block-aq_clear_block { margin-bottom: 0px; }
.aq-block-hr-single { margin-bottom: 20px; }
.aq-block-hr-double { margin-bottom: 0px; }


/* column block */

/* To calculate the widths, use this (PHP):
echo '<pre>';

$columns = range(1,12);
$childcols = array();
foreach($columns as $column) {
	$childcols = range(1, $column);
	foreach($childcols as $childcol) {
		$class = '.aq-template-wrapper .aq_span'.$column.' .aq_span'.$childcol;
		
		$margin = 5;
		
		$width = ( 100 + $margin ) / ( $column ) * ( $childcol ) - ( $margin );
		
		$width = round($width, 2);
		
		print_r($class . ' { width:'. $width .'%; }<br/>');
	}
	
}

echo '</pre>';

**/
.aq-block-aq_column_block { margin-bottom: 0px; }
.aq-template-wrapper .aq_span1 .aq_span1 { width:100% !important; }
.aq-template-wrapper .aq_span2 .aq_span1 { width:47.5%; }
.aq-template-wrapper .aq_span2 .aq_span2 { width:100% !important; }
.aq-template-wrapper .aq_span3 .aq_span1 { width:30%; }
.aq-template-wrapper .aq_span3 .aq_span2 { width:65%; }
.aq-template-wrapper .aq_span3 .aq_span3 { width:100% !important; }
.aq-template-wrapper .aq_span4 .aq_span1 { width:21.25%; }
.aq-template-wrapper .aq_span4 .aq_span2 { width:47.5%; }
.aq-template-wrapper .aq_span4 .aq_span3 { width:73.75%; }
.aq-template-wrapper .aq_span4 .aq_span4 { width:100% !important; }
.aq-template-wrapper .aq_span5 .aq_span1 { width:16%; }
.aq-template-wrapper .aq_span5 .aq_span2 { width:37%; }
.aq-template-wrapper .aq_span5 .aq_span3 { width:58%; }
.aq-template-wrapper .aq_span5 .aq_span4 { width:79%; }
.aq-template-wrapper .aq_span5 .aq_span5 { width:100% !important; }
.aq-template-wrapper .aq_span6 .aq_span1 { width:12.5%; }
.aq-template-wrapper .aq_span6 .aq_span2 { width:30%; }
.aq-template-wrapper .aq_span6 .aq_span3 { width:47.5%; }
.aq-template-wrapper .aq_span6 .aq_span4 { width:65%; }
.aq-template-wrapper .aq_span6 .aq_span5 { width:82.5%; }
.aq-template-wrapper .aq_span6 .aq_span6 { width:100% !important; }
.aq-template-wrapper .aq_span7 .aq_span1 { width:10%; }
.aq-template-wrapper .aq_span7 .aq_span2 { width:25%; }
.aq-template-wrapper .aq_span7 .aq_span3 { width:40%; }
.aq-template-wrapper .aq_span7 .aq_span4 { width:55%; }
.aq-template-wrapper .aq_span7 .aq_span5 { width:70%; }
.aq-template-wrapper .aq_span7 .aq_span6 { width:85%; }
.aq-template-wrapper .aq_span7 .aq_span7 { width:100% !important; }
.aq-template-wrapper .aq_span8 .aq_span1 { width:8.13%; }
.aq-template-wrapper .aq_span8 .aq_span2 { width:21.25%; }
.aq-template-wrapper .aq_span8 .aq_span3 { width:34.38%; }
.aq-template-wrapper .aq_span8 .aq_span4 { width:47.5%; }
.aq-template-wrapper .aq_span8 .aq_span5 { width:60.63%; }
.aq-template-wrapper .aq_span8 .aq_span6 { width:73.75%; }
.aq-template-wrapper .aq_span8 .aq_span7 { width:86.88%; }
.aq-template-wrapper .aq_span8 .aq_span8 { width:100% !important; }
.aq-template-wrapper .aq_span9 .aq_span1 { width:6.67%; }
.aq-template-wrapper .aq_span9 .aq_span2 { width:18.33%; }
.aq-template-wrapper .aq_span9 .aq_span3 { width:30%; }
.aq-template-wrapper .aq_span9 .aq_span4 { width:41.67%; }
.aq-template-wrapper .aq_span9 .aq_span5 { width:53.33%; }
.aq-template-wrapper .aq_span9 .aq_span6 { width:65%; }
.aq-template-wrapper .aq_span9 .aq_span7 { width:76.67%; }
.aq-template-wrapper .aq_span9 .aq_span8 { width:88.33%; }
.aq-template-wrapper .aq_span9 .aq_span9 { width:100% !important;; }
.aq-template-wrapper .aq_span10 .aq_span1 { width:5.5%; }
.aq-template-wrapper .aq_span10 .aq_span2 { width:16%; }
.aq-template-wrapper .aq_span10 .aq_span3 { width:26.5%; }
.aq-template-wrapper .aq_span10 .aq_span4 { width:37%; }
.aq-template-wrapper .aq_span10 .aq_span5 { width:47.5%; }
.aq-template-wrapper .aq_span10 .aq_span6 { width:58%; }
.aq-template-wrapper .aq_span10 .aq_span7 { width:68.5%; }
.aq-template-wrapper .aq_span10 .aq_span8 { width:79%; }
.aq-template-wrapper .aq_span10 .aq_span9 { width:89.5%; }
.aq-template-wrapper .aq_span10 .aq_span10 { width:100% !important; }
.aq-template-wrapper .aq_span11 .aq_span1 { width:4.55%; }
.aq-template-wrapper .aq_span11 .aq_span2 { width:14.09%; }
.aq-template-wrapper .aq_span11 .aq_span3 { width:23.64%; }
.aq-template-wrapper .aq_span11 .aq_span4 { width:33.18%; }
.aq-template-wrapper .aq_span11 .aq_span5 { width:42.73%; }
.aq-template-wrapper .aq_span11 .aq_span6 { width:52.27%; }
.aq-template-wrapper .aq_span11 .aq_span7 { width:61.82%; }
.aq-template-wrapper .aq_span11 .aq_span8 { width:71.36%; }
.aq-template-wrapper .aq_span11 .aq_span9 { width:80.91%; }
.aq-template-wrapper .aq_span11 .aq_span10 { width:90.45%; }
.aq-template-wrapper .aq_span11 .aq_span11 { width:100% !important; }
.aq-template-wrapper .aq_span12 .aq_span12 { width:100% !important; }

/* General 
========================================================================*/
h4.aq-block-title { margin:  0 0 20px; }

/* Alert Boxes 
========================================================================*/
.aq_alert{
	border:1px solid #d8d8d8; 
	background-color:#FEFEFE;
	padding:10px 20px;
	margin:0.5em 0 20px;
}
	.aq_alert h1,
	.aq_alert h2,
	.aq_alert h3,
	.aq_alert h4,
	.aq_alert h5,
	.aq_alert h6 {
		margin: 0 0 5px;
	}
.aq_alert.info_aq{background-color:#EFF9FF;border:1px solid #b4ddfa; color: #2b6181;}
	.aq_alert.info_aq h1,
	.aq_alert.info_aq h2,
	.aq_alert.info_aq h3,
	.aq_alert.info_aq h4,
	.aq_alert.info_aq h5,
	.aq_alert.info_aq h6 {
		color: #2b6181;
	}
.aq_alert.note{background-color:#FFFCE5;border:1px solid #ffdc7d; color:#D69A2A;}
	.aq_alert.note h1,
	.aq_alert.note h2,
	.aq_alert.note h3,
	.aq_alert.note h4,
	.aq_alert.note h5,
	.aq_alert.note h6 {
		color: #D69A2A;
	}
.aq_alert.warn{background-color:#ffcaca;border:1px solid #eb8d8d; color: #da3838;}
	.aq_alert.warn h1,
	.aq_alert.warn h2,
	.aq_alert.warn h3,
	.aq_alert.warn h4,
	.aq_alert.warn h5,
	.aq_alert.warn h6 {
		color: #da3838;
	}
.aq_alert.tips{background-color:#d6fedd;border:1px solid #86d492; color:#589261;}
	.aq_alert.tips h1,
	.aq_alert.tips h2,
	.aq_alert.tips h3,
	.aq_alert.tips h4,
	.aq_alert.tips h5,
	.aq_alert.tips h6 {
		color:#589261;
	}
.aq_alert h1, .aq_alert h2, .aq_alert h3 { margin: 0; }


/* Tabs 
========================================================================*/
.aq_block_tabs .ui-tabs-hide {
    position: absolute;
    left: -9999px;
}

.aq_block_tabs {
	background: none;
	margin: 0.5em 0 2em 0;
}

.aq_block_tabs ul.aq-nav {
	list-style: none;
	margin: 0;
	padding: 0;
	background: none;
	border: 0;
	float: none;
}

.aq_block_tabs ul.aq-nav li {
	float: left;
	position: relative;
	margin: 0 2px -1px 0!important;
	z-index: 10;
	list-style: none;
}
	

.aq_block_tabs ul.aq-nav li a {
	border: 1px solid #e1e1e1;
	border-bottom: none;
	display: block;
	overflow: hidden;
	padding: 5px 10px 0 10px;
	height: 26px;
	background: #FBFBFB;
	margin: 0;
	text-decoration: none;
	color: #373737;
	-webkit-border-radius: 3px 3px 0 0;
	   -moz-border-radius: 3px 3px 0 0;
	   		border-radius: 3px 3px 0 0;
}

.aq_block_tabs ul.aq-nav li a:hover {
	background: #fff;
	margin: 0;
}

.aq_block_tabs ul.aq-nav li.ui-tabs-active a {
	height: 27px;
	background: #fff;
}

.aq_block_tabs .aq-tab {
	background: #fff;
	padding: 15px 15px 5px;
	border: 1px solid #dfdfdf;
	display: none;
}
	.aq_block_tabs .aq-tab.first-child { 
		position: relative; 
		left: 0;
	}

/* Toggles & Accordion
====================================================================*/
.aq_block_toggle,
.aq_block_accordion {
	background: #fff;
	border: 1px solid #D8D8D8;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin: 0.5em 0 10px;
	position: relative;
}
.aq_block_toggles_wrapper { margin: 0 0 20px; }
.aq_block_accordion_wrapper { margin: 0.5em 0 20px; }
	.aq_block_accordion { 
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		border-radius: 0px;
		border-top: none;
		margin: 0;
	}
	.aq_block_accordion.first-child { 
		border-top: 1px solid #D8D8D8;
		margin: 0.5em 0 0;
		-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;
	}
	.aq_block_accordion.last-child { 
		margin: 0 0 10px;
		-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;
	}
	
	.aq_block_toggle div.arrow,
	.aq_block_accordion div.arrow { 
		display: block;
		float: right;
		width: 14px;
		height: 14px;
		position: absolute;
		right: 15px;
		top: 13px;
		background-image: url(../images/dropdown-arrows.png);
		background-repeat: no-repeat;
		background-position: -40px -3px;
	}
	.aq_block_toggle h2.tab-head,
	.aq_block_accordion h2.tab-head { 
		font-size: 14px;
		line-height: 21px;
		font-weight: normal;
		margin: 0;
		padding: 10px 70px 10px 15px;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	.aq_block_toggle h2.tab-head a,
	.aq_block_accordion h2.tab-head a {  }
	.aq_block_toggle:hover div.arrow,
	.aq_block_accordion:hover div.arrow { background-position: -9px -3px; }
	.aq_block_toggle .tab-body,
	.aq_block_accordion .tab-body { text-align:left !important;
	   
		display: none;
		background: url(../images/drop-bg.png) repeat-x 0 top;
		overflow: hidden;
		padding: 15px 15px 5px;
		-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;
	}
	.aq_block_toggle .tab-body.open,
	.aq_block_accordion .tab-body.open{ 
		display: block;
	}
	
	
/*FAQ =================================================*/
	.aq_block_faq .tab-body { 
		display: none;
		overflow: hidden;
		padding: 15px 15px 5px;
		-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;
		
	}	
.aq_block_faq h2{overflow:hidden; font-size:22px !important; padding-top:3px;cursor:pointer;}
.aq_block_faq i{float:left; margin-right:10px}
.aq_block_faq{float:left; width:100%;}
.aq_block_faq .tab-body {padding:5px 0 20px 35px}	
	
/* Testimonial ================================================================*/

.testimonials {
	margin: 0.5em 0 20px;

	position:relative;
	width: 100%;
}
	.testimonials ul { margin: 0; }
	.testimonials ul li.testimonial { 
		border: 0 !important; 
		list-style-type: none;
		margin: 0;
		float:left;
		margin-top:40px;
	}
.testimonial-texts, 
.testimonial-author {
	padding: 0 20px 20px 20px;
}
.testimonial-author { padding-top: 0; }
.testimonial-texts { padding-bottom: 0; }
.testimonial-texts, .testimonial-texts p {margin: 0 0 10px}
.testimonial-author span.author, 
.testimonial-author a span.author {
	color: #333; 
	font-weight:bold;
}
.testimonial-author span.company {
	color: #888;
	display: block;
	font-size:10px; 
	font-weight: bold; 
	text-transform: uppercase;
}

.testimonial-nav {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 101;
    float: right;
}
	.testimonial-nav .flex-direction-nav { 
		bottom: 0;
		right: -2px;
		width: 67px;
	}
	.testimonial-nav .flex-direction-nav li { 
		border: 0 !important; margin: 0 !important; padding: 0 !important; list-style-type: none !important;
	}
    .testimonial-nav .flex-direction-nav a {
    	font-weight: bold;
        background: #e1e1e1;
        color: #333;
        display: block;
        float: left;
        line-height: 24px;
        font-size: 12px;
        height: 24px;
        padding: 0 10px;
        width: inherit;
        text-decoration: none !important;
        -webkit-border-radius: 0;
        -moz-border-radius:0;
        border-radius: 0;
        margin: 0;
    }
    .testimonial-nav a.flex-prev { border-right: 1px solid #fff; }
    .testimonial-nav a:hover.flex-prev,
    .testimonial-nav a:hover.flex-next { 
    	background: #333;
    	color: #fff; 
    }
.testimonial-avatar {float:left; margin-right:10px; }
.testimonial-description {overflow:hidden;}	

/* Post ================================================================*/
.aq-posts-block li, .aq-posts-block ul{margin-left:0;}	
.aq-posts-block .imgholder{float:left; margin-right:20px;}	
.aq-posts-block .descriptionholder{overflow:hidden; margin-left:20px;}	


 
/* PPricetabel ================================================================*/
.aq-pricetable-wrapper {
	margin: 0.5em 0 20px;
	border: 1px solid #D8D8D8;
	border-width: 0 1px 1px 1px;
	background: #fafafa;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 1px 3px rgba(130, 130, 130, 0.1);
	-moz-box-shadow: 0px 1px 3px rgba(130, 130, 130, 0.1);
	box-shadow: 0px 1px 3px rgba(130, 130, 130, 0.1);
}
.aq-pricetable-wrapper ul { margin: 0; }
.aq-pricetable-wrapper li.aq-pricetable-item { 
	border-top: 1px solid #efefef;
	margin: 0;
	padding: 8px 20px;
	list-style-type: none;
	text-align: center
}
	.aq-pricetable-wrapper li.aq-pricetable-item:nth-child(even) { 
		background: #fefefe;
	}
	.aq-pricetable-wrapper li.aq-pricetable-title {
		color: #fefefe;
		padding: 0;
		padding: 10px 0 0;
		background: #666;
	}
		.aq-pricetable-wrapper li.aq-pricetable-title h3 {
			color: #fefefe;
			margin: 0;
			padding: 0 0 10px;
		}
		.aq-pricetable-wrapper li.aq-pricetable-title h3.title {
			border-bottom: 1px solid rgba(0,0,0,0.1);
			font-size: 20px;
			font-weight: 200;
		}
	.aq-pricetable-wrapper .aq-pricetable-img {
		padding: 0;
		line-height: 0;
	}
	.aq-pricetable-wrapper .aq-pricetable-img img{ 
		max-width: 100%;
	}
	
	.aq-pricetable-wrapper .aq-pricetable-price {
		border-top: 1px solid rgba(255,255,255,0.1);
		padding: 20px 0;
	}
	.aq-pricetable-wrapper .aq-pricetable-price h3 {
		font-weight: 200;
		font-size: 43px;
		line-height: 43px;
		padding: 0;
	}
	.aq-pricetable-wrapper .aq-pricetable-price span { 
		margin-top: -10px;
		font-style: italic;
		display: block;
	}
	
	/* pricetable color schema (dark style)*/
	.aq-pricetable-wrapper.dark li.aq-pricetable-item { 
		background: #666;
		border-top: 1px solid #767676;
		color: #e9e9e9;
	}
		.aq-pricetable-wrapper.dark li.aq-pricetable-item:nth-child(even) { 
			background: #6e6e6e;
			color: #e9e9e9;
		}
	
	/* pricetable popular color schema */
	.aq-pricetable-wrapper.blue .aq-pricetable-title {
		background: #88bfe8;
	}
	.aq-pricetable-wrapper.green .aq-pricetable-title {
		background: #8fb84e;
	}
	.aq-pricetable-wrapper .btn { margin: 10px 0; }