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

**/

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

6 = range(1,12);
$childcols = array();
foreach(6 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, .block-container { margin-bottom: 0px; }
.aq-template-wrapper .aq_span1 .aq_span1 { width:100%; }
.aq-template-wrapper .aq_span2 .aq_span1 { width:47.5%; }
.aq-template-wrapper .aq_span2 .aq_span2 { width:100%; }
.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%; }
.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%; }
.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%; }
.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%; }
.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%; }
.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%; }
.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%; }
.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%; }
.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%; }
.aq-template-wrapper .aq_span12 .aq_span1 { width:3.75%; }
.aq-template-wrapper .aq_span12 .aq_span2 { width:12.5%; }
.aq-template-wrapper .aq_span12 .aq_span3 { width:21.25%; }
.aq-template-wrapper .aq_span12 .aq_span4 { width:30%; }
.aq-template-wrapper .aq_span12 .aq_span5 { width:38.75%; }
.aq-template-wrapper .aq_span12 .aq_span6 { width:47.5%; }
.aq-template-wrapper .aq_span12 .aq_span7 { width:56.25%; }
.aq-template-wrapper .aq_span12 .aq_span8 { width:65%; }
.aq-template-wrapper .aq_span12 .aq_span9 { width:73.75%; }
.aq-template-wrapper .aq_span12 .aq_span10 { width:82.5%; }
.aq-template-wrapper .aq_span12 .aq_span11 { width:91.25%; }
.aq-template-wrapper .aq_span12 .aq_span12 { width:100%; }

/* 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{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;
	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(/core/images/vendor/aqpb/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 {
		display: none;
		background: url(/core/images/vendor/aqpb/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;
	}
.viewer {
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    width: 100%;
}

.viewer {
    background: rgba(31, 31, 30, 0.97);
    white-space: nowrap;
}

    .viewer .caption {
        visibility: visible;
        line-height: 50px;
        font-family: bryant-web,Helvetica Neue,sans-serif;
        font-size: 16px;
        font-weight: 500;
        filter: alpha(opacity=0);
        -khtml-opacity: 0;
        -moz-opacity: 0;
        opacity: 0;
        color: #a29886;
    }

    .viewer .current .caption {
        filter: alpha(opacity=100);
        -khtml-opacity: 1;
        -moz-opacity: 1;
        opacity: 1;
    }

    .viewer .close {
        color: #a29886;
        filter: alpha(opacity=100);
        -khtml-opacity: 1;
        -moz-opacity: 1;
        opacity: 1;
        font-size: 30px;
        height: auto;
        line-height: 16px;
        padding: 0;
        font-weight: 400;
    }

    .viewer li>div {
        top: 20px;
        bottom: 20px;
        left: 0;
        right: 0;
    }

    .viewer li.has-caption>div {
        bottom: 50px
    }

    .viewer li {
        display: none
    }

    .viewer .next,
    .viewer .previous,
    .viewer .current {
        display: block
    }

        .viewer .next img,
        .viewer .previous img,
        .viewer .current img {
            -webkit-transform: translatez()
        }

    .viewer img {
        -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3),transparent 0 0 0,transparent 0 0 0,transparent 0 0 0,transparent 0 0 0;
        -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3),transparent 0 0 0,transparent 0 0 0,transparent 0 0 0,transparent 0 0 0;
        box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3),transparent 0 0 0,transparent 0 0 0,transparent 0 0 0,transparent 0 0 0;
    }

    .viewer .current img {
        -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.4),transparent 0 0 0,transparent 0 0 0,transparent 0 0 0,transparent 0 0 0;
        -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.4),transparent 0 0 0,transparent 0 0 0,transparent 0 0 0,transparent 0 0 0;
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.4),transparent 0 0 0,transparent 0 0 0,transparent 0 0 0,transparent 0 0 0;
    }

    .viewer .current .caption {
        filter: alpha(opacity=100);
        -khtml-opacity: 1;
        -moz-opacity: 1;
        opacity: 1;
        visibility: visible;
    }

    /*.viewer li {
        -webkit-transition: width 500ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
        -moz-transition: width 500ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
        transition: width 500ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
    }

    .viewer .caption {
        visibility: hidden;
        opacity: 0;
        -webkit-transition: opacity 1.5s ease-in-out;
        -moz-transition: opacity 1.5s ease-in-out;
        transition: opacity 1.5s ease-in-out;
    }

    .viewer .current .caption {
        opacity: 100;
        visibility: visible;
    }

    .viewer img {
        -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3),transparent 0 0 0,transparent 0 0 0,transparent 0 0 0,transparent 0 0 0;
        -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3),transparent 0 0 0,transparent 0 0 0,transparent 0 0 0,transparent 0 0 0;
        box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3),transparent 0 0 0,transparent 0 0 0,transparent 0 0 0,transparent 0 0 0;
    }

    .viewer .current img {
        -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.4),transparent 0 0 0,transparent 0 0 0,transparent 0 0 0,transparent 0 0 0;
        -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.4),transparent 0 0 0,transparent 0 0 0,transparent 0 0 0,transparent 0 0 0;
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.4),transparent 0 0 0,transparent 0 0 0,transparent 0 0 0,transparent 0 0 0;
    }*/
.mejs-container {
    position: relative;
    min-width: 150px;
    background: none;
    font-family: sans-serif;
    text-align: left;
    vertical-align: top;
    margin: 0 auto;
    margin-top: -60px;
    margin-bottom: 30px;
}

.me-plugin {
    position: absolute
}

.mejs-embed,
.mejs-embed body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background: #000;
    overflow: hidden;
}

.mejs-container-fullscreen {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 1000;
}

    .mejs-container-fullscreen .mejs-mediaelement,
    .mejs-container-fullscreen video {
        width: 100%;
        height: 100%;
    }

/* Start: LAYERS */

.mejs-background {
    position: absolute;
    top: 0;
    left: 0;
}

.mejs-mediaelement {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.mejs-poster {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}

    .mejs-poster img {
        border: 0;
        padding: 0;
        border: 0;
        display: block;
        width: auto;
        height: 100%;
    }

.mejs-overlay {
    position: absolute;
    top: 0;
    left: 0;
}

.mejs-overlay-play {
    cursor: pointer
}

.mejs-overlay-button {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 100px;
    margin: -50px 0 0 -50px;
    background: url(images/bigplay.png) no-repeat;
}

.mejs-overlay:hover .mejs-overlay-button {
    background-position: 0 -100px
}

.mejs-overlay-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80px;
    height: 80px;
    margin: -40px 0 0 -40px;
}

    .mejs-overlay-loading span {
        display: block;
        width: 80px;
        height: 80px;
        background: #3A3C3D url(images/loading.gif) 50% 50% no-repeat;
        border-radius: 40px;
    }

/* End: LAYERS */

/* Start: CONTROL BAR */

.mejs-container .mejs-controls {
    position: absolute;
    margin: 0;
    padding: 0;
    bottom: 0;
    left: 0;
    height: 30px;
    width: 100%;
    background: #3a3c3d url(images/background.png);
    background: -webkit-linear-gradient(#4a4c4d, #2b2d2d);
    background: -moz-linear-gradient(#4a4c4d, #2b2d2d);
    background: -o-linear-gradient(#4a4c4d, #2b2d2d);
    background: -ms-linear-gradient(#4a4c4d, #2b2d2d);
    background: linear-gradient(#4a4c4d, #2b2d2d);
    list-style: none;
}

.mejs-audio .mejs-controls {
    border-radius: 3px
}

.mejs-container .mejs-controls  div {
    list-style-type: none;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: 32px;
    height: 30px;
    font-size: 11px;
    line-height: 11px;
    font-family: sans-serif;
    background: url(images/sep.png) left no-repeat;
    border: 0;
}

.mejs-controls .mejs-button button {
    cursor: pointer;
    display: block;
    font-size: 0;
    line-height: 0;
    text-decoration: none;
    margin: 7px 7px 0 9px;
    padding: 0;
    position: absolute;
    height: 16px;
    width: 16px;
    border: 0;
    background: transparent url(images/controls.png) no-repeat;
}

/* :focus for accessibility */

.mejs-controls .mejs-button button:focus {
    outline: solid 1px yellow
}

/* End: CONTROL BAR */

/* Start: Time (current / duration) */

.mejs-container .mejs-controls .mejs-time {
    color: #fff;
    display: block;
    height: 17px;
    width: auto;
    padding: 8px 8px 5px 10px;
    overflow: hidden;
    text-align: center;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}

    .mejs-container .mejs-controls .mejs-time span {
        font-size: 11px;
        color: #fff;
        line-height: 12px;
        display: block;
        float: left;
        width: auto;
    }

/* End: Time (current / duration) */

/* Start: Play/pause */

.mejs-container .mejs-controls .mejs-playpause-button {
    cursor: pointer;
    background: none;
    width: 30px;
}

.mejs-controls .mejs-playpause-button button {
    margin: 7px 8px
}

.mejs-controls .mejs-play button {
    background-position: 0 0
}

.mejs-controls .mejs-play:hover button {
    background-position: 0 -32px
}

.mejs-controls .mejs-pause button {
    background-position: 0 -16px
}

.mejs-controls .mejs-pause:hover button {
    background-position: 0 -48px
}

/* End: Play/pause */

/* Stop */

.mejs-controls .mejs-stop button {
    background-position: -112px 0
}

.mejs-controls .mejs-stop:hover button {
    background-position: -112px -32px
}

/* End: Play/pause */

/* Start: Progress bar */

.mejs-controls div.mejs-time-rail {
    width: 200px
}

.mejs-controls .mejs-time-rail span {
    display: block;
    position: absolute;
    width: 180px;
    height: 5px;
    cursor: pointer;
}

.mejs-controls .mejs-time-rail .mejs-time-total {
    padding: 1px;
    margin: 11px 8px 0 10px;
    background: #262929;
    border-bottom: #3d3f40 1px solid;
    box-shadow: inset 1px 1px rgba(0, 0, 0, .4);
}

.mejs-controls .mejs-time-rail .mejs-time-buffering {
    width: 100%;
    background: #464849;
    background-image: -webkit-linear-gradient(-45deg, #464849 25%, #262929 25%, #262929 50%, #464849 50%, #464849 75%, #262929 75%, #262929);
    background-image: -moz-linear-gradient(-45deg, #464849 25%, #262929 25%, #262929 50%, #464849 50%, #464849 75%, #262929 75%, #262929);
    background-image: -o-linear-gradient(-45deg, #464849 25%, #262929 25%, #262929 50%, #464849 50%, #464849 75%, #262929 75%, #262929);
    background-image: -ms-linear-gradient(-45deg, #464849 25%, #262929 25%, #262929 50%, #464849 50%, #464849 75%, #262929 75%, #262929);
    background-image: linear-gradient(-45deg, #464849 25%, #262929 25%, #262929 50%, #464849 50%, #464849 75%, #262929 75%, #262929);
    -moz-background-size: 6px 6px;
    background-size: 6px 5px;
    -webkit-background-size: 6px 5px;
    -webkit-animation: buffering-stripes 2s linear infinite;
    -moz-animation: buffering-stripes 2s linear infinite;
    -ms-animation: buffering-stripes 2s linear infinite;
    -o-animation: buffering-stripes 2s linear infinite;
    animation: buffering-stripes 2s linear infinite;
    z-index: 1;
}

@-webkit-keyframes buffering-stripes {
    from {
        background-position: 0 0
    }

    to {
        background-position: 30px 0
    }
}

@-moz-keyframes buffering-stripes {
    from {
        background-position: 0 0
    }

    to {
        background-position: 30px 0
    }
}

@-ms-keyframes buffering-stripes {
    from {
        background-position: 0 0
    }

    to {
        background-position: 30px 0
    }
}

@-o-keyframes buffering-stripes {
    from {
        background-position: 0 0
    }

    to {
        background-position: 30px 0
    }
}

@keyframes buffering-stripes {
    from {
        background-position: 0 0
    }

    to {
        background-position: 30px 0
    }
}

.mejs-controls .mejs-time-rail .mejs-time-loaded {
    background: #464849;
    width: 0;
}

.mejs-controls .mejs-time-rail .mejs-time-current {
    width: 0;
    background: #feea36;
    background-image: -webkit-linear-gradient(-45deg, #feea36 25%, #fdd500 25%, #fdd500 50%, #feea36 50%, #feea36 75%, #fdd500 75%, #fdd500);
    background-image: -moz-linear-gradient(-45deg, #feea36 25%, #fdd500 25%, #fdd500 50%, #feea36 50%, #feea36 75%, #fdd500 75%, #fdd500);
    background-image: -o-linear-gradient(-45deg, #feea36 25%, #fdd500 25%, #fdd500 50%, #feea36 50%, #feea36 75%, #fdd500 75%, #fdd500);
    background-image: -ms-linear-gradient(-45deg, #feea36 25%, #fdd500 25%, #fdd500 50%, #feea36 50%, #feea36 75%, #fdd500 75%, #fdd500);
    background-image: linear-gradient(-45deg, #feea36 25%, #fdd500 25%, #fdd500 50%, #feea36 50%, #feea36 75%, #fdd500 75%, #fdd500);
    -moz-background-size: 6px 6px;
    background-size: 6px 6px;
    -webkit-background-size: 6px 5px;
    z-index: 1;
}

.mejs-controls .mejs-time-rail .mejs-time-handle {
    display: none;
    position: absolute;
    margin: 0;
    width: 5px;
    background: transparent;
    cursor: pointer;
    top: 1px;
    z-index: 1;
    text-align: center;
}

.mejs-controls .mejs-time-rail .mejs-time-float {
    position: absolute;
    display: none;
    background: #C2C8CF;
    background: -webkit-linear-gradient(#E3E6E9, #C2C8CF);
    background: -moz-linear-gradient(#E3E6E9, #C2C8CF);
    background: -o-linear-gradient(#E3E6E9, #C2C8CF);
    background: -ms-linear-gradient(#E3E6E9, #C2C8CF);
    background: linear-gradient(#E3E6E9, #C2C8CF);
    width: 36px;
    height: 17px;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .4);
    top: -26px;
    margin-left: -18px;
    text-align: center;
    color: #111;
}

.mejs-controls .mejs-time-rail .mejs-time-float-current {
    margin: 3px;
    width: 30px;
    display: block;
    text-align: center;
    left: 0;
}

.mejs-controls .mejs-time-rail .mejs-time-float-corner {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    line-height: 0;
    border: solid 4px #C2C8CF;
    border-color: #C2C8CF transparent transparent transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    top: 17px;
    left: 13px;
}

/*

.mejs-controls .mejs-time-rail:hover .mejs-time-handle {

  visibility:visible;

}

*/

/* End: Progress bar */

/* Start: Fullscreen */

.mejs-controls .mejs-fullscreen-button button {
    background-position: -32px 0
}

.mejs-controls .mejs-unfullscreen button {
    background-position: -32px -16px
}

/* End: Fullscreen */

/* Start: Mute/Volume */

.mejs-controls .mejs-volume-button {

}

.mejs-controls .mejs-mute button {
    background-position: -16px -16px
}

.mejs-controls .mejs-mute button:hover {
    background-position: -16px -48px
}

.mejs-controls .mejs-unmute button {
    background-position: -16px 0
}

.mejs-controls .mejs-unmute button:hover {
    background-position: -16px -32px
}

.mejs-controls .mejs-volume-button {
    position: relative
}

    .mejs-controls .mejs-volume-button .mejs-volume-slider {
        display: none;
        height: 68px;
        width: 31px;
        background: #3A3C3D;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        top: -68px;
        left: 1px;
        z-index: 1;
        position: absolute;
        margin: 0;
    }

.mejs-controls .mejs-volume-button:hover {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}

/*

.mejs-controls .mejs-volume-button:hover .mejs-volume-slider {

  display: block;

}

*/

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
    position: absolute;
    left: 13px;
    top: 8px;
    width: 5px;
    height: 50px;
    background: #262929;
    border-bottom: #3d3f40 1px solid;
    box-shadow: inset 1px 1px rgba(0, 0, 0, .4);
    margin: 0;
    padding: 1px;
}

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
    position: absolute;
    left: 13px;
    top: 8px;
    width: 5px;
    height: 50px;
    background: #feea36;
    background-image: -webkit-linear-gradient(-45deg, #feea36 25%, #fdd500 25%, #fdd500 50%, #feea36 50%, #feea36 75%, #fdd500 75%, #fdd500);
    background-image: -moz-linear-gradient(-45deg, #feea36 25%, #fdd500 25%, #fdd500 50%, #feea36 50%, #feea36 75%, #fdd500 75%, #fdd500);
    background-image: -o-linear-gradient(-45deg, #feea36 25%, #fdd500 25%, #fdd500 50%, #feea36 50%, #feea36 75%, #fdd500 75%, #fdd500);
    background-image: -ms-linear-gradient(-45deg, #feea36 25%, #fdd500 25%, #fdd500 50%, #feea36 50%, #feea36 75%, #fdd500 75%, #fdd500);
    background-image: linear-gradient(-45deg, #feea36 25%, #fdd500 25%, #fdd500 50%, #feea36 50%, #feea36 75%, #fdd500 75%, #fdd500);
    -moz-background-size: 6px 6px;
    background-size: 6px 6px;
    -webkit-background-size: 6px 5px;
    background-position: bottom;
    margin: 1px;
}

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
    position: absolute;
    left: 14px;
    top: 16px;
    width: 5px;
    height: 5px;
    background: transparent;
    margin: 0;
}

/* horizontal version */

.mejs-controls div.mejs-horizontal-volume-slider {
    height: 26px;
    width: 62px;
    position: relative;
    background: none;
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
    position: absolute;
    left: 0;
    top: 11px;
    width: 50px;
    height: 5px;
    margin: 0;
    padding: 1px;
    font-size: 1px;
    background: #262929;
    border-bottom: #3d3f40 1px solid;
    box-shadow: inset 1px 1px rgba(0, 0, 0, .4);
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
    position: absolute;
    left: 0;
    top: 11px;
    width: 50px;
    height: 5px;
    margin: 1px;
    padding: 0;
    font-size: 1px;
    background: #feea36;
    background-image: -webkit-linear-gradient(-45deg, #feea36 25%, #fdd500 25%, #fdd500 50%, #feea36 50%, #feea36 75%, #fdd500 75%, #fdd500);
    background-image: -moz-linear-gradient(-45deg, #feea36 25%, #fdd500 25%, #fdd500 50%, #feea36 50%, #feea36 75%, #fdd500 75%, #fdd500);
    background-image: -o-linear-gradient(-45deg, #feea36 25%, #fdd500 25%, #fdd500 50%, #feea36 50%, #feea36 75%, #fdd500 75%, #fdd500);
    background-image: -ms-linear-gradient(-45deg, #feea36 25%, #fdd500 25%, #fdd500 50%, #feea36 50%, #feea36 75%, #fdd500 75%, #fdd500);
    background-image: linear-gradient(-45deg, #feea36 25%, #fdd500 25%, #fdd500 50%, #feea36 50%, #feea36 75%, #fdd500 75%, #fdd500);
    -moz-background-size: 6px 6px;
    background-size: 6px 6px;
    -webkit-background-size: 6px 5px;
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
    display: none
}

/* End: Mute/Volume */

/* Start: TRACK (Captions and Chapters) */

.mejs-controls .mejs-captions-button {
    position: relative
}

    .mejs-controls .mejs-captions-button button {
        background-position: -48px 0
    }

.mejs-controls .mejs-captions-button:hover button {
    background-position: -48px -32px
}

.mejs-controls .mejs-captions-button .mejs-captions-selector {
    visibility: hidden;
    position: absolute;
    bottom: 30px;
    right: -10px;
    width: 130px;
    height: 100px;
    background: #3A3C3D;
    border: solid 1px transparent;
    padding: 10px;
    overflow: hidden;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

/*

.mejs-controls .mejs-captions-button:hover  .mejs-captions-selector {

  visibility: visible;

}

*/

    .mejs-controls .mejs-captions-button .mejs-captions-selector ul {
        margin: 0;
        padding: 0;
        display: block;
        list-style-type: none !important;
        overflow: hidden;
    }

        .mejs-controls .mejs-captions-button .mejs-captions-selector ul li {
            margin: 0 0 6px 0;
            padding: 0;
            list-style-type: none !important;
            display: block;
            color: #fff;
            overflow: hidden;
        }

            .mejs-controls .mejs-captions-button .mejs-captions-selector ul li input {
                clear: both;
                float: left;
                margin: 3px 3px 0 5px;
            }

            .mejs-controls .mejs-captions-button .mejs-captions-selector ul li label {
                width: 100px;
                float: left;
                padding: 4px 0 0 0;
                line-height: 15px;
                font-family: sans-serif;
                font-size: 10px;
            }

.mejs-controls .mejs-captions-button .mejs-captions-translations {
    font-size: 10px;
    margin: 0 0 5px 0;
}

.mejs-chapters {
    position: absolute;
    top: 0;
    left: 0;
    -xborder-right: solid 1px #fff;
    width: 10000px;
    z-index: 1;
}

    .mejs-chapters .mejs-chapter {
        position: absolute;
        float: left;
        background: #3A3C3D;
        background: rgba(58, 60, 61, 0.7);
        background: -webkit-linear-gradient(top, rgba(74, 76, 77, 0.7), rgba(0, 0, 0, 0.7));
        background: -moz-linear-gradient(top, rgba(74, 76, 77, 0.7), rgba(0, 0, 0, 0.7));
        background: -o-linear-gradient(top, rgba(74, 76, 77, 0.7), rgba(0, 0, 0, 0.7));
        background: -ms-linear-gradient(top, rgba(74, 76, 77, 0.7), rgba(0, 0, 0, 0.7));
        background: linear-gradient(top, rgba(74, 76, 77, 0.7), rgba(0, 0, 0, 0.7));
        overflow: hidden;
        border: 0;
    }

        .mejs-chapters .mejs-chapter .mejs-chapter-block {
            font-size: 11px;
            color: #fff;
            padding: 5px;
            display: block;
            border-right: solid 1px #313335;
            border-right: solid 1px rgba(49, 51, 53, .7);
            border-bottom: solid 1px #313335;
            border-bottom: solid 1px rgba(49, 51, 53, .7);
            cursor: pointer;
        }

        .mejs-chapters .mejs-chapter .mejs-chapter-block-last {
            border-right: none
        }

        .mejs-chapters .mejs-chapter .mejs-chapter-block:hover {
            background: #333;
            background: rgba(102,102,102, 0.7);
            background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(102,102,102,0.7)), to(rgba(50,50,50,0.6)));
            background: -webkit-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6));
            background: -moz-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6));
            background: -o-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6));
            background: -ms-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6));
            background: linear-gradient(rgba(102,102,102,0.7), rgba(50,50,50,0.6));
        }

        .mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title {
            font-size: 12px;
            font-weight: bold;
            display: block;
            white-space: nowrap;
            text-overflow: ellipsis;
            margin: 0 0 3px 0;
            line-height: 12px;
        }

        .mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan {
            font-size: 12px;
            line-height: 12px;
            margin: 3px 0 4px 0;
            display: block;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

.mejs-captions-layer {
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    /*font-weight: bold;*/
    line-height: 22px;
    font-size: 12px;
    color: #fff;
}

    .mejs-captions-layer  a {
        color: #fff;
        text-decoration: underline;
    }

.mejs-captions-layer[lang=ar] {
    font-size: 20px;
    font-weight: normal;
}

.mejs-captions-position {
    position: absolute;
    width: 100%;
    bottom: 15px;
    left: 0;
}

.mejs-captions-position-hover {
    bottom: 45px
}

.mejs-captions-text {
    padding: 5px 7px;
    background: #3a3c3d;
    background: rgba(58, 60, 61, 0.8);
    border-radius: 4px;
}

/* End: TRACK (Captions and Chapters) */

.mejs-clear {
    clear: both
}

/* Start: ERROR */

.me-cannotplay {

}

    .me-cannotplay a {
        color: #fff;
        font-weight: bold;
    }

    .me-cannotplay span {
        padding: 15px;
        display: block;
    }

/* End: ERROR */

/* Start: Loop */

.mejs-controls .mejs-loop-off button {
    background-position: -64px -16px
}

.mejs-controls .mejs-loop-off:hover button {
    background-position: -64px -48px
}

.mejs-controls .mejs-loop-on button {
    background-position: -64px 0
}

.mejs-controls .mejs-loop-on::hover button {
    background-position: -64px -32px
}

/* End: Loop */

/* Start: backlight */

.mejs-controls .mejs-backlight-off button {
    background-position: -80px -16px
}

.mejs-controls .mejs-backlight-off:hover button {
    background-position: -80px -48px
}

.mejs-controls .mejs-backlight-on button {
    background-position: -80px 0
}

.mejs-controls .mejs-backlight-on:hover button {
    background-position: -80px -32px
}

/* End: backlight */

/* Start: picture controls */

.mejs-controls .mejs-picturecontrols-button {
    background-position: -96px 0
}

.mejs-controls .mejs-picturecontrols-button:hover {
    background-position: -96px -32px
}

/* End: picture controls */

/* context menu */

.mejs-contextmenu {
    position: absolute;
    width: 150px;
    padding: 10px;
    border-radius: 4px;
    top: 0;
    left: 0;
    background: #fff;
    border: solid 1px #999;
    z-index: 1001; /* make sure it shows on fullscreen */
}

    .mejs-contextmenu .mejs-contextmenu-separator {
        height: 1px;
        font-size: 0;
        margin: 5px 6px;
        background: #333;
    }

    .mejs-contextmenu .mejs-contextmenu-item {
        font-family: sans-serif;
        font-size: 12px;
        padding: 4px 6px;
        cursor: pointer;
        color: #333;
    }

    .mejs-contextmenu .mejs-contextmenu-item:hover {
        background: #2C7C91;
        color: #fff;
    }

/* Start: SourceChooser */

.mejs-controls .mejs-sourcechooser-button {
    position: relative
}

    .mejs-controls .mejs-sourcechooser-button button {
        background-position: -128px 0
    }

    .mejs-controls .mejs-sourcechooser-button button {
        background-position: -128px -32px
    }

    .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector {
        visibility: hidden;
        position: absolute;
        bottom: 26px;
        right: -10px;
        width: 130px;
        height: 100px;
        background: #3A3C3D;
        border: solid 1px transparent;
        padding: 10px;
        overflow: hidden;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

        .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul {
            margin: 0;
            padding: 0;
            display: block;
            list-style-type: none !important;
            overflow: hidden;
        }

            .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li {
                margin: 0 0 6px 0;
                padding: 0;
                list-style-type: none !important;
                display: block;
                color: #fff;
                overflow: hidden;
            }

                .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input {
                    clear: both;
                    float: left;
                    margin: 3px 3px 0 5px;
                }

                .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label {
                    width: 100px;
                    float: left;
                    padding: 4px 0 0 0;
                    line-height: 15px;
                    font-family: sans-serif;
                    font-size: 10px;
                }
/* GENERAL

----------------------------------------------- */

.jp-jplayer {
    width: 0px;
    height: 0px;
    /*background-color: #000000;*/
}

.jp-audio-container {
    margin-top: -60px;
    margin-bottom: 30px;
}

.jp-audio-container.no-image {
    margin-top: 0;
    margin-bottom: 30px;
}

.jp-audio {
    margin: 0 auto;
    width: 400px;
    max-width: 100%;
    padding: 0 20px;
    font-size: 1em;
    font-family: "Helvetica Neue", Helvetica, Arial, "Nimbus Sans L", sans-serif;
    color: #fff;
    line-height: 1.6;
}

    .jp-audio a {
        text-decoration: none;
        color: #d2d6db;
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        -ms-transition: none;
        transition: none;
    }

    .jp-audio a:hover {
        color: #ffffff
    }

.jp-interface {
    position: relative;
    height: 30px;
    width: 100%;
    background-color: #333;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#555555), to(#333));
    background-image: -moz-linear-gradient(#555555, #333);
    background-image: -ms-linear-gradient(#555555, #333);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #555555), color-stop(100%, #333));
    background-image: -webkit-linear-gradient(#555555, #333);
    background-image: -o-linear-gradient(#555555, #333);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#333', GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#333', GradientType=0)";
    background-image: linear-gradient(#555555, #333);
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
    -khtml-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
    -o-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

/* CONTROLS

----------------------------------------------- */

.jp-controls {
    float: left;
    width: 30px;
    height: 30px;
    list-style-type: none;
    padding: 0;
    margin: 0;
    z-index: 100;
}

ul.jp-controls {
    list-style-type: none
}

.jp-controls:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 30px;
    width: 0;
    height: 30px;
    border-left: 1px solid #3a3b3c;
    border-right: 1px solid #4a4b4c;
}

.jp-controls li {
    float: left
}

.jp-controls a {
    position: absolute;
    overflow: hidden;
    text-indent: -9999px;
}

.jp-play,
.jp-pause,
.jp-mute,
.jp-unmute {
    z-index: 1;
    outline: none;
    width: 30px;
    height: 30px;
    background-position: 10px center;
    background-repeat: no-repeat;
    top: 0;
}

.jp-play:hover,
.jp-pause:hover,
.jp-mute:hover,
.jp-unmute:hover {
    background-position: -23px center;
    top: 0;
}

.jp-play {
    background-image: url('/core/images/vendor/jq-player/play.png')
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    .jp-play {
        background-image: url('/core/images/vendor/jq-player/play@2x.png');
        background-size: cover;
    }
}

.jp-pause {
    display: none;
    background-image: url('/core/images/vendor/jq-player/pause.png');
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    .jp-pause {
        background-image: url('/core/images/vendor/jq-player/pause@2x.png');
        background-size: cover;
    }
}

.jp-mute,
.jp-unmute {
    display: block;
    position: absolute;
    top: 0;
    right: 55px;
}

.jp-mute {
    background-image: url('/core/images/vendor/jq-player/mute-off.png')
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    .jp-mute {
        background-image: url('/core/images/vendor/jq-player/mute-off@2x.png');
        background-size: cover;
    }
}

.jp-unmute {
    background-image: url('/core/images/vendor/jq-player/mute-on.png')
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    .jp-unmute {
        background-image: url('/core/images/vendor/jq-player/mute-on@2x.png');
        background-size: cover;
    }
}

/* PROGRESS BAR

----------------------------------------------- */

.jp-progress {
    position: absolute;
    padding: 0 95px 0 40px;
    margin-top: 12px;
    margin-bottom: 12px;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    height: 7px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.jp-seek-bar,
.jp-play-bar {
    width: 0px;
    height: 5px;
    -webkit-border-radius: 1px;
    -khtml-border-radius: 1px;
    -moz-border-radius: 1px;
    -o-border-radius: 1px;
    border-radius: 1px;
}

.jp-seek-bar {
    cursor: pointer;
    position: relative;
    z-index: 999;
    background: #4a4b4c;
}

.jp-seek-bar:before {
    content: " ";
    display: block;
    background: transparent;
    border: 1px solid;
    border-color: #212424 #262929 #262929;
    height: 5px;
    width: 100%;
    position: relative;
    top: -1px;
    left: -1px;
    -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);
    -khtml-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);
    -moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);
    -o-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);
    -webkit-border-radius: 1px;
    -khtml-border-radius: 1px;
    -moz-border-radius: 1px;
    -o-border-radius: 1px;
    border-radius: 1px;
}

.jp-play-bar {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: progress 0.75s linear infinite;
    -moz-animation: progress 0.75s linear infinite;
    -o-animation: progress 0.75s linear infinite;
    -ms-animation: progress 0.75s linear infinite;
    animation: progress 0.75s linear infinite;
}

/* VOLUME BAR

----------------------------------------------- */

.jp-volume-bar {
    float: right;
    z-index: 99;
    position: relative;
    margin: 12px 10px 12px;
    width: 40px;
    height: 7px;
    cursor: pointer;
    background: #333;
    -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);
    -khtml-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);
    -moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);
    -o-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);
    -webkit-border-radius: 1px;
    -khtml-border-radius: 1px;
    -moz-border-radius: 1px;
    -o-border-radius: 1px;
    border-radius: 1px;
}

.jp-volume-bar:before {
    content: " ";
    position: absolute;
    top: -12px;
    left: -35px;
    width: 0;
    height: 30px;
    border-left: 1px solid #4a4b4c;
    border-right: 1px solid #3a3b3c;
}

.jp-volume-bar-value {
    width: 0px;
    height: 5px;
    margin: 1px;
    -webkit-border-radius: 1px;
    -khtml-border-radius: 1px;
    -moz-border-radius: 1px;
    -o-border-radius: 1px;
    border-radius: 1px;
}

/* Diagonal Background Bars */

.jp-play-bar,
.jp-volume-bar-value {
    -webkit-box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.3);
    -khtml-box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.3);
    -moz-box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.3);
    -o-box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.3);
    box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.3);
    -webkit-background-size: 7px 7px;
    -moz-background-size: 7px 7px;
    -o-background-size: 7px 7px;
    background-size: 7px 7px;
    background-color: #fcc500;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#fff200), to(#fcc500));
    background-image: -moz-linear-gradient(#fff200, #fcc500);
    background-image: -ms-linear-gradient(#fff200, #fcc500);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff200), color-stop(100%, #fcc500));
    background-image: -webkit-linear-gradient(#fff200, #fcc500);
    background-image: -o-linear-gradient(#fff200, #fcc500);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff200', endColorstr='#fcc500', GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff200', endColorstr='#fcc500', GradientType=0)";
    background-image: linear-gradient(#fff200, #fcc500);
    background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, rgba(255, 255, 255, 0.3)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.3)), color-stop(0.75, rgba(255, 255, 255, 0.3)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent);
    background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent);
}

/* TIME HOLDER

----------------------------------------------- */

.jp-time-holder {
    display: none;
    visibility: hidden;
}

/* TIME HOLDER

----------------------------------------------- */

.jp-toggles {
    display: none;
    visibility: hidden;
}

/* PLAYLIST

----------------------------------------------- */

.jp-playlist {
    width: 95%;
    margin: 0 auto;
    font-size: 13px;
    background-color: #555555;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    -khtml-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    -webkit-border-radius: 0 0 3px 3px;
    -khtml-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    -o-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}

    .jp-playlist a {
        display: block
    }

    .jp-playlist ul {
        width: 100%;
        padding: 0;
        margin: 0;
        list-style: none;
        -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
        -khtml-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
        -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
        -o-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
        box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
    }

    .jp-playlist li {
        width: 100%;
        padding: 5px 10px;
        border-top: 1px solid #3d3f40;
        border-bottom: 1px solid #323334;
    }

    .jp-playlist li:first-child {
        border-top: none
    }

    .jp-playlist li:last-child {
        border-bottom: none
    }

.jp-free-media {
    float: right;
    filter: alpha(opacity=50);
    -khtml-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
    font-size: 10px;
    text-transform: uppercase;
    margin-top: 1px;
    display: block;
}

.jp-free-media:hover {
    filter: alpha(opacity=80);
    -khtml-opacity: 0.8;
    -moz-opacity: 0.8;
    opacity: 0.8;
}

.jp-free-media a {
    display: inline
}

.jp-free-media a:first-child:before,
.jp-free-media a:last-child:after {
    content: " "
}

.jp-playlist-current a {
    font-weight: bold;
    color: white;
}

.jp-playlist-current .jp-free-media a {
    font-weight: normal
}

/* CSS3 ANIMATINS

----------------------------------------------- */

/* Progress Bar Animation */

@-webkit-keyframes progress {
    0% {
        background-position: 0
    }

    100% {
        background-position: -7px
    }
}

@-moz-keyframes progress {
    0% {
        background-position: 0
    }

    100% {
        background-position: -7px
    }
}

@-ms-keyframes progress {
    0% {
        background-position: 0
    }

    100% {
        background-position: -7px
    }
}

@-o-keyframes progress {
    0% {
        background-position: 0
    }

    100% {
        background-position: -7px
    }
}
/* ==========================================================================
    CSS Reset
  ========================================================================== */

 html, body, div, span, applet, object, iframe,
 h1, h2, h3, h4, h5, h6, p, blockquote, pre,
 a, abbr, acronym, address, big, cite, code, del, dfn,
 em, img, ins, kbd, q, s, samp, small, strike, strong,
 sub, sup, tt, var, b, u, i, center, dl, dt, dd,
 fieldset, form, label, legend, table,
 caption, tbody, tfoot, thead, tr, th, td, article,
 aside, canvas, details, embed, figure, figcaption,
 footer, header, hgroup, menu, nav, output, ruby, section,
 summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer,
header, hgroup, main, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}



blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content:'';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

html {
	-webkit-text-size-adjust: none;
}


kbd {
	font-weight: bold;
}

samp,
var {
	font-style: italic;
}

strong {
	font-weight: bold;
}

em,
dfn,
cite {
	font-style: italic;
}

dfn {
	font-weight: bold;
}

sup {
	font-size: 11px;
	vertical-align: top;
}

sub {
	font-size: 11px;
	vertical-align: bottom;
}

small {
	font-size: 11px;
}

del {
	text-decoration: line-through;
}

ins {
	text-decoration: underline;
}

/* ==========================================================================
	Global elements
  ========================================================================== */

html {
	min-height: 100%;
}

body, input, textarea, button {
	margin: 0;
	font-family:'Merriweather', Georgia, Serif;
	font-size: 16px;
	line-height: 26px;
	border: none;
	-webkit-font-smoothing: antialiased;
	/* Fix for webkit rendering */
	-webkit-text-size-adjust: auto;
}

body {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	color: #777;
	position: relative;
}



p {
	font-weight: 400;
}

img {
	max-width: 100%;
	height: auto;
}

hr {
	background-color: #ebebeb;
	border: none;
	height: 1px;
	margin: 25px auto;
}

embed,
object,
iframe {
	width: 100%;
}

.navigation-links, p, .bot-margin {
	margin-bottom: 20px;
}


/**
 * Links
 */

a {
	color: #00a78d;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	color: #00a78d;
}

a img {
	border: none
}

a, .transition {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

	.addthis_toolbox a,
	.addthis_toolbox a:hover {
		-webkit-transition: none;
		-moz-transition: none;
		-o-transition: none;
		transition: none;
	}

	.addthis_toolbox {
		display: inline-block;
		margin: 0 auto;
	}

/**
 * Inputs
 */


	.no-mq input,
	.no-mq textarea {
		width: 90%;
	}


#id_matrix,
#id_matrix tr,
#id_matrix td {
	border: 0 none;
	text-align: left;
	padding: 0;
	width: 100%;
}

#id_matrix td span {
	line-height: 26px;
}

#id_matrix td label {
	display: block;
	padding-top: 20px;
}

#id_matrix td input {
	width: 100%;
}

	#id_matrix td input[type="submit"] {
		width: auto;
	}

#id_matrix td .xformvalidator {
	color: red;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
}

blockquote {
	border-left: 1px solid #c6c6c6;
	margin: 50px 0px 50px 0px;
	padding: 2.5% 5% 2.5% 5%;
	font-family: 'Merriweather', Georgia, Serif;
	font-style: normal;
	font-weight: 300;
	position: relative;
	font-size: 26px;
	line-height: 1.3em;
	color: #999;
}

	blockquote.left {
		margin-right:20px;
		text-align:right;
		margin-left:0;
		width:33%;
		float:left;
	}

	blockquote.right {
		margin-left:20px;
		text-align:left;
		margin-right:0;
		width:33%;
		float:right;
	}

	blockquote p {
		margin-bottom: 0;
	}

address {
	font-style: italic;
}

abbr[title],
acronym[title],
dfn[title] {
	cursor: help;
	border-bottom: 1px dotted #666;
}

code, pre {
	line-height: 18px;
}

var, kbd, samp,
code, pre {
  font: 12px/18px Consolas, "Andale Mono", Courier, "Courier New", monospace;
  background: #fff;
}

pre {
  white-space: pre;
  overflow: auto;
  padding: 10px;
  clear: both;
  margin: 40px 80px;
}

code {
	padding: 3px;
}


/**
 * Headings
 */

h1, h2, h3, h4, h5, h6 {
	-webkit-font-smoothing: antialiased;
	font-family:'Merriweather Sans', Helvetica, Arial;
	color: #333;
	letter-spacing: 0px;
	font-weight: bold;
}

a:hover h1, a:hover h2, a:hover h3, a:hover h4, a:hover h5, a:hover h6 {
	color: #FF6600;
}

h1 {
	font-size: 42px;
	font-weight: 800;
	line-height: 42px;
	text-transform: uppercase;
}

h2 {
	font-size: 26px;
	line-height: 26px;
	text-transform: uppercase;
}

h3 {
	font-size: 20px;
	line-height: 20px;
}

h4 {
	font-size: 16px;
	line-height: 16px;
}

h5 {
	font-size: 13px;
	line-height: 13px;
}

h6 {
	font-size: 12px;
	line-height: 18px;
}

section h1, section h2, section h3,
section h4, section h5, section h6 {
	margin-bottom: 20px;
}

/**
 * Tables
 */


.no-mq .pinned { 
	display: none;
}

table .even {
	background: #ddd;
}

table.tablesorter thead tr .easy-table-header {
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: center right;
}
table.tablesorter thead tr .easy-table-header:hover{
	background-image: url(/core/images/bg.gif);
}
table.tablesorter thead tr .headerSortUp,
table.tablesorter thead tr .headerSortDown:hover{
	background-image: url(/core/images/asc.gif);
}
table.tablesorter thead tr .headerSortDown,
table.tablesorter thead tr .headerSortUp:hover {
	background-image: url(/core/images/desc.gif);
}

/* Taken from bootstrap */
table.easy-table {max-width:100%;background-color:transparent;border-collapse:collapse;border-spacing:0;}
.easy-table{width:100%;margin-bottom:18px;}.easy-table th,.easy-table td{padding:8px;line-height:18px;text-align:left;vertical-align:top;border-top:1px solid #dddddd;}
.easy-table th{font-weight:bold;}
.easy-table thead th{vertical-align:bottom;}
.easy-table caption+thead tr:first-child th,.easy-table caption+thead tr:first-child td,.easy-table colgroup+thead tr:first-child th,.easy-table colgroup+thead tr:first-child td,.easy-table thead:first-child tr:first-child th,.easy-table thead:first-child tr:first-child td{border-top:0;}
.easy-table tbody+tbody{border-top:2px solid #dddddd;}
.table-condensed th,.table-condensed td{padding:4px 5px;}
.table-bordered{border:1px solid #dddddd;border-collapse:separate;*border-collapse:collapsed;border-left:0;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.table-bordered th,.table-bordered td{border-left:1px solid #dddddd;}
.table-bordered caption+thead tr:first-child th,.table-bordered caption+tbody tr:first-child th,.table-bordered caption+tbody tr:first-child td,.table-bordered colgroup+thead tr:first-child th,.table-bordered colgroup+tbody tr:first-child th,.table-bordered colgroup+tbody tr:first-child td,.table-bordered thead:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child td{border-top:0;}
.table-bordered thead:first-child tr:first-child th:first-child,.table-bordered tbody:first-child tr:first-child td:first-child{-webkit-border-top-left-radius:4px;border-top-left-radius:4px;-moz-border-radius-topleft:4px;}
.table-bordered thead:first-child tr:first-child th:last-child,.table-bordered tbody:first-child tr:first-child td:last-child{-webkit-border-top-right-radius:4px;border-top-right-radius:4px;-moz-border-radius-topright:4px;}
.table-bordered thead:last-child tr:last-child th:first-child,.table-bordered tbody:last-child tr:last-child td:first-child{-webkit-border-radius:0 0 0 4px;-moz-border-radius:0 0 0 4px;border-radius:0 0 0 4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-moz-border-radius-bottomleft:4px;}
.table-bordered thead:last-child tr:last-child th:last-child,.table-bordered tbody:last-child tr:last-child td:last-child{-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px;-moz-border-radius-bottomright:4px;}
.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th{background-color:#f9f9f9;}
.easy-table tbody tr:hover td,.easy-table tbody tr:hover th{background-color:#f5f5f5;}
table.easy-table caption{
	font-weight:bold;
}

/* ==========================================================================
	Site Header
  ========================================================================== */

header {
	margin: 0;
	display: block;
	position: relative;
	padding: 0;
	z-index: 0;
	/*border-bottom: 1px solid #ebebeb;*/
}

	/*header#top {
		margin-bottom: 25px;
	}*/

	.single-portfolio header#top {
		margin-bottom: 0;
		border-bottom: none;
	}

	.single header#top {
		margin-bottom: 0;
	}

.logo {
	text-align: left;
	float: right;
	margin-top: 50px;
	margin-bottom: 50px;
}

.logo img {
	width: 100%;
	height: auto;
}

.logo span {
	line-height: 0;
	font-size: 0;
	display: block;
}

/*	.logo .normal_logo {
	}

	.logo .retina_logo {
		display: none;
	}

@media (-webkit-min-device-pixel-ratio: 2) {
	.logo .normal_logo {
		display: none;
	}

	.logo .retina_logo {
		display: block;
	}
}*/


/* ==========================================================================
	Navigation
  ========================================================================== */

nav#primary-nav {
	font-size: 14px;
	line-height: 14px;
	font-family: 'Merriweather Sans', Helvetica, Arial;
	float: left;
	font-weight: 100;
	position: relative;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 0;
}

	nav#primary-nav ul {
		margin: 0;
		padding: 0;
		list-style: none;
		line-height: 43px; /* needs to match with nav#primary-nav ul li a and .logo height */
		float: left;
	}

		nav#primary-nav ul a {
			display: inline-block;
			position: relative;
		}

			.lt-ie8 nav#primary-nav ul a {
				display: block;
				white-space: nowrap;
			}

		nav#primary-nav ul > li {
			float: left;
			display: inline-block;
			display: block;
			position: relative;
			z-index: 1000;
			position: relative;
			list-style: none;
			line-height: 43px;
			height: 43px;
			letter-spacing: 2px;
			margin: 0px 15px 0px 15px;
		}

		nav#primary-nav ul > li:first-child {
			margin-left: 0;
		}

		nav#primary-nav ul li a {
			text-align: left;
		}

		nav#primary-nav ul li:hover {
			visibility: inherit;
		}

		nav#primary-nav ul ul {
			position: absolute;
			top: -9999em;
			width: 180px;
			z-index: 9999;
			line-height: 20px;
			visibility: hidden;
		}

		nav#primary-nav ul ul li {
			width: 100%;
		}

		nav#primary-nav ul li:hover ul,
		nav#primary-nav ul li.sfHover ul {
			left: 0px;
			top: 93px;
			visibility: visible;
		}

		nav#primary-nav ul li.right:hover ul,
		nav#primary-nav ul li.right.sfHover ul {
			left: auto;
			right: 0;
		}

		nav#primary-nav ul a {
			line-height: 28px;
			transition: all ease-in-out .4s;
			-webkit-transition: all ease-in-out .4s;
			-moz-transition: all ease-in-out .4s;
			-o-transition: all ease-in-out .4s;
		}

		nav#primary-nav ul li a,
		nav#primary-nav ul li.current_page_item li a {
			color: #999;
		}

		nav#primary-nav ul li a:hover {
			color: #00a78d;
			text-decoration: none;
		}

		nav#primary-nav ul li:hover li ul,
		nav#primary-nav ul li.sfHover li ul,
		nav#primary-nav ul li li:hover li ul,
		nav#primary-nav ul li li.sfHover li ul,
		nav#primary-nav ul li li li:hover li ul,
		nav#primary-nav ul li li li.sfHover li ul {
			top: -9999em;
		}

		nav#primary-nav ul li li:hover ul,
		nav#primary-nav ul li li.sfHover ul,
		nav#primary-nav ul li li li:hover ul,
		nav#primary-nav ul li li li.sfHover ul,
		nav#primary-nav ul li li li li:hover ul,
		nav#primary-nav ul li li li li.sfHover ul {
			left: 180px;
			top:-1px;
			visibility: visible;
		}

		nav#primary-nav ul li.current-cat a,
		nav#primary-nav ul li.current_page_item a,
		nav#primary-nav ul li.current-menu-item a {
			color: #00a78d;
			text-decoration: none;
		}

		nav#primary-nav ul ul {
			padding: 0 0 0 0;
			border: 1px solid #f1f1f1;
			background: #fff;
			box-shadow: 0 0 30px rgba(0, 0, 0, .1);
			-moz-box-shadow: 0 0 30px rgba(0, 0, 0, .1);
			-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .1);
			color: #666;
			background-image: inherit;
		}

			nav#primary-nav ul ul li {
				padding: 0px;
				margin: 0;
				color: #666;
				letter-spacing: 0px;
				border-bottom: 1px dotted #ebebeb;
				z-index: 9999;
				position: relative;
			}

				.lt-ie8 nav#primary-nav ul ul li {
					float: none;
					padding: 0;
				}


			nav#primary-nav ul ul li:last-child {
				border-bottom: none;
			}

			nav#primary-nav ul li ul li a {
				font-size: 12px;
				line-height: 26px;
				letter-spacing: 2px;
				padding: 0 20px;
				font-weight: 300;
				/*color: #777 !important;*/
				white-space: nowrap;
			}

				.lt-ie8 nav#primary-nav ul li ul li a {
					padding: 10px 20px 0 0;
					text-align: center;
					width: 15em;
				}

			nav#primary-nav ul li ul li:hover a {
				/*color: #00a78d !important;*/
			}



.nav-prev {
	float: left;
}

.nav-next {
	float: right;
}

.navigation-posts {
	padding-top: 50px;
	border-top: 1px solid #ebebeb;
	font-weight: 400;
}

.navigation-posts a {
	font-family: 'Merriweather Sans', Arial, sans-serif;
	font-size: 14px;
	line-height: 14px;
	text-transform: uppercase;
	font-weight: 300;
	color: #00a78d;
	background: #fff;
	border-radius: 25px;
	border: 3px solid #00a78d;
	padding: 15px 20px;
	cursor: pointer;
}

	.navigation-posts a:hover {
		color: #fff;
		background: #00a78d;
	}

nav#nav {
	left: -70%;
	height: 0;
    margin-top: 38px;
}

	nav#nav .close-btn {
		display: none;
	}


	nav#nav ul:before, nav#nav ul:after {
		content: "";
		display: table;
	}

	nav#nav ul:after {
		clear: both;
	}

	nav#nav ul ul li:last-child {
		border: none;
	}

	nav#nav ul ul li {
		line-height: 16px;
		padding-left: 40px;
		text-indent: -1.875em;
		border: none;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

.close-btn {
	display: block;
	width: 2.625em;
	height: 2.25em;
	padding: 0;
	border: 0;
	outline: none;
	background: #1a1a1a url("/core/images/ui/close-btn.svg") left center no-repeat;
	background-size: 1.875em 1.875em;
	overflow: hidden;
	white-space: nowrap;
	text-indent: 100%;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

	.no-svg .close-btn {
		background-image: url("/core/images/ui/close-btn.png");
	}

	.close-btn:focus, .close-btn:hover {
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
		opacity: 1;
	}

.nav-btn {
	display: block;
	width: 2.625em;
	height: 2.25em;
	cursor: pointer;
	padding: 0;
	border: 0;
	outline: none;
	background: url("/core/images/ui/nav-icon-solid.svg") left center no-repeat;
	background-size: 1.875em 1.5em;
	overflow: hidden;
	white-space: nowrap;
	/*text-indent: 100%;*/
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 0.85;
	margin-top: 55px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);

	font-family:'Merriweather Sans', Helvetica, Arial;
	font-size: 16px;
	line-height: 2.25em;
	padding-left: 2em;
	text-transform: uppercase;
	width: 3em;
}

	.no-svg .nav-btn {
		background-image: url("/core/images/ui/nav-icon-solid.png");
	}

	.nav-btn:hover, .nav-btn:focus {
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
		opacity: 1;
	}

nav#nav,
.nav-btn {
	display: none;
}


/* ==========================================================================
	Content styling
  ========================================================================== */

#main-container {
	overflow: hidden;
	position: relative;
	z-index: 0;
}

#content {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

.single-post #content {
	margin-top: -1px;
}

#primary {
	border-top: 1px solid #EBEBEB;
	padding-top: 25px;
	float: left;
	position: relative;
	z-index: 0;
}

/*	#primary:hover  {
		z-index: 2;
	}*/

.subscribe-nav {
	font-family: 'Merriweather Sans', Helvetica, Arial;
}

.subscribe-nav a,
.subscribe-nav span {
	display: block;
	padding-bottom: 0.5em;
	margin-bottom: 0.5em;
	border-bottom: 1px solid #EBEBEB;
}

.subscribe-nav a:hover {
	text-decoration: none;
}

.subscribe-nav .last {
	border-bottom: none;
	margin-bottom: 2em;
}

.subscribe-nav span {
	font-weight: 800;
	color: #333;
}

.filter-select {
	text-align: right;
	margin-bottom: 2em;
	padding-right: 1em;
}

/* ==========================================================================
	Search Results
  ========================================================================== */

ul.search-results {
  margin-left: 0;
}

	ul.search-results li {
    border-bottom: 1px solid #EBEBEB;
    margin-bottom: 30px;
    padding-bottom: 20px;
	}

	ul.search-results h3 {
    margin-bottom: 0;
	}

	ul.search-results .url {
    font-size: 11px;
	}

.search-field a {
display:block;
margin: .5em 0 2.5em;
}
	.search-field label {
		float:left;
		width:250px;
		padding-right:10px;
	}
	.date-range input {
	max-width: 188px;}
	
/* ==========================================================================
	Site Footer
  ========================================================================== */

footer.footer-container {
	/*width: 100%;*/
	background: #eee;
	color: #999;
	overflow: hidden;
	display: block;
	padding: 30px 20px;
	font-size: 10px;
	line-height: 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

footer .social .widget {
	text-align: left
}

footer .copyright,
footer .social {
	line-height: 10px;
	min-height: 10px !important;
}

	footer .copyright .widget {
		text-align: left
	}

	footer .social .icy-social:hover {
		color: #f1f1f1 !important
	}

footer #footer-widgets > div {
	min-height: 10px !important
}

footer .wrapper {
	background: none !important;
	margin: 0 auto;
	padding: 0 20px;
}

footer input[type="text"] {
	background-color: #f8f8f8;
	border: 1px solid #aaa;
}

/* ==========================================================================
    Grids
  ========================================================================== */

 .wrapper {
 	background-color: #ffffff;
	position: relative;
	width:1220px;
	padding: 0 30px;
	padding-bottom: 50px;
	margin: 0 auto;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	overflow: visible;
	backface-visibility: hidden;
}

.row-fluid {
	width: 100%;
	*zoom: 1;
}

	.row-fluid:before, .row-fluid:after {
		display: table;
		content:"";
	}

	.row-fluid:after {
		clear: both;
	}

	.row-fluid [class*="span"] {
		display: block;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		float: left;
		margin-left: 2.127659574%;
	}

	.row-fluid [class*="span"]:first-child {
		margin-left: 0;
	}

	.row-fluid .span12 {
		width: 99.99999998999999%;
		*width: 99.94680850063828%;
	}

	.row-fluid .span11 {
		width: 91.489361693%;
		*width: 91.4361702036383%;
	}

	.row-fluid .span10 {
		width: 82.97872339599999%;
		*width: 82.92553190663828%;
	}

	.row-fluid .span9 {
		width: 74.468085099%;
		*width: 74.4148936096383%;
	}

	.row-fluid .span8 {
		width: 65.95744680199999%;
		*width: 65.90425531263828%;
	}

	.row-fluid .span7 {
		width: 57.446808505%;
		*width: 57.3936170156383%;
	}

	.row-fluid .span6 {
		width: 48.93617020799999%;
		*width: 48.88297871863829%;
	}

	.row-fluid .span5 {
		width: 40.425531911%;
		*width: 40.3723404216383%;
	}

	.row-fluid .span4 {
		width: 31.914893614%;
		*width: 31.8617021246383%;
	}

	.row-fluid .span3 {
		width: 23.404255317%;
		*width: 23.3510638276383%;
	}

	.row-fluid .span2 {
		width: 14.89361702%;
		*width: 14.8404255306383%;
	}

	.row-fluid .span1 {
		width: 6.382978723%;
		*width: 6.329787233638298%;
	}

	.row-fluid .offset12 {
		margin-left: 104.25531914893617%;
		*margin-left: 104.14893617021275%;
	}

	.row-fluid .offset12:first-child {
		margin-left: 102.12765957446808%;
		*margin-left: 102.02127659574467%;
	}

	.row-fluid .offset11 {
		margin-left: 95.74468085106382%;
		*margin-left: 95.6382978723404%;
	}

	.row-fluid .offset11:first-child {
		margin-left: 93.61702127659574%;
		*margin-left: 93.51063829787232%;
	}

	.row-fluid .offset10 {
		margin-left: 87.23404255319149%;
		*margin-left: 87.12765957446807%;
	}

	.row-fluid .offset10:first-child {
		margin-left: 85.1063829787234%;
		*margin-left: 84.99999999999999%;
	}

	.row-fluid .offset9 {
		margin-left: 78.72340425531914%;
		*margin-left: 78.61702127659572%;
	}

	.row-fluid .offset9:first-child {
		margin-left: 76.59574468085106%;
		*margin-left: 76.48936170212764%;
	}

	.row-fluid .offset8 {
		margin-left: 70.2127659574468%;
		*margin-left: 70.10638297872339%;
	}

	.row-fluid .offset8:first-child {
		margin-left: 68.08510638297872%;
		*margin-left: 67.9787234042553%;
	}

	.row-fluid .offset7 {
		margin-left: 61.70212765957446%;
		*margin-left: 61.59574468085106%;
	}

	.row-fluid .offset7:first-child {
		margin-left: 59.574468085106375%;
		*margin-left: 59.46808510638297%;
	}

	.row-fluid .offset6 {
		margin-left: 53.191489361702125%;
		*margin-left: 53.085106382978715%;
	}

	.row-fluid .offset6:first-child {
		margin-left: 51.063829787234035%;
		*margin-left: 50.95744680851063%;
	}

	.row-fluid .offset5 {
		margin-left: 44.68085106382979%;
		*margin-left: 44.57446808510638%;
	}

	.row-fluid .offset5:first-child {
		margin-left: 42.5531914893617%;
		*margin-left: 42.4468085106383%;
	}

	.row-fluid .offset4 {
		margin-left: 36.170212765957444%;
		*margin-left: 36.06382978723405%;
	}

	.row-fluid .offset4:first-child {
		margin-left: 34.04255319148936%;
		*margin-left: 33.93617021276596%;
	}

	.row-fluid .offset3 {
		margin-left: 27.659574468085104%;
		*margin-left: 27.5531914893617%;
	}

	.row-fluid .offset3:first-child {
		margin-left: 25.53191489361702%;
		*margin-left: 25.425531914893618%;
	}

	.row-fluid .offset2 {
		margin-left: 19.148936170212764%;
		*margin-left: 19.04255319148936%;
	}

	.row-fluid .offset2:first-child {
		margin-left: 17.02127659574468%;
		*margin-left: 16.914893617021278%;
	}

	.row-fluid .offset1 {
		margin-left: 10.638297872340425%;
		*margin-left: 10.53191489361702%;
	}

	.row-fluid .offset1:first-child {
		margin-left: 8.51063829787234%;
		*margin-left: 8.404255319148938%;
	}


/* ==========================================================================
  Helper classes
  ========================================================================== */

.aligncenter {
  display: block;
  margin: 0 auto;
}

  img.aligncenter {
    margin-left: auto;
    margin-right: auto;
    display: block;
    clear: both;
    margin-top: 5px;
  }

.alignright {
  float:right;
  margin: 10px 0 10px 10px;
}

  img.alignright {
    display: block;
    margin: 10px 0 25px 20px;
  }

.alignleft {
  float:left;
  margin: 10px 10px 10px 0;
}

  img.alignleft {
    float: left;
    margin: 10px 25px 20px 0;
  }

.floatleft {
  float: left;
}

.floatright {
  float: right;
}

.textcenter {
  text-align: center;
}

.textright {
  text-align: right;
}

.textleft {
  text-align: left;
}

.media .img {
  float: left;
  margin: 0 10px 10px 0;
  font-size: 0;
  line-height: 0;
}

  .product-directory .media {
    margin-bottom: 10px;
    min-height: 50px;
/*     height: 50px;
    overflow: hidden;
    white-space: nowrap; */
  }

    .product-directory .media:after{
      /* content: '';
      display: inline-block;
      height: inherit;
      vertical-align: middle;
      width: 0; */
    }

    .product-directory .media .img {
      margin-bottom: 0;
      width: 50px;
      height: 50px;
    }

    .product-directory .media .bd {
      /* display: inline-block;
      width:100%;
      white-space: normal; */
    }

    .lt-ie8 .product-directory .media .bd {
      /* display: block;
      float: left;
      width: auto; */
    }

    .directory-listing {
      border: 1px solid #C6C6C6;
      padding: 1em;
      margin-bottom: 1em;
    }

    .directory-listing .img {
      width: 100px;
      height: 100px;
      text-align: center;
    }

    .directory-listing .img img {
      max-width: 100px;
      max-height: 100px;
    }

.cf,
.media {
  display: block;
}

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

.centered-text {
  text-align: center;
}

.fixed-right-col {
  position: relative;
  min-height: 676px;
}

  .left-content {
    /*float: left;
    max-width: 885px;
    margin-right: -1px;
    width: 100%;*/

    padding-right: 275px;
  }

  .fixed-right-col .vertical-ads {
    /*float: right;
    width: 225px;
    border-left: 1px solid #ebebeb;
    padding-left: 25px;
    margin-left: 25px;
    text-align: center;*/

    border-left: 1px solid #ebebeb;
    padding-left: 25px;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    width: 225px;
  }

  .aq_span4 .vertical-ads {
    text-align: center;
  }

    .vertical-ads img {
      /*width: 100%;*/
      margin-bottom: 1em;
    }

    .vertical-ads a {
      display: block;
    }


/* ==========================================================================
  Buttons
  ========================================================================== */



button, input[type="submit"], input[type="button"], .more-link, .button {
  border: 3px solid #00a78d;
  border-radius: 25px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  -o-border-radius: 25px;
  clear: both;
  cursor: pointer;
  display: inline-block;
    font-family: 'Merriweather Sans', Arial, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 14px;
  text-transform: uppercase;
  font-weight: 300;
  color: #00a78d;
  padding: 15px 20px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

  .more-link:hover,
  button
  input[type="button"]:hover,
  input[type="submit"]:hover,
  .button:hover {
    text-decoration: none;
    background: #00a78d;
    color: #fff;
  }

  .button-share {
    padding: 5px 20px !important;
    margin-right: 5px;
  }

/* ==========================================================================
  Lists
  ========================================================================== */

/**
 * Posts list
 */

ul.posts-list {
  margin: 0;
}

ul.posts-list li.post {
  /*margin: 30px 0px 10px 0px;*/
}

ul.posts-list li.post:first-child {
  margin-top: 0;
}

ul.posts-list li.post:last-child {
  border-bottom: none;
}


/**
 * Directory list
 */

.entry-content ul.directory-list {
  list-style-type: none;
  margin-left: 0;
  float: left;
  width: 40%;
  padding-right: 10%;
}

  ul.directory-list li {
    margin-bottom: 1.5em;
  }

    ul.directory-list li a {
      display: block;
      padding-right: 1em;
    }


/* ==========================================================================
  Forms
  ========================================================================== */

span.required {
  display: none;
}


.wp-smiley {
  margin:0 !important;
  max-height:1em;
}

/**
 * Search form
 */
.search-form {
  line-height: 0;
  height: 0;
  overflow: hidden;
}

  .search-form.visible,
  .no-js .search-form {
    /*display: block;*/
    padding-bottom: 10px;
    line-height: auto;
    height: auto;
  }


  .search-form input[type="text"] {
    font-family: 'Merriweather Sans', Helvetica, Arial;
    margin-bottom: 0;
    margin-right: 1em;
  }

  .no-mq .search-form input[type="text"] {
    padding: 3px 10px 4px;
    line-height: 20px;
  }

/**
 * Contact form
 */

.wpcf7 {
  text-align: left !important;
  margin-left: 5px !important;
}


/**
 * Comment form
 */

div#respond {}

/* Reply title. */
h3#reply-title {

}

/* Cancel comment link. */
h3#reply-title small {

}

/* The comment form. */
form#commentform {

}

/* Comment author field. */
p.comment-form-author {

}

  p.comment-form-author label {
    display: none;
  }

  p.comment-form-author input#author {

  }



/* Comment email field. */
p.comment-form-email {

}

  p.comment-form-email label {
    display: none;
  }

  p.comment-form-email input#email {

  }



/* Comment URL field. */
p.comment-form-url {

}

  p.comment-form-url label {
    display: none;
  }

  p.comment-form-url input#url {

  }




/* Comment form text. */
p.comment-form-comment {

}

  p.comment-form-comment label {
    display: none;
  }

  p.comment-form-comment textarea#comment {

  }


/* ==========================================================================
  Galleries
  ========================================================================== */

.image-caption {
  font-size: 13px;
  text-align: center;
  clear: both;
  /*padding-top: 10px;*/
}

.wp-caption {
  text-align: center;
  clear: both;
  overflow: hidden;
  font-style: italic;
  position: relative;
  margin: 20px 0;
}

  .wp-caption img {
    margin:0;
    padding:0;
    border:0 none;
  }

  .wp-caption[style] {
    width: 100% !important;
  }

  .wp-caption img,
  .wp-caption img a {
    margin: 0;
    padding: 0;
    border: 0 none;
    max-width: 100%;
    height: auto;
  }

  .wp-caption
  .wp-caption-text {
    margin: 0;
  }



  .wp-caption img {
    clear: both;
    overflow: hidden;
    margin:0 auto;
  }



.wp-caption-text {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #fff;
  color: #444;
  padding: 20px;
  font-family: 'Merriweather', Georgia, Serif;
  font-size: 24px;
  font-weight: 300;
  bottom: 40px;
  font-style: normal;
}

.gallery-caption {
  position: relative;
  background: #fff;
  color: #666;
  font-size: 16px;
  padding: 0;
  margin: 0;
  bottom: 0;
}

ul.gallery-images {
  margin: 0;
}

.gallery {
  margin:0 auto 1.625em;
}

  .gallery a img {
    border:none;
  }

.gallery-columns-4 .gallery-item {
  width:23% !important;
  padding-right:2%;
  border:none;
}

.gallery-columns-3 .gallery-item {
  width:32% !important;
  padding-right:1.3%;
  border:none;
}

.gallery-columns-4 .gallery-item img {
  max-width:100%;
  height:auto;
}

.gallery .gallery-icon img {
  background: #fff;
  border: none !important;
}

.gallery dl.gallery-item:last-child {
  padding-right: 0;
}


a:focus img[class*="align"],
a:hover img[class*="align"],
a:active img[class*="align"],
a:focus img[class*="wp-image-"],
a:hover img[class*="wp-image-"],
a:active img[class*="wp-image-"],
#content .gallery .gallery-icon a:focus img,
#content .gallery .gallery-icon a:hover img,
#content .gallery .gallery-icon a:active img {
  background:#fff;
}

.wp-caption a:focus img,
.wp-caption a:active img,
.wp-caption a:hover img {
  background:#fff;
}

#submit {
  cursor: pointer;
  margin: 0 0 0px 0;
}


.icy-featured-image {
  position: relative;
  text-align: center;
}

  .icy-featured-image .icy_caption {
    position: absolute;
    left: 30px;
    bottom: 30px;
    color: #fff;
  }


    .icy-featured-image .icy_caption h3 {
      text-transform: uppercase;
      color: #fff;
      border-left: 10px solid #fff;
      padding-left: 25px;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
      margin-bottom: 0;
    }

.icy_video {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  height: 100%;
}

  .icy_video iframe {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin-bottom: 20px;
  }

  .icy_video .video-post p {
    display: none;
  }

/**
 * Lightbox gallery
 */

 .lightbox-gallery {
   font-size: 0;
   line-height: 0;
   float: left;
 }

   .lightbox-gallery ul {
     margin: 0 !important
   }

   .lightbox-gallery li {
     display: inline-block
   }

   .lightbox-gallery .width1 {
     width: 100%
   }

   .lightbox-gallery .width2 {
     width: 50%
   }

   .lightbox-gallery .width3 {
     width: 33.3%
   }

   .lightbox-gallery .width4 {
     width: 25%
   }

   .lightbox-gallery .width5 {
     width: 20%
   }

   .lightbox-gallery .width8 {
     width: 12.5%
   }

   .lightbox-gallery .width10 {
     width: 10%
   }

/**
 * Fancybox
 */

#fancybox-close {
  right: -15px;
  top: -15px;
}

div#fancybox-content {
  border-color: #FFFFFF;
}

div#fancybox-title {
  background-color: #FFFFFF
}

div#fancybox-outer {
  background-color: #FFFFFF
}

div#fancybox-title-inside {
  color: #333333
}

/**
 * Block grid
 */
[class*="block-grid"] {
  margin: 0 -16px;
  overflow: hidden;
  text-align: left;
}

  [class*="block-grid"] > li {
    display: -moz-inline-stack;
    display: inline-block;
    list-style-type: none;
    margin-bottom: 1.5em;
    vertical-align: top;
    width: 100%;
  }

  .lt-ie8 .large-block-grid-2 > li,
  .lt-ie8 .large-block-grid-3 > li,
  .lt-ie8 .large-block-grid-4 > li,
  .lt-ie8 .large-block-grid-5 > li {
    *display: inline;
    zoom: 1;
  }

  [class*="block-grid"] > li .cb {
    display: block;
    padding-left: 1em;
    padding-right: 1em;
  }

.no-mq .large-block-grid-2 > li,
.large-block-grid-2 > li {
  width: 50%;
}

.no-mq .large-block-grid-3 > li,
.large-block-grid-3 > li {
  width: 33.33%;
}

.no-mq .large-block-grid-4 > li,
.large-block-grid-4 > li {
  width: 25%;
}

.no-mq .large-block-grid-5 > li,
.large-block-grid-5 > li {
  width: 20%;
}

/* ==========================================================================
  Posts
  ========================================================================== */

.post {
  overflow: hidden;
  list-style-type: none;
  position: relative;
}

.post .entry-content h2 {
  margin-top: 20px;
}

  .entry-content a:hover h2 {
    color: #ff6600;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
  }

.format-quote {
  margin-bottom: 50px;
}

  .format-quote h1.icy-quote {
    font-size: 24px;
    line-height: 36px;
    letter-spacing: 0;
    text-transform: none;
    font-weight: 300;
    text-align: center;
    font-family: 'Merriweather';
    color: #999;
    padding: 50px 0 0 0px;
  }

  .format-quote .entry-title .sub-title {
    text-align: center;
    width: 100%;
    margin: 0 auto;
    color: #333;
    text-transform: uppercase;
    margin-bottom: 50px;
  }

.format-link .entry-title h1 {
  margin: 0 auto;
  color: #999;
  font-weight: 300;
  font-family: 'Merriweather';
  text-transform: none;
}

.entry-meta {
  width: 100%;
  margin: 0 auto 25px;
  text-align: center;
  float: left;
}

  .entry-meta .day,
  .entry-meta .month,
  .entry-meta .year,
  .entry-meta .byline {
    font-family: 'Merriweather Sans', Helvetica, Arial;
    font-weight: 400;
    color: #000;
    font-size: 20px;
    line-height: 20px;
    text-transform: uppercase;
    /*display: block;*/
    /*clear: both;*/
  }

  .entry-meta .day {
    font-weight: 800;
    font-size: 36px;
    line-height: 30px;
  }

  .entry-meta .byline {
    font-size: 14px;
    line-height: 30px;
    margin-bottom: 0;
    text-transform: none;
  }

    .entry-meta.doubled .byline {
      margin-top: -25px;
    }

.format-standard .entry-meta {
  margin-top: 0;
}

.format-chat .entry-meta {
  margin-top: 0;
}

.format-audio .no-image-audio {
  margin-top: 60px;
  margin-bottom: -30px;
}

.entry-content {
  margin-left: 0 !important;
  /*overflow: hidden;*/
  margin-bottom: 0px;
  width: 100%;
  float: left;
  clear: both;
}

  .entry-content .the-content {
    position: relative;
    padding-bottom: 25px;
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 25px;
  }

    li:last-child .entry-content .the-content {
      border-bottom: none;
    }

    .entry-content .the-content .more-link {
      margin-top: 5px;
    }

  .entry-content ul {
    list-style-type: disc;
    margin-bottom: 20px;
  }

  .entry-content ol {
    list-style-type: decimal;
    margin-bottom: 20px;
  }



.post-media {
  float: left;
  position: relative;
  width: 100%;
  text-align: center;
  margin-bottom: 25px;
}

.post-tags a {
  background: #ebebeb;
  color: #999;
  font-family: 'Merriweather Sans';
  font-weight: 300;
  display: inline-block;
  padding: 5px 8px;
  margin: 0 5px;
}

  .post-tags a:hover {
    background-color: #00a78d;
    color: #fff;
  }


.the-content .chat {
  background: #f7f8f9;
  border: 1px solid #ebebeb;
  border-bottom: none;
  margin-left: 0;
}

  .the-content .chat .chat-author {
    font-weight: 200;
    font-size: 13px;
    color: #999;
    background: #f5f5f5;
    padding: 5px 10px;
    font-family: 'Merriweather Sans';
    font-style: normal;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #efefef;
  }

    .the-content .chat .chat-author cite {
      font-style: normal;
      font-weight: bold;
    }


  .the-content .chat .chat-text {
    padding: 5px 10px;
    background-color: #fff;
    font-size: 16px;
    color: #777;
    border-bottom: 1px solid #ebebeb;
  }

.the-content form p label {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}


.post-navigation {
    border-bottom: 1px solid #EBEBEB;
    clear: both;
    float: left;
    margin-top: -50px;
    margin-bottom: 30px;
    min-height: 40px;
    padding: 25px 0;
    width: 100%;
}

  .post-navigation.bottom-navigation {
    border-bottom: none;
    border-top: 1px solid #EBEBEB;
    margin-bottom: 0;
    margin-top: 0;
  }

.post-navigation .prev-post,
.post-navigation .next-post {
    /*cursor: default;*/
    background-image: none;
}

.post-navigation a.button, .paginate a.button {
  display: block;
  	color: #000;
  	font-weight: bold;
  	line-height: 30px;
  	font-size: 18px;
  	vertical-align: middle;
  	padding: 0 1em;
  	border: none;
  	background: none;
  z-index: 1000;
}

.post-navigation a.button:hover, .paginate a.button:hover {
	background: none;
	color: #ff6600;
}

.post-navigation img, .paginate img  {
	width: 20px;
	vertical-align: middle;
}

  .post-navigation a.button {
    min-height: 0;
    clear: none;
  }

.post-navigation .prev-post,
.post-navigation .next-post,
.post-navigation .show-grid {
    display: inline-block;
}

.post-navigation .prev-post a {
  background-image: url("/core/images/ui/left-arrow-nav.gif");
  background-size: 22px 42px;
  cursor: pointer;
  height: 42px;
  text-indent: -9999px;
  width: 22px;
}

.post-navigation .show-grid {
  background-image: url("/core/images/ui/show-grid-big.png");
  background-position: 0 0;
  background-size: 62px 40px;
  cursor: pointer;
  height: 40px;
  left: 50%;
  margin-left: -31px;
  position: absolute;
  text-indent: -9999px;
  width: 62px;
}

.post-navigation .next-post {
  float: right;
}

.post-navigation .next-post a {
  background-image: url("/core/images/ui/right-arrow-nav.gif");
  background-size: 22px 42px;
  cursor: pointer;
  height: 42px;
  text-indent: -9999px;
  width: 22px;
}



/* ==========================================================================
  Comments
  ========================================================================== */

.comments-container {
  margin-left: 0 !important;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  float: left;
}

.list-of-comments {
  float: left;
  list-style-type: none;
  width: 100%;
  margin-top: 25px;
  margin-left: 0 !important;
}

  .list-of-comments .comment-entry p {
    margin-bottom: 0 !important
  }

  .list-of-comments ul {
    margin-left: 40px
  }

    .list-of-comments ul ul {
      margin-left: 40px;
      margin-top: 0px;
    }

  .list-of-comments li #comments-form {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .list-of-comments li .respond {
    padding-top: 5px
  }

  .list-of-comments .avatar {
    position: relative;
    border-radius: 4px;
  }

  .list-of-comments .bypostauthor .comment-author .avatar {

  }

.comment-content {
  margin-bottom: 20px;
  overflow: hidden;
  position: relative;
}

.comment {
  margin: 0;
  margin-bottom: 20px;
}

.pinglist {
  margin: 20px 0 40px 40px;
  list-style-type: decimal;
}

.children {
  list-style-type: none
}

#comments-form {
  margin-top: 0px;
  float: left;
  padding-bottom: 30px;
}

  #comments-form input {
    margin-right: 20px;
    margin-left: 0;
    width: auto;
    clear: both;
    margin-bottom: 10px;
  }

  #comments-form textarea {
    width: 85%
  }

.comments-number {
  font-size: 26px;
  line-height: 42px;
  font-weight: 300;
  padding: 10px 0;
  margin-bottom: 0;
  border-bottom: 2px solid #ebebeb;
  color: #999;
  font-family: 'Merriweather', Georgia, Serif;
  margin-bottom: 10px;
}

.comment-meta {
  position: absolute;
  top: 10px;
  right: 0;
  color: #ccc;
}

  .comment-meta a {
    font-family: 'Merriweather Sans', Arial, sans-serif;
    color: #ccc;
    font-weight: 300;
  }

  .comment-meta a:hover {
    color: #777
  }

.says {
  display: none
}

.comment-author-admin {
  background-color: #f9f9f9
}

.comment-author,
.comment-meta {
  padding-left: 0px
}

.comment-author {
  position: relative;
  font-size: 24px;
  font-weight: bold;
  font-family: 'Merriweather Sans', Helvetica, Arial;
}

  .comment-author figure {
    float: left;
    display: inline-block;
  }

  .comment-author span {
    margin-left: 0px
  }

  .comment-author cite {
    font-style: normal;
    display: inline-block;
    margin-bottom: 0;
    color: #777;
  }

span.author-name {
  margin-left: 20px;
  padding-bottom: 21px;
  margin-top: 20px;
  display: inline-block;
}

.comment-entry {
  margin-left: 0 !important;
  border-bottom: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb;
  color: #777;
  font-size: 16px;
  padding: 25px 0;
  position: relative;
  margin-bottom: 20px;
  margin-top: -1px;
  word-wrap: break-word;
}

  .comment-entry ul,
  .comment-entry ol,
  .comment-entry dl {
    margin-left: 20px
  }

  .comment-entry ul {
    list-style-type: disc;
    margin-bottom: 20px;
  }

ol .comments-form {
  width: 100%
}

.nocomments {
  text-align: left;
  padding: 20px;
}

.moderation {
  padding-left: 0px;
  color: #999;
  font-size: 11px;
}

span.reply-to {
  position: relative;
  right: 0;
  font-family: 'Merriweather Sans', Helvetica, Arial;
  font-size: 12px;
  line-height: 14px;
  text-transform: uppercase;
  font-weight: 300;
  color: #fff;
  padding: 5px 10px;
  background: #f1f1f1;
  color: #777;
  border-radius: 2px 0 2px 0;
  display: inline-block;
  vertical-align: middle;
}

  span.reply-to a {
    color: #666
  }

  span.reply-to a:hover {
    color: #00a78d
  }


/* ==========================================================================
  Page
  ========================================================================== */

.page-meta {
  text-align: center;
  padding-bottom: 50px;
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 50px;
}

  .page-meta .page-title {
    text-transform: uppercase;
    margin-bottom: 0;
    color: #000;
    font-weight: 600;
  }

  .page-meta .separator,
  .icy-foundation .separator,
  .format-quote .separator {
    margin: 25px auto 25px auto;
    width: 50px;
    height: 1px;
    background-color: #c1c1c1;
  }

  .page-meta .page-subtitle {
    font-weight: 300;
    font-family: 'Merriweather', Georgia, Serif;
    font-size: 16px;
    line-height: 26px;
  }

    .page-meta .page-subtitle p:last-child {
      margin-bottom: 0
    }

/**
 * Icy Page Builder
 */

.aq-template-wrapper .aq-first {
  margin-left: 0 !important;
  clear: both;
}

hr.aq-block-hr-single {
  margin-top: 30px;
  margin-bottom: 25px;
}

hr.aq-block-hr-single-narrower {
  margin-top: 5px;
  margin-bottom:25px;
}

.icy-block-title {
  text-transform: uppercase
}

.full-width-slider {
  position: absolute
}


/* ==========================================================================
  Archive
  ========================================================================== */

.aq-template-wrapper.archives {
}

  .aq-template-wrapper.archives .archive {
    margin-bottom: 35px;
    text-align: center;
  }

    .aq-template-wrapper.archives .archive img {
      display: inline-block;
      margin-bottom: 10px;
    }

    .aq-template-wrapper.archives .archive > :last-child {
      margin-bottom: 0;
    }

.no-mq .archives .large-block-grid-4 > li {
  width: 24.5%;
}

/* ==========================================================================
  Ads
  ========================================================================== */

.ads {
  margin-bottom: 20px;
}

  .ads a {
    display: inline-block;
    margin-bottom: 8px;
    border: 1px solid #C6C6C6;
    font-size: 0;
    line-height: 0;
  }

  .ads table a {
    display: block;
    margin-bottom: 0;
    border: none;
    font-size: inherit;
    line-height: inherit;
  }

/* ==========================================================================
  Resources
  ========================================================================== */

.aq-template-wrapper.resources li {

}

  .aq-template-wrapper.resources li img {
    display: block;
    margin: 0 auto;
  }

  .aq-template-wrapper.resources .ads img {
    margin: 0 1px;
  }

/* ==========================================================================
  Widgets
  ========================================================================== */

.widget-separator {
  margin-bottom: 30px;
  margin-left: -30px;
  padding-left: 30px;
  width: 100%;
  height: 1px;
  background-color: #f1f1f1;
  float: left;
  clear: both;
}

aside .widget-separator:first-child {
  display: none
}

.widget {
  font-size: 13px;
  line-height: 28px;
  color: #999;
  font-weight: 400;
  letter-spacing: 0px;
  text-align: left;
  margin-bottom: 25px;
  float: left;
  width: 100%;
}

  .widget p {
    margin-bottom: 10px
  }

  .widget ol {
    list-style-type: decimal;
    margin: 0;
  }

  .widget ul {
    margin: 0;
    list-style: none;
  }

    .widget ul li {
      font-size: 13px;
      line-height: 22px;
      font-weight: normal;
      color: #666;
    }

    .widget ul li:first-child {
      border-top: none
    }

    .widget ul li:first-child {
      margin: 0
    }

    .widget ul li:last-child {
      border-bottom: none;
      margin-bottom: 0;
    }

.widget-title {
  margin-bottom: 35px;
  font-family: 'Merriweather Sans', Helvetica, Arial;
  font-weight: 600;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 0;
  text-transform: uppercase;
  color: #333;
  text-align: left;
}

  .widget-title span {
    color: #00a78d
  }

  .main-content-widgets .widget-title,
  .sidebar-widgets .widget-title {
    position: relative;
    display: block;
    line-height: 18px;
    text-align: left;
    font-weight: 600;
    color: #444;
    text-transform: none;
    font-size: 18px;
    letter-spacing: 0;
  }

footer p {
	line-height: 23px;
}

footer .widget-title span {
  color: #fff
}

.widget_search form {
  margin-top: 15px
}

footer #footer-widgets .widget:last-child {
  margin-bottom: 0
}


/**
 * Calendar widget
 */

.widget_calendar {
  float: left
}

#wp-calendar {
  width: 100%
}

  #wp-calendar caption {
    text-align: left;
    color: #333;
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 15px;
  }

  #wp-calendar thead {
    font-size: 14px
  }

    #wp-calendar thead th {
      padding-bottom: 10px;
      text-align: center;
    }

  #wp-calendar tbody {
    color: #aaa
  }

    #wp-calendar tbody td {
      background: transparent;
      border: 1px solid #ccc;
      text-align: center;
      padding: 8px;
    }

    #wp-calendar tbody td:hover {
      background: #fff
    }

    #wp-calendar tbody .pad {
      background: none
    }

  #wp-calendar tfoot #next {
    font-size: 10px;
    text-transform: uppercase;
    text-align: right;
  }

  #wp-calendar tfoot #prev {
    font-size: 10px;
    text-transform: uppercase;
    padding-top: 10px;
  }


/**
 * Flickr Widget
 */

#flickr-wrapper {
  display: inline-block;
  overflow: hidden;
}

.flickr_badge_image {
  float: right;
  width: 70px;
  height: 70px;
}

  .flickr_badge_image img {
    width: 70px;
    height: 70px;
    opacity: 0.7;
    -moz-opacity: 0.7;
    filter: alpha(opacity=70);
    -webkit-transition: opacity .7s ease-out;
    -moz-transition: opacity .7s ease-out;
    -o-transition: opacity .7s ease-out;
    transition: opacity .7s ease-out;
  }

  .flickr_badge_image img:hover {
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
  }

/**
 * Twitter widget
 */

.tweets li {
  padding: 0 0 0 0px !important;
  margin: 0 0 20px 0 !important;
  border: none !important;
}

.tweets .timesince {
  display: block;
  font-style: italic;
  font-size: 12px;
  color: #999;
}


/* ==========================================================================
  Slogan
  ========================================================================== */

.icy-slogan {
  text-align: center;
  padding-bottom: 50px;
  float: left;
  width: 100%;
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-bottom: 1px solid #ebebeb;
  -webkit-transform-style: preserve-3d;
}

  .icy-slogan * {
    /* Fix for iOS flickering */
    -webkit-transform-style: preserve-3d;
  }

  .icy-slogan .icy-slogan-title {
    font-size: 90px;
    line-height: .9em;
    font-family: 'Merriweather Sans', Helvetica, Arial;
    font-weight: 800;
    color: #000;
    text-transform: uppercase;
    margin-bottom: 0;
    letter-spacing: -1px;
  }

  .icy-slogan .slogan-separator {
    width: 50px;
    height: 1px;
    background-color: #c1c1c1;
    margin: 25px auto 25px auto;
  }

  .icy-slogan p {
    margin-bottom: 0
  }


/* ==========================================================================
  Portfolio
  ========================================================================== */

.icy-portfolio {
  padding-top: 0;
  /*border-top: 1px solid #ebebeb;*/
  width: 100%;
  float: left;
  /*margin-bottom: 70px;*/
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
}

  .icy-portfolio ul.icy-portfolio-tax {
    list-style-type: none;
    margin: 0;
    float: right;
    line-height: 19px;
  }

  .icy-portfolio .icy-portfolio-tax li {
    display: inline;
    font-size: 13px;
    line-height: 13px;
    text-transform: uppercase;
    font-family: 'Merriweather Sans', Helvetica, Arial;
    font-weight: 300;
    letter-spacing: 0;
    margin-left: 15px;
  }

    .icy-portfolio .icy-portfolio-tax li a {
      color: #999
    }

    .icy-portfolio .icy-portfolio-tax li a:hover,
    .icy-portfolio .icy-portfolio-tax li a.active {
      color: #00a78d
    }

  .icy-portfolio .filter-layouts {
    float: left
  }

    .icy-portfolio .filter-layouts .grid {
      background-image: url(/core/images/ui/show-grid.svg);
      background-position: 0 0;
      background-size: 30px 19px;
      width: 30px;
      height: 19px;
      float: left;
      margin-right: 15px;
    }

      .no-svg .icy-portfolio .filter-layouts .grid {
        background-image: url(/core/images/ui/show-grid.gif);
      }

    .icy-portfolio .filter-layouts .regular {
      background-image: url(/core/images/ui/regular.svg);
      background-position: -30px 0px;
      background-size: 30px 19px;
      width: 30px;
      height: 19px;
      float: left;
      margin-right: 15px;
    }

      .no-svg .icy-portfolio .filter-layouts .regular {
        background-image: url(/core/images/ui/regular.gif);
      }

  .icy-portfolio .portfolio-grid {
    display: block;
    margin: 0;
    margin-top: 25px;
    float: left;
    width: 100%;
    overflow: visible !important;
    list-style-type: none;
  }

  .icy-portfolio .portfolio-grid.lazy-load img {
    opacity: 0
  }

  .icy-portfolio .portfolio-grid .portfolio-item {
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 0;
    width: 33.3%;
    /*width: 33.19%;;
    margin-right: 0.1%;
    margin-bottom: 2px;
    margin-left: 0.1%;*/
    position: relative;
    overflow: hidden;
    display: inline-block;
    line-height: 0;
    overflow: visible !important;
    /*background: #fff;   */
    cursor: pointer;
    border: 1px solid #FFFFFF;
  }

  .icy-portfolio .portfolio-grid .portfolio-item.width1 {
    width: 33.3%
  }

    .no-mq .icy-portfolio .portfolio-grid .portfolio-item.width1,
    .no-mq .icy-portfolio .portfolio-grid .portfolio-item.width1 img {
      width: 289px;
      height: 162px;
    }

  .icy-portfolio .portfolio-grid .portfolio-item.width2 {
    width: 66.59%;
    margin-right: 0%;
  }

    .no-mq .icy-portfolio .portfolio-grid .portfolio-item.width2,
    .no-mq .icy-portfolio .portfolio-grid .portfolio-item.width2 img {
      width: 578px;
      height: 324px;
    }

    .no-mq .icy-portfolio .portfolio-grid .portfolio-item.height2,
    .no-mq .icy-portfolio .portfolio-grid .portfolio-item.height2 img {
      width: 578px;
      height: 487px;
    }

.iphone .icy-portfolio .portfolio-grid .portfolio-item.width2 {
  width: 66.5%
}

/*.iphone.chrome .icy-portfolio .portfolio-grid .portfolio-item.width2 {

  width: 60%;

}*/

.icy-portfolio.grid-view .portfolio-grid .portfolio-item.width2 {
  width: 33.3%
}

.icy-portfolio.grid-view.two-col .portfolio-grid .portfolio-item.width2 {
  width: 49.79%;
  margin-right: 0;
}

.icy-portfolio.four-col .portfolio-item.width1 {
  width: 24.9%
}

.icy-portfolio.four-col .portfolio-item.width2 {
  width: 49.79%;
  margin-right: 0%;
}

.icy-portfolio.four-col.grid-view .portfolio-item.width2 {
  width: 24.9%
}

.icy-portfolio.grid-view .four-col .porfolio-item.width2 {
  width: 24.9%
}

.icy-portfolio.two-col .portfolio-item.width1 {
  width: 49.79%;
  margin-right: 0%;
}

.icy-portfolio.two-col .portfolio-item.width2,
.icy-portfolio.two-col .portfolio-grid .portfolio-item.width2,
.icy-portfolio.two-col .portfolio-grid .portfolio-item.width1 {
  width: 49.79% !important;
  margin-right: 0%;
}

.icy-portfolio.two-col .filter-layouts {
  display: none
}

.icy-portfolio .portfolio-grid .portfolio-item .hover {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  overflow: hidden;
  width: 100%;
  opacity: 0;
  filter: alpha(opacity=0);
  background-color: #fff;
  text-align: center;
  border-bottom: 1px solid #c1c1c1;
  border-left: 1px solid #c1c1c1;
  border-right: 1px solid #c1c1c1;
  padding: 20px;
  --webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

  .icy-portfolio .portfolio-grid .portfolio-item .hover .portfolio-title {
    color: #333;
    line-height: 26px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 15px;
  }

  .icy-portfolio .portfolio-grid .portfolio-item .hover .separator {
    width: 50px;
    height: 1px;
    background-color: #c1c1c1;
    margin: 15px auto;
  }

  .icy-portfolio .portfolio-grid .portfolio-item .hover .portfolio-categories {
    color: #999;
    font-size: 13px;
    line-height: 19px;
    font-weight: 400;
    text-transform: uppercase;
    display: block;
    width: 100%;
  }

.icy-portfolio .portfolio-grid .portfolio-item .picture {
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.icy-portfolio .portfolio-grid .portfolio-item:hover .picture {
  box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.3)
}

.icy-portfolio .portfolio-grid .portfolio-item:hover .hover {
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3)
}

.icy-portfolio .portfolio-grid .portfolio-item .hover span {
  line-height: 16px
}

.icy-portfolio.fade-animation .portfolio-grid .portfolio-item:hover .picture {
  box-shadow: none;
  border: none;
}

.icy-portfolio.fade-animation .portfolio-grid .portfolio-item .hover {
  height: 100%;
  vertical-align: middle;
  border: none;
  background-color: rgba(0, 0, 0, 0.85);
}

.icy-portfolio.fade-animation .portfolio-grid .portfolio-item .hover {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: opacity .3s ease-in-out;
  -moz-transition: opacity .3s ease-in-out;
  -ms-transition: opacity .3s ease-in-out;
  -o-transition: opacity .3s ease-in-out;
  transition: opacity .3s ease-in-out;
}

.icy-portfolio .portfolio-grid .portfolio-item .picture.grayscale {
  /*filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);*/ /* IE6-9 */
  -webkit-filter: grayscale(80%);
  -moz-filter: grayscale(80%);
  -ms-filter: grayscale(80%);
  -o-filter: grayscale(80%);
  filter: grayscale(80%);
}

.icy-portfolio .portfolio-grid .portfolio-item a.project-link:hover .picture.grayscale {
  /*filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=0);*/ /* IE6-9 */
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%);
}

.icy-portfolio.fade-animation .portfolio-grid .hover .separator {
  margin-left: 0
}

.icy-portfolio.fade-animation .portfolio-grid .hover .portfolio-title,
.icy-portfolio.fade-animation .portfolio-grid .hover .separator,
.icy-portfolio.fade-animation .portfolio-grid .hover .portfolio-categories {
  position: relative;
  text-align: left;
}

.icy-portfolio.fade-animation .portfolio-grid .hover .portfolio-title {
  color: #fff
}

.icy-portfolio.fade-animation .portfolio-grid .hover .portfolio-categories {
  color: #ebebeb
}

/**
 * AJAX portfolio
 */

#portfolio-wrapper,
.post {
  overflow: visible;
  float: left;
  width: 100%;
}

  #portfolio-wrapper .portfolio-navigation,
  .single-portfolio .portfolio-navigation,
  .single .post-navigation {
    float: left;
    width: 100%;
    border-bottom: 1px solid #ebebeb;
    padding: 25px 0;
    margin-bottom: 50px;
    min-height: 40px;
    clear: both;
  }

.single .post-navigation {
  margin-bottom: 0
}

  #portfolio-wrapper .portfolio-navigation .prev-post,
  #portfolio-wrapper .portfolio-navigation .next-post,
  #portfolio-wrapper .portfolio-navigation .show-grid,
  .single-portfolio .portfolio-navigation .prev-post,
  .single-portfolio .portfolio-navigation .next-post,
  .single-portfolio .portfolio-navigation .show-grid,
  .single .post-navigation .prev-post,
  .single .post-navigation .next-post,
  .single .post-navigation .show-grid,
  .post-navigation .prev-post {
    display: block;
    float: left;
  }

#portfolio-wrapper .portfolio-navigation .prev-post,
.single-portfolio .portfolio-navigation .prev-post {
  background-image: url(/core/images/ui/left-arrow-nav.gif);
  background-size: 22px 42px;
  background-position: 0 0;
  width: 22px;
  height: 42px;
  cursor: pointer;
  text-indent: -9999px;
  float: left;
}

#portfolio-wrapper .portfolio-navigation .next-post,
.single-portfolio .portfolio-navigation .next-post {
  background-image: url(/core/images/ui/right-arrow-nav.gif);
  background-size: 22px 42px;
  width: 22px;
  height: 42px;
  cursor: pointer;
  text-indent: -9999px;
  float: right;
}

.single .post-navigation .prev-post,
.single .post-navigation .next-post {
  background-image: none
}

.single .post-navigation .next-post {
  float: right
}

.single .post-navigation .prev-post a {
  background-image: url(/core/images/ui/left-arrow-nav.gif);
  background-size: 22px 42px;
  width: 22px;
  height: 42px;
  cursor: pointer;
  text-indent: -9999px;
}

.single .post-navigation .next-post a {
  background-image: url(/core/images/ui/right-arrow-nav.gif);
  background-size: 22px 42px;
  width: 22px;
  height: 42px;
  cursor: pointer;
  text-indent: -9999px;
}

.single-portfolio .portfolio-navigation .prev-post,
.single-portfolio .portfolio-navigation .next-post,
.single .post-navigation .prev-post,
.single .post-navigation .next-post {
  cursor: default
}

#portfolio-wrapper .portfolio-navigation a,
.single-portfolio .portfolio-navigation a,
.single .post-navigation a {
  display: block;
  z-index: 1000;
  min-height: 40px;
}

#portfolio-wrapper .portfolio-navigation .show-grid,
.single-portfolio .portfolio-navigation .show-grid,
.single .post-navigation .show-grid {
  background-image: url(/core/images/ui/show-grid-big.png);
  background-size: 62px 40px;
  background-position: 0px 0;
  width: 62px;
  height: 40px;
  cursor: pointer;
  text-indent: -9999px;
  position: absolute;
  left: 50%;
  margin-left: -31px;
}

#portfolio-wrapper .portfolio-image,
#portfolio-wrapper .portfolio-meta,
.single-portfolio .portfolio-image,
.single-portfolio .portfolio-meta {
  float: left;
  clear: both;
  display: block;
  width: 100%;
  overflow: hidden;
  line-height: 0;
  /*opacity: 0;;
  filter: alpha(opacity=0);*/
}

#portfolio-wrapper .portfolio-single-title,
.single-portfolio .portfolio-single-title {
  margin: 0 auto;
  font-family: 'Merriweather Sans', Helvetica, Arial;
  font-size: 90px;
  line-height: 70px;
  margin-bottom: 50px;
  letter-spacing: -4px;
  color: #333;
  text-transform: uppercase;
  font-weight: 800;
  text-align: center;
  float: left;
  width: 100%;
  opacity: 0;
  filter: alpha(opacity=0);
  word-wrap: break-word;
}

#portfolio-wrapper .portfolio-meta .separator,
.single-portfolio .portfolio-meta .separator {
  width: 50px;
  height: 1px;
  background-color: #c1c1c1;
  margin: 35px auto;
}

#portfolio-wrapper .portfolio-meta .portfolio-meta-desc,
.single-portfolio .portfolio-meta .portfolio-meta-desc {
  text-align: center
}

  #portfolio-wrapper .portfolio-meta .portfolio-meta-desc h4,
  .single-portfolio .portfolio-meta .portfolio-meta-desc h4 {
    text-transform: uppercase;
    color: #797979;
    font-weight: 600;
    margin-bottom: 0;
  }

  #portfolio-wrapper .portfolio-meta .portfolio-meta-desc h5,
  .single-portfolio .portfolio-meta .portfolio-meta-desc h5 {
    text-transform: uppercase;
    font-weight: 300;
    margin-bottom: 0;
  }

#portfolio-wrapper .portfolio-meta .portfolio-meta-desc,
.single-portfolio .portfolio-meta .portfolio-meta-desc {
  position: relative
}

  #portfolio-wrapper .portfolio-meta .portfolio-meta-desc .left-side,
  .single-portfolio .portfolio-meta .portfolio-meta-desc .left-side {
    float: left
  }

  #portfolio-wrapper .portfolio-meta .portfolio-meta-desc .right-side,
  .single-portfolio .portfolio-meta .portfolio-meta-desc .right-side {
    float: right
  }

  #portfolio-wrapper .portfolio-meta .portfolio-meta-desc figure.client-logo,
  .single-portfolio .portfolio-meta .portfolio-meta-desc figure.client-logo {
    position: absolute;
    width: 80px;
    height: 80px;
    text-align: center;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
  }

#portfolio-wrapper .portfolio-content,
.single-portfolio .portfolio-content {
  display: block;
  clear: both;
  float: left;
  width: 100%;
  /*opacity: 0;;
  filter: alpha(opacity=0);*/
}

.ie #portfolio-wrapper .portfolio-image,
.ie #portfolio-wrapper .portfolio-meta,
.ie .single-portfolio .portfolio-image,
.ie .single-portfolio .portfolio-meta,
.ie #portfolio-wrapper .portfolio-single-title,
.ie .single-portfolio .portfolio-single-title,
.ie #portfolio-wrapper .portfolio-content,
.ie .single-portfolio .portfolio-content {
  opacity: 1 !important
}

.icy-portfolio ul.portfolio-grid {
  width: 50%;
  margin: 0;
}

  .no-mq .icy-portfolio ul.portfolio-grid {
    width: 578px;
  }

.icy-portfolio.four-col .portfolio-item.width1 {
  width: 50%;
}

.icy-portfolio.four-col .portfolio-item.width2 {
  width: 100%;
}

.icy-portfolio .portfolio-grid .portfolio-item .picture {
  position: relative;
}

.icy-portfolio .portfolio-grid .portfolio-item .hover {
  display: none;
}

  .icy-portfolio .portfolio-grid .portfolio-item:hover .hover {
    display: block;
  }


/* ==========================================================================
  Year animation
  ========================================================================== */

.icy-foundation {
  margin: 50px auto;
  text-align: center;
  color: #777;
}

  .icy-foundation h3 {
    font-family: 'Merriweather' , Georgia, Serif;
    font-size: 16px;
    line-height: 26px;
    font-weight: 300;
    margin-bottom: 0;
    color: #777;
  }

  .icy-foundation .year-animation {
    width: 330px;
    height: 112px;
    overflow: hidden;
    text-align: center;
    margin: 0 auto;
    display: block;
    opacity: 0;
  }

    .no-csstransforms .icy-foundation .year-animation {
      width: 340px;
      position: relative;
    }

    .icy-foundation .year-animation span {
      position: relative;
      margin-top: -9px;
      text-align: left;
      width: 80px;
      float: left;
      font-family: 'Open Sans', Helvetica, Arial;
      font-weight: 800;
      font-size: 150px;
      line-height: .8;
      color: #333;
    }

    .icy-foundation .year-fallback {
      /*display: none;*/
      font-family: 'Open Sans', Helvetica, Arial;
      font-weight: 800;
      font-size: 110px;
      line-height: .8;
      color: #333;
    }

    .no-csstransforms .icy-foundation .year-animation span {
      position: relative;
    }

      .lt-ie8 .icy-foundation .year-animation span {
        height: 120px;
        width: 83px;
      }

  .icy-foundation .year-animation.animate span.first-number {
    -webkit-animation: first_number 5s ease-in-out;
    -moz-animation: first_number 5s ease-in-out;
    -ms-animation: first_number 5s ease-in-out;
    -o-animation: first_number 5s ease-in-out;
    animation: first_number 5s ease-in-out;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
  }

@-webkit-keyframes first_number {
  0% {
    margin-top: 0
  }

  100% {
    margin-top: -369px
  }
}

@-moz-keyframes first_number {
  0% {
    margin-top: 0
  }

  100% {
    margin-top: -369px
  }
}

@-o-keyframes first_number {
  0% {
    margin-top: 0
  }

  100% {
    margin-top: -369px
  }
}

@keyframes first_number {
  0% {
    margin-top: 0
  }

  100% {
    margin-top: -369px
  }
}

.icy-foundation .year-animation.animate span.second-number {
  -webkit-animation: second_number 5s ease-in-out;
  -moz-animation: second_number 5s ease-in-out;
  -ms-animation: second_number 5s ease-in-out;
  -o-animation: second_number 5s ease-in-out;
  animation: second_number 5s ease-in-out;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes second_number {
  0% {
    margin-top: 0
  }

  100% {
    margin-top: -849px
  }
}

@-moz-keyframes second_number {
  0% {
    margin-top: 0
  }

  100% {
    margin-top: -849px
  }
}

@-o-keyframes second_number {
  0% {
    margin-top: 0
  }

  100% {
    margin-top: -849px
  }
}

@keyframes second_number {
  0% {
    margin-top: 0
  }

  100% {
    margin-top: -849px
  }
}

.icy-foundation .year-animation.animate span.third-number {
  -webkit-animation: third_number 5s ease-in-out;
  -moz-animation: third_number 5s ease-in-out;
  -ms-animation: third_number 5s ease-in-out;
  -o-animation: third_number 5s ease-in-out;
  animation: third_number 5s ease-in-out;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes third_number {
  0% {
    margin-top: 0
  }

  100% {
    margin-top: -609px
  }
}

@-moz-keyframes third_number {
  0% {
    margin-top: 0
  }

  100% {
    margin-top: -609px
  }
}

@-o-keyframes third_number {
  0% {
    margin-top: 0
  }

  100% {
    margin-top: -609px
  }
}

@keyframes third_number {
  0% {
    margin-top: 0
  }

  100% {
    margin-top: -609px
  }
}

.icy-foundation .year-animation.animate span.fourth-number {
  -webkit-animation: fourth_number 5s ease-in-out;
  -moz-animation: fourth_number 5s ease-in-out;
  -ms-animation: fourth_number 5s ease-in-out;
  -o-animation: fourth_number 5s ease-in-out;
  animation: fourth_number 5s ease-in-out;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes fourth_number {
  0% {
    margin-top: 0
  }

  100% {
    margin-top: -969px
  }
}

@-moz-keyframes fourth_number {
  0% {
    margin-top: 0
  }

  100% {
    margin-top: -969px
  }
}

@-o-keyframes fourth_number {
  0% {
    margin-top: 0
  }

  100% {
    margin-top: -969px
  }
}

@keyframes fourth_number {
  0% {
    margin-top: 0
  }

  100% {
    margin-top: -969px
  }
}


/* ==========================================================================
  Team member
  ========================================================================== */

.icy-member {
  text-align: center
}

  .icy-member .icy-member-picture {
    line-height: 0;
    margin-bottom: 25px;
    display: block;
    position: relative;
    -webkit-transform: rotate();
    -moz-transform: rotate();
    transform: rotate();
    -webkit-backface-visibility: hidden;
    text-align: center;
  }

  .icy-member .icy-member-name,
  .icy-member .icy-bio,
  .icy-member .icy-position {
    width: 100%;
    clear: both;
  }

  .icy-member .icy-member-name {
    text-transform: uppercase;
    color: #000;
    margin-bottom: 20px;
  }

  .icy-member .icy-position {
    font-size: 14px;
    line-height: 14px;
    font-family: 'Merriweather Sans', Helvetica, Arial;
    font-weight: 300;
    text-transform: uppercase;
    color: #999;
    margin-bottom: 20px;
  }

  .icy-member .icy-bio {
    font-size: 14px;
    line-height: 24px;
    color: #666;
  }

  .icy-member .icy-member-picture img {
    z-index: 2;
  }
/*  .icy-member .icy-member-picture img {
    filter: gray(70%);
    -webkit-filter: grayscale(80%);
    -moz-filter: grayscale(80%);
    -ms-filter: grayscale(80%);
    -o-filter: grayscale(80%);
    -webkit-transition: all .25s ease-in-out .25s;
    -moz-transition: all .25s ease-in-out .25s;
    -ms-transition: all .25s ease-in-out .25s;
    -o-transition: all .25s ease-in-out .25s;
    transition: all .25s ease-in-out .25s;
    -webkit-transform: rotate();
    -moz-transform: rotate();
    transform: rotate();
    position: relative;
    -webkit-backface-visibility: hidden;
  }

    .icy-member .icy-member-picture:hover img {
      filter: none;
      -webkit-filter: grayscale(0%);
      -moz-filter: grayscale(0%);
      -ms-filter: grayscale(0%);
      -o-filter: grayscale(0%);
      -webkit-transition: all .25s ease-in-out .25s;
      -moz-transition: all .25s ease-in-out .25s;
      -ms-transition: all .25s ease-in-out .25s;
      -o-transition: all .25s ease-in-out .25s;
      transition: all .25s ease-in-out .25s;
      -webkit-transform: rotate();
      -moz-transform: rotate();
      transform: rotate();
      position: relative;
      -webkit-backface-visibility: hidden;
    }*/

    .icy-member .icy-member-picture:hover .rotateright {
      -webkit-animation: rotateright 2.5s ease-in-out infinite .5s;
      -moz-animation: rotateright 2.5s ease-in-out infinite .5s;
      -ms-animation: rotateright 2.5s ease-in-out infinite .5s;
      -o-animation: rotateright 2.5s ease-in-out infinite .5s;
      animation: rotateright 2.5s ease-in-out infinite .5s;
      -webkit-transform: rotate();
      -moz-transform: rotate();
      transform: rotate();
      -webkit-backface-visibility: hidden;
    }

  .icy-member .icy-member-picture .rotateright,
  .icy-member .icy-member-picture .rotateleft {
    z-index: -1;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    background-color: #00C176;
    -webkit-transform: rotate();
    -moz-transform: rotate();
    transform: rotate();
    -webkit-backface-visibility: hidden;
  }

/**
 * Animations
 */

@-webkit-keyframes rotateright {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg);
  }

  50% {
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  75% {
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-moz-keyframes rotateright {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg);
  }

  50% {
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  75% {
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-o-keyframes rotateright {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg);
  }

  50% {
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  75% {
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes rotateright {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg);
  }

  50% {
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  75% {
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.icy-member .icy-member-picture:hover .rotateleft {
  -webkit-animation: rotateleft 2.5s ease-in-out infinite;
  -moz-animation: rotateleft 2.5s ease-in-out infinite;
  -ms-animation: rotateleft 2.5s ease-in-out infinite;
  -o-animation: rotateleft 2.5s ease-in-out infinite;
  animation: rotateleft 2.5s ease-in-out infinite;
  -webkit-transform: rotate();
  -moz-transform: rotate();
  transform: rotate();
  -webkit-backface-visibility: hidden;
}

@-webkit-keyframes rotateleft {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  50% {
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  75% {
    -webkit-transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-moz-keyframes rotateleft {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  50% {
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  75% {
    -webkit-transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-o-keyframes rotateleft {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  50% {
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  75% {
    -webkit-transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes rotateleft {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  50% {
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  75% {
    -webkit-transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}


/* ==========================================================================
  Skills graph
  ========================================================================== */

.icy-skill {
  text-align: center
}

  .icy-skill h4 {
    font-family: 'Merriweather Sans', Helvetica, Arial;
    margin-top: 25px;
    color: #999;
    text-align: center;
    font-weight: 300;
    text-transform: uppercase;
  }

.easyPieChart {
  position: relative;
  text-align: center;
  display: inline-block;
}

  .easyPieChart canvas {
    position: absolute;
    top: 0;
    left: 0;
  }


/* ==========================================================================
  Centered text
  ========================================================================== */

.icy-centered-text {
  text-align: center;
  float: left;
  width: 100%;
  margin-bottom: 25px;
}

  .posts-list .icy-centered-text h1 {
    margin-bottom: 0;
  }

  .icy-centered-text hr {
    width: 50px;
    background-color: #c1c1c1;
  }

/* ==========================================================================
  Centered text
  ========================================================================== */

.icy-map-canvas {
  margin-bottom: 50px
}

  .icy-map-canvas img {
    max-width: none !important
  }

  .icy-map-canvas .icy-map-description .firstHeading,
  .icy-map-canvas .icy-map-description p {
    margin-bottom: 0
  }

  .icy-map-canvas .icy-map-description p {
    font-size: 13px
  }


/* ==========================================================================
  Testimonials
  ========================================================================== */

.icy-testimonials .testimonial {
  overflow: hidden;
  display: none;
  float: left;
}

.icy-testimonials .testimonial-texts {
  border: 5px solid #eee;
  padding: 25px;
  position: relative;
}

  .icy-testimonials .testimonial-texts:after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: 15px;
    border: 15px solid transparent;
    border-top-color: #eee;
  }

  .icy-testimonials .testimonial-texts p {
    margin-bottom: 0
  }

.icy-testimonials .testimonial-author {
  margin-left: 60px;
  margin-top: 5px;
  font-size: 13px;
  text-transform: uppercase;
  font-family: 'Merriweather Sans', Helvetica, Arial;
  font-weight: 300;
}

.icy-testimonials .testimonial-nav {
  position: relative
}


/* ==========================================================================
  Price table
  ========================================================================== */

.icy-pricetable-wrapper {
  border: 1px solid #ebebeb;
  background: #fff;
}

  .icy-pricetable-wrapper ul {
    margin: 0;
    list-style-type: none;
  }

    .icy-pricetable-wrapper ul li {
      text-align: center;
      margin: 0;
      padding: 10px 20px;
    }

    .icy-pricetable-wrapper ul li:nth-child(even) {
      background: #f5f6f8
    }

    .icy-pricetable-wrapper ul li.icy-pricetable-heading,
    .icy-pricetable-wrapper ul li.action-button {
      color: #fff;
      background-color: #00a78d;
      padding: 0;
      border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    }

      .icy-pricetable-wrapper ul li.icy-pricetable-heading .icy-pricetable-title {
        color: #fff;
        text-transform: uppercase;
        font-weight: 800;
        padding: 5px 0;
        font-family: 'Merriweather Sans', Helvetica, Arial;
        border-bottom: 1px solid rgba(0, 0, 0, 0.15);
        text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
        margin-bottom: 0;
      }

.icy-pricetable-price .price {
  color: #fff;
  text-align: center;
  font-size: 64px;
  line-height: 82px;
  font-family: 'Open Sans', Helvetica, Arial;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  background-color: rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
  margin-bottom: 0;
}

.icy-pricetable-img {
  line-height: 0
}

.icy-pricetable-price span {
  font-size: 13px
}

.icy-pricetable-wrapper ul li.action-button {
  padding: 15px 25px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

  .icy-pricetable-wrapper ul li.action-button a {
    color: #fff;
    text-transform: uppercase;
    font-size: 24px;
    line-height: 24px;
    font-family: 'Merriweather Sans', Helvetica, Arial;
    font-weight: 800;
    vertical-align: middle;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  }


/* ==========================================================================
  Tabs/Accordions
  ========================================================================== */

.aq_block_toggle h2.tab-head,
.aq_block_accordion h2.tab-head {
  background-color: #fff;
  border: none;
  margin-top: -1px;
  border-top: 1px solid #ebebeb;
  border-left: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  border-radius: 0;
  color: #999;
  font-size: 13px;
  cursor: pointer;
}

.aq_block_toggle .tab-body,
.aq_block_accordion .tab-body {
  padding: 10px;
  background-image: none;
  border: none;
}

.aq_block_toggle,
.aq_block_accordion,
.aq_block_toggles_wrapper,
.aq_block_accordion_wrapper,
.aq_block_tabs {
  border: none;
  border-radius: 0;
  margin: 0;
}

  .aq_block_toggle .tab-body p,
  .aq_block_accordion .tab-body p {
    margin-bottom: 0
  }

.aq_block_accordion.first-child {
  border-top-color: #ebebeb;
  margin: 0;
}

.aq_block_accordion {
  border: none
}

.aq_block_tabs .aq-tab {
  padding: 20px;
  padding-bottom: 0;
  border-color: #ebebeb;
}

.aq_block_tabs ul.aq-nav li {
  margin: 0 -1px -1px 0!important;
  border-radius: 0;
  text-transform: uppercase;
  font-family: 'Merriweather Sans', Helvetica, Arial;
  font-size: 13px;
  cursor: pointer;
  outline: none;
}

  .aq_block_tabs ul.aq-nav li a {
    color: #999;
    outline: none;
    border-radius: 0;
    border-color: #ebebeb;
    padding: 10px 10px 4px 10px;
  }

.aq_block_tabs,
.aq_block_accordion_wrapper,
.aq_block_toggle_wrapper {
  margin-bottom: 50px
}

.no-mq .medium,
.no-mq .narrow {
  display: none;
}

.no-mq .wide {
  display: block;
}

.tabs .tab-navigation {
  list-style: none;
  margin: 0;
  padding: 0;
  background: none;
  border: 0;
  float: none;
}

  .lt-ie8 .tabs .tab-navigation {
    width: 100%;
  }

  .tabs.separated-tabs .tab-navigation {
    margin-bottom: 25px;
  }

.tabs .tab-navigation li {
  float: left;
  position: relative;
  margin: 0 2px -1px 0!important;
  z-index: 10;
  list-style: none;
  margin: 0 -1px -1px 0 !important;
  border-radius: 0;
  text-transform: uppercase;
  font-family: 'Merriweather Sans', Helvetica, Arial;
  font-size: 13px;
  cursor: pointer;
  outline: none;
}

  .tabs.separated-tabs .tab-navigation li.selected {
    margin-bottom: 0;
  }

  .tabs .tab-navigation li a,
  .tabs .tab-container h3.narrow {
    border: 1px solid #e1e1e1;
    /*border-bottom: none;*/
    display: block;
    overflow: hidden;
    height: 26px;
    background: #FBFBFB;
    margin: 0;
    text-decoration: none;
    color: #999;
    outline: none;
    border-radius: 0;
    border-color: #ebebeb;
    padding: 10px 10px 4px 10px;
  }

    .tabs .tab-container h3.hidden {
      margin-bottom: 5px;
      display: none;
    }

    .tabs .tab-navigation li a:hover,
    .tabs.fake-tabs .tab-container .narrow h3.hidden:hover,
    .tabs.fake-tabs .tab-container .narrow h3.hidden:hover a {
      background: #fff;
      color: #FF6600;
    }

    .tabs.fake-tabs .tab-container h3.hidden {
      background: #FFF;
    }

    .tabs.fake-tabs .tab-container .narrow h3.hidden {
      background: #FBFBFB;
    }

  .tabs .tab-navigation li.selected {
  }

    .tabs .tab-navigation li.selected a {
      /*height: 27px;*/
      background: #fff;
      border-bottom-color: #fff;
      /*padding-bottom: 5px;*/
    }

      .tabs.separated-tabs .tab-navigation li.selected a {
        border-bottom: 1px solid #e1e1e1;
      }

    .tabs .tab-navigation li.selected a {
      color: #ff6600;
      font-family:'Merriweather Sans', Helvetica, Arial;
      /*font-size: 16px;
      font-weight: bold;*/
    }

  .tabs .tab-container {
    background: #fff;
    padding: 15px 15px 5px;
    border: 1px solid #dfdfdf;

    padding: 20px;
    /*padding-bottom: 0;*/
    border-color: #ebebeb;

    margin-bottom: 25px;
  }

  .fake-tabs .tab-container h3.hidden {
    color: #ff6600;
  }

  .fake-tabs .tab-container h3.hidden a {
    color: #999999;
  }

  .hidden {
    display: none;
  }


/* ==========================================================================
  Loader
  ========================================================================== */

.icy-loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  background-color: rgba(255, 255, 255, .9);
  z-index: 9999;
  opacity: 0;
  filter: alpha(opacity=0);
  display: none;
  list-style-type: none;
}

  .icy-loader .bokeh {
    font-size: 100px;
    width: 1em;
    height: 1em;
    position: relative;
    margin: 0 auto;
    top: 50%;
    margin-top: -50px;
    border-radius: 50%;
    /*border: .01em solid rgba(50,50,50,0.1);*/
    list-style: none;
  }

    .icy-loader .bokeh li {
      position: absolute;
      width: .2em;
      height: .2em;
      border-radius: 50%;
    }

      .icy-loader .bokeh li:nth-child(1) {
        left: 50%;
        top: 0;
        margin: 0 0 0 -.1em;
        background: #009b77;
        -webkit-transform-origin: 50% 250%;
        -moz-transform-origin: 50% 250%;
        -ms-transform-origin: 50% 250%;
        -o-transform-origin: 50% 250%;
        transform-origin: 50% 250%;
        -webkit-animation: rota 1.13s linear infinite, opa 3.67s ease-in-out infinite alternate;
        -moz-animation: rota 1.13s linear infinite, opa 3.67s ease-in-out infinite alternate;
        -ms-animation: rota 1.13s linear infinite, opa 3.67s ease-in-out infinite alternate;
        -o-animation: rota 1.13s linear infinite, opa 3.67s ease-in-out infinite alternate;
        animation: rota 1.13s linear infinite, opa 3.67s ease-in-out infinite alternate;
      }

      .icy-loader .bokeh li:nth-child(2) {
        top: 50%;
        right: 0;
        margin: -.1em 0 0 0;
        background: #FF003C;
        -webkit-transform-origin: -150% 50%;
        -moz-transform-origin: -150% 50%;
        -ms-transform-origin: -150% 50%;
        -o-transform-origin: -150% 50%;
        transform-origin: -150% 50%;
        -webkit-animation: rota 1.86s linear infinite, opa 4.29s ease-in-out infinite alternate;
        -moz-animation: rota 1.86s linear infinite, opa 4.29s ease-in-out infinite alternate;
        -ms-animation: rota 1.86s linear infinite, opa 4.29s ease-in-out infinite alternate;
        -o-animation: rota 1.86s linear infinite, opa 4.29s ease-in-out infinite alternate;
        animation: rota 1.86s linear infinite, opa 4.29s ease-in-out infinite alternate;
      }

      .icy-loader .bokeh li:nth-child(3) {
        left: 50%;
        bottom: 0;
        margin: 0 0 0 -.1em;
        background: #FABE28;
        -webkit-transform-origin: 50% -150%;
        -moz-transform-origin: 50% -150%;
        -ms-transform-origin: 50% -150%;
        -o-transform-origin: 50% -150%;
        transform-origin: 50% -150%;
        -webkit-animation: rota 1.45s linear infinite, opa 5.12s ease-in-out infinite alternate;
        -moz-animation: rota 1.45s linear infinite, opa 5.12s ease-in-out infinite alternate;
        -ms-animation: rota 1.45s linear infinite, opa 5.12s ease-in-out infinite alternate;
        -o-animation: rota 1.45s linear infinite, opa 5.12s ease-in-out infinite alternate;
        animation: rota 1.45s linear infinite, opa 5.12s ease-in-out infinite alternate;
      }

      .icy-loader .bokeh li:nth-child(4) {
        top: 50%;
        left 0;
        margin: -.1em 0 0 0;
        background: #88C100;
        -webkit-transform-origin: 250% 50%;
        -moz-transform-origin: 250% 50%;
        -ms-transform-origin: 250% 50%;
        -o-transform-origin: 250% 50%;
        transform-origin: 250% 50%;
        -webkit-animation: rota 1.72s linear infinite, opa 5.25s ease-in-out infinite alternate;
        -moz-animation: rota 1.72s linear infinite, opa 5.25s ease-in-out infinite alternate;
        -ms-animation: rota 1.72s linear infinite, opa 5.25s ease-in-out infinite alternate;
        -o-animation: rota 1.72s linear infinite, opa 5.25s ease-in-out infinite alternate;
        animation: rota 1.72s linear infinite, opa 5.25s ease-in-out infinite alternate;
      }

/**
 * Animations
 */

@-webkit-keyframes rota {
  to {
    -webkit-transform: rotate(360deg)
  }
}

@-moz-keyframes rota {
  to {
    -moz-transform: rotate(360deg)
  }
}

@-ms-keyframes rota {
  to {
    -ms-transform: rotate(360deg)
  }
}

@-o-keyframes rota {
  to {
    -o-transform: rotate(360deg)
  }
}

@keyframes rota {
  to {
    transform: rotate(360deg)
  }
}

@-webkit-keyframes opa {
  12.0% {
    opacity: 0.80
  }

  19.5% {
    opacity: 0.88
  }

  37.2% {
    opacity: 0.64
  }

  40.5% {
    opacity: 0.52
  }

  52.7% {
    opacity: 0.69
  }

  60.2% {
    opacity: 0.60
  }

  66.6% {
    opacity: 0.52
  }

  70.0% {
    opacity: 0.63
  }

  79.9% {
    opacity: 0.60
  }

  84.2% {
    opacity: 0.75
  }

  91.0% {
    opacity: 0.87
  }
}

@-moz-keyframes opa {
  12.0% {
    opacity: 0.80
  }

  19.5% {
    opacity: 0.88
  }

  37.2% {
    opacity: 0.64
  }

  40.5% {
    opacity: 0.52
  }

  52.7% {
    opacity: 0.69
  }

  60.2% {
    opacity: 0.60
  }

  66.6% {
    opacity: 0.52
  }

  70.0% {
    opacity: 0.63
  }

  79.9% {
    opacity: 0.60
  }

  84.2% {
    opacity: 0.75
  }

  91.0% {
    opacity: 0.87
  }
}

@-ms-keyframes opa {
  12.0% {
    opacity: 0.80
  }

  19.5% {
    opacity: 0.88
  }

  37.2% {
    opacity: 0.64
  }

  40.5% {
    opacity: 0.52
  }

  52.7% {
    opacity: 0.69
  }

  60.2% {
    opacity: 0.60
  }

  66.6% {
    opacity: 0.52
  }

  70.0% {
    opacity: 0.63
  }

  79.9% {
    opacity: 0.60
  }

  84.2% {
    opacity: 0.75
  }

  91.0% {
    opacity: 0.87
  }
}

@-o-keyframes opa {
  12.0% {
    opacity: 0.80
  }

  19.5% {
    opacity: 0.88
  }

  37.2% {
    opacity: 0.64
  }

  40.5% {
    opacity: 0.52
  }

  52.7% {
    opacity: 0.69
  }

  60.2% {
    opacity: 0.60
  }

  66.6% {
    opacity: 0.52
  }

  70.0% {
    opacity: 0.63
  }

  79.9% {
    opacity: 0.60
  }

  84.2% {
    opacity: 0.75
  }

  91.0% {
    opacity: 0.87
  }
}

@keyframes opa {
  12.0% {
    opacity: 0.80
  }

  19.5% {
    opacity: 0.88
  }

  37.2% {
    opacity: 0.64
  }

  40.5% {
    opacity: 0.52
  }

  52.7% {
    opacity: 0.69
  }

  60.2% {
    opacity: 0.60
  }

  66.6% {
    opacity: 0.52
  }

  70.0% {
    opacity: 0.63
  }

  79.9% {
    opacity: 0.60
  }

  84.2% {
    opacity: 0.75
  }

  91.0% {
    opacity: 0.87
  }
}


/* ==========================================================================
  Animations
  ========================================================================== */

.animated {
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -ms-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

@-moz-keyframes fadeIn {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

@-o-keyframes fadeIn {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY();
  }
}

@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -moz-transform: translateY();
  }
}

@-o-keyframes fadeInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -o-transform: translateY();
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    transform: translateY();
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  -moz-animation-name: fadeInUp;
  -o-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY();
  }
}

@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -moz-transform: translateY();
  }
}

@-o-keyframes fadeInDown {
  0% {
    opacity: 0;
    -ms-transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -ms-transform: translateY();
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    transform: translateY();
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -o-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

/* Breadcrumbs */

.breadcrumbs {
  margin: -10px 0 25px;
  padding-bottom: 10px;
}

.breadcrumbs,
.breadcrumbs a,
.breadcrumbs a:visited {
  color: #999999;
  font-size: 12px;
  font-family: 'Merriweather Sans',Helvetica,Arial;
  font-weight: 100;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.breadcrumbs li {
  float: left;
  list-style-type: none;
}

/* ==========================================================================
	Left-aligned
  ========================================================================== */

.left-aligned .logo {
	float: left
}

.left-aligned nav#primary-nav {
	float: right
}

.left-aligned .nav-btn {
	float: right
}


/* ==========================================================================
	Center-aligned
  ========================================================================== */

.center-aligned .logo {
	text-align: center;
	display: block;
	float: none;
	margin: 25px auto;
	max-width: 550px;
}

.center-aligned nav#primary-nav {
	width: 100%;
	float: left;
	margin: 0 auto;
	display: block;
	position: relative;
	text-transform: uppercase;
	clear: both;
	text-align: center;
}

	.center-aligned nav#primary-nav ul {
		list-style: none;
		margin: 0 auto;
		text-align: center;
		width: auto;
		display: inline-block;
		float: none;
	}

	.lt-ie8 .center-aligned nav#primary-nav ul {
		display: inline;
	}

.center-aligned .nav-btn {
    width: 80px;
	margin: 0 auto;
	margin-bottom: 25px;
}

.center-aligned nav#primary-nav ul li:hover ul,
.center-aligned nav#primary-nav ul li.sfHover ul {
	top: 40px
}

	.lt-ie8 .center-aligned nav#primary-nav ul li:hover ul,
	.lt-ie8 .center-aligned nav#primary-nav ul li.sfHover ul {
		top: 40px
	}

/* ==========================================================================
	Dark
  ========================================================================== */

body.dark {
	background-color: #1f1f1f;
	color: #aaa;
}

.dark .wrapper {
	background-color: #1f1f1f
}

.dark nav#primary-nav a {
	color: #ccc
}

.dark input,
.dark textarea,
.dark header,
.dark nav#primary-nav ul ul li,
.dark .navigation-posts,
.dark  .entry-content .the-content,
.dark  .comments-number,
.dark  .comment-entry,
.dark .page-meta,
.dark  .icy-slogan,
.dark  #portfolio-wrapper .portfolio-navigation,
.dark .single-portfolio .portfolio-navigation,
.dark .single .post-navigation,
.dark .icy-pricetable-wrapper,
.dark .aq_block_toggle h2.tab-head,
.dark .aq_block_accordion h2.tab-head,
.dark .aq_block_accordion.first-child,
.dark .aq_block_tabs .aq-tab,
.dark .aq_block_tabs ul.aq-nav li a,
.dark #portfolio-wrapper .portfolio-navigation,
.dark .single-portfolio .portfolio-navigation,
.dark.single #content .post-navigation {
	border-color: #333 !important
}

.dark input,
.dark textarea {
	background-color: #0f0f0f
}

.dark .page-meta .separator,
.dark .icy-foundation .separator,
.dark .format-quote .separator,
.dark .icy-slogan .slogan-separator,
.dark .icy-portfolio .portfolio-grid .portfolio-item .hover .separator,
.dark .icy-centered-text hr,
.dark #portfolio-wrapper .portfolio-meta .separator,
.dark .single-portfolio .portfolio-meta .separator,
.dark hr {
	background-color: #333 !important
}

.dark .icy-slogan .icy-slogan-title,
.dark .icy-member .icy-member-name,
.dark .page-meta .page-title {
	color: #f9f9f9
}

.dark nav#primary-nav ul ul {
	border-color: #333;
	background: #111;
}

.dark h1,
.dark h2,
.dark h3,
.dark h4,
.dark h5,
.dark h6,
.dark #portfolio-wrapper .portfolio-single-title,
.dark  .single-portfolio .portfolio-single-title,
.dark #portfolio-wrapper .portfolio-meta .portfolio-meta-desc h4,
.dark  .single-portfolio .portfolio-meta .portfolio-meta-desc h4,
.dark .icy-member .icy-position,
.dark .format-quote .entry-title .sub-title {
	color: #f9f9f9
}

.dark .icy-foundation .year-animation span {
	color: #fff
}

.dark .icy-member .icy-bio,
.icy-foundation h3 {
	color: #aaa
}

.dark .icy-testimonials .testimonial-texts:after,
.dark .icy-testimonials .testimonial-texts,
.dark .aq_block_toggle,
.dark .aq_block_accordion,
.dark .aq_block_toggle h2.tab-head,
.dark .aq_block_accordion h2.tab-head,
.dark .aq_block_tabs .aq-tab,
.dark .aq_block_tabs ul.aq-nav li a,
.dark .icy-pricetable-wrapper {
	background-color: transparent
}

	.dark .icy-pricetable-wrapper ul li:nth-child(even) {
		background-color: #111
	}

.dark .icy-loader {
	background-color: #1f1f1f;
	background-color: rgba(0, 0, 0, 0.9);
}

.dark footer.footer-container {
	background-color: #0f0f0f
}

.dark .icy-skill input {
	color: #fff !important
}


/* ==========================================================================
	Custom
  ========================================================================== */

body {
    background-color: #ffffff;
}

section.wrapper {
    background-color: #ffffff;
}

input[type="button"]:hover,
input[type="submit"]:hover,
.more-link:hover,
.button:hover,
button:hover,
.wp-pagenavi a:hover,
.wp-pagenavi span.current,
.navigation-posts a:hover,
.icy-member .icy-member-picture .rotateright,
.icy-member .icy-member-picture .rotateleft {
    background-color: #ff6600;
}

input[type="button"],
input[type="submit"],
.more-link,
.button,
button,
.navigation-posts a,
input:focus,
textarea:focus,
.dark input:focus,
.dark textarea:focus {
    border-color: #ff6600;
}

input[type="button"],
input[type="submit"],
.more-link,
.button,
button,
a,
a:hover,
nav#primary-nav ul li a:hover,
nav#primary-nav ul li.current-cat a,
nav#primary-nav ul li.current_page_item a,
nav#primary-nav ul li.current-menu-item a,
nav#primary-nav ul li.current_page_item li a:hover,
.navigation-posts a:hover,
.entry-title:hover h1,
span.reply-to a:hover,
.widget-title span,
.icy-portfolio .icy-portfolio-tax li a:hover,
.icy-portfolio .icy-portfolio-tax li a.active,
.icy-pricetable-wrapper ul li.icy-pricetable-heading,
.icy-pricetable-wrapper ul li.action-button,
.navigation-posts a {
    color: #ff6600;
}

.entry-content .icy-centered-text a:hover {
	text-decoration: none;
}

footer.footer-container,
.dark footer.footer-container {
    background-color: #fff;
}

/* ==========================================================================
    Huge
  ========================================================================== */

@media (min-width: 1201px) {
	nav#nav,
	.nav-btn {
		display: none
	}

	.narrow,
	.medium {
		display: none;
	}

	.wide {
		display: block;
	}

	.huge-block-grid-2 > li {
	  width: 50%;
	}

	.huge-block-grid-3 > li {
	  width: 33.33%;
	}

	.huge-block-grid-4 > li {
	  width: 24%;
	}

	.huge-block-grid-5 > li {
	  width: 20%;
	}

	.posts-list .span8,
	.post .span8 {
	  width: 772px; /* This is bad. */
	}

}


/* ==========================================================================
    Large
  ========================================================================== */

@media (min-width: 1025px) and (max-width: 1200px) {
	.wrapper {
		width: 100% !important
	}

	nav#nav,
	.nav-btn {
		display: none
	}

	.ads {
	  display: block;
	  text-align: center;
	}

	.narrow,
	.medium {
		display: none;
	}

	.wide {
		display: block;
	}

}


/* ==========================================================================
    Medium
  ========================================================================== */

@media (min-width: 767px) and (max-width: 1024px) {
	.wrapper {
		width: 100% !important
	}

	#jp_poster_0[style] {
		max-width: 100% !important;
		width: 100% !important;
		height: auto !important;
	}

	nav#nav,
	.nav-btn {
		display: none
	}

	nav#primary-nav ul li {
		margin: 0 5px;
	}

		nav#primary-nav ul a {
			font-size: 12px;
			line-height: 22px;
		}

	.ads {
	  display: block;
	  text-align: center;
	}
  
  .ads a {
    margin-left: 4px;
  }
  
  .ads a:first-child,
  .ads.vertical-ads a{
    margin-left: 0;
  }

	/*.icy-portfolio ul.portfolio-grid {
	  width: 100%;
	}*/

	/*.icy-portfolio .portfolio-grid .portfolio-item.width2 {
		width: 66.59%;
		margin-right: 0%;
	}*/

	.left-content {
	  /*float: none;
	  max-width: 100%;
	  margin-right: 0;
	  width: auto;*/

	  /*padding-right: 0;*/
	}

	.fixed-right-col .vertical-ads {
	  /*float: none;
	  width: 100%;
	  border-left: none;
	  padding-left: 0;
	  margin-left: 0;*/

	  /*border-left: none;
    padding-left: 0;
    position: static;
    width: auto;*/
	}

	.narrow,
	.wide {
		display: none;
	}

	.medium {
		display: block;
	}

	.medium-block-grid-2 > li {
	  width: 50%;
	}

	.medium-block-grid-3 > li {
	  width: 33.33%;
	}

	.medium-block-grid-4 > li {
	  width: 25%;
	}

	.medium-block-grid-5 > li {
	  width: 20%;
	}
	
}


/* ==========================================================================
    Small
  ========================================================================== */

@media (max-width: 767px) {
	#jp_poster_0[style] {
		max-width: 100% !important;
		width: 100% !important;
		height: auto !important;
	}

	.wrapper {
		width: 100% !important
	}

	input[type="text"],
	input[type="email"],
	input[type="date"],
	textarea {
		width: 100%
	}

	nav#nav,
	.nav-btn {
		display: block
	}

	body {
		font-size: 13px;
		line-height: 26px;
	}

	.icy-portfolio {
		z-index: 100;
        position: relative;
	}

	.icy-portfolio ul.portfolio-grid {
	  width: 100%;
	}

	.icy-portfolio .portfolio-grid .portfolio-item.width1,
	.icy-portfolio .portfolio-grid .portfolio-item.width2,
	.icy-portfolio.grid-view .portfolio-grid .portfolio-item.width2 {
		width: 100%
	}

	.jp-jplayer[style],
	.jp-jplayer img {
		max-width: 100% !important;
		width: 100% !important;
		height: auto !important;
	}

	.jp-audio {
		width: auto
	}

	.filter-layouts {
		display: none
	}

	.icy-portfolio-tax {
		text-align: center;
		float: left;
		width: 100%;
	}

	.row-fluid [class*="span"] {
		width: 100% !important;
		float: left;
		display: block;
		position: relative;
		margin-left: 0;
	}

	.icy-member {
		margin-bottom: 50px
	}

	.icy_team_member_block:last-child .icy-member {
		margin-bottom: 0
	}

	.icy-member .icy-member-picture .rotateright,
	.icy-member .icy-member-picture .rotateleft {
		display: none
	}

	#portfolio-wrapper .portfolio-meta .portfolio-meta-desc figure.client-logo,
	.single-portfolio .portfolio-meta .portfolio-meta-desc figure.client-logo {
		width: 80px !important;
		position: relative;
	}

	.portfolio-meta .portfolio-meta-desc ul {
		margin-bottom: 0
	}

		.portfolio-meta .portfolio-meta-desc ul li {
			margin-bottom: 10px
		}

	#portfolio-wrapper .portfolio-single-title,
	.single-portfolio .portfolio-single-title {
		font-size: 40px;
		letter-spacing: -2px;
	}

	.icy-member .icy-member-picture img {
    max-width: 300px;
  }

	.row-fluid [class*="offset"] {
		margin-left: 0 !important
	}

	.wpcf7 {
		margin-bottom: 50px !important
	}

	.js nav#nav {
		position: absolute;
		top: 0;
		padding-top: 5.25em;
	}

		.no-js nav#nav {
			background: #1a1a1a;
			height: auto;
		}

	.js nav#nav:not(:target) {
		z-index: 1;
		/*height: 0;*/
	}

	.js nav#nav:target .close-btn {
		display: block
	}

	nav#nav .close-btn {
		position: absolute;
		top: -3.75em;
		left: 1.875em;
		cursor: pointer;
	}

	nav#nav ul {
		margin-left: 0
	}

	nav#nav li {
		position: relative;
		font-size: 13px;
		line-height: 28px;
		letter-spacing: 1px;
		text-transform: uppercase;
		font-family: 'Merriweather Sans', Helvetica, Arial;
		font-weight: 300;
		padding: 5px 0;
		border-top: 1px solid rgba(255, 255, 255, 0.05);
	}

	nav#nav li:last-child {
		border-bottom: 1px solid rgba(255, 255, 255, 0.05)
	}

	nav#nav li a {
		padding: 0 1.875em;
		color: #aaa;
	}

	nav#nav li a:hover,
	nav#nav li.current_page_item a {
		color: #fff
	}

	.js-nav nav#nav {
		height: 100%;
		width: 70%;
		background: #1a1a1a;
		-webkit-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);
		-moz-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);
		box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);
	}

		.js-ready nav#nav .block {
			background: transparent
		}

		.js-ready nav#nav .close-btn {
			display: block;
			filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
			opacity: 0.7;
		}

		.js-ready nav#nav .close-btn:focus,
		.js-ready nav#nav .close-btn:hover {
			filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
			opacity: 1;
		}

	.js-ready nav#nav {
		left: -70%;
		-webkit-transition: -webkit-transform 500ms ease;
		-moz-transition: -moz-transform 500ms ease;
		-o-transition: -o-transform 500ms ease;
		transition: transform 500ms ease;
	}

	.js-ready #main-container {
		left: 0
	}

	.js-nav nav#nav {
		left: 0 !important
	}

	.js-nav .nav-btn {
		display: none
	}

	nav#primary-nav {
		display: none !important
	}

	nav#nav .close-btn {
		position: absolute;
		top: 1.5em;
		left: 1.875em;
	}

	.block {
		position: relative;
		margin: 0 auto;
		max-width: 60em;
	}

	.csstransforms3d.csstransitions.js-ready nav#nav {
		left: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		-moz-transform: translate3d(-100%, 0, 0);
		-o-transform: translate3d(-100%, 0, 0);
		-ms-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
		-webkit-transition: -webkit-transform 500ms ease;
		-moz-transition: -moz-transform 500ms ease;
		-o-transition: -o-transform 500ms ease;
		transition: transform 500ms ease;
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		-o-backface-visibility: hidden;
		backface-visibility: hidden;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		opacity: 1;
	}

	.csstransforms3d.csstransitions.js-ready #main-container {
		left: 0 !important;
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		-webkit-transition: -webkit-transform 500ms ease;
		-moz-transition: -moz-transform 500ms ease;
		-o-transition: -o-transform 500ms ease;
		transition: transform 500ms ease;
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		-o-backface-visibility: hidden;
		backface-visibility: hidden;
		opacity: 1;
	}

	.csstransforms3d.csstransitions.js-nav #main-container {
		-webkit-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
		-moz-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
		-ms-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
		-o-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
		transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
		-webkit-transition: -webkit-transform 500ms ease;
		-moz-transition: -moz-transform 500ms ease;
		-o-transition: -o-transform 500ms ease;
		transition: transform 500ms ease;
	}

	.csstransforms3d.csstransitions.js-nav nav#nav {
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
		-webkit-transition: -webkit-transform 500ms ease;
		-moz-transition: -moz-transform 500ms ease;
		-o-transition: -o-transform 500ms ease;
		transition: transform 500ms ease;
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	.csstransforms3d.csstransitions.js-ready #nav .block {
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
		opacity: 0.7;
		-webkit-transition: opacity 300ms 100ms, -webkit-transform 500ms ease;
		-webkit-transition-delay: ease, 0s;
		-moz-transition: opacity 300ms 100ms ease, -moz-transform 500ms ease;
		-o-transition: opacity 300ms 100ms ease, -o-transform 500ms ease;
		transition: opacity 300ms 100ms ease, transform 500ms ease;
		-webkit-transform: translate3d(-70%, 0, 0) scale3d(0.9, 0.9, 0.9);
		-moz-transform: translate3d(-70%, 0, 0) scale3d(0.9, 0.9, 0.9);
		-ms-transform: translate3d(-70%, 0, 0) scale3d(0.9, 0.9, 0.9);
		-o-transform: translate3d(-70%, 0, 0) scale3d(0.9, 0.9, 0.9);
		transform: translate3d(-70%, 0, 0) scale3d(0.9, 0.9, 0.9);
		-webkit-transform-origin: 50% 0%;
		-moz-transform-origin: 50% 0%;
		-ms-transform-origin: 50% 0%;
		-o-transform-origin: 50% 0%;
		transform-origin: 50% 0%;
	}

	.csstransforms3d.csstransitions.js-nav #nav .block {
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	.ads {
	  display: block;
	  text-align: center;
	}

	/*.size-full {
		max-width: none;
	}*/

	table.responsive { margin-bottom: 0; }

	.pinned { position: absolute; left: 0; top: 0; background: #fff; width: 35%; overflow: hidden; overflow-x: scroll; border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
	.pinned table { border-right: none; border-left: none; width: 100%; }
	.pinned table th, .pinned table td { white-space: nowrap; }
	.pinned td:last-child { border-bottom: 0; }

	div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; border-right: 1px solid #ccc; }
	div.table-wrapper div.scrollable { margin-left: 35%; }
	div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; }

	table.responsive td, table.responsive th { position: relative; white-space: nowrap; overflow: hidden; }
	table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td { display: none; }

	.search-form {
		padding: 10px 25px;
		height: auto;
		line-height: auto;
	}

		.search-form .button {
			margin-top: 10px;
		}

	.medium,
	.wide {
		display: none;
	}

	.narrow {
		display: block;
	}

	.left-indented-text {
		margin-left: 0;
	}

	.small-block-grid-1 > li {
	  width: 100%;
	}

	.small-block-grid-2 > li {
	  width: 50%;
	}

	.small-block-grid-3 > li {
	  width: 33.33%;
	}

	.small-block-grid-4 > li {
	  width: 25%;
	}

	.small-block-grid-5 > li {
	  width: 20%;
	}

}

@media screen and (max-width: 600px) {
	.small-block-grid-2 > li,
	.small-block-grid-3 > li,
	.small-block-grid-4 > li,
	.small-block-grid-5 > li {
	  width: 100%;
	}

	.entry-content ul.directory-list {
	  float: none;
	  width: 100%;
	  margin-bottom: 0;
	}

	.left-content {
	  padding-right: 0;
	}

	.fixed-right-col .vertical-ads {
    border-left: none;
    padding-left: 0;
    position: static;
    width: auto;
	}
	.date-range input {
	max-width: 400px;}
}

/* ==========================================================================
    Tiny
  ========================================================================== */

@media screen and (max-width: 380px) {
	.icy-foundation .year-animation {
		/*margin-left: -65px;
    -ms-transform: scale(0.675);
    -webkit-transform: scale(0.675);
    transform: scale(0.675);*/
    display: none;
	}

	.icy-foundation .year-fallback {
    display: block;
    font-size: 110px;
  }

	.icy-member .icy-member-picture img {
    max-width: 100%;
  }

	.medium,
	.wide {
		display: none;
	}

	.narrow {
		display: block;
	}

	.large-block-grid-2 > li,
	.large-block-grid-3 > li,
	.large-block-grid-4 > li,
	.large-block-grid-5 > li {
	  width: 100%;
	}

	.left-content {
	  padding-right: 0;
	}

	.fixed-right-col .vertical-ads {
    border-left: none;
    padding-left: 0;
    position: static;
    width: auto;
	}

}

h1 {
	font-size: 42px;
	font-weight: 800;
	line-height: 42px;
	text-transform: uppercase;
}

h2 {
	font-size: 26px;
	line-height: 26px;
	text-transform: uppercase;
}

h3 {
	font-size: 20px;
	line-height: 20px;
}

h4 {
	font-size: 16px;
	line-height: 16px;
}

h5 {
	font-size: 13px;
	line-height: 13px;
}

h6 {
	font-size: 12px;
	line-height: 18px;
}
.article-title
{
    text-transform: uppercase;
    font-family: 'Merriweather Sans', sans-serif;
    font-size: 16pt;
}
.image-block-left
{
	display: block;
	float: left;
	width: 40%;
	margin: 0.25em 1em 1em 0em;
}
.image-block-right
{
	display: block;
	float: right;
	width: 40%;
	margin: 0.25em 0em 1em 1em;
}

.no-margin
{
	margin-bottom: 0 !important;
}