/**
 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-block-aq_clear_block{
	height: 20px;
}
.aq-template-wrapper .aq_span1 {
	width: 5.58%;
}
.aq-template-wrapper .aq_span2 {
	width: 14.17%;
}
.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 !important;
}
/** Blocks
 -----------------------*/
.aq-block img {
	margin: 0 auto;
	display: 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;
}
.aq-block-aq_clear_block {
	min-height: auto !important;
}
/* 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>';

 **/
/* General
 ========================================================================*/
h4.aq-block-title {
	margin: 0 0 20px;
}
.aq-block-aq_column_block, .block-cr_team_wrapper_block { margin-bottom: 0px; }
.aq-template-wrapper .span1 .span1 {
	width: 100%;
}
.aq-template-wrapper .span2 .span1 {
	width: 47.5%;
}
.aq-template-wrapper .span2 .span2 {
	width: 100%;
}
.aq-template-wrapper .span3 .span1 {
	width: 30%;
}
.aq-template-wrapper .span3 .span2 {
	width: 65%;
}
.aq-template-wrapper .span3 .span3 {
	width: 100%;
}
.aq-template-wrapper .span4 .span1 {
	width: 21.25%;
}
.aq-template-wrapper .span4 .span2 {
	width: 47.5%;
}
.aq-template-wrapper .span4 .span3 {
	width: 73.75%;
}
.aq-template-wrapper .span4 .span4 {
	width: 100%;
}
.aq-template-wrapper .span5 .span1 {
	width: 16%;
}
.aq-template-wrapper .span5 .span2 {
	width: 37%;
}
.aq-template-wrapper .span5 .span3 {
	width: 58%;
}
.aq-template-wrapper .span5 .span4 {
	width: 79%;
}
.aq-template-wrapper .span5 .span5 {
	width: 100%;
}
.aq-template-wrapper .span6 .span1 {
	width: 12.5%;
}
.aq-template-wrapper .span6 .span2 {
	width: 30%;
}
.aq-template-wrapper .span6 .span3 {
	width: 47.5%;
}
.aq-template-wrapper .span6 .span4 {
	width: 65%;
}
.aq-template-wrapper .span6 .span5 {
	width: 82.5%;
}
.aq-template-wrapper .span6 .span6 {
	width: 100%;
}
.aq-template-wrapper .span7 .span1 {
	width: 10%;
}
.aq-template-wrapper .span7 .span2 {
	width: 25%;
}
.aq-template-wrapper .span7 .span3 {
	width: 40%;
}
.aq-template-wrapper .span7 .span4 {
	width: 55%;
}
.aq-template-wrapper .span7 .span5 {
	width: 70%;
}
.aq-template-wrapper .span7 .span6 {
	width: 85%;
}
.aq-template-wrapper .span7 .span7 {
	width: 100%;
}
.aq-template-wrapper .span8 .span1 {
	width: 8.13%;
}
.aq-template-wrapper .span8 .span2 {
	width: 21.25%;
}
.aq-template-wrapper .span8 .span3 {
	width: 34.38%;
}
.aq-template-wrapper .span8 .span4 {
	width: 47.5%;
}
.aq-template-wrapper .span8 .span5 {
	width: 60.63%;
}
.aq-template-wrapper .span8 .span6 {
	width: 73.75%;
}
.aq-template-wrapper .span8 .span7 {
	width: 86.88%;
}
.aq-template-wrapper .span8 .span8 {
	width: 100%;
}
.aq-template-wrapper .span9 .span1 {
	width: 6.67%;
}
.aq-template-wrapper .span9 .span2 {
	width: 18.33%;
}
.aq-template-wrapper .span9 .span3 {
	width: 30%;
}
.aq-template-wrapper .span9 .span4 {
	width: 41.67%;
}
.aq-template-wrapper .span9 .span5 {
	width: 53.33%;
}
.aq-template-wrapper .span9 .span6 {
	width: 65%;
}
.aq-template-wrapper .span9 .span7 {
	width: 76.67%;
}
.aq-template-wrapper .span9 .span8 {
	width: 88.33%;
}
.aq-template-wrapper .span9 .span9 {
	width: 100%;
}
.aq-template-wrapper .span10 .span1 {
	width: 5.5%;
}
.aq-template-wrapper .span10 .span2 {
	width: 16%;
}
.aq-template-wrapper .span10 .span3 {
	width: 26.5%;
}
.aq-template-wrapper .span10 .span4 {
	width: 37%;
}
.aq-template-wrapper .span10 .span5 {
	width: 47.5%;
}
.aq-template-wrapper .span10 .span6 {
	width: 58%;
}
.aq-template-wrapper .span10 .span7 {
	width: 68.5%;
}
.aq-template-wrapper .span10 .span8 {
	width: 79%;
}
.aq-template-wrapper .span10 .span9 {
	width: 89.5%;
}
.aq-template-wrapper .span10 .span10 {
	width: 100%;
}
.aq-template-wrapper .span11 .span1 {
	width: 4.55%;
}
.aq-template-wrapper .span11 .span2 {
	width: 14.09%;
}
.aq-template-wrapper .span11 .span3 {
	width: 23.64%;
}
.aq-template-wrapper .span11 .span4 {
	width: 33.18%;
}
.aq-template-wrapper .span11 .span5 {
	width: 42.73%;
}
.aq-template-wrapper .span11 .span6 {
	width: 52.27%;
}
.aq-template-wrapper .span11 .span7 {
	width: 61.82%;
}
.aq-template-wrapper .span11 .span8 {
	width: 71.36%;
}
.aq-template-wrapper .span11 .span9 {
	width: 80.91%;
}
.aq-template-wrapper .span11 .span10 {
	width: 90.45%;
}
.aq-template-wrapper .span11 .span11 {
	width: 100%;
}
.aq-template-wrapper .span12 .span1 {
	width: 3.75%;
}
.aq-template-wrapper .span12 .span2 {
	width: 12.5%;
}
.aq-template-wrapper .span12 .span3 {
	width: 21.25%;
}
.aq-template-wrapper .span12 .span4 {
	width: 30%;
}
.aq-template-wrapper .span12 .span5 {
	width: 38.75%;
}
.aq-template-wrapper .span12 .span6 {
	width: 47.5%;
}
.aq-template-wrapper .span12 .span7 {
	width: 56.25%;
}
.aq-template-wrapper .span12 .span8 {
	width: 65%;
}
.aq-template-wrapper .span12 .span9 {
	width: 73.75%;
}
.aq-template-wrapper .span12 .span10 {
	width: 82.5%;
}
.aq-template-wrapper .span12 .span11 {
	width: 91.25%;
}
.aq-template-wrapper .span12 .span12 {
	width: 100%;
}
.aq-template-wrapper .aq-block .settings2 p {
	margin-bottom: 0px;
}
/* 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 {
	background-color: #EFF9FF;
	border: 1px solid #b4ddfa;
	color: #2b6181;
}
.aq_alert.info h1, .aq_alert.info h2, .aq_alert.info h3, .aq_alert.info h4, .aq_alert.info h5, .aq_alert.info 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;
}
.aq_block_tabs ul.aq-nav li {
	position: relative;
	z-index: 10;
	list-style: none;
}
.aq_block_tabs .aq-tab {
	padding: 15px 15px 5px;
	display: none;
}
.aq_block_tabs .aq-tab.first-child {
	position: relative;
	left: 0;
}
/* Toggles & Accordion
 ====================================================================*/
.aq_block_toggle, .aq_block_accordion {
	background: #fff;
	-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 {
	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;
}
.ui-icon-plus {
	float: right;
	padding: 3px 4px 3px 5px;
	background: white;
	color: #e32831;
	font-size: 30px;
	margin-top: -4px;
}
.ui-icon-minus:after {
	content: "-";
}
.ui-icon-plus:after {
	content: "+";
}
.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-family: 'OpenSansExtrabold';
	color: white !important;
	background: #e32831;
	padding: 15px 20px;
	cursor: pointer;
	font-size: 14px;
	line-height: 21px;
	font-weight: normal;
	margin: 15px 0px;
	-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 {
	margin-top:10px;
	border: 1px solid #d5c9c9;
	padding: 20px 25px;
	font-size: 14px;
	font-family: 'OpenSansRegular';
	color: #575757;
	display: none;
	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;
}
.aq-block-cr_text_block {
	word-wrap: break-word;
}
