/**
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*="span"] {
	float: left;
	margin-left: 3%;
}

.aq-template-wrapper .aq_span1 { width:4%;}
.aq-template-wrapper .aq_span2 { width:14.5%; } /*Danko was 13*/
.aq-template-wrapper .aq_span3 { width:23%; } /*Danko was 21*/
.aq-template-wrapper .aq_span4 { width:31.5%; } /*Danko was 30*/
.aq-template-wrapper .aq_span5 { width:38%; }
.aq-template-wrapper .aq_span6 { width:48.6%; } /*Danko was 47*/
.aq-template-wrapper .aq_span7 { width:59.4%; }
.aq-template-wrapper .aq_span8 { width:64%; }
.aq-template-wrapper .aq_span9 { width:73%; }
.aq-template-wrapper .aq_span10 { width:81%; }
.aq-template-wrapper .aq_span11 { width:90%; }
.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-block-aq_column_block > .span12, .aq-template-wrapper .aq-block-aq_column_block > .span11, .aq-template-wrapper .aq-block-aq_column_block > .span10,
.aq-template-wrapper .aq-block-aq_column_block > .span9, .aq-template-wrapper .aq-block-aq_column_block > .span8, .aq-template-wrapper .aq-block-aq_column_block > .span7,
.aq-template-wrapper .aq-block-aq_column_block > .span6, .aq-template-wrapper .aq-block-aq_column_block > .span5, .aq-template-wrapper .aq-block-aq_column_block > .span4,
.aq-template-wrapper .aq-block-aq_column_block > .span3, .aq-template-wrapper .aq-block-aq_column_block  > .span2, .aq-template-wrapper .aq-block-aq_column_block > .span1 
{ width:100%; }



/* 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; }


.flexslider-part6, .flexslider-part3, .flexslider-part4, .flexslider-part5  {opacity: 0;}

.aq-template-wrapper{word-break: break-word}

/* 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;
                 outline:none;
}

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

.aq_block_tabs ul.aq-nav li.ui-tabs-active a, .aq_block_tabs ul.aq-nav li a {
	height: 47px;	
}


.aq_block_testimonial_wrapper ul {
    list-style-type: none;
}

.aq_block {
    color: #000;
}

.aq_block_tabs .aq-tab {
	background: #fff;
	padding: 15px 15px 15px;
	border: 1px solid #dfdfdf;
	display: none;
                  margin:-1px 0 20px 0;
}
	.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; border: 1px solid #dfdfdf; }
	.aq_block_accordion { 
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		border-radius: 0px;
		border-top: none;
		margin: 0;
	}
	.aq_block_accordion.first-child { 
		-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 { 
		-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: 18px;
		height: 14px;
		position: absolute;
		right: 18px;
		top: 20px;
		background-image: url(../images/dropdown-arrows.png);
		background-repeat: no-repeat;
		background-position: 0 4px;
	}
        
                    .aq_block_toggle div.arrow {
                                    top:13px;
                    }
        
	.aq_block_toggle h2.tab-head,
	.aq_block_accordion h2.tab-head { 
		font-size: 14px;
		line-height: 26px;
		font-weight: normal;
		margin: 0;
		padding: 15px 70px 15px 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_accordion h2.tab-head {font-size: 18px;}
	.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 {  }
	.aq_block_toggle .tab-body
	{ 
		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_accordion .tab-body  {
            		display: none;
		background: url(../images/drop-bg.png) repeat-x 0 top;
		overflow: hidden;
		padding: 15px 15px 5px;
        }
	.aq_block_toggle .tab-body.open,
	.aq_block_accordion .tab-body.open{ 
		display: block;
	}
.aq_block_toggles_wrapper .aq_block_toggle .arrow{top: 12px;}
.img-noresize img{width: auto!important}

.aq-block-aq_text_block p {
    margin-bottom: 10px;
}


/* PAGE BUILDER TABBED*/

.aq-tab {
    float:left;
    padding:0 20px 0 20px;
}

.aq-tab p {
    float:left;
    width:100%;
}

.aq_block_tabs ul.aq-nav li a {
    line-height: 24px;
    font-weight: normal;
    padding: 12px 25px 10px 25px;    
}

.aq-block.aq-block-aq_tabs_block h5 {margin-top: 0}

/*ALL POSTS SLIDER*/

.flexslider-5 .slides > li {
    margin:0 20px 0 0;
}

.flexslider-5 .slides > li:last-child {
    margin:0;
}

.aq-block .circle-img figure  {
    width: 90%;
    height: auto;
}

.circle-img figure img {
    width: 100%;
}

.posts-3  figure img {
    width: 100%;
}

.aq-block.team-members  .posts-3 figure {
    width: 80%;
    height: auto;
}

.posts-6 .slides >  li {
    margin-right: 12px;
}

.posts-4 .flexslider-3 .slides > li {
    margin-right: 13px;
}

.posts-6 .flexslider-3 .slides > li {
    margin-right: 8px;
}

.gallery-slider.posts-6 .slides > li {
    margin-right: 12px;
}

.flexslider .slides > li:last-child {
    margin-right: 0;
}

.flex-direction-nav li {
    height: 27px;
    width: 28px;
    display: inline-block;
    font-size: 14px;
    margin-left: 4px;
    -webkit-backface-visibility: hidden;
    z-index: 1;
    cursor: pointer;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    margin-top: -1px;
}

.flex-direction-nav li a:hover {
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.13);
    -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.13);
    -moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.13);
}

.flex-direction-nav li a {
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.flex-direction-nav li a.flex-disabled {
    opacity: 0.3;
}

.flexslider-3 .slides > li, .flexslider-4 .slides > li, .flexslider-6 .slides > li {
    margin-right: 20px;
}

.no-border-show {
    border-bottom: none;
}

.posts-3.gallery-slider .flexslider .slides > li {
    margin-right: 30px;
}

.nav-arrow-devider .nav-arrows span i {
    opacity: 1;
    filter: alpha(opacity= 100);
    line-height: 18px;
    background-image: none;
}

.nav-arrow-devider .nav-arrows span:hover i {
    opacity: .3;
    filter: alpha(opacity= 30);
}

.nav-arrows span:active {
    border: none!important;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.33);
}

.flex-direction-nav li a {
    opacity: 1;
    filter: alpha(opacity= 100);
    line-height: 18px;
    background-image: none;
    height: 27px;
    width: 27px;
    padding: 0;
    color: rgba(0,0,0,0.8);
}

.aq-block-aq_allslider_block h2 {
    float: left;
}

.flex-direction-nav li {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.flex-direction-nav li a i {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}


.flex-direction-nav li:hover a i {
    opacity:0.3;
}

.flex-direction-nav li a {
    text-indent: 0;
}

.flex-direction-nav li i {
    background: none;
    font-size: 11px;
}

.flex-direction-nav li a {
    margin: 0;
}

.flexslider-part7 .flexslider .slides > li {
    margin-right: 0;
}

.container .aq_block_accordion div.arrow {top: 17px}
.container .aq_block_toggle div.arrow {top: 14px}

.shortcodes-fullwidth .flexslider {
    background-color: transparent;
}

.aq-block-aq_allslider_block .nav-arrow-devider .nav-arrows {
    position: static;
}

.aq-block-aq_allslider_block .flex-direction-nav li a {
    position: static;
    height:auto;
    padding:9px 0 8px 0;
    background-color: #fff;
}

.clients-fixed {
    margin: 0;
    padding: 0;
}

.clients-fixed li {
    margin-bottom: 30px;
}

.clients-fixed li:nth-child(6n + 7) {
    margin-left: 0;
}


.clients-fixed li a {
    border-bottom: none;
}

.clients-fixed li a:hover {
    border-bottom: none;
}
.row-fluid .aq-block-aq_clear_block {min-height: 10px}

.aq-block .post-background {
    background-color: #fff;
}

body .aq-block .row-fluid  .team-wrap .img-post figure img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.aq-block  .flexslider {
    background: none;
}

.aq-block.span12 .team-wrap .span12 .team-style {
    border: none;
    padding: 0;
}

.aq_block_toggle {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

h2.title-divider {
    margin: 0 0 10px;   
}

.title-holder {
    float: left;
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    margin: 0 0 25px;   
}



/*PAGE BUILDER*/

/*standard post*/
.aq-block.span7 .news-wrap .span12 figure .post-opt-wrapper,
.aq-block.span7 .news-wrap .span12 figure img,
.aq-block.span8 .news-wrap .span12 figure .post-opt-wrapper,
.aq-block.span8 .news-wrap .span12 figure img,
.aq-block.span9 .news-wrap .span12 figure .post-opt-wrapper,
.aq-block.span9 .news-wrap .span12 figure img,
.aq-block.span10 .news-wrap .span12 figure .post-opt-wrapper,
.aq-block.span10 .news-wrap .span12 figure img,
.aq-block.span11 .news-wrap .span12 figure .post-opt-wrapper,
.aq-block.span11 .news-wrap .span12 figure img,
.aq-block.span12 .news-wrap .span12 figure .post-opt-wrapper,
.aq-block.span12 .news-wrap .span12 figure img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#container .aq-block .news-wrap .span12 .builder-video-holder .video {margin-bottom: 0}

.aq-block.span7 .news-wrap .span12 .builder-video-holder,
.aq-block.span8 .news-wrap .span12 .builder-video-holder,
.aq-block.span9 .news-wrap .span12 .builder-video-holder,
.aq-block.span10 .news-wrap .span12 .builder-video-holder,
.aq-block.span11 .news-wrap .span12 .builder-video-holder,
.aq-block.span12 .news-wrap .span12 .builder-video-holder,
.aq-block.span7 .news-wrap .span12 figure,
.aq-block.span8 .news-wrap .span12 figure,
.aq-block.span9 .news-wrap .span12 figure,
.aq-block.span10 .news-wrap .span12 figure,
.aq-block.span11 .news-wrap .span12 figure,
.aq-block.span12 .news-wrap .span12 figure {width: 31%; float: left}

.aq-block.span7 .news-wrap .span12 .post,
.aq-block.span8 .news-wrap .span12 .post,
.aq-block.span9 .news-wrap .span12 .post,
.aq-block.span10 .news-wrap .span12 .post,
.aq-block.span11 .news-wrap .span12 .post,
.aq-block.span12 .news-wrap .span12 .post {width: 66.5%; float: right; padding: 0}

.aq-block.span7 .news-wrap .span12 .post.full-text-block,
.aq-block.span8 .news-wrap .span12 .post.full-text-block,
.aq-block.span9 .news-wrap .span12 .post.full-text-block,
.aq-block.span10 .news-wrap .span12 .post.full-text-block,
.aq-block.span11 .news-wrap .span12 .post.full-text-block,
.aq-block.span12 .news-wrap .span12 .post.full-text-block {width: 100%}

/*
.aq-block.span7 .news-wrap .span12 .post p,
.aq-block.span8 .news-wrap .span12 .post p,
.aq-block.span9 .news-wrap .span12 .post p,
.aq-block.span10 .news-wrap .span12 .post p,
.aq-block.span11 .news-wrap .span12 .post p,*/
.aq-block .news-wrap .span12 .post p {margin: 20px 0}

.aq-block.span7 .news-wrap .span12 .img-post,
.aq-block.span8 .news-wrap .span12 .img-post,
.aq-block.span9 .news-wrap .span12 .img-post,
.aq-block.span10 .news-wrap .span12 .img-post,
.aq-block.span11 .news-wrap .span12 .img-post,
.aq-block.span12 .news-wrap .span12 .img-post {padding: 30px}

/*quote post*/
.aq-block .news-wrap .span12 .img-post.builder-quote-post .post-big {margin-bottom: 30px;}

.aq-block.span1 .news-wrap .span12 .img-post.builder-quote-post .post-big,
.aq-block.span2 .news-wrap .span12 .img-post.builder-quote-post .post-big,
.aq-block.span3 .news-wrap .span12 .img-post.builder-quote-post .post-big,
.aq-block.span4 .news-wrap .span12 .img-post.builder-quote-post .post-big,
.aq-block.span5 .news-wrap .span12 .img-post.builder-quote-post .post-big,
.aq-block.span6 .news-wrap .span12 .img-post.builder-quote-post .post-big {margin-bottom: 0;}

.aq-block .news-wrap .span12 .builder-quote-post .post {width: 100%}

.aq-block.span1 .news-wrap .span12 .builder-quote-post .post,
.aq-block.span2 .news-wrap .span12 .builder-quote-post .post,
.aq-block.span3 .news-wrap .span12 .builder-quote-post .post,
.aq-block.span4 .news-wrap .span12 .builder-quote-post .post,
.aq-block.span5 .news-wrap .span12 .builder-quote-post .post,
.aq-block.span6 .news-wrap .span12 .builder-quote-post .post {width: 92%; padding: 4%; float: left}

.aq-block .news-wrap .span12 .builder-quote-post .post .meta-data.button-small {margin-right: 0}

/*.aq-block.span2 .news-wrap .span12 .builder-quote-post .post .meta-data.button-small,
.aq-block.span3 .news-wrap .span12 .builder-quote-post .post .meta-data.button-small,
.aq-block.span4 .news-wrap .span12 .builder-quote-post .post .meta-data.button-small {float: left; margin: 10px 0}*/

/*
.aq-block.span2 .news-wrap .span12 .builder-quote-post .post .meta-data.builder-categories,
.aq-block.span3 .news-wrap .span12 .builder-quote-post .post .meta-data.builder-categories {
    float: left;
    width: 100%;
    margin: 10px 2px 0;
}
*/

.aq-block .news-wrap .span12 .img-post .meta-data {margin-right: 5px}
.aq-block .news-wrap .span12 .img-post .meta-data .date {margin-right: 8px}
.aq-block .news-wrap .span12 .img-post .meta-data .categories a {line-height: 28px; top: -3px; position: relative;}

.aq-block .news-wrap .span12 .img-post .flexslider .slides img,
.aq-block .news-wrap .span12 .img-post .flexslider {
    -webkit-border-radius: 0px!important;
    -webkit-border-top-left-radius: 3px!important;
    -webkit-border-top-right-radius: 3px!important;
    -moz-border-radius: 0px!important;
    -moz-border-radius-topleft: 3px!important;
    -moz-border-radius-topright: 3px!important;
    border-radius: 0px!important;
    border-top-left-radius: 3px!important;
    border-top-right-radius: 3px!important;
}

.meta-data ul {
    margin: 0;
}

.news-wrap .span12 .set-fullwidth {
    width: 100% !important;
}







@media screen and (min-width: 780px) {
    /*GALLERY*/

    .span2 .gallery-holder .span2 {
        width:100%;
        margin:0 0 20px 0;
    }

    .span3 .gallery-holder .span2 {
        width:46%;
        margin:0 8% 25px 0;
    }

    .span3 .gallery-holder .span2:nth-child(2n+2) {    
        margin-right: 0;
    }

    .span4 .gallery-holder .span2 {
        width:23.5%;
        margin:0 2% 5px 0;
    }

    .span4 .gallery-holder .span2:nth-child(4n+4) {    
        margin-right: 0;
    }

    .span5 .gallery-holder .span2 {
        width:21.5%;
        margin:0 4.5% 25px 0;
    }

    .span5 .gallery-holder .span2:nth-child(4n+4) {    
        margin-right: 0;
    }
}