/*
Template Name: Revelance HTML
Version: 1.2.0
Author: ab-themes
Author URI: http://www.ab-themes.com

[Table of contents]

1. CSS RESET
2. Elements
	2.1. Animation Box
	2.2. Columns & sections
	2.3. Abbreviation
	2.4. jQuery UI helpers
	2.5. Tabs
		2.5.1. Bottom Positioned Tabs
		2.5.2. Left or Right Positioned Tabs
		2.5.3. Left Positioned Tabs
		2.5.4. Right Positioned Tabs
		2.5.5. Bellow Width Break Point Tabs
	2.6. Accordion
	2.7. Toggle
	2.8. Tables
	2.9. Alert boxes
	2.10. Blockquote
	2.11. UL
	2.12. Follow us links
	2.13. Stats Excerpt
	2.14. Knob
	2.15. Team
	2.16. Priceboxes
	2.17. Progress bar
	2.18. Service boxes
	2.19. Divider
	2.20. Pullquote
	2.21. Tooltip
	2.22. Source Code
	2.23. RSS Feed
	2.24. Children
	2.25. Sitemap
	2.27. Dropcap
	2.28. Videos
	2.29. Clear
	2.30. Callout Boxes
	2.31. Buttons
	2.32. Accordion & Toggle
	2.33. Latest portfolio
	2.34. Latest news
	2.35. Image Overlay
	2.36. About box
	2.37. Testimonial
	2.38. Hire Us
3. Global styles
	3.1. Inner columns
	3.2. Clearfix
4. Header
	4.1. Main menu
	4.2. Teaser Bar
5. Slider Place
6. Blog
	6.1. Blog Posts
	6.2. Post Comments
	6.3. Post Pagination
7. Contact Form 7
8. Widgets
	8.1. Search
	8.2. Tag Cloud
	8.3. Flickr stream
	8.4. Twitter Widget
	8.5. Custom Menu Widget
	8.6. Login Widget bbPress
9. Pages
	9.1. Portfolio
		9.1.1. Portfolio Effects
10. 404 Page
11. Footer


/*-----------------------------------------------------------------*/
/* 01. CSS RESET
/*-----------------------------------------------------------------*/
	html, body, div, span, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
	small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, figcaption, figure,
	footer, header, hgroup, menu, nav, section, summary,
	time, mark, audio, video, a {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
		outline: 0px;
		-webkit-tap-highlight-color: rgba(0,0,0,0);
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

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

	html {
		min-height: 100%;
		margin: 0;
		padding: 0;
	}

	img {
		max-width: 100%;
		height:auto;
		width: auto;
		vertical-align: middle;
		border: 0;
		-ms-interpolation-mode: bicubic;
	}

	input[type="text"],input[type="password"],input[type="email"], textarea {
		-webkit-appearance: none;
		width: 100%;
		font-family: inherit;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		border: 1px solid #d9d9d9;
		outline: none;
		font-size: 14px;
	}


/*-----------------------------------------------------------------*/
/* 02. Elements
/*-----------------------------------------------------------------*/

	/********** 2.1. Element: Animation Box *************************************************************/
	.revel-animo,
	.revel-animo-children > *{
		visibility: hidden;
	}


	/********** 2.2. Element: Columns & sections *************************************************************/
	.revel_container{
		width: 100%;
	}

	.revel_container:before,
	.revel_container:after{
		display: table;
		line-height: 0;
		content: "";
	}

	.revel_container:after{
		clear: both;
	}

	.section_body_fullwidth .revel_section_content .revel_container{
		width: 100%;
	}

	.revel_section_dd{
		position: relative;
		overflow:hidden;
	}

	.revel_section_dd > *{
		z-index: 1;
		position: relative;
	}

	.revel_section_dd header,
	.revel_section_dd footer{
		text-align: center;
	}

	.revel_section_dd header h3{
		font-family: 'Open Sans';
		font-weight: 300;
		display: inline-block;
		color: #333;
		text-transform: uppercase;
		font-size: 36px;
		line-height: 36px;
		margin-bottom: 49px;
		position: relative;
		padding-bottom: 43px;
	}

	.revel_section_dd header h3:before{
		display: block;
		content: "";
		height: 1px;
		width: 36px;
		border-left: 82px solid #ddd;
		border-right: 82px solid #ddd;
		position: absolute;
		bottom: 0;
		left: 50%;
		margin-left: -100px;
	}

	.revel_section_dd header h3:after{
		display: block;
		content: "";
		height: 36px;
		width: 36px;
		position: absolute;
		bottom: -18px;
		left: 50%;
		margin-left: -18px;
		color: #5eae30;
		font-family: 'entypo';
		font-size: 18px;
		content: "\e632";
	}

	.revel_section_dd header p{
		font-family: 'Open Sans';
		font-weight: 300;
		font-size: 18px;
		margin-bottom: 35px;
		text-transform: uppercase;
		color: #676767;
		line-height: 24px;
	}

	.revel_section_dd.pattern_overlayed header h3,
	.revel_section_dd.pattern_overlayed header h3:after,
	.revel_section_dd.pattern_overlayed header p,
	.revel_section_dd.color_overlayed header h3,
	.revel_section_dd.color_overlayed header h3:after,
	.revel_section_dd.color_overlayed header p{
		color: #fff;
	}

	.revel_section_dd.pattern_overlayed a,
	.revel_section_dd.color_overlayed a{
		color: #5eae30;
	}

	.section_gray_body .revel_section_content{
		background: #f4f4f4;
		padding: 55px 0;
	}

	.section_body_fullwidth .revel_section_content .revel_container{
		width: 100%;
	}

	.section_with_gray_background{
		background: #f1f1f1;
	}

	.spacer_40{
		display: block;
		height: 40px;
	}

	.spacer_60{
		display: block;
		height: 60px;
	}

	.revel_video_background{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 0;
		visibility: hidden;
	}

	.revel_video_background .mejs-container{
		background:none !important;
	}

	.revel_video_background .mejs-overlay-loading{
		display: none !important;
	}

	.revel-parallax{
		background-position: 50% top;
		background-attachment:fixed;
		background-size: cover;
	}

	.revel_container [class*="column_dd_span"]{
		display: block;
		float: left;
		min-height: 20px;
		margin-left: 0%;
		line-height: 22px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.section_no_column_margin .revel_container [class*="column_dd_span"],
	.revel_container [class*="column_dd_span"]:first-child{
		margin-left: 0;
	}

	.revel_column_dd_span12  {width: 100%;}
	.revel_column_dd_span11  {width: 91.45299145299145%;}
	.revel_column_dd_span10  {width: 82.90598290598291%;}
	.revel_column_dd_span9   {width: 74.35897435897436%;}
	.revel_column_dd_span8   {width: 65.81196581196581%;}
	.revel_column_dd_span7   {width: 57.26495726495726%;}
	.revel_column_dd_span6   {width: 48.71794871794872%;}
	.revel_column_dd_span5   {width: 31.17094017094017%;}
	.revel_column_dd_span4   {width: 12.5%;}
	.revel_column_dd_span3   {width: 23.07692307692308%;}
	.revel_column_dd_span2   {width: 14.52991452991453%;}
	.revel_column_dd_span1   {width: 5.982905982905983%;}

	.section_no_column_margin .revel_column_dd_span12  {width: 100%;}
	.section_no_column_margin .revel_column_dd_span11  {width: 91.6666666666665%;}
	.section_no_column_margin .revel_column_dd_span10  {width: 83.3333333333334%;}
	.section_no_column_margin .revel_column_dd_span9   {width: 74.9999999999999%;}
	.section_no_column_margin .revel_column_dd_span8   {width: 66.6666666666665%;}
	.section_no_column_margin .revel_column_dd_span7   {width: 58.3333333333332%;}
	.section_no_column_margin .revel_column_dd_span6   {width: 49.9999999999999%;}
	.section_no_column_margin .revel_column_dd_span5   {width: 41.6666666666665%;}
	.section_no_column_margin .revel_column_dd_span4   {width: 33.3333333333332%;}
	.section_no_column_margin .revel_column_dd_span3   {width: 24.9999999999999%;}
	.section_no_column_margin .revel_column_dd_span2   {width: 16.6666666666665%;}
	.section_no_column_margin .revel_column_dd_span1   {width:  8.3333333333332%;}

	.section_equalize_5 .revel_column_dd_span3,
	.section_equalize_5 .revel_column_dd_span2{
		width:  17.95084476%;
	}

	.section_equalize_5 .revel_container [class*="column_dd_span"]{
		margin-left: 2.564102564102564%;
	}

	.section_no_column_margin.section_equalize_5 .revel_container [class*="column_dd_span"],
	.section_equalize_5 .revel_container [class*="column_dd_span"]:first-child{
		margin-left: 0;
	}

	.section_no_column_margin.section_equalize_5 .revel_column_dd_span3,
	.section_no_column_margin.section_equalize_5 .revel_column_dd_span2{
		width:  20%;
	}




	/********** 2.3. Element: Abbreviation *************************************************************/
	.revel-abbr{
		border-bottom: 1px dotted #666;
		cursor: help;
	}


	/********** 2.4. jQuery UI helpers *************************************************************/
	.ui-helper-reset {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
	}

	.ui-helper-clearfix:before,
	.ui-helper-clearfix:after {
		content: "";
		display: table;
	}

	.ui-helper-clearfix:after {
		clear: both;
	}

	.ui-helper-zfix {
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		position: absolute;
		opacity: 0;
		filter:Alpha(Opacity=0);
	}


	/********** 2.5. Element: Tabs *************************************************************/
	.revel-tabs {
		position: relative;
		margin-bottom: 40px;
		clear: both;
	}

	.revel-tabs .ui-tabs-nav{
		margin: 0;
		border-bottom: none;
	}

	.revel-tabs .ui-tabs-nav li {
		list-style: none;
		float: left;
		display: block;
		white-space: nowrap;
		margin: 0;
		padding: 0;
		margin-right: 0px;
		min-width:none;
		border-top: 1px solid #e1e1e1;
		border-left: 1px solid #e1e1e1;
		background: #f3f3f3;
		font-size: 14px;
		line-height: 14px;
		position: relative;
	}

	.revel-tabs .ui-tabs-nav li a{
		text-decoration: none;
		text-align: center;
		color: #505050;
		clear:both;
		box-sizing: border-box;
		display: block;
		padding: 15px 20px;
		width: 100%;
		height: 100%;
		cursor: pointer;
		outline: none;
		font-weight: normal;
	}

	.revel-tabs .ui-tabs-nav li:hover a{
		/*color: #333;*/
		color:#5eae30;
	}

	.revel-tabs .ui-tabs-nav li.ui-tabs-active {
		background: #fff;
		position: relative;
	}

	.revel-tabs .ui-tabs-nav li.ui-tabs-active:before{
		content: "";
		display: block;
		width: 100%;
		height: 4px;
		background: #5eae30;
		border-left: 1px solid #5eae30;
		border-right: 1px solid #5eae30;
		position: absolute;
		top: -4px;
		left: -1px;
	}

	.revel-tabs .ui-tabs-nav li.ui-tabs-active:after{
		content: "";
		display: block;
		width: 100%;
		height: 1px;
		background: #fff;
		position: absolute;
		bottom: -1px;
		left: 0;
	}

	.revel-tabs .ui-tabs-nav li.ui-tabs-active a{
		color: #505050;
		cursor: default;
		font-weight: 700;
	}

	.revel-tabs .ui-tabs-nav li:last-child{
		border-right: 1px solid #e1e1e1;
	}

	.revel-tabs .revel-tabs-wrapper{
		border: 1px solid #e1e1e1;
	}

	.revel-tabs .ui-tabs-panel {
		display: block;
		border-width: 0;
		padding: 20px 15px;
		line-height: 22px;
	}

	.ui-tabs-hide {
		display: none;
	}

	.revel-tabs-style2 .ui-tabs-nav li{
		border-top: 1px solid #5eae30;
		border-left: 1px solid #5eae30;
		border-right: 1px solid #5eae30;
		background: #5eae30;
	}

	.revel-tabs-style2 .ui-tabs-nav li a{
		color: #fff;
	}

	.revel-tabs-style2 .ui-tabs-nav li a:hover{
		color:#505050;
	}

	.revel-tabs-style2 .ui-tabs-nav li.ui-tabs-active{
		background: #fff;
	}

	.revel-tabs-style2 .ui-tabs-nav li.ui-tabs-active:before{
		height: 4px;
		background: #fff;
		border-top: 1px solid #5eae30;
		border-left: 1px solid #5eae30;
		border-right: 1px solid #5eae30;
		top: -4px;
		left: -1px;
	}

	.revel-tabs-style2 .ui-tabs-nav li.ui-tabs-active a{
		color: #505050;
	}

	.revel-tabs-style2 .ui-tabs-nav li:last-child{
		border-right: 1px solid #5eae30;
	}

	.revel-tabs-style2 .revel-tabs-wrapper{
		border: 1px solid #5eae30;
	}

	.tab-icon{
		font-weight: normal;
	}

	/* 2.5.1. bottom positioned tabs */
	.revel-tabs-position-bottom .ui-tabs-nav {
		border-bottom: none;
		position: absolute;
		bottom:-45px;
	}

	.revel-tabs-position-bottom .ui-tabs-nav li {
		border-top: none;
		border-bottom: 1px solid #e1e1e1;
	}

	.revel-tabs-position-bottom .ui-tabs-panel {
		padding: 20px 15px;
	}

	.revel-tabs-position-bottom .ui-tabs-nav li.ui-tabs-active:after{
		top: -1px;
		bottom: auto;
	}

	/* 2.5.2. left or right positioned tabs */
	.revel-tabs-vertical .ui-tabs-nav li a{
		padding: 15px;
		text-align: right;
	}

	/* 2.5.3. left positioned tabs */
	.revel-tabs-position-left .revel-tabs-wrapper{
		margin-left: 200px;
	}

	.revel-tabs-position-left .ui-tabs-nav {
		width: 200px;
		float: left;
		margin-bottom: 40px;
	}

	.revel-tabs-position-left .ui-tabs-nav li{
		float: none;
		line-height: 14px;
		border-right: none;
	}

	.revel-tabs-position-left .ui-tabs-nav li:last-child{
		border-bottom: 1px solid #e1e1e1;
		border-right: none;
	}

	.revel-tabs-position-left .ui-tabs-nav li.ui-tabs-active{
		background: #fff;
	}

	.revel-tabs-position-left .ui-tabs-nav li.ui-tabs-active:after{
		content: "";
		display: block;
		width: 1px;
		height: 100%;
		background: #fff;
		position: absolute;
		bottom: auto;
		left: auto;
		right: -1px;
		top: 0;
	}

	/* 2.5.4. right positioned tabs */
	.revel-tabs-position-right .revel-tabs-wrapper{
		margin-right: 200px;
	}

	.revel-tabs-position-right .ui-tabs-nav {
		width: 200px;
		float: right;
		margin-bottom: 40px;
	}

	.revel-tabs-position-right .ui-tabs-nav li{
		float: none;
		line-height: 14px;
		border-left: none;
		border-right: 1px solid #e1e1e1;
	}

	.revel-tabs-position-right .ui-tabs-nav li a{
		text-align: left;
	}

	.revel-tabs-position-right .ui-tabs-nav li:last-child{
		border-bottom: 1px solid #e1e1e1;
		border-left: none;
	}

	.revel-tabs-position-right .ui-tabs-nav li.ui-tabs-active{
		background: #fff;
	}

	.revel-tabs-position-right .ui-tabs-nav li.ui-tabs-active:after{
		content: "";
		display: block;
		width: 1px;
		height: 100%;
		background: #fff;
		position: absolute;
		bottom: auto;
		right: auto;
		left: -1px;
		top: 0;
	}

	/* 2.5.5. Bellow width break point tabs */
	.revel-tabs.revel-tabs-fullwidthtabs .ui-tabs-nav li {
		margin-right: 0px;
		width: 100%;
		margin-left: 0;
		float: none;
		text-align: left;
		padding: 5px 15px;
		border: 1px solid #e6ebed;
		border-bottom:none;
	}

	.revel-tabs.revel-tabs-fullwidthtabs .ui-tabs-nav li.ui-tabs-active{
		background: #f9f9f9;
	}

	.revel-tabs.revel-tabs-fullwidthtabs .ui-tabs-nav li.ui-tabs-active:after{
		display: none;
	}

	.revel-tabs-position-bottom.revel-tabs-fullwidthtabs .ui-tabs-nav {
		position: relative;
	}

	.revel-tabs-position-bottom.revel-tabs-fullwidthtabs .ui-tabs-nav li.ui-tabs-active:after{
		display: none;
	}

	.revel-tabs-position-bottom.revel-tabs-fullwidthtabs .ui-tabs-panel {
		padding: 0;
	}

	.revel-tabs-position-left.revel-tabs-fullwidthtabs .ui-tabs-nav,
	.revel-tabs-position-right.revel-tabs-fullwidthtabs .ui-tabs-nav {
		margin: 0;
		border-bottom:none;
		border-right: 1px solid #eeeeee;
		width: 100%;
		position: relative;
		padding-bottom: 20px;
	}

	.revel-tabs-position-left.revel-tabs-fullwidthtabs .ui-tabs-nav li,
	.revel-tabs-position-right.revel-tabs-fullwidthtabs .ui-tabs-nav li{
		float: none;
		text-align: left;
		line-height: 37px;
		padding: 5px 15px;
		margin-right: 0;
		margin-left: 0;
	}

	.revel-tabs-position-left.revel-tabs-fullwidthtabs .ui-tabs-nav li.ui-tabs-active,
	.revel-tabs-position-right.revel-tabs-fullwidthtabs .ui-tabs-nav li.ui-tabs-active{
		background: #f9f9f9;
	}

	.revel-tabs-position-left.revel-tabs-fullwidthtabs .ui-tabs-nav li.ui-tabs-active:after,
	.revel-tabs-position-right.revel-tabs-fullwidthtabs .ui-tabs-nav li.ui-tabs-active:after{
		display: none;
	}

	.revel-tabs-position-left.revel-tabs-fullwidthtabs .ui-tabs-panel,
	.revel-tabs-position-right.revel-tabs-fullwidthtabs .ui-tabs-panel{
		margin-left: 0px;
		margin-right: 0px;
		padding-top:0;
	}

	/********** 2.6. Element: Accordion *************************************************************/
	.revel-accordion{
		margin-bottom: 40px;
	}

	.revel-accordion .ui-accordion-header {
		display: block;
		cursor: pointer;
		position: relative;
		border-bottom: 1px solid #fff;
		color:#666666;
		background: #eee;
		font-weight:normal;
		padding: 15px 0 15px 20px;
		margin: 0;
	}

	.revel-accordion .ui-accordion-content {
		overflow: auto;
		border: 1px solid #eeeeee;
		border-top: 0;
		padding: 20px;
	}

	.revel-accordion .ui-accordion-header-icon{
		display: block;
		position: absolute;
		right: 15px;
		top: 15px;
		width: 30px;
		height: 30px;
		text-align: center;
		line-height: 30px;
		font-family: 'WebHostingHub-Glyphs';
		font-size: 14px;
	}

	.revel-accordion .ui-icon-triangle-1-e{
		color: #666;
	}

	.revel-accordion .ui-icon-triangle-1-e:before{
		content: "\002b";
	}

	.revel-accordion .ui-icon-triangle-1-s{
		color: #666;
	}

	.revel-accordion .ui-icon-triangle-1-s:before{
		content: "\2212";
	}


	/********** 2.7. Element: Toggle *************************************************************/
	.revel-toggle{
		margin-bottom: 20px;
	}


	/********** 2.8. Element: Tables *************************************************************/
	.revel-table-hover table,
	.revel-table-striped table{
		border-collapse:separate;
		line-height: 2 !important;
	}

	.revel-table-condensed table{
		line-height: 1 !important;
		border-collapse:separate;
	}

	.revel-table-hover table tr,
	.revel-table-striped table tr,
	.revel-table-condensed table tr{
		border-top: 1px solid #eee !important;
	}

	.revel-table-hover table th,
	.revel-table-striped table th,
	.revel-table-condensed table th,
	.revel-table-hover table td,
	.revel-table-striped table td,
	.revel-table-condensed table td{
		padding: 2px 10px;
	}

	.revel-table-striped table tr:nth-child(2n+1){
		background: #f9f9f9;
	}

	.revel-table-hover table tr:hover{
		background: #efefef;
	}


	/********** 2.9. Element: Alert boxes *************************************************************/
	.revel_alert_success,
	.revel_alert_info,
	.revel_alert_warning,
	.revel_alert_error{
		margin-bottom: 40px;
		padding: 19px 48px 19px 19px;
		position: relative;
	}

	.revel_alert_success i,
	.revel_alert_info i,
	.revel_alert_warning i,
	.revel_alert_error i{
		margin-right: 19px;
	}

	.revel_alert_success,
	.revel_alert_success .revel_alert_box_close{
		background: #e9f3d2;
		color: #91b64f;
	}

	.revel_alert_info,
	.revel_alert_info .revel_alert_box_close{
		background: #cee6e6;
		color: #1e6d81;
	}

	.revel_alert_warning,
	.revel_alert_warning .revel_alert_box_close{
		background: #fbf2e3;
		color: #ffad77;
	}

	.revel_alert_error,
	.revel_alert_error .revel_alert_box_close{
		background: #ffe9e9;
		color: #d04544;
	}

	.revel_alert_box_close{
		cursor: pointer;
		position: absolute;
		top: 19px;
		right: 19px;
	}


	/********** 2.10. Element: Blockquote *************************************************************/
	.revel_blockquote,
	.revel_pullquote{
		font-size: 28px;
		font-weight: 400;
		line-height: 34px;
		margin-bottom: 40px;
	}

	.revel_blockquote p{
		line-height: 30px;
	}

	.revel_blockquote p small{
		color: #5eae30;
		font-size: 24px;
		font-style: italic;
		font-weight: 400;
		display: block;
		margin-top: 29px;
	}


	/********** 2.11. Element: UL *************************************************************/
	.revel_shortcode_ul{
		list-style: none !important;
	}

	.revel_shortcode_ul li{
		list-style: none !important;
	}


	/********** 2.12. Element: Follow us links *************************************************************/
	.revel_follow_us{
		text-align: center;
	}

	.revel_socialicon{
		display: inline-block;
		width: 40px;
		height: 40px;
		line-height: 40px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		margin: 0 4px 20px 4px;
		border: 1px solid #333;
		color: #333;
		opacity: 0.5;
	}

	.revel_socialicon i{
		top: 0;
		color: #333;
	}

	.revel_socialicon:hover{
		opacity: 1;
		box-shadow: 0 0 0 1px #333;
	}

	.pattern_overlayed .revel_socialicon,
	.color_overlayed .revel_socialicon{
		border: 1px solid #fff;
	}

	.pattern_overlayed .revel_socialicon i,
	.color_overlayed .revel_socialicon i{
		color: #fff;
	}

	.pattern_overlayed .revel_socialicon:hover,
	.color_overlayed .revel_socialicon:hover{
		box-shadow: 0 0 0 1px #fff;
	}


	/********** 2.13. Element: Stats Excerpt *************************************************************/
	.revel_stats_excerpt{
		color: #093d71;
		text-align: center;
		padding: 20px 0 30px 0;
		margin-bottom: 40px;
		position: relative;
	}

	.revel_stats_excerpt i{
		color: #5eae30;
		font-size: 32px;
		margin-right: 13px;
		position: absolute;
		bottom: 0;
		left: 50%;
		margin-left: -16px;
	}

	.revel_stats_excerpt .revel_stats_number,
	.revel_stats_excerpt .revel_stats_number_sign{
		font-size: 70px;
		line-height: 70px;
		color: #5eae30;
		font-weight: 600;
	}

	.revel_stats_excerpt p{
		font-size: 18px;
		padding-top: 11px;
		font-family: 'Open Sans';
		color: #505050;
	}

	.pattern_overlayed .revel_stats_excerpt .revel_stats_number,
	.pattern_overlayed .revel_stats_excerpt .revel_stats_number_sign,
	.pattern_overlayed .revel_stats_excerpt p,
	.pattern_overlayed .revel_stats_excerpt i,
	.color_overlayed .revel_stats_excerpt .revel_stats_number,
	.color_overlayed .revel_stats_excerpt .revel_stats_number_sign,
	.color_overlayed .revel_stats_excerpt p,
	.color_overlayed .revel_stats_excerpt i{
		color: #fff;
	}

	.revel_stats_excerpt_style_color{
		background: #5eae30;
	}

	.revel_stats_excerpt_style_color .revel_stats_number,
	.revel_stats_excerpt_style_color .revel_stats_number_sign{
		color: #fff;
	}

	.revel_stats_excerpt_style_color p{
		color: #fff;
	}

	.revel_stats_excerpt_style_light{
		background: #f3f3f3;
		color: #505050;
	}

	.revel_stats_excerpt_style_dark{
		background: #505050;
	}

	.revel_stats_excerpt_style_dark p{
		color: #fff;
	}


	/********** 2.14. Element: Knob *************************************************************/
	.revel_knob_wrapper{
		text-align: center;
	}

	.revel_knob_inner_wrap{
		position: relative;
		text-align: center;
	}

	.revel_knob_wrapper input{
		display: none;
	}

	.revel_knob_wrapper .revel_knob_number_sign{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		text-align: center;
		visibility: hidden;
		font-size: 24px;
		z-index: 2;
	}

	/********** 2.15. Element: Team *************************************************************/
	.revel_team_member{
		text-align: center;
		padding-bottom: 19px;
		margin-bottom: 49px;
	}

	.revel_team_member .revel_overlayed{
		position: relative;
		line-height: 1;
		margin-bottom: 28px;
	}

	.revel_team_member.revel_team_member_style_2{
	    margin-bottom: 0;
	    padding-bottom: 0;
	}

	.revel_team_member.revel_team_member_style_2 .revel_overlayed{
		margin-bottom: 20px;
	}

	.revel_team_member .revel_overlayed .revel_overlay {
		width: 100%;
		height: 100%;
		position: absolute;
		overflow: hidden;
		top: 0;
		left: 0;
		filter: alpha(opacity=0);
		opacity: 0;
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		-ms-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
		background: rgba(0,0,0,0.6);
	}

	.revel_team_member:hover .revel_overlayed .revel_overlay {
		filter: alpha(opacity=100);
		opacity: 1;
	}

	.revel_team_member .revel_overlayed .revel_overlay p{
		position: absolute;
		width: 100%;
		top: 50%;
		margin-top: -18px;
		height: 40px;
		line-height: 40px;
	}

	.revel_team_member .revel_overlayed .revel_overlay p a{
		color: #ccc;
		display: inline-block;
		width: 40px;
		height: 40px;
		border: 1px solid #ccc;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		line-height: 40px;
		margin: 0 3px;
	}

	.revel_team_member .revel_overlayed .revel_overlay p a i{
		color: #ccc;
	}

	.revel_team_member .revel_overlayed .revel_overlay p a:hover{
		color: #fff;
		border: 1px solid #fff;
	}

	.revel_team_member .revel_overlayed .revel_overlay p a:hover i{
		color: #fff;
	}

	.revel_team_member .revel_team_member_position{
		text-transform: uppercase;
	}

	.revel_team_member .revel_team_member_name{
		display: block;
		font-weight: 600;
		font-size: 16px;
		text-transform: uppercase;
		margin-bottom: 2px;
	}

	.revel_team_member.revel_team_member_style_2 .revel_team_member_name{
		color: #fff;
		display: block;
		font-weight: 400;
		font-size: 18px;
		margin-bottom: 8px;
	}

	.revel_team_member .revel_team_member_position{
		display: inline-block;
		font-weight: 400;
		font-size: 12px;
		color: #5eae30;
		margin-bottom: 8px;
	}

	.revel_team_member.revel_team_member_style_2 .revel_team_member_position{
		font-size: 14px;
	}

	.revel_team_member > p{
		margin-bottom: 19px;
		color: #8d8c8c;
	}

	.revel_team_member .revel_team_member_social_under a{
		margin: 0 5px;
	}

	.revel_team_member .revel_team_member_social_under a i{
		color: #676767;
	}

	.revel_team_member .revel_team_member_social_under a:hover i{
		color: #5eae30;
	}

	.revel_team_member_modal{
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #fff;
		z-index: 9999;
		overflow-y: auto;
		padding-top: 80px;
		text-align: left;
	}

	.revel_team_member_modal h4,
	.revel_team_member_modal .revel_team_member_position{
		text-align: center;
	}

	.revel_team_member_modal .revel_container{
		width: 960px;
		margin-left: auto;
		margin-right: auto;
	}

	.revel_team_member_modal_close{
		width: 32px;
		height: 32px;
		font-size: 32px;
		line-height: 32px;
		position: absolute;
		top: 60px;
		right: 60px;
		cursor: pointer;
	}


	.revel_team_member.revel_team_member_style_2 .revel_overlayed .revel_overlay .revel_overlay_memeber{
		position: absolute;
		width: 100%;
		bottom: 20px;
		text-align: left;
		padding-left: 19px;
		margin-bottom: -3px;
	}


	/********** 2.16. Element: Priceboxes *************************************************************/
	.revel_pricing-table-1,
	.revel_pricing-table-2{
		text-align: center;
		margin-bottom: 40px;
	}

	.revel_pricing-table-1{
		background: rgba(255,255,255,0.9);
		color: #333;
		text-align: center;
	}

	.revel_pricing-table-1 .revel_pricebox_header{
		border-bottom: 1px solid #c8c8c8;
	}

	.revel_pricing-table-1 .revel_pricebox_featured_text{
		margin-bottom: 3px;
		min-height: 30px;
		text-align: center;
		color: #fff;
		font-size: 14px;
		line-height: 30px;
	}

	.revel_pricing-table-1.revel_popular-plan .revel_pricebox_featured_text{
		background: #434342;
	}

	.revel_pricing-table-1 .revel_pricebox_name{
		font-size: 18px;
		line-height: 18px;
		font-weight: 700;
		text-transform: uppercase;
		display: block;
		background: #333;
		color: #fff;
		padding: 21px 10px;
	}

	.revel_pricing-table-1.revel_popular-plan{
		position: relative;
		top: -20px;
		margin-bottom: 60px;
		padding-bottom: 10px;
		box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);
		z-index: 1;
		position: relative;
	}

	.revel_pricing-table-1.revel_popular-plan .revel_pricebox_name{
		background: #5eae30;
		padding: 31px 10px;
	}

	.revel_pricing-table-1 .revel_pricebox_currency{
		font-size: 20px;
		line-height: 20px;
		position: relative;
		top: -20px;
	}

	.revel_pricing-table-1 .revel_pricebox_price{
		font-size: 50px;
		font-weight: 600;
		line-height: 50px;
		display: inline-block;
		margin: 19px 0;
	}

	.revel_pricing-table-1 .revel_pricebox_monthly{
		font-size: 16px;
		line-height: 16px;
	}

	.revel_pricing-table-1 .revel_pricebox_decsription{
		display: block;
		font-style: italic;
	}

	.revel_pricing-table-1 .revel_pricebox_feature{
		display: block;
		text-align: center;
		font-size: 16px;
		line-height: 16px;
		margin-bottom: 16px;
	}

	.revel_pricing-table-1 .revel_pricebox_feature strong{
		font-weight: 300;
	}

	.revel_pricing-table-1 .revel_pricebox_feature:first-of-type{
		padding-top: 38px;
	}

	.revel_pricing-table-1 .revel_pricebox_feature:last-child{
		border-top: 1px solid #c8c8c8;
		margin-top: 48px;
		padding-top: 16px;
	}

	.revel_pricing-table-1.revel_popular-plan .revel_pricebox_feature_button{
		margin-bottom: 0;
	}

	.revel_pricing-table-1.revel_popular-plan .revel_pricebox_feature:last-child{
		padding-top: 25px;
	}

	.revel_pricing-table-2 .revel_pricebox_header{
		background: #fff;
		color: #333;
		text-align: center;
	}

	.revel_pricing-table-2 .revel_pricebox_name{
		font-size: 18px;
		font-weight: 700;
		text-transform: uppercase;
		display: block;
		padding: 21px 10px;
		background: #333;
		color: #fff;
	}

	.revel_pricing-table-2.revel_popular-plan .revel_pricebox_name{
		background: #5eae30;
		color: #fff;
		padding: 25px 10px;
	}

	.revel_pricing-table-2 .revel_pricebox_currency{
		font-size: 15px;
		position: relative;
		top: -33px;
	}

	.revel_pricing-table-2 .revel_pricebox_price{
		font-size: 65px;
		font-weight: 300;
		line-height: 65px;
		display: inline-block;
		padding-bottom: 26px;
		padding-top: 21px;
		font-style: italic;
	}

	.revel_pricing-table-2 .revel_pricebox_monthly{
		font-size: 12px;
	}

	.revel_pricing-table-2 .revel_pricebox_decsription{
		display: block;
		font-style: italic;
		padding-bottom: 30px;
	}

	.revel_pricing-table-2 .revel_pricebox_feature{
		background: #fff;
		display: block;
		border-bottom: 1px solid #c8c8c8;
		padding-top: 15px;
		padding-bottom: 15px;
		text-align: center;
	}

	.revel_pricing-table-2 .revel_pricebox_feature:last-of-type{
		border-bottom: 4px solid #333;
	}

	.revel_pricing-table-2.revel_popular-plan .revel_pricebox_feature:last-of-type{
		border-bottom: 4px solid #5eae30;
	}

	.revel_pricing-table-2 .revel_button{
		margin-top: 40px;
		margin-right: 0;
	}

	.revel_pricebox_feature .ABdev_icon-ok{
		color:#01f001;
	}

	.revel_pricebox_feature .ABdev_icon-remove{
		color:red;
	}


	/********** 2.17. Element: Progress bar *************************************************************/
	.revel_meter {
		margin-bottom: 20px;
		font-size: inherit !important;
		background: #e7e7e7 !important;
		margin-left: 0px;
		height: 14px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		position: relative;
	}

	.revel_meter .revel_meter_percentage {
		display: block;
		text-indent: 20px;
		color: #fff;
		font-size: inherit !important;
		background: #5eae30 !important;
		height: 14px;
		line-height: 14px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		overflow: visible !important;
	}

	.revel_progress_bar_balloon .revel_meter .revel_meter_percentage{
		position: relative;
	}

	.revel_meter .revel_meter_percentage span{
		text-indent: 0;
		position: absolute;
		display: block;
		width: 42px;
		text-align: right;
		top: -19px;
		right: 0;
		color: #858585;
		z-index: 100;
	}

	.revel_progress_bar_balloon .revel_meter .revel_meter_percentage span{
		background: #505050;
		color: #fff;
		text-align: center;
		top: -31px;
		line-height: 22px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}

	.revel_progress_bar_balloon .revel_meter .revel_meter_percentage span:after{
		display: block;
		content: "";
		width: 0;
		height: 0;
		border-top: 6px solid #505050;
		border-left: 3px solid rgba(255,255,255,0);
		border-right: 3px solid rgba(255,255,255,0);
		position: absolute;
		bottom: -6px;
		left: 18px;

	}

	.revel_meter_label{
		font-size: 13px;
		line-height: inherit;
		float: none;
	}

	.revel_progress_bar_balloon .revel_meter .revel_meter_percentage span{
		display: none;
	}

	.revel_progress_bar_balloon .revel_meter .revel_meter_above10 span,
	.revel_progress_bar_balloon .revel_meter .revel_meter_above20 span,
	.revel_progress_bar_balloon .revel_meter .revel_meter_above30 span,
	.revel_progress_bar_balloon .revel_meter .revel_meter_above40 span,
	.revel_progress_bar_balloon .revel_meter .revel_meter_above50 span,
	.revel_progress_bar_balloon .revel_meter .revel_meter_above60 span,
	.revel_progress_bar_balloon .revel_meter .revel_meter_above70 span,
	.revel_progress_bar_balloon .revel_meter .revel_meter_above80 span,
	.revel_progress_bar_balloon .revel_meter .revel_meter_above90 span{
		display: block;
	}


	/********** 2.18. Element: Service boxes *************************************************************/
	.revel_service_box{
		text-align: center;
		margin-bottom: 55px;
		padding-top: 0;
	}

	.revel_service_box .revel_icon_boxed{
		display: inline-block;
		width: 100px;
		height: 100px;
		-webkit-border-radius: 50px;
		-moz-border-radius: 50px;
		border-radius: 50px;
		background: #5eae30;
		position: relative;
		margin-bottom: 24px;
		text-decoration: none;
	}

	.revel_service_box.revel_service_box_round_stroke .revel_icon_boxed{
		background: none;
		border: 1px solid #333;
		-webkit-transition: all 180ms ease-in;
		transition: all 180ms ease-in;
	}

	.revel_service_box.revel_service_box_round_stroke .revel_icon_boxed i{
		color: #333;
		-webkit-transition: all 180ms ease-in;
		transition: all 180ms ease-in;
	}

	.revel_service_box.revel_service_box_round_stroke:hover .revel_icon_boxed{
		border: 1px solid #5eae30;
		box-shadow: 0 0 0 5px #fff inset;
		background: #5eae30;
		-webkit-transition: all 180ms ease-in;
		transition: all 180ms ease-in;
	}

	.revel_service_box.revel_service_box_round_stroke:hover .revel_icon_boxed i{
		color: #fff;
		-webkit-transition: all 180ms ease-in;
		transition: all 180ms ease-in;
	}

	.revel_service_box .revel_icon_boxed i{
		font-size: 48px;
		color: #fff;
		line-height: 100px;
		position: relative;
		top: -1px;
	}

	.revel_service_box:hover .revel_icon_boxed{
		background: #333;
	}

	.revel_service_box .revel_icon_boxed:hover:after{
		border-top: 9px solid #333;
		transition: all 180ms ease-in;
		-webkit-transition: all 180ms ease-in;
	}

	.revel_service_box p{
		line-height: 22px;
		margin-bottom: 22px;
		font-weight: 400;
	}

	.revel_service_box h3{
		margin-bottom: 19px;
		color: #676767;
		font-size: 18px;
		font-weight: 400;
	}


	.revel_service_box.revel_service_box_round_aside{
		text-align: left;
	}

	.revel_service_box.revel_service_box_round_aside h3{
		color: #333;
		margin-bottom: 8px;
	}

	.revel_service_box.revel_service_box_round_aside h3:hover{
		color: #5eae30;
	}

	.revel_service_box.revel_service_box_round_aside p{
		line-height: 20px;
	}

	.revel_service_box.revel_service_box_round_aside .revel_icon_boxed{
		float: left;
		text-align: center;
		margin-right: 20px;
		width: 60px;
		height: 60px;
	}

	.revel_service_box.revel_service_box_round_aside .revel_icon_boxed i{
		line-height: 60px;
		font-size: 25px;
		top: 2px;
	}

	.revel_service_box.revel_service_box_aside_small{
		text-align: left;
	}

	.revel_service_box.revel_service_box_aside_small h3{
		color: #333;
		font-weight: 600;
		margin-bottom: 15px;
	}

	.revel_service_box.revel_service_box_aside_small h3:hover{
		color: #5eae30;
	}

	.revel_service_box.revel_service_box_aside_small p{
		line-height: 20px;
	}

	.revel_service_box.revel_service_box_aside_small .revel_icon_boxed{
		float: left;
		text-align: center;
		margin-right: 20px;
		margin-bottom: 0;
		width: auto;
		height: auto;
		background: none;
	}

	.revel_service_box.revel_service_box_aside_small .revel_icon_boxed i{
		line-height: 26px;
		font-size: 26px;
		color: #5eae30;
	}

	.revel_service_box_square .revel_icon_boxed{
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		background: none;
		margin-bottom: 13px;
		width: auto;
		height: auto;
	}

	.revel_service_box_square:hover .revel_icon_boxed{
		background: none;
	}

	.revel_service_box_square .revel_icon_boxed i{
		color: #333;
		line-height: 48px;
	}

	.revel_service_box_square:hover .revel_icon_boxed i{
		color: #5eae30;
	}

	/********** 2.19. Element: Divider *************************************************************/
	.revel_divider{
		clear:both;
		text-align: right;
		line-height: 20px;
		border-top: 1px solid #eeeeee;
		margin: 10px;
	}

	.revel_divider a{
		text-decoration: none;
		display: inline-block;
	}

	.revel_divider a:hover{
		text-decoration: none;
	}

	.revel_divider i{
		position: relative;
		top: 2px;
	}

	.revel_divider_dashed{
		border-top: 1px dashed #eeeeee;
	}

	.revel_divider_dotted{
		border-top: 1px dotted #eeeeee;
	}


	/********** 2.20. Element: Pullquote *************************************************************/
	.revel_pullquote{
		padding: 20px 20px 20px 0;
		font-size: 1.6em;
		float: left;
	}

	.revel_pullquote_right{
		padding: 20px 0 20px 20px;
		font-size: 1.6em;
		float: right;
	}


	/********** 2.21. Element: Tooltip *************************************************************/
	.revel_tooltip{
		cursor: pointer;
	}

	.tipsy {
		font-size: 10px;
		position: absolute;
		padding: 5px;
		z-index: 100000;
		margin-top: -7px;
	}

	.tipsy-inner {
		background-color: #fff;
		color: #333;
		max-width: 200px;
		padding: 5px 8px 4px 8px;
		text-align: center;
	}

	.tipsy-inner {
		border-radius: 0px;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
	}

	.tipsy-arrow {
		position: absolute;
		width: 0;
		height: 0;
		line-height: 0;
		border: 5px dashed #fff;
	}

	.tipsy-arrow-n {
		border-bottom-color: #fff;
	}

	.tipsy-arrow-s {
		border-top-color: #fff;
	}

	.tipsy-arrow-e {
		border-left-color: #fff;
	}

	.tipsy-arrow-w {
		border-right-color: #fff;
	}

	.tipsy-n .tipsy-arrow {
		top: 0px;
		left: 50%;
		margin-left: -5px;
		border-bottom-style: solid;
		border-top: none;
		border-left-color: transparent;
		border-right-color: transparent;
	}

	.tipsy-nw .tipsy-arrow {
		top: 0;
		left: 10px;
		border-bottom-style: solid;
		border-top: none;
		border-left-color: transparent;
		border-right-color: transparent;
	}

	.tipsy-ne .tipsy-arrow {
		top: 0;
		right: 10px;
		border-bottom-style: solid;
		border-top: none;
		border-left-color: transparent;
		border-right-color: transparent;
	}

	.tipsy-s .tipsy-arrow {
		bottom: 0;
		left: 50%;
		margin-left: -5px;
		border-top-style: solid;
		border-bottom: none;
		border-left-color: transparent;
		border-right-color: transparent;
	}

	.tipsy-sw .tipsy-arrow {
		bottom: 0;
		left: 10px;
		border-top-style: solid;
		border-bottom: none;
		border-left-color: transparent;
		border-right-color: transparent;
	}

	.tipsy-se .tipsy-arrow {
		bottom: 0;
		right: 10px;
		border-top-style: solid;
		border-bottom: none;
		border-left-color: transparent;
		border-right-color: transparent;
	}

	.tipsy-e .tipsy-arrow {
		right: 0;
		top: 50%;
		margin-top: -5px;
		border-left-style: solid;
		border-right: none;
		border-top-color: transparent;
		border-bottom-color: transparent;
	}

	.tipsy-w .tipsy-arrow {
		left: 0;
		top: 50%;
		margin-top: -5px;
		border-right-style: solid;
		border-left: none;
		border-top-color: transparent;
		border-bottom-color: transparent;
	}


	/********** 2.22. Element: Source Code *************************************************************/
	.revel_prettyprint{
		padding: 24px !important;
	}

	.revel_prettyprint ol{
		margin: 0 !important;
		padding: 0 !important;
		list-style: decimal outside !important;
	}

	.revel_prettyprint li{
		margin-left: 20px !important;
		list-style: decimal outside !important;
	}


	/********** 2.23. Element: RSS Feed *************************************************************/
	.revel_rss,
	.revel_rss li{
		list-style: none !important;
		margin-left: 0 !important;
	}


	/********** 2.24. Element: Children *************************************************************/
	.revel_children,
	.revel_children li{
		list-style: none !important;
		margin-left: 0 !important;
	}


	/********** 2.25. Element: Sitemap *************************************************************/
	.revel_sitemap,
	.revel_sitemap li{
		list-style: none !important;
	}


	/********** 2.27. Element: Dropcap *************************************************************/
	.revel_dropcap{
		display: block;
		width: 54px;
		height: 54px;
		font-size: 50px;
		line-height: 54px;
		background: #1e6d81;
		text-align: center;
		color: #fff;
		float: left;
		margin-right: 20px;
		margin-bottom: 10px;
	}


	/********** 2.28. Element: Videos *************************************************************/
	.revel-videoWrapper-youtube{
		position:relative;
		padding-bottom:56.25%;
		padding-top:0px;
		height:0;
		overflow:hidden;
	}

	.revel-videoWrapper-youtube iframe,
	.revel-videoWrapper-youtube object,
	.revel-videoWrapper-youtube embed{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
	}

	.revel-videoWrapper-vimeo{
		position:relative;
		padding-bottom:53%;
		padding-top:30px;
		height:0;
		overflow:hidden;
	}

	.revel-videoWrapper-vimeo iframe,
	.revel-videoWrapper-vimeo object,
	.revel-videoWrapper-vimeo embed{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
	}

	.videoWrapper-youtube{
		position:relative;
		padding-bottom:56.25%;
		padding-top:0px;
		height:0;
		overflow:hidden;
	}

	.videoWrapper-youtube iframe,
	.videoWrapper-youtube object,
	.videoWrapper-youtube embed{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
	}

	.videoWrapper-vimeo{
		position:relative;
		padding-bottom:53%;
		padding-top:30px;
		height:0;
		overflow:hidden;
	}

	.videoWrapper-vimeo iframe,
	.videoWrapper-vimeo object,
	.videoWrapper-vimeo embed{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
	}


	/********** 2.29. Element: Clear *************************************************************/
	.revel_clear{
		clear:both;
	}


	/********** 2.30. Element: Callout Boxes *************************************************************/
	.revel-callout_box{
		background: #f3f3f3;
		margin-bottom: 20px;
		padding: 20px;
		border-left: 6px solid #5eae30;
		padding: 30px 30px;
	}

	.revel-callout_box_title{
		display: block;
		font-weight: 700;
		font-size: 22px;
		font-family: 'Open Sans';
		color: #505050;
		margin-bottom: 8px;
	}

	.revel-callout_box p{
		margin-bottom: 0;
		font-size: 14px;
	}

	.revel-callout_box .span3{
		text-align: right;
	}

	.revel-callout_box .revel_column_dd_span3{
		text-align: center;
		padding-top: 30px;
	}

	.revel-callout_box_no_button{
		border-left: none;
		border-top: 6px solid #5eae30;
	}


	/********** 2.31. Element: Buttons *************************************************************/
	.revel-button{
		display: inline-block;
		white-space: nowrap;
		font-size: 12px;
		line-height: 12px;
		font-weight: 600;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		margin-right: 10px;
		margin-bottom: 20px;
		text-decoration: none;
		text-transform: uppercase;
	}

	.revel-button i{
		margin-left: 10px;
		position: relative;
		top: 1px;
	}

	.revel-button_light{
		background: none;
		border: 1px solid #333;
		color: #333 !important;
	}

	.revel-button_dark{
		background: #505050;
		border: 1px solid #505050;
		color: #fff !important;
	}

	.revel-button_yellow{
		background: #ffd800;
		border: 1px solid #ffd800;
		color: #fff !important;
	}

	.revel-button_green{
		background: #5eae30;
		border: 1px solid #5eae30;
		color: #fff !important;
	}

	.revel-button_red{
		background: #e74c3c;
		border: 1px solid #e74c3c;
		color: #fff !important;
	}

	.revel-button_blue{
		background: #3498db;
		border: 1px solid #3498db;
		color: #fff !important;
	}

	.revel-button_gray{
		background: #f2f4f5;
		border: 1px solid #f2f4f5;
		color: #505050 !important;
	}

	.revel-button_cyan{
		background: #25bfba;
		border: 1px solid #25bfba;
		color: #fff !important;
	}

	.revel-button_aquamarine{
		background: #25bf80;
		border: 1px solid #25bf80;
		color: #fff !important;
	}

	.revel-button:hover{
		background: #505050;
		border: 1px solid #505050;
		color: #fff !important;
	}

	.revel-button_dark:hover{
		background: #5eae30;
		border: 1px solid #5eae30;
		color: #fff !important;
	}

	.revel-button_light:hover{
		background: none;
		border: 1px solid #5eae30;
		color: #5eae30 !important;
	}

	.revel-button_small{
		padding: 10px 24px;
	}

	.revel-button_medium{
		padding: 14px 24px;
	}

	.revel-button_large{
		padding: 17px 40px;
	}

	.revel-button_xlarge{
		padding: 23px 40px;
	}

	.revel-button_rounded.revel-button_small{
		-webkit-border-radius: 40px;
		-moz-border-radius: 40px
		border-radius: 40px;
	}

	.revel-button_rounded.revel-button_medium{
		-webkit-border-radius: 48px;
		-moz-border-radius: 48px
		border-radius: 48px;
	}

	.revel-button_rounded.revel-button_large{
		-webkit-border-radius: 54px;
		-moz-border-radius: 54px
		border-radius: 54px;
	}

	.revel-button_rounded.revel-button_xlarge{
		-webkit-border-radius: 66px;
		-moz-border-radius: 66px
		border-radius: 66px;
	}

/*-------- 2.32. Accordion & Toggle --------*/
	.revel-accordion{
		margin-bottom: 40px;
	}

	.revel-toggle{
		margin-bottom: 10px;
	}

	.revel-accordion .ui-accordion-header {
		display: block;
		cursor: pointer;
		position: relative;
		border: 1px solid #e1e1e1;
		background: #f3f3f3;
		color:#505050;
		font-weight:700;
		font-size: 16px;
		text-transform: uppercase;
		-webkit-transition: border-width 0.8s ease-in-out;
		-moz-transition: border-width 0.8s ease-in-out;
		-o-transition: border-width 0.8s ease-in-out;
		-ms-transition: border-width 0.8s ease-in-out;
		transition: border-width 0.8s ease-in-out;
		margin-top: 10px !important;
		padding: 13px 16px;
	}

	.revel-toggle .ui-accordion-header {
		border: 1px solid #5eae30;
		background: #5eae30;
		color:#fff;
	}

	.revel-accordion .ui-accordion-header:first-child{
		margin-top: 0px !important;
	}

	.revel-accordion .ui-accordion-header-active {
	}

	.revel-accordion .ui-accordion-content {
		border-top: 0;
		overflow: auto;
		border: 1px solid #e1e1e1;
		border-top: none;
		padding: 10px 16px 20px 16px;
		display: none;
		line-height: 22px;
	}

	.revel-toggle .ui-accordion-content {
		border: 1px solid #5eae30;
	}

	.revel-accordion .ui-accordion-header-icon{
		display: block;
		position: absolute;
		left: auto;
		right: 7px;
		top: 50%;
		margin-top: -15px;
		width: 30px;
		height: 30px;
		line-height: 30px;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		text-align: center;
		background: none;
		color: #505050;
	}

	.revel-toggle .ui-accordion-header-icon{
		color: #fff;
	}

	.revel-accordion .ui-icon-triangle-1-e{
	}

	.revel-accordion .ui-icon-triangle-1-s{
	}

	/*-------- 2.33. Latest portfolio --------*/
	#ABp_latest_portfolio .portfolio_item{
		height: 300px;
	}

	.latest_portfolio{
		padding-top: 76px;
		text-align: center;
	}

	.latest_portfolio p{
		margin-bottom: 35px;
	}

	.latest_portfolio .portfolio_navigation a{
		color: #656565;
		margin: 0 8px;
	}

	.latest_portfolio .portfolio_navigation a:hover{
		color: #505050;
	}

/*-------- 2.34. Latest news --------*/
	.latest_news_shortcode_content h5{
		color: #5eae30;
		font-size: 19px;
		margin-bottom: 0;
	}

	.latest_news_shortcode_content h5 a{
		color: #5eae30;
	}

	.latest_news_shortcode_content p{
		color: #929292;
		font-size: 14px;
		margin-bottom: 17px;
	}

/*-------- 2.35. Image Overlay --------*/
	.ABdev_overlayed{
		position: relative;
		line-height: 1;
	}

	.ABdev_overlayed .ABdev_overlay {
		width: 100%;
		height: 100%;
		position: absolute;
		overflow: hidden;
		top: 0;
		left: 0;
		filter: alpha(opacity=0);
		opacity: 0;
		background:#5eae30;
		-webkit-transition: all 300ms ease-in-out;
		-moz-transition: all 300ms ease-in-out;
		-o-transition: all 300ms ease-in-out;
		-ms-transition: all 300ms ease-in-out;
		transition: all 300ms ease-in-out;
	}

	.ABdev_overlayed:hover .ABdev_overlay {
		filter: alpha(opacity=100);
		opacity: 1;
		background:rgba(9,61,113,0.75);
	}

	.ABdev_overlayed .ABdev_overlay p{
		position: absolute;
		width: 100%;
		top: 50%;
		margin-top: -20px;
		height: 40px;
		line-height: 40px;
		text-align: center;
	}

	.ABdev_overlayed .ABdev_overlay p a{
		color: #fff;
		text-decoration: none;
	}

	.ABdev_overlayed .ABdev_overlay p a:hover{
		color: #5eae30;
	}

	.ABdev_overlayed .ABdev_overlay i{
		font-size: 25px;
		margin: 0 8px;
	}

/*-------- 2.36. About box --------*/
	.about_box p{
		margin-bottom: 22px;
	}

	.about_box_download_link{
		margin-left: 74px;
	}


	/*-------- 2.38. Testimonial --------*/
	.ABt_testimonials_wrapper .caroufredsel_wrapper{
		margin: 0 !important;
		width: auto !important;
	}

	.ABt_testimonials_slide{
		padding: 0;
		list-style: none;
		display: block;
		width: auto !important;
	}

	.ABt_testimonials_slide li{
		display: block;
		margin: 0;
		padding: 0;
		width: auto !important;
		background: #fff;
	}

	.ABt_testimonials_wrapper .ABt_navigation{
		text-align: right;
		position: relative;
		font-size: 20px;
	}

	.ABt_testimonials_wrapper .ABt_navigation a{
		text-decoration: none;
	}

	.ABt_testimonials_slide	.testimonial_big{
		padding-left: 40px;
		border-left: 1px solid #d9d9d9;
		margin-bottom: 70px;
		display: block;
	}

	.ABt_testimonials_slide	.testimonial_big p{
		font-family: Ubuntu;
		font-weight: 300;
		font-style: italic;
		font-size: 24px;
		line-height: 27px;
		color: #656560;
		margin-bottom: 27px;
	}

	.ABt_testimonials_slide	.testimonial_big .source{
		color: #929292;
	}

	.ABt_testimonials_slide	.testimonial_big .source a{
		font-weight: 700;
	}

	.ABt_testimonials_slide	.testimonial_small{
		display: block;
		margin-bottom: 70px;
	}

	.ABt_testimonials_slide	.testimonial_small p{
		font-style: italic;
		border-bottom: 5px solid #eee;
		margin-bottom: 26px;
	}

	.ABt_testimonials_slide	.testimonial_small p:after{
		display: block;
		content: "";
		width: 0;
		height: 0;
		border-left: 16px solid #eee;
		border-bottom: 22px solid #fff;
		position: relative;
		top: 27px;
		left: 20px;
	}

	.ABt_testimonials_slide	.testimonial_small .source{
		color: #929292;
	}

	.ABt_testimonials_slide	.testimonial_small .source a{
		font-weight: 700;
	}

	.ABt_testimonials_slide	.testimonial_small:after{
		display: block;
		content: "";
		clear: both;
	}

	.ABt_testimonials_slide	.testimonial_small img{
		width: 50px;
		float: left;
		margin-right: 20px;
		margin-top: 5px;
	}

	.ABt_form_wrapper input[type="text"],
	.ABt_form_wrapper input[type="file"],
	.ABt_form_wrapper textarea{
		margin-bottom: 20px;
	}

	.ABt_form_wrapper input[type="file"]{
		width: 100%;
	}

	.ABt_form_wrapper .ABt_client,
	.ABt_form_wrapper .ABt_client_url,
	.ABt_form_wrapper .ABt_company,
	.ABt_form_wrapper .ABt_company_url{
		width: 48%;
	}

	.ABt_form_wrapper .ABt_client_url,
	.ABt_form_wrapper .ABt_company_url{
		float: right;
	}

	.ABt_form_wrapper .ABt_text{
		width: 100%;
		height: 90px;
	}

	.ABt_form_wrapper .ABt_field_error{
		background: #ffe9e9;
	}

	.ABt_form_wrapper .ABt_success_message{
		display:none;
	}

	.ABt_form_wrapper .ABt_form .placeholder,
	.ABt_form_wrapper .ABt_form label {
		color: #aaa;
	}

	.ABt_pagination{
		text-align: center;
	}

	.ABt_testimonials_wrapper{
		margin-bottom: 40px;
	}

	.ABt_testimonials_slide li {
		background: none;
	}

	.ABt_testimonials_slide .testimonial_small p{
		text-align: center;
		border-bottom: none;
		padding-top: 138px;
		font-size: 20px;
		font-weight: 400;
		line-height: 26px;
		font-style: normal;
		margin-bottom: 22px;
	}

	.ABt_testimonials_slide	.testimonial_small p:after{
		display: none;
	}

	.ABt_testimonials_slide .testimonial_small img{
		width: 80px;
		height: 80px;
		height: auto;
		border-radius: 50%;
		position: absolute;
		left: 50%;
		margin-left: -40px;
		top: 27px;
	}

	.ABt_testimonials_slide	.testimonial_small .source{
		font-size: 16px;
		text-align: center;
		display: block;
		padding-bottom: 39px;
		color: #fff;
	}

	.ABt_testimonials_slide	.testimonial_small .source .ABt_author,
	.ABt_testimonials_slide	.testimonial_small .source .ABt_company{
		font-weight: 300;
		font-style: italic;
	}

	.revel_section_dd.section-pencil header h3{
		margin-bottom: 5px;
		padding-top: 6px;
	}

	.ABt_testimonials_wrapper .ABt_navigation{
		position: absolute;
		left: 50%;
		bottom: -18px;
		margin-left: -15px;
	}

	.ABt_testimonials_slide .testimonial_big {
		padding-left: 0px;
		border-left: none;
		margin-bottom: 70px;
		text-align: center;
	}

	.ABt_testimonials_slide .testimonial_big p{
		font-family: 'Open Sans';
		font-size: 26px;
		font-style: italic;
		line-height: 37px;
	}

	.pattern_overlayed .ABt_testimonials_slide .testimonial_big p,
	.color_overlayed .ABt_testimonials_slide .testimonial_big p{
		color: #fff;
	}

	.ABt_testimonials_slide .testimonial_big .source,
	.ABt_testimonials_slide .testimonial_big .source a{
		color: #5eae30;
		font-size: 20px;
		font-weight: normal;
	}

	.pattern_overlayed .ABt_testimonials_slide .testimonial_big .source a:hover,
	.color_overlayed .ABt_testimonials_slide .testimonial_big .source a:hover{
		color: #fff;
	}

	.ABt_pagination a{
		width: 24px;
		height: 6px;
		background: rgba(255,255,255,0.5);
		display: inline-block;
		margin: 0 5px;
	}

	.ABt_pagination a.selected{
		background: #fff;
	}

	.ABt_pagination a span{
		display: none;
	}

	/*-------- 2.39. Hire Us --------*/
	.hire_us{
		font-family: 'Open Sans';
		font-weight: 300;
		font-size: 23px;
		line-height: 30px;
		color: #505050;
		padding-top: 30px;
	}

	.hire_us i{
		vertical-align: baseline;
		display: inline-block;
		margin-right: 20px;
		top: 13px;
		margin-left: 15px;
	}


/*-----------------------------------------------------------------*/
/* 03. Global styles
/*-----------------------------------------------------------------*/
	body{
		font-family: 'Open Sans', sans-serif;
		color: #676767;
		font-size: 14px;
		font-weight: 300;
		line-height: 17px;
	}

	body.preloader{
		visibility: hidden;
		display: none;
	}

	#jpreOverlay {
		background-color: #000000;
	}

	#jpreSlide{
		display: none;
	}

	#jpreLoader{
		width:50%;
		height:25px;
	}

	#jpreBar{
		border-top: 1px solid #aaa;
	}

	#jprePercentage {
		color:#aaa;
		font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
		text-align:center;
		font-size: 40px;
	}

	a{
		color: #505050;
		text-decoration: none;
		transition: all 180ms ease-in;
		-webkit-transition: all 180ms ease-in;
	}

	a:hover{
		color: #656565;
		transition: all 180ms ease-in;
		-webkit-transition: all 180ms ease-in;
	}

	p{
		margin-bottom: 17px;
		line-height: 22px;
	}

	hr{
		background-color: #d9d9d9;
		display: block;
		height: 1px;
		border-color: #d9d9d9;
		border: 0;
		padding: 0;
	}

	section{
		padding: 80px 0 40px 0;
	}

	section.page_main_section:first-of-type{
		margin-top: 97px;
	}

	section.page_main_section .revel_section_dd:first-of-type{
		padding-top: 0;
	}

	ul,
	ol{
		margin-left: 20px;
	}

	h1, h2, h3, h4, h5, h6{
		font-family: 'Open Sans';
		font-weight: 300;
		color: #333;
		margin-bottom: 17px;
	}

	h1{
		font-size: 30px;
		line-height: 30px;
	}

	h2{
		font-size: 24px;
		line-height: 24px;
	}

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

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

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

	h6{
		font-size: 13px;
		line-height: 13px;
		font-weight: 700;
	}

	h3 span{
		font-family: 'Open Sans';
		font-weight: 400;
		font-size: 24px;
		line-height: 24px;
		text-transform: uppercase;
	}

	em{
		font-style: italic;
	}

	blockquote{
		font-size: 20px;
		line-height: 26px;
		font-style: italic;
		margin-bottom: 40px;
	}

	blockquote cite{
		font-size: 16px;
		display: block;
		font-weight: 700;
	}

	dt {
		font-weight: 700;
	}

	dd {
		padding-left: 50px;
	}

	.main_title{
		text-align: center;
		position: relative;
		margin-bottom: 42px;
	}

	.main_title span{
		display: inline-block;
		text-transform: uppercase;
		font-size: 36px;
		line-height: 36px;
		margin-bottom: 86px;
	}

	.main_title:before{
		display: block;
		content: "";
		height: 1px;
		width: 36px;
		border-left: 82px solid #ddd;
		border-right: 82px solid #ddd;
		position: absolute;
		bottom: 43px;
		left: 50%;
		margin-left: -100px;
	}

	.main_title:after{
		display: block;
		content: "";
		height: 36px;
		width: 36px;
		position: absolute;
		bottom: 25px;
		left: 50%;
		margin-left: -18px;
		color: #5eae30;
		font-family: 'entypo';
		font-size: 18px;
		content: "\e662";
	}

	.revel_section_dd header p{
		padding: 0 220px;
	}

	input[type="text"],input[type="password"],input[type="email"]{
		padding: 13px 11px;
		margin-bottom: 15px;
	}

	textarea{
		padding: 13px 11px;
		margin-bottom: 36px;
	}

	button,
	input[type="submit"] {
		padding: 15px 22px;
		display: inline-block;
		cursor: pointer;
		background: #505050;
		color: #fff;
		margin-bottom: 40px;
	}

	button:hover,
	input[type="submit"]:hover{
		background: #115c6f;
	}

	.placeholder{
		color: #929292;
	}

	strong,
	.strong{
		font-weight: bold;
	}

	.underlined{
		display: inline-block;
		background: url("../images/underlined_bg.png") bottom repeat-x;
	}

	.italic{
		font-style: italic;
	}

	.highlighted,
	.search-highlight{
		background: #f1eb3c;
		display: inline-block;
		padding: 0 3px;
	}

	.alignleft{
		float: left;
		margin-right: 30px;
	}

	.alignright{
		float: right;
		margin-left: 30px;
	}

	.color_highlight{
		color: #5eae30;
	}

	.bold{
		font-weight: 700;
	}

	.revel_dropcap{
		position: relative;
		top: 6px;
		background: #5eae30;
	}

	.section_color_background{
		background: #5eae30;
		margin-bottom: 0;
	}

	.leading_line{
		margin-bottom: 80px !important;
	}

	.leading_line:after{
		content: "";
		display: block;
		position: relative;
		bottom: -40px;
		width: 70px;
		height: 5px;
		background: #5eae30;
	}

	.center_aligned.leading_line:after{
		left: 50%;
		margin-left: -35px;
	}

	.right_aligned.leading_line:after{
		left: 100%;
		margin-left: -70px;
	}

	.last_child{
		margin-right: 0 !important;
	}

	.content_with_right_sidebar{
	}

	.content_with_left_sidebar{
		float:right !important;
	}

	.span12.content_with_right_sidebar{
		padding-right: 0;
	}

	.left_aligned{
		text-align: left;
	}

	.right_aligned{
		text-align: right;
	}

	.center_aligned,
	.aligncenter{
		text-align: center;
	}

	.no_padding_bottom{
		padding-bottom: 0;
	}

	.no_padding_top{
		padding-top: 0;
	}

	.wp-caption.aligncenter{
		width: 100% !important;
	}

	.margin_bottom{
		margin-bottom: 40px;
	}

	sub {
		vertical-align: sub;
		font-size: smaller;
	}

	sup {
		vertical-align: super;
		font-size: smaller;
	}

	table {
		line-height: 2;
		margin: 0 0 40px;
		width: 100%;
	}

	th{
		font-weight: 700;
	}

	.pattern_overlayed,
	.color_overlayed{
		position: relative;
		color: #fff !important;
	}

	.pattern_overlayed:before,
	.color_overlayed:before{
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
	}

	.pattern_overlayed:before{
		background: url(../images/pattern_overlay.png);
		background-color: rgba(0,0,0,0.75);
	}

	.color_overlayed:before{
		background: rgba(94,174,48,0.85);
	}

	.pattern_overlayed .revel_container,
	.color_overlayed .revel_container{
		z-index: 1;
		position: relative;
	}

/*-------- 3.1. Inner columns --------*/
	.container,
	.revel_container{
		width: 1060px;
		margin: 0 auto;
	}

	.container .revel_container{
		width: 100%;
	}

	.content_with_left_sidebar > .revel_section_DD,
	.content_with_right_sidebar > .revel_section_DD,
	.content_fullwidth > .revel_section_DD{
		padding-top: 0;
	}

	.row{
		width: 100%;
	}

	.row:before,
	.row:after{
		display: table;
		line-height: 0;
		content: "";
	}

	.row:after{
		clear: both;
	}

	.row > [class*="span"]{
		display: block;
		float: left;
		width: 100%;
		min-height: 20px;
		margin-left: 2.564102564102564%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

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

	.row .span12{width: 100%;}
	.row .span11{width: 91.45299145299145%;}
	.row .span10{width: 82.90598290598291%;}
	.row .span9 {width: 74.35897435897436%;}
	.row .span8 {width: 65.81196581196581%;}
	.row .span7 {width: 57.26495726495726%;}
	.row .span6 {width: 48.71794871794872%;}
	.row .span5 {width: 40.17094017094017%;}
	.row .span4 {width: 31.62393162393162%;}
	.row .span3 {width: 23.07692307692308%;}
	.row .span2 {width: 14.52991452991453%;}
	.row .span1 {width: 5.982905982905983%;}

	.half,
	.third,
	.fourth,
	.fifth{
		float: left;
	}

	.alpha{
		margin-left: 0 !important;
	}

	.half{width: 50%;}
	.third{width: 33.33333%;}
	.fourth{width: 25%;}
	.fifth{width: 20%;}

	.left{
		float: left !important;
	}

	.right{
		float: right !important;
	}

	.no_margin{
		margin: 0;
	}

	.no_padding{
		padding: 0;
	}

	.bottom_margin{
		margin-bottom: 40px;
	}

	.wp-caption{
		max-width: 100% !important;
	}

/*-------- 3.2. Clearfix --------*/
	.clearfix:before,
	.clearfix:after {
	  content: '\0020';
	  display: block;
	  overflow: hidden;
	  visibility: hidden;
	  width: 0;
	  height: 0;
	}

	.clearfix:after {
	  clear: both;
	}


/*-----------------------------------------------------------------*/
/* 04. Header
/*-----------------------------------------------------------------*/
	#abdev_main_header{
		width: 100%;
		background: #fff;
		padding: 22px 0px;
		box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2);
		z-index: 9999;
		position: fixed;
		top: 0;
		left: 0;
		visibility: visible;
	}

	#abdev_main_header.menu_over_slider{
		background: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}

	#abdev_main_header #main_logo{
		display: block;
	}

	#abdev_main_header #inversed_logo{
		display: none;
	}

	#abdev_main_header.menu_over_slider #main_logo{
		display: none;
	}

	#abdev_main_header.menu_over_slider #inversed_logo{
		display: block;
	}

	#abdev_main_header.menu_over_slider .menu_social{
		color: #fff;
		border-color: #fff;
	}

	#abdev_main_header.menu_over_slider .menu_social:hover{
		color: #5eae30;
		border-color: #5eae30;
	}

	#abdev_main_slider{
		padding: 0;
		background-size: cover;
		position: relative;
	}

	#abdev_main_slider_content{
		text-align: center;
	}

	#abdev_main_slider_logo{
		position: absolute;
		top: 10%;
		width: 100%;
	}

	#abdev_main_slider_text{
		font-size: 70px;
		font-weight: 300;
		text-transform: uppercase;
		line-height: 84px;
		position: absolute;
		top: 30%;
		width: 100%;
	}

	#abdev_main_slider_text .bold{
		font-size: 84px;
		display: block;
	}

	#abdev_main_slider_scroll{
		position: absolute;
		bottom:70px;
		width: 100%;
	}

	.abdev_main_slider_scroll_icon{
		display: inline-block;
		background: rgba(0,0,0,0.5);
		padding: 9px 25px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}

	.abdev_main_slider_scroll_info{
		font-family: 'Open Sans';
		text-transform: uppercase;
	}

	.pattern_overlayed #abdev_main_slider_content,
	.color_overlayed #abdev_main_slider_content{
		z-index: 1;
	}

	#logo{
		float: left;
	}


/*-------- 4.1. Main menu --------*/
	#ABdev_menu_toggle{
		display: none;
		cursor: pointer;
	}

	nav > ul{
		list-style: none;
		margin: 14px 0 0 0;
		float: right;
		position: relative;
	}

	nav > ul > li{
		float: left;
	}

	nav > ul > li a{
		color: #333;
		font-family: 'Open Sans';
		font-weight: 400;
		font-size: 13px;
		text-transform: uppercase;
		text-align: center;
		display: inline-block;
		padding-bottom: 4px;
	}

	nav > ul > li > a{
		margin-left: 32px;
	}

	nav > ul > li a:hover{
		color: #5eae30;
	}

	nav > ul > li span{
		display: block;
	}

	nav > ul ul{
		display: none;
		list-style: none;
		position: absolute;
		background: #fff;
		border: 1px solid #e1e1e1;
		border-top: none;
		margin: 0;
		min-width: 228px;
		margin-top: 33px;
		z-index: 2001;
	}

	nav > ul > li > ul:before{
		content: "";
		display: block;
		position: absolute;
		width:228px;
		min-width: 228px;
		height: 36px;
		top: -36px;
		left: 0;
		z-index: 2004;
	}

	nav > ul li:hover > ul,
	nav > ul li.sfHover > ul{
		display: block;
		z-index: 2003;
	}

	nav > ul ul li{
		position: relative;
	}

	nav > ul ul li a{
		width: 100%;
		text-align: left;
		padding: 6px 13px 7px 13px;
	}

	nav > ul ul li:hover{
		background: #f4f3f3;
	}

	nav > ul ul li:hover a{
		color: #656565;
	}

	nav > ul ul ul{
		position: absolute;
		left: 100%;
		top: 0;
		margin-left: 10px;
		margin-top: 0;
		z-index: 2002;
		border: 1px solid #e1e1e1;
	}

	nav > ul ul ul:before{
		position: absolute;
		content: "";
		top: 0;
		left: -11px;
		width: 11px;
		height: 100px;
	}

	nav .menu_social{
		float: right;
		width: 26px;
		height: 26px;
		display: block;
		border: 1px solid #000;
		border-radius: 50%;
		text-align: center;
		line-height: 26px;
		margin-left: 5px;
		margin-top: 10px;
	}

	nav .menu_social:last-of-type{
		margin-left: 22px;
	}

	nav .menu_social:hover{
		color: #5eae30;
		border-color: #5eae30;
	}

	.sf-arrows .sf-with-ul:after{
		content:"\e6d4";
		font-family:'entypo';
		color: #aaa;
		margin-left: 5px;
		float:right;
		position: relative;
		top: 2px;
	}

	.sf-arrows ul .sf-with-ul:after{
		content:"\f105";
		top: 0;
	}

	.sf-arrows ul li:hover .sf-with-ul:after{
		color: #fff;
	}

	.sf-arrows > li:hover > .sf-with-ul:after{
		color: #d84949;
	}

	.sf-arrows .current_menu_ancestor .sf-with-ul:after{
		color: #333;
	}

	nav > ul > .current-menu-item > a,
	nav > ul > .current-post-ancestor > a,
	nav > ul > .current-menu-ancestor > a{
		color: #5eae30;
	}

	#abdev_main_header.menu_over_slider nav > ul > li a{
		color: #fff;
	}

	#abdev_main_header.menu_over_slider nav > ul > li a:hover{
		color: #5eae30;
	}

	#abdev_main_header.menu_over_slider nav > ul ul{
		background: #333;
		border: none;
	}

	#abdev_main_header.menu_over_slider nav > ul ul li:hover{
		background: #222;
	}

	#abdev_main_header.menu_over_slider nav > ul > li > ul{
		margin-top: 14px;
	}

	#abdev_main_header.menu_over_slider nav > ul > li > ul:before{
		height: 14px;
		top: -14px;
	}


/*-------- 4.2. Teaser Bar --------*/
	#teaser_bar{
		background: #f6f6f6;
		padding: 55px 0;
		font-family: 'Open Sans';
		font-weight: 300;
		font-size: 18px;
	}


/*-----------------------------------------------------------------*/
/* 05. Slider place
/*-----------------------------------------------------------------*/

	#frontpage_slider{
		padding: 0;
		margin: 0;
	}

	.tp-leftarrow.custom,
	.tp-rightarrow.custom {
		background: none !important;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		width: 48px;
		height: 48px;
	}

	.tp-leftarrow.custom{
		border-left: 2px solid rgba(255,255,255,0.5);
		border-bottom: 2px solid rgba(255,255,255,0.5);
		margin-left: 40px;
	}

	.tp-rightarrow.custom{
		border-top: 2px solid rgba(255,255,255,0.5);
		border-right: 2px solid rgba(255,255,255,0.5);
		margin-right: 40px;
	}

	.tp-leftarrow.custom:hover,
	.tp-rightarrow.custom:hover {
		background: none !important;
		border-color: #fff;
	}

	.tp-leftarrow.preview1 .tp-arr-imgholder {
		-webkit-transform: rotateY(100deg);
		transform: rotateY(-100deg);
	}

	.tp-bullets.simplebullets.round .bullet {
		background-image: url(../images/bullet.png);
	}

	.tp-dottedoverlay{
		z-index: 2;
	}

	.tp-dottedoverlay.twoxtwo{
		background: url(../images/pattern_overlay.png);
	}

	.tp-bullets.simplebullets.round .bullet{
		background:#999;
		width: 15px;
		height: 15px;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		margin-right: 7px;
	}

	.tp-bullets.simplebullets.round .bullet:hover,
	.tp-bullets.simplebullets.round .bullet.selected{
		background-color:#5eae30;
	}

	.revelance-small-with-lines:before,
	.revelance-small-with-lines:after{
		display: block;
		content: "";
		width: 250px;
		height: 2px;
		background: #fff;
		top: 50%;
		position: absolute;
		margin-top: -1px;
	}

	.revelance-small-with-lines:before{
		left: -275px;
	}

	.revelance-small-with-lines:after{
		right: -275px;
	}

	.tp-caption.revelance-button{
	}

	.tp-caption.revelance-button a{
		text-decoration: none;
		color: #fff;
		padding:15px 30px 15px 30px;
		display: inline-block;
		-webkit-transition: all 300ms !important;
		transition: all 300ms !important;
	}

	.tp-caption.revelance-button:hover{
		color: #fff;
		border-color: #5eae30;
		background: #5eae30;
		-webkit-transition: all 300ms !important;
		transition: all 300ms !important;
	}

/*-----------------------------------------------------------------*/
/* 06. Blog
/*-----------------------------------------------------------------*/
	.sidebar_left{
		margin-left: 0 !important;
		padding-right: 20px;
	}

	.sidebar_right{
		padding-left: 20px;
	}

/*-------- 6.1. Blog Posts --------*/

	.post_wrapper{
		padding-bottom: 40px;
		border-bottom: 1px solid #ddd;
		margin-bottom: 40px;
	}

	.post_content{
		position: relative;
		min-height: 200px;
		padding-bottom: 3px;
	}

	.post_content.post_content.blog_category_index_masonry,
	.post_content.post_content.blog_category_index_masonry3{
		margin-bottom: 40px;
	}

	.post_content p:last-child{
		margin-bottom: 10px;
	}

	.post_content .revel_section_DD{
		padding: 0;
	}

	.post_content > img,
	.post_content > .videoWrapper-vimeo,
	.post_content > .videoWrapper-youtube{
		margin-bottom: 10px;
	}

	.post_content.blog_category_index_masonry > img,
	.post_content.blog_category_index_masonry > .videoWrapper-vimeo,
	.post_content.blog_category_index_masonry > .videoWrapper-youtube,
	.post_content.blog_category_index_masonry3 > img,
	.post_content.blog_category_index_masonry3 > .videoWrapper-vimeo,
	.post_content.blog_category_index_masonry3 > .videoWrapper-youtube{
		margin-bottom: 13px;
	}

	.post_content > iframe{
		margin-bottom: 8px;
	}

	.post_content h2{
		font-size: 26px;
		text-transform: uppercase;
		font-weight: 300;
		font-family: 'Open Sans';
		margin-bottom: 10px;
		color: #333;
	}

	.post_content.blog_category_index_masonry h2,
	.post_content.blog_category_index_masonry3 h2{
		font-size: 22px;
		margin-bottom: 7px;
	}

	.post_meta{
		margin-bottom: 15px;
	}

	.post_meta i{
		font-size: 12px;
		position: relative;
		top: 1px;
		color: #333;
		margin-right: 7px;
	}

	.post_meta > span{
		margin-right: 10px;
	}

	.grid_content{
		line-height: 22px;
	}

	.more-link{
		display: inline-block;
		color: #333;
		font-size: 12px;
		text-transform: uppercase;
		border: 1px solid #333;
		font-weight: 600;
		padding: 3px 15px 4px 15px;
		margin-top: 20px;
		margin-bottom: 0px;
	}

	.more-link:hover{
		background: #5eae30;
		border: 1px solid #5eae30;
		color: #fff !important;
	}

	.post_excerpt{
		line-height: 38px;
		margin-top: -4px;
	}

	.sticky{
		background: #f2f2f2;
		margin-bottom: 40px;
		padding: 40px 20px 40px 20px;
	}

/*-------- 6.2. Post Comments --------*/
	#comments_section{
		margin-top: 40px;
		padding-bottom: 0;
		border-top: 1px solid #dddddd;
		padding-top: 54px;
	}

	#comments_section ul,
	#comments_section ol{
		list-style: none;
		margin-left: 0;
	}

	.comment-text{
		border: 1px solid #dddddd;
		padding: 20px 13px;
		margin-top: 30px;
	}

	.comment p{
		margin-bottom: 0;
	}
	#comments_section p.logged-in-as,
	#comments_section p.comment-notes{
		margin-bottom: 22px;
	}

	.comment{
		position: relative;
		padding-left: 83px;
		min-height: 70px;
	}

	.comment .avatar{
		position: absolute;
		top: 30px;
		left: 0;
	}

	.comment .children{
		padding-top: 0px;
	}

	.comment .comment-author{
		font-size: 18px;
		font-weight: 400;
		display: inline-block;
		padding-right: 4px;
	}

	.comment .reply,
	.comment .reply a,
	.comment .edit-link,
	.comment .edit-link a{
		display: inline-block;
		float: right;
	}

	.comment time{
		font-size: 14px;
		color: #858585;
		display: inline-block;
		padding-bottom: 23px;
	}

	.comment .reply a:hover,
	.comment .edit-link a:hover{
		color: #5eae30;
	}

	.comment .reply:after,
	.comment .edit-link:after{
		content:"\e60a";
		display: inline;
		margin: 0 4px;
		font-family: entypo;
		float: right;
	}

	.comment .edit-link:before{
		margin-right: 7px;
	}

	#respond{
		padding-top: 57px;
		border-top: 1px solid #dddddd;
		margin-top: 55px;
	}

	#respond .comment-reply-title{
		text-transform: uppercase;
		font-family: 'Open Sans';
		font-weight: 700;
		font-size: 22px;
	}

	#respond .comment_fields p{
		width: 32%;
		margin-right: 2%;
		display: block;
		float: left;
		margin-bottom: 0;
	}

	#respond .comment_fields p:last-child{
		margin-right: 0;
	}

	#respond #comment{
		margin-bottom: 14px;
	}

	#respond .comment-form-comment{
		margin-bottom: 0;
	}

	#respond #comment-submit{
		-webkit-appearance: none;
		background: #333333;
		margin: 0;
		border: none;
		text-transform: uppercase;
		font-weight: 700;
		font-family: 'Open Sans';
		font-size: 13px;
		padding: 14px 11px;
		margin-bottom: 23px;
	}


/*-------- 6.3. Post Pagination --------*/
	.pagination-centered{
		text-align: center;
	}

	#blog_pagination .container{
		position: relative;
	}

	#blog_pagination .page-numbers{
		text-transform: uppercase;
		display: inline-block;
		margin: 0 4px;
		color: #333;
		font-size: 12px;
		border: 1px solid #333;
		font-weight: 600;
		padding: 3px 15px 4px 15px;
	}

	#blog_pagination .page-numbers:hover{
		background: #5eae30;
		color: #fff;
		border-color: #5eae30;
	}

	#blog_pagination .page-numbers.current{
		background: #5eae30;
		color: #fff;
		border-color: #5eae30;
	}

	#blog_pagination .prev{
		position: absolute;
		left: 0;
		margin: 0;
	}

	#blog_pagination .next{
		position: absolute;
		right: 0;
		top: 0;
		margin: 0;
	}

	#portfolio_pagination{
		padding-top: 40px;
	}

	#portfolio_pagination .container{
		min-height:46px;
	}

	#portfolio_pagination #single_post_pagination{
		margin-top: 0;
	}

	#inner_post_pagination span{
		text-transform: uppercase;
		display: inline-block;
		margin: 0 4px;
		font-size: 12px;
		border: 1px solid #5eae30;
		font-weight: 600;
		padding: 3px 15px 4px 15px;
		background: #5eae30;
		color: #fff;
	}

	#inner_post_pagination a span{
		text-transform: uppercase;
		display: inline-block;
		margin: 0 4px;
		color: #333;
		background: none;
		font-size: 12px;
		border: 1px solid #333;
		font-weight: 600;
		padding: 3px 15px 4px 15px;
	}

	#inner_post_pagination a:hover span{
		color: #fff;
		background: #5eae30;
		border-color: #5eae30;
	}



/*-----------------------------------------------------------------*/
/* 07. Contact Form
/*-----------------------------------------------------------------*/
	.c_form input{
		padding: 13px 11px;
		height: 55px;
		margin-top: 0;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		-webkit-appearance: none;
	}

	.c_form textarea{
		padding: 18px 10px;
		height: 122px;
		margin-bottom: 5px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		-webkit-appearance: none;
	}

	.revelcf-submit{
		width: auto;
		padding: 5px 11px;
		border: none;
		background: #5eae30 !important;
		color: #fff !important;
		margin: 0;
		font-size: 15px !important;
		font-family: 'Open Sans';
		font-weight: 700;
		text-transform: uppercase;
		line-height: 15px;
		margin-bottom: 40px;
		cursor: pointer;
		transition: background 180ms ease-in, color 180ms ease-in, border-color 180ms ease-in;
		-webkit-transition: background 180ms ease-in, color 180ms ease-in, border-color 180ms ease-in;
		-webkit-appearance: none;
	}

	.revelcf-submit:hover{
		background: #505050 !important;
		transition: background 180ms, color 180ms, border-color 180ms;
		-webkit-transition: background 180ms, color 180ms, border-color 180ms;
	}

	.revelcf-response-output{
		padding: 19px 19px 19px 49px !important;
		background: #ffe9e9;
		color: #d04544;
		border: none !important;
		margin: 0 !important;
		display: none;
		position: relative;
	}

	.revelcf-response-output:before{
		content: "\e678"; /* entypo-cross */
		font-size: 16px;
		font-family: 'entypo';
		position: absolute;
		top: 19px;
		left: 19px;
	}

	.revelcf-response-output.success{
		background: #e9f3d2;
		color: #91b64f;
	}

	.revelcf-response-output.success:before{
		content: "\e677"; /* entypo-checkmark */
		font-size: 16px;
		font-family: 'entypo';
		position: absolute;
		top: 19px;
		left: 19px;
	}


/*-----------------------------------------------------------------*/
/* 08. Widgets
/*-----------------------------------------------------------------*/
	.widget input{
		margin-bottom: 0;
	}

	aside .widget{
		margin-bottom: 42px;
	}

	aside .widget h3{
		font-size: 18px;
		font-weight: 300;
		font-family: 'Open Sans';
		text-transform: uppercase;
		color: #333;
		margin-bottom: 10px;
		line-height: 26px;
	}

	aside .widget a{
		color: #858585;
	}

	aside .widget a:hover{
		color: #5eae30;
	}

	aside .widget select{
		max-width:100%;
	}

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

	.widget > ul li{
		position: relative;
		padding-left: 14px;
		margin-bottom: 6px;
	}

	.widget > ul li a{
		color: #333;
	}

	.widget > ul li:before,
	.widget div > ul li:before{
		position: absolute;
		content: '\e6d4';
		display: block;
		left: 0;
		top: 1px;
		font-family:'entypo'
	}

	.widget .textwidget{
		line-height: 22px;
	}

/*-------- 8.1. Search --------*/
	.widget_search form{
		position: relative;
	}

	.widget_search a{
		cursor: pointer;
	}

	.widget_search i{
		color: #858585;
		position: absolute;
		top: 10px;
		right: 10px;
		font-size: 16px;
	}

	.widget_search input{
		padding: 10px 20px;
		font-size: 13px;
		height: 35px;
	}

	.search_results_content_item{
		padding-left: 41px;
		position: relative;
	}

	.search_resuls_number{
		font-family: 'Open Sans';
		font-size: 19px;
		font-weight: 300;
		position: absolute;
		top: 0;
		left: 0;
		line-height: 19px;
	}

	.search_results_content_item h4{
		margin-bottom: 12px;
	}

/*-------- 8.2. Tag Cloud --------*/
	.tagcloud a{
		border: 1px solid #676767;
		display: inline-block;
		margin: 6px 9px 4px 0;
		padding: 8px 9px 6px 9px;
		float: left;
		color: #676767;
		font-size: 12px !important;
		text-transform: uppercase;
	}

	.tagcloud a:hover{
		background: #5eae30;
		border: 1px solid #5eae30;
		color: #fff !important;
	}

	.tagcloud:after{
		display: block;
		clear: both;
		content: "";
		height: 0;
	}

	#abdev_main_footer .tagcloud a{
		border: 1px solid #5f5f5e;
	}

	#abdev_main_footer .tagcloud a:hover{
		color: #434342;
		border-color: #929292;
	}

	#footer_punchline i{
		color: #5eae30;
		line-height: 15px;
		font-size: 15px;
	}

/*-------- 8.3. Flickr stream --------*/
	.flickr-stream a{
		float: left;
		margin: 0 10px 10px 0;
		display: inline-block;
		position: relative;
	}

	.flickr-stream a:hover:after{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.2);
	}

	.flickr-stream img{
		width: 80px;
		height: 80px;
	}

/*-------- 8.4. Twitter Widget --------*/
	.ab-tweet-scroller{
		overflow: hidden;
		height: 0;
	}

	.ab-tweet-scroller .caroufredsel_wrapper{
		display: block;
		text-align: start;
		float: left;
		top: auto;
		right: auto;
		bottom: auto;
		left: auto;
		z-index: auto;
		margin: 0;
		overflow: hidden;
		position: relative;
		width: 1060px;
		height: 136px;
		width: 100% !important;
	}

	.ab-tweet-scroller-inner{
		list-style: none;
		margin: 0;
		padding: 0;
		display: block;
		float: left;
		width: 100% !important;
	}

	.ab-tweet-item{
		text-align: center;
		padding: 20px;
		width: 100% !important;
	}

	.ab-tweet-date{
		display: block;
	}

	.ab-tweet-links{
		padding-top: 10px;
	}

	.ab-tweet-links a{
		padding: 3px 5px;
	}

	.ab-tweet-navigation{
		text-align: center;
	}

	.ab-tweet-scroller{
		margin-bottom: 40px;
	}

	.pattern_overlayed .pi_tweet_scroll .tweet-list li small,
	.color_overlayed .pi_tweet_scroll .tweet-list li small{
		display: block;
		width: 100%;
		font-size: 14px;
		position: absolute;
		top: 0;
		left: 0;
		text-align: center;
	}

	.revel_section_dd.section-twitter .ab-tweet-scroller .ab-tweet-item .ab-tweet-date {
		color: #fff;
		font-weight: 400;
		padding-bottom: 22px;
	}

	.ab-tweet-text{
		font-size: 18px;
		font-weight: 400;
		line-height: 26px;
	}

	.ab-tweet-item{
		padding: 0 0 71px 0;
	}

	.ab-tweet-navigation{
		z-index: 1;
		bottom: -20px;
	}

	.ab-tweet-navigation a{
		width: 34px;
		height: 34px;
		line-height: 34px;
		text-align: center;
		background: #5eae30;
		color: #fff;
		display: inline-block;
		border-radius: 3px;
		margin: 0 1px;
		font-size: 18px;
	}

	.color_overlayed .ab-tweet-navigation a,
	.color_overlayed .ab-tweet-navigation a{
		color: #fff;
	}

	.pattern_overlayed .pi_tweet_scroll .tweet-list li, .col_overlayed .pi_tweet_scroll .tweet-list li,
	.color_overlayed .pi_tweet_scroll .tweet-list li, .col_overlayed .pi_tweet_scroll .tweet-list li{
		font-size: 18px;
		text-align: center;
		padding: 40px 0;
		position: relative;
	}

/*-------- 8.5. Custom Menu Widget --------*/
	.widget_nav_menu ul{
		margin-left: 0;
	}

	.widget_nav_menu ul li{
		position: relative;
		list-style: none;
		padding-left: 14px;
	}

	.widget_nav_menu ul li a{
		width: 100%;
		display: block;
		margin-bottom: 6px;
	}


/*-------- 8.6. Login Widget bbPress --------*/
	.bbp-login-form .button{
		margin-bottom: 0;
	}

/*-----------------------------------------------------------------*/
/* 09. Pages
/*-----------------------------------------------------------------*/

/*-------- 9.1. Portfolio --------*/

	.ab_latest_portfolio {
		overflow: hidden;
		margin: 0;
		width: 100%;
		list-style: none;
		text-align: center;
		position: relative;
		height: auto;
	}

	/* Common style */
	.ab_latest_portfolio figure {
		position: relative;
		z-index: 1;
		display: inline-block;
		overflow: hidden;
		margin: -0.135em;
		background: #000;
		text-align: center;
		cursor: pointer;
	}

	.ab_latest_portfolio figure h4{
		color: #fff;
		font-size: 26px;
		line-height: 26px;
		text-shadow: 0px 0px 20px #000;
	}

	.ab_latest_portfolio figure img {
		position: relative;
		display: block;
		opacity: 0.7;
	}

	.ab_latest_portfolio figure figcaption {
		padding: 2em;
		color: #fff;
		text-transform: uppercase;
		font-size: 1.25em;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}

	.ab_latest_portfolio figure figcaption::before,
	.ab_latest_portfolio figure figcaption::after {
		pointer-events: none;
	}

	.ab_latest_portfolio figure figcaption,
	.ab_latest_portfolio figure a {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	/* Anchor will cover the whole item by default */
	/* For some effects it will show as a button */
	.ab_latest_portfolio figure a {
		z-index: 1000;
		text-indent: 200%;
		white-space: nowrap;
		font-size: 0;
		opacity: 0;
	}

	.ab_latest_portfolio figure h4 {
		word-spacing: -0.15em;

		font-weight: 300;
	}

	.ab_latest_portfolio figure h4 span {
		font-weight: 800;
	}

	.ab_latest_portfolio figure h4,
	.ab_latest_portfolio figure p {
		margin: 0;
	}

	.ab_latest_portfolio figure p {
		letter-spacing: 1px;
		font-size: 68.5%;
	}
/*-------- 9.1.1. Portfolio Effects --------*/

	/*---------------*/
	/***** Sadie *****/
	/*---------------*/

	figure.effect-sadie figcaption::before {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 75%);
		background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 75%);
		content: '';
		opacity: 0;
		-webkit-transform: translate3d(0,50%,0);
		transform: translate3d(0,50%,0);
	}

	figure.effect-sadie img {
		width: 100%;
	}

	figure.effect-sadie h4 {
		position: absolute;
		top: 50%;
		left: 0;
		width: 100%;
		-webkit-transition: -webkit-transform 0.35s, color 0.35s;
		transition: transform 0.35s, color 0.35s;
		-webkit-transform: translate3d(0,-50%,0);
		transform: translate3d(0,-50%,0);
	}

	figure.effect-sadie figcaption::before,
	figure.effect-sadie p {
		-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
		transition: opacity 0.35s, transform 0.35s;
	}

	figure.effect-sadie p {
		position: absolute;
		bottom: 0;
		left: 0;
		padding: 2em;
		width: 100%;
		opacity: 0;
		-webkit-transform: translate3d(0,10px,0);
		transform: translate3d(0,10px,0);
	}

	figure.effect-sadie:hover h4 {
		color: #fff;
		-webkit-transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
		transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
	}

	figure.effect-sadie:hover figcaption::before ,
	figure.effect-sadie:hover p {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}

	/*---------------*/
	/***** Roxy *****/
	/*---------------*/

	figure.effect-roxy {
		background: -webkit-linear-gradient(45deg, #333 0%, #000 100%);
		background: linear-gradient(45deg, #333 0%,#000 100%);
	}

	figure.effect-roxy img {
		width: 100%;
		-webkit-transform: scale(1);
		transform: scale(1);
		-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
		transition: opacity 0.35s, transform 0.35s;
		opacity: 0.5
	}

	figure.effect-roxy figcaption::before {
		position: absolute;
		top: 30px;
		right: 30px;
		bottom: 30px;
		left: 30px;
		border: 1px solid #fff;
		content: '';
		opacity: 0;
		-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
		transition: opacity 0.35s, transform 0.35s;
		-webkit-transform: translate3d(-20px,0,0);
		transform: translate3d(-20px,0,0);
	}

	figure.effect-roxy figcaption {
		padding: 3em;
		text-align: left;
	}

	figure.effect-roxy h4 {
		padding: 30% 0 10px 0;
	}

	figure.effect-roxy p {
		opacity: 0;
		-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
		transition: opacity 0.35s, transform 0.35s;
		-webkit-transform: translate3d(-10px,0,0);
		transform: translate3d(-10px,0,0);
	}

	figure.effect-roxy:hover img {
		opacity: 0.7;
		-webkit-transform: scale(1.12);
		transform: scale(1.12);
	}

	figure.effect-roxy:hover figcaption::before,
	figure.effect-roxy:hover p {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}

	/*---------------*/
	/***** Bubba *****/
	/*---------------*/

	figure.effect-bubba {
		background: #333;
	}

	figure.effect-bubba img {
		opacity: 0.7;
		-webkit-transition: opacity 0.35s;
		transition: opacity 0.35s;
		width: 100%;
	}

	figure.effect-bubba:hover img {
		opacity: 0.4;
	}

	figure.effect-bubba figcaption::before,
	figure.effect-bubba figcaption::after {
		position: absolute;
		top: 30px;
		right: 30px;
		bottom: 30px;
		left: 30px;
		content: '';
		opacity: 0;
		-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
		transition: opacity 0.35s, transform 0.35s;
	}

	figure.effect-bubba figcaption::before {
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
		-webkit-transform: scale(0,1);
		transform: scale(0,1);
	}

	figure.effect-bubba figcaption::after {
		border-right: 1px solid #fff;
		border-left: 1px solid #fff;
		-webkit-transform: scale(1,0);
		transform: scale(1,0);
	}

	figure.effect-bubba h4 {
		padding-top: 30%;
		-webkit-transition: -webkit-transform 0.35s;
		transition: transform 0.35s;
		-webkit-transform: translate3d(0,-20px,0);
		transform: translate3d(0,-20px,0);
	}

	figure.effect-bubba p {
		padding: 20px 2.5em;
		opacity: 0;
		-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
		transition: opacity 0.35s, transform 0.35s;
		-webkit-transform: translate3d(0,20px,0);
		transform: translate3d(0,20px,0);
	}

	figure.effect-bubba:hover figcaption::before,
	figure.effect-bubba:hover figcaption::after {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	figure.effect-bubba:hover h4,
	figure.effect-bubba:hover p {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}

	/*---------------*/
	/***** Romeo *****/
	/*---------------*/

	figure.effect-romeo {
		-webkit-perspective: 1000px;
		perspective: 1000px;
	}

	figure.effect-romeo img {
		-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
		transition: opacity 0.35s, transform 0.35s;
		-webkit-transform: translate3d(0,0,300px);
		transform: translate3d(0,0,300px);
		width: 100%;
	}

	figure.effect-romeo:hover img {
		opacity: 0.6;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}

	figure.effect-romeo figcaption::before,
	figure.effect-romeo figcaption::after {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 80%;
		height: 1px;
		background: #fff;
		content: '';
		-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
		transition: opacity 0.35s, transform 0.35s;
		-webkit-transform: translate3d(-50%,-50%,0);
		transform: translate3d(-50%,-50%,0);
	}

	figure.effect-romeo:hover figcaption::before {
		opacity: 0.5;
		-webkit-transform: translate3d(-50%,-50%,0) rotate(45deg);
		transform: translate3d(-50%,-50%,0) rotate(45deg);
	}

	figure.effect-romeo:hover figcaption::after {
		opacity: 0.5;
		-webkit-transform: translate3d(-50%,-50%,0) rotate(-45deg);
		transform: translate3d(-50%,-50%,0) rotate(-45deg);
	}

	figure.effect-romeo h4,
	figure.effect-romeo p {
		position: absolute;
		top: 50%;
		left: 0;
		width: 100%;
		-webkit-transition: -webkit-transform 0.35s;
		transition: transform 0.35s;
	}

	figure.effect-romeo h4 {
		-webkit-transform: translate3d(0,-50%,0) translate3d(0,-150%,0);
		transform: translate3d(0,-50%,0) translate3d(0,-150%,0);
	}

	figure.effect-romeo p {
		padding: 0.25em 2em;
		-webkit-transform: translate3d(0,-50%,0) translate3d(0,150%,0);
		transform: translate3d(0,-50%,0) translate3d(0,150%,0);
	}

	figure.effect-romeo:hover h4 {
		-webkit-transform: translate3d(0,-50%,0) translate3d(0,-100%,0);
		transform: translate3d(0,-50%,0) translate3d(0,-100%,0);
	}

	figure.effect-romeo:hover p {
		-webkit-transform: translate3d(0,-50%,0) translate3d(0,100%,0);
		transform: translate3d(0,-50%,0) translate3d(0,100%,0);
	}


	/*---------------*/
	/***** Oscar *****/
	/*---------------*/

	figure.effect-oscar {
		background: -webkit-linear-gradient(45deg, #666 0%, #000 30%, #000 70%, #666 100%);
		background: linear-gradient(45deg, #666 0%, #000 30%, #000 70%, #666 100%);
	}

	figure.effect-oscar img {
		opacity: 0.9;
		-webkit-transition: opacity 0.35s;
		transition: opacity 0.35s;
		width: 100%;
	}

	figure.effect-oscar figcaption {
		padding: 3em;
		background-color: rgba(60,190,195,0.4);
		-webkit-transition: background-color 0.35s;
		transition: background-color 0.35s;
	}

	figure.effect-oscar figcaption::before {
		position: absolute;
		top: 30px;
		right: 30px;
		bottom: 30px;
		left: 30px;
		border: 1px solid #fff;
		content: '';
	}

	figure.effect-oscar h4 {
		margin: 20% 0 10px 0;
		-webkit-transition: -webkit-transform 0.35s;
		transition: transform 0.35s;
		-webkit-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0);
	}

	figure.effect-oscar figcaption::before,
	figure.effect-oscar p {
		opacity: 0;
		-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
		transition: opacity 0.35s, transform 0.35s;
		-webkit-transform: scale(0);
		transform: scale(0);
	}

	figure.effect-oscar:hover h4 {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}

	figure.effect-oscar:hover figcaption::before,
	figure.effect-oscar:hover p {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	figure.effect-oscar:hover figcaption {
		background-color: rgba(58,52,42,0);
	}

	figure.effect-oscar:hover img {
		opacity: 0.4;
	}

	/*---------------*/
	/***** Marley *****/
	/*---------------*/

	figure.effect-marley img {
		opacity: 0.5;
		width: 100%;
	}

	figure.effect-marley figcaption {
		text-align: right;
	}

	figure.effect-marley h4,
	figure.effect-marley p {
		position: absolute;
		right: 30px;
		left: 30px;
		padding: 10px 0;
	}


	figure.effect-marley p {
		bottom: 30px;
		line-height: 1.5;
		-webkit-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0);
	}

	figure.effect-marley h4 {
		top: 30px;
		-webkit-transition: -webkit-transform 0.35s;
		transition: transform 0.35s;
		-webkit-transform: translate3d(0,20px,0);
		transform: translate3d(0,20px,0);
	}

	figure.effect-marley:hover h4 {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}

	figure.effect-marley h4::after {
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		height: 1px;
		background: #fff;
		content: '';
		-webkit-transform: translate3d(0,40px,0);
		transform: translate3d(0,40px,0);
	}

	figure.effect-marley h4::after,
	figure.effect-marley p {
		opacity: 0;
		-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
		transition: opacity 0.35s, transform 0.35s;
	}

	figure.effect-marley:hover h4::after,
	figure.effect-marley:hover p {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}

	/*---------------*/
	/***** Ruby *****/
	/*---------------*/

	figure.effect-ruby {
		background-color: #000;
	}

	figure.effect-ruby img {
		opacity: 0.7;
		-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
		transition: opacity 0.35s, transform 0.35s;
		-webkit-transform: scale(1.15);
		transform: scale(1.15);
		width: 100%;
	}

	figure.effect-ruby:hover img {
		opacity: 0.3;
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	figure.effect-ruby h4 {
		margin-top: 20%;
		-webkit-transition: -webkit-transform 0.35s;
		transition: transform 0.35s;
		-webkit-transform: translate3d(0,20px,0);
		transform: translate3d(0,20px,0);
	}

	figure.effect-ruby p {
		margin: 1em 0 0;
		padding: 3em;
		border: 1px solid #fff;
		opacity: 0;
		-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
		transition: opacity 0.35s, transform 0.35s;
		-webkit-transform: translate3d(0,20px,0) scale(1.1);
		transform: translate3d(0,20px,0) scale(1.1);
	}

	figure.effect-ruby:hover h4 {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}

	figure.effect-ruby:hover p {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0) scale(1);
		transform: translate3d(0,0,0) scale(1);
	}

	/*---------------*/
	/***** Milo *****/
	/*---------------*/

	figure.effect-milo {
		background: #000;
	}

	figure.effect-milo img {
		width: -webkit-calc(100% + 60px);
		width: calc(100% + 60px);
		opacity: 1;
		-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
		transition: opacity 0.35s, transform 0.35s;
		-webkit-transform: translate3d(-19px,0,0) scale(1.12);
		transform: translate3d(-19px,0,0) scale(1.12);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}

	figure.effect-milo:hover img {
		opacity: 0.5;
		-webkit-transform: translate3d(0,0,0) scale(1);
		transform: translate3d(0,0,0) scale(1);
	}

	figure.effect-milo h4 {
		position: absolute;
		right: 0;
		bottom: 0;
		padding: 1em 1.2em;
	}

	figure.effect-milo p {
		padding: 0 10px 0 0;
		width: 50%;
		border-right: 1px solid #fff;
		text-align: right;
		opacity: 0;
		-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
		transition: opacity 0.35s, transform 0.35s;
		-webkit-transform: translate3d(-40px,0,0);
		transform: translate3d(-40px,0,0);
	}

	figure.effect-milo:hover p {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}

	/*---------------*/
	/***** Dexter *****/
	/*---------------*/

	figure.effect-dexter {
		background: -webkit-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,1) 100%);
		background: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,1) 100%);
	}

	figure.effect-dexter img {
		-webkit-transition: opacity 0.35s;
		transition: opacity 0.35s;
		width: 100%;
	}

	figure.effect-dexter:hover img {
		opacity: 0.5;
	}

	figure.effect-dexter figcaption::after {
		position: absolute;
		right: 30px;
		bottom: 30px;
		left: 30px;
		height: -webkit-calc(50% - 30px);
		height: calc(50% - 30px);
		border: 1px solid #fff;
		content: '';
		-webkit-transition: -webkit-transform 0.35s;
		transition: transform 0.35s;
		-webkit-transform: translate3d(0,-100%,0);
		transform: translate3d(0,-100%,0);
	}

	figure.effect-dexter:hover figcaption::after {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}

	figure.effect-dexter figcaption {
		padding: 3em;
		text-align: left;
	}

	figure.effect-dexter p {
		position: absolute;
		right: 60px;
		bottom: 60px;
		left: 60px;
		opacity: 0;
		-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
		transition: opacity 0.35s, transform 0.35s;
		-webkit-transform: translate3d(0,-100px,0);
		transform: translate3d(0,-100px,0);
	}

	figure.effect-dexter:hover p {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}

	/*---------------*/
	/***** Sarah *****/
	/*---------------*/

	figure.effect-sarah {
		background: #5eae30;
	}

	figure.effect-sarah img {
		-webkit-transform: scale(1);
		transform: scale(1);
		-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
		transition: opacity 0.35s, transform 0.35s;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		opacity: 0.9;
		width: 100%;
	}

	figure.effect-sarah:hover img {
		opacity: 0.4;
		-webkit-transform: scale(1.12);
		transform: scale(1.12);
	}

	figure.effect-sarah figcaption {
		text-align: left;
	}

	figure.effect-sarah h4 {
		position: relative;
		overflow: hidden;
		padding: 0.5em 0;
	}

	figure.effect-sarah h4::after {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 1px;
		background: #fff;
		content: '';
		-webkit-transition: -webkit-transform 0.35s;
		transition: transform 0.35s;
		-webkit-transform: translate3d(-100%,0,0);
		transform: translate3d(-100%,0,0);
	}

	figure.effect-sarah:hover h4::after {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}

	figure.effect-sarah p {
		padding: 1em 0;
		opacity: 0;
		-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
		transition: opacity 0.35s, transform 0.35s;
		-webkit-transform: translate3d(100%,0,0);
		transform: translate3d(100%,0,0);
	}

	figure.effect-sarah:hover p {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}

	/*---------------*/
	/***** Zoe *****/
	/*---------------*/

	figure.effect-zoe figcaption {
		top: auto;
		bottom: 0;
		padding: 1em;
		height: 3em;
		background: rgba(0,0,0,0.5);
		-webkit-transition: -webkit-transform 0.35s;
		transition: transform 0.35s;
		-webkit-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0);
	}

	figure.effect-zoe img {
		width: 100%;
	}

	figure.effect-zoe h4 {
		float: left;
	}

	figure.effect-zoe figcaption > span {
		float: right;
	}

	figure.effect-zoe p {
		position: absolute;
		bottom: 8em;
		padding: 2em;
		color: #fff;
		text-transform: none;
		font-size: 90%;
		opacity: 0;
		-webkit-transition: opacity 0.35s;
		transition: opacity 0.35s;
	}

	figure.effect-zoe h4,
	figure.effect-zoe figcaption > span {
		-webkit-transition: -webkit-transform 0.35s;
		transition: transform 0.35s;
		-webkit-transform: translate3d(0,200%,0);
		transform: translate3d(0,200%,0);
	}

	figure.effect-zoe figcaption > span::before {
		display: inline-block;
		padding: 8px 10px;
		font-family: 'feathericons';
		speak: none;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}

	.icon-eye::before {
		content: '\e000';
	}

	.icon-paper-clip::before {
		content: '\e001';
	}

	.icon-heart::before {
		content: '\e024';
	}

	figure.effect-zoe h4 {
		display: inline-block;
	}

	figure.effect-zoe:hover p {
		opacity: 1;
	}

	figure.effect-zoe:hover figcaption,
	figure.effect-zoe:hover h4,
	figure.effect-zoe:hover figcaption > span {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}

	figure.effect-zoe:hover h4 {
		-webkit-transition-delay: 0.05s;
		transition-delay: 0.05s;
	}

	figure.effect-zoe:hover figcaption > span:nth-child(4) {
		-webkit-transition-delay: 0.1s;
		transition-delay: 0.1s;
	}

	figure.effect-zoe:hover figcaption > span:nth-child(3) {
		-webkit-transition-delay: 0.15s;
		transition-delay: 0.15s;
	}

	figure.effect-zoe:hover figcaption > span:nth-child(2) {
		-webkit-transition-delay: 0.2s;
		transition-delay: 0.2s;
	}

	/*---------------*/
	/***** Chico *****/
	/*---------------*/

	figure.effect-chico img {
		-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
		transition: opacity 0.35s, transform 0.35s;
		-webkit-transform: scale(1.12);
		transform: scale(1.12);
		width: 100%;
	}

	figure.effect-chico:hover img {
		opacity: 0.5;
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	figure.effect-chico figcaption {
		padding: 3em;
	}

	figure.effect-chico figcaption::before {
		position: absolute;
		top: 30px;
		right: 30px;
		bottom: 30px;
		left: 30px;
		border: 1px solid #fff;
		content: '';
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}

	figure.effect-chico figcaption::before,
	figure.effect-chico p {
		opacity: 0;
		-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
		transition: opacity 0.35s, transform 0.35s;
	}

	figure.effect-chico h4 {
		padding: 20% 0 20px 0;
	}

	figure.effect-chico p {
		margin: 0 auto;
		max-width: 200px;
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
	}

	figure.effect-chico:hover figcaption::before,
	figure.effect-chico:hover p {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}


	.portfolio_item{
		color: #929292;
	}

	.portfolio_item,
	.portfolio_item .overlayed{
		position: relative;
		text-align: center;
	}

	.portfolio_item h4{
		margin: 0px 0px 7px 0px;
	}

	.portfolio_item .portfolio_under{
		background: #f1f1f1;
		padding: 20px 0;
	}

	.portfolio_item h4 a{
		font-size: 18px;
		font-weight: 300;
	}

	.portfolio_item h4 a:hover,
	.portfolio_item:hover h4 a{
		color: #5eae30;
	}

	.portfolio_item .overlayed .overlay {
		width: 100%;
		height: 100%;
		position: absolute;
		overflow: hidden;
		top: 0;
		left: 0;
		filter: alpha(opacity=0);
		opacity: 0;
		background: none;
		-webkit-transition: all 300ms ease-in-out;
		-moz-transition: all 300ms ease-in-out;
		-o-transition: all 300ms ease-in-out;
		-ms-transition: all 300ms ease-in-out;
		transition: all 300ms ease-in-out;
	}

	.portfolio_item:hover .overlayed .overlay {
		filter: alpha(opacity=100);
		opacity: 1;
		background:rgba(0,0,0,0.5);
	}

	.portfolio_item_tags{
		color: #676767;
		font-size: 13px;
		margin-bottom: 0;
	}

	.overlay_content{
		position: absolute;
		top: 40%;
		text-align: center;
		width: 100%;
	}

	.overlay_content a{
		color: #ccc;
		display: inline-block;
		width: 40px;
		height: 40px;
		border: 1px solid #ccc;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		line-height: 40px;
		margin: 0 3px;
	}

	.overlay_content a:hover{
		color: #fff;
		border: 1px solid #fff;
	}

	.portfolio_single_column_item{
		margin-bottom: 140px;
		line-height: 22px;
	}

	.portfolio_single_column_item:last-of-type{
		margin-bottom: 0px;
	}

	.single-portfolio .revel_section_DD{
		padding-top: 0;
	}

	.single_portfolio_meta{
		color: #929292;
		margin-bottom: 33px;
	}

	.single_portfolio_meta .icon-calendar{
		margin-left: 30px;
	}

	.portfolio_single_column_item .more-link{
		margin-top: 39px;
		text-align: left;
	}

	#portfolio_item_meta h3{
		text-transform: uppercase;
		margin-bottom: 40px;
	}

	#portfolio_item_meta .portfolio_item_meta_label{
		float: left;
		width: 70px;
		text-transform: uppercase;
		font-weight: 700;
	}

	#portfolio_item_meta .portfolio_item_meta_data{
		padding-left: 30px;
		display: inline-block;
	}

	#portfolio_item_meta p{
		border-bottom: 1px solid #d9d9d9;
		margin-bottom: 14px;
		padding-bottom: 15px;
	}

	#portfolio_item_meta p:last-child{
		border-bottom: none;
	}

	.portfolio_item_image{
		margin-bottom: 35px;
	}

	.isotope-item {
	  z-index: 2;
	}

	.isotope-hidden.isotope-item {
	  pointer-events: none;
	  z-index: 1;
	}

	.isotope,
	.isotope .isotope-item {
	  -webkit-transition-duration: 0.8s;
		 -moz-transition-duration: 0.8s;
		  -ms-transition-duration: 0.8s;
		   -o-transition-duration: 0.8s;
			  transition-duration: 0.8s;
	}

	.isotope {
	  -webkit-transition-property: height, width;
		 -moz-transition-property: height, width;
		  -ms-transition-property: height, width;
		   -o-transition-property: height, width;
			  transition-property: height, width;
	}

	.isotope .isotope-item {
	  -webkit-transition-property: -webkit-transform, opacity;
		 -moz-transition-property:	-moz-transform, opacity;
		  -ms-transition-property:	 -ms-transform, opacity;
		   -o-transition-property:	  -o-transform, opacity;
			  transition-property:		 transform, opacity;
	}

	.isotope.no-transition,
	.isotope.no-transition .isotope-item,
	.isotope .isotope-item.no-transition {
	  -webkit-transition-duration: 0s;
		 -moz-transition-duration: 0s;
		  -ms-transition-duration: 0s;
		   -o-transition-duration: 0s;
			  transition-duration: 0s;
	}

	#filters{
		list-style: none;
		margin: 0;
		text-align: center;
		margin-bottom: 30px;
	}

	#filters li{
		list-style: none;
		display: inline-block;
		margin-right: 15px;
		margin-bottom: 15px;
	}

	#filters a{
		color: #676767;
		font-size: 11px;
		border: 1px solid #676767;
		line-height: 32px;
		display: inline-block;
		text-transform: uppercase;
		padding: 0 10px 0 10px;
	}

	#filters li:hover a,
	#filters li a.selected{
		background: #5eae30;
		color: #fff;
		border: 1px solid #5eae30;
	}

	#filters i{
		display: none;
	}

	.portfolio_item_4{
		width: 24.98%;
		padding: 5px;
		display: block;
		float: left;
	}

	.portfolio_item_3{
		width: 33.3%;
		display: block;
		float: left;
	}

	#related_portfolio{
		padding-top: 40px;
		padding-bottom: 0;
	}

/*-------- 10. 404 Page --------*/
	#page404{
		text-align: center;
		margin-bottom: 76px;
	}

	#page404 .big_404{
		font-size: 410px;
		line-height: 410px;
		font-family: 'Open Sans';
		font-weight: 500;
		color: #5eae30;
	}



/*-----------------------------------------------------------------*/
/* 11. Footer
/*-----------------------------------------------------------------*/
	#abdev_main_footer{
		color: #898787;
		text-align: center;
		padding: 34px 0 45px 0;
	}

	#footer_copyright{
		margin-top: 2px;
	}

	#abdev_back_to_top{
		display: inline-block;
		border: 1px solid #6a6a6a;
		width: 40px;
		height: 40px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		margin-bottom: 31px;
	}

	#abdev_back_to_top i{
		font-size: 20px;
		color: #898787;
		line-height: 36px;
	}

	#abdev_back_to_top:hover{
		background-color: #5eae30;
		border-color: #5eae30;
	}

	#abdev_back_to_top:hover i{
		color: #fff;
	}