/* [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.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. Posts
	2.17. Priceboxes
	2.18. Progress bar
	2.19. Service boxes
	2.20. Divider
	2.21. Pullquote
	2.22. Tooltip
	2.23. Source Code
	2.24. RSS Feed
	2.25. Children
	2.26. Sitemap
	2.27. Google Map
	2.28. Dropcap
	2.29. Videos
	2.30. Clear
	2.31. Callout Boxes
	2.32. Buttons
	2.33. Custom Section Classes
3. Global styles
	3.1. Inner columns
	3.2. Clearfix
4. Header
	4.1. Main menu
	4.2. Header Style 2
	4.3. Header Style 1 & 2 Inverted
	4.4. Header Style 3
	4.5. Mega Menu
	4.6. Title/Breadcrumbs Bar
5. Slider place
6. Blog
	6.1. Blog Timeline
	6.2. Blog Posts
	6.3. Post Comments
	6.4. Post Pagination
7. Videos
8. Contact Form 7
9. Widgets
	9.1. Search
	9.2. Categories
	9.3. Tag Cloud
	9.4. Flickr stream
	9.5. Contact Info Widget
10. Pages
	10.1. Portfolio
	10.2. Contact Page - Contact Info
	10.3. About us page
	10.4. 404 page
11. Other
	11.1. AB testimonials
12. Footer



/*-----------------------------------------------------------------*/
/* 1. 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: none;
	-ms-interpolation-mode: bicubic;
}

input[type="text"],input[type="password"],input[type="email"], textarea, select {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font: inherit;
}

/*-----------------------------------------------------------------*/
/* 2. Elements
/*-----------------------------------------------------------------*/

/********** 2.1. Shortcode: Animation Box *************************************************************/
.shard-animo,
.shard-animo-children > *{
	visibility: hidden;
	padding: 0;
}

.home_version_2_welcome .shard-animo{
	padding: 0;
	text-align: center;
	padding-top: 68px;
}

.shard_section_dd.startup_image_section .implecation_store{
	float: left;
	padding-right: 60px;
	padding-top: 95px;
}

.shard_section_dd.startup_image_section .phone_in_hand{
	padding: 0;
	margin-top: -30px;
}

/********** 2.2. Shortcode: Columns & sections *************************************************************/
.shard_container{
	width: 100%;}

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

	.shard_container:after{
		clear: both;
	}

	.section_body_fullwidth .shard_section_content .shard_container{
		width: 100%;
	}

	.shard_section_dd{
		position: relative;
		overflow:hidden;
		padding-top: 76px;
		padding-bottom: 75px;
		border-bottom: 1px solid #ececec;
	}

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

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

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

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

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

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

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

	.shard_column_dd_span12  {width: 100%;}
	.shard_column_dd_span11  {width: 91.45299145299145%;}
	.shard_column_dd_span10  {width: 82.90598290598291%;}
	.shard_column_dd_span9   {width: 74.35897435897436%;}
	.shard_column_dd_span8   {width: 65.81196581196581%;}
	.shard_column_dd_span7   {width: 57.26495726495726%;}
	.shard_column_dd_span6   {width: 48.71794871794872%;}
	.shard_column_dd_span5   {width: 40.17094017094017%;}
	.shard_column_dd_span4   {width: 31.62393162393162%;}
	.shard_column_dd_span3   {width: 23.07692307692308%;}
	.shard_column_dd_span2   {width: 14.52991452991453%;}
	.shard_column_dd_span1   {width: 5.982905982905983%;}

	.section_no_column_margin .shard_column_dd_span12  {width: 100%;}
	.section_no_column_margin .shard_column_dd_span11  {width: 91.6666666666665%;}
	.section_no_column_margin .shard_column_dd_span10  {width: 83.3333333333334%;}
	.section_no_column_margin .shard_column_dd_span9   {width: 74.9999999999999%;}
	.section_no_column_margin .shard_column_dd_span8   {width: 66.6666666666665%;}
	.section_no_column_margin .shard_column_dd_span7   {width: 58.3333333333332%;}
	.section_no_column_margin .shard_column_dd_span6   {width: 49.9999999999999%;}
	.section_no_column_margin .shard_column_dd_span5   {width: 41.6666666666665%;}
	.section_no_column_margin .shard_column_dd_span4   {width: 33.3333333333332%;}
	.section_no_column_margin .shard_column_dd_span3   {width: 24.9999999999999%;}
	.section_no_column_margin .shard_column_dd_span2   {width: 16.6666666666665%;}
	.section_no_column_margin .shard_column_dd_span1   {width:  8.3333333333332%;}

	.section_equalize_5 .shard_column_dd_span3,
	.section_equalize_5 .shard_column_dd_span2{
		width:  17.95084476%;
	}

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

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

	.section_no_column_margin.section_equalize_5 .shard_column_dd_span3,
	.section_no_column_margin.section_equalize_5 .shard_column_dd_span2{
		width:  20%;
	}

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

	.shard_section_dd header h3,
	.column_title_left{
		font-family: Roboto;
		font-weight: 700;
		display: inline-block;
		color: #202024;
		font-size: 30px;
		line-height: 30px;
		margin-bottom: 32px;
		position: relative;
	}

	.shard_section_dd.section_title_left header h3,
	.column_title_left{
		border-bottom: 1px solid #e6ebed;
		display: block;
		text-align: left;
		padding-bottom: 10px;
	}

	.shard_section_dd.section_title_left header h3:after,
	.column_title_left:after{
		bottom: -2px;
		left: 0;
		margin-left: 0;
	}

	.column_title_left{
		margin-bottom: 40px;
	}

	.shard_section_dd header p{
		font-family: Roboto;
		margin-bottom: 15px;
		padding: 0px;
		font-weight: 300;
	}

	.shard_section_dd.we_love_our_works.section_with_header header p{
		padding: 0;
	}

	.shard_section_dd.we_love_our_works.section_with_header header i{
		color: #08c;
		font-size: 32px;
	}

	.shard_section_dd.pattern_overlayed{
		color: #fff;
	}

	.shard_section_dd.pattern_overlayed header h3{
		color: #fff;
	}

	.shard_section_dd.aligncenter.section_with_header{
		border-bottom: none;
		padding-bottom: 14px;
	}

	.shard_section_dd.section_why_choose_shard{
		border-bottom: none;
	}

	.shard_section_dd.section_why_choose_shard .shard_column_dd_span7{
		margin-left: -7px;
		margin-top: -32px;
		margin-bottom: -34px;
	}

	.shard_section_dd.section_with_images{
		padding-bottom: 30px;
		padding-top: 60px;
	}

	.shard_section_dd.startup_image_section{
		border-bottom: none;
	}

	.shard_section_dd.contact_section_alternative{
		border-bottom: none;
	}


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


	/********** 2.4. jQuery UI helpers *************************************************************/
	.ui-helper-reset {
		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. Shortcode: Tabs *************************************************************/
	.shard-tabs {
		position: relative;
		margin-bottom: 30px;
		clear: both;
	}

	.shard-tabs .ui-tabs-nav{
		margin: 0;
	}

	.shard-tabs .ui-tabs-nav li {
		list-style: none;
		float: left;
		display: block;
		white-space: nowrap;
		margin: 0;
		padding: 0;
		border-top: 1px solid #ececec;
		border-left: 1px solid #ececec;
		background: #fff;
		font-size: 16px;
		line-height: 16px;
		position: relative;
		font-family: Roboto;
		font-weight: bold;
	}

	.shard-tabs .ui-tabs-nav li a{
		text-decoration: none;
		text-align: center;
		clear:both;
		box-sizing: border-box;
		display: block;
		padding: 15px 25px;
		width: 100%;
		height: 100%;
		cursor: pointer;
		outline: none;
		color: #555;
	}

	.shard-tabs .ui-tabs-nav li:hover{
		background-color: #ececec ;
	}

	.shard-tabs .ui-tabs-nav li.ui-tabs-active {
		position: relative;
	}

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

	.shard-tabs .ui-tabs-nav li.ui-tabs-active a{
		color: #08c;
		cursor: default;
	}
	
	.primary-color {
		color: #08c;
		cursor: default;
		font-weight: 500;
	}
	
	.standart-color {
		cursor: default;
		font-weight: 500;
	}

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

	.shard-tabs .shard-tabs-wrapper{
		border: 1px solid #ececec;
		height: 100%;
	}

	.shard-tabs .ui-tabs-panel {
		display: block;
		border-width: 0;
		padding: 25px 30px;
	}

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


	/* bottom positioned tabs */
	.shard-tabs-position-bottom .ui-tabs-nav {
		border-bottom: none;
		position: absolute;
		bottom:-47px;
	}

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

	.shard-tabs-position-bottom .ui-tabs-panel {
		padding: 30px 25px;
	}

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


	/* left or right positioned tabs */

	.shard-tabs-vertical .ui-tabs-nav li a{
		padding: 15px;
		text-align: right;
	}

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

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

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

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

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

	.shard-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;
	}

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

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

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

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

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

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

	.shard-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;
	}

	/* Bellow width break point */
	.shard-tabs.shard-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 #ececec;
		border-bottom:none;
	}

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

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

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

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

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

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

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

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

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

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


	/********** 2.6. Shortcode: Accordion *************************************************************/
	.shard-accordion{
		margin-bottom: 30px;
	}

	.shard-accordion .ui-accordion-header {
		display: block;
		cursor: pointer;
		position: relative;
		border: 1px solid #ececec;
		color:#202024;
		font-weight:normal;
		padding: 10px 0 10px 20px;
		margin-top: 1px;
		font-size: 20px;
		font-weight: 700;
		background: #ececec;
		text-align: left;
	}

	.shard-accordion .ui-accordion-header:hover{
		color:#08c;
	}

	.shard-accordion .ui-accordion-header-active {
		color:#08c;
	}

	.shard-accordion .ui-accordion-header:first-child{
		margin-top: 0;
	}

	.shard-accordion .ui-accordion-content {
		overflow: auto;
		background: #fff;
		border-top: 0;
		padding: 12px 21px 35px 21px;
		text-align: left;
	}

	.shard-accordion .ui-accordion-header-icon{
		display: block;
		width: 14px;
		height: 14px;
		position: absolute;
		right: 19px;
		top: 16px;
	}

	.shard-accordion .ui-icon-triangle-1-s,
	.shard-accordion .ui-icon-triangle-1-e{
		background:none;
		width:auto;
		height:auto;
		font-style:normal;
		font-family: 'icomoon';
		font-size: 14px;
		line-height: 14px;
		margin-right: 11px;
	}

	.shard-accordion .ui-icon-triangle-1-s:before{
		content:'\64';
	}

	.shard-accordion .ui-icon-triangle-1-e:before{
		content:'\65'
	}

	.shard-accordion.shard-accordion-style-2 .ui-accordion-header{
		background: #fff;
		font-size: 16px;
	}

	.shard-accordion.shard-accordion-style-2 .ui-accordion-header-active{
		color:#202024;
	}

	.shard-accordion.shard-accordion-style-2 .ui-icon-triangle-1-s,
	.shard-accordion.shard-accordion-style-2 .ui-icon-triangle-1-e{
		color: #c0c0c0;
	}


	/********** 2.7. Shortcode: Toggle *************************************************************/
	.shard-toggle{
		margin-bottom: 40px;
	}

	.shard-toggle .ui-accordion-header {
		display: block;
		cursor: pointer;
		position: relative;
		border: 1px solid #ececec;
		color:#202024;
		font-weight:normal;
		padding: 10px 0 10px 20px;
		font-size: 20px;
		font-weight: 700;
		background: #ececec;
		text-align: left;
	}

	.shard-toggle .shard-accordion-body{
		padding-bottom: 16px;
		text-align: left;
	}

	.shard-accordion:last-child{
		margin-bottom: 5px;
	}


	/********** 2.8. Shortcode: Tables *************************************************************/
	.shard-table table{
		margin-bottom: 30px;
		border-collapse:collapse;
		border: 1px solid #d6d6d6;
	}

	.shard-table th{
		font-family: Roboto;
		font-weight: 300;
		font-size: 20px;
		color: #505558;
		text-align: left;
		border: 1px solid #d6d6d6;
		background: #ececec;
		padding: 10px 30px;
	}

	.shard-table td{
		border: 1px solid #d6d6d6;
		padding: 15px 30px;
	}

	.shard-table.shard-table-alternative th{
		color: #fff;
		background: #08c;
	}

	.shard-table-condensed table{
	}

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

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

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

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


	/********** 2.9. Shortcode: Alert boxes *************************************************************/
	.shard_alert_success,
	.shard_alert_info,
	.shard_alert_warning,
	.shard_alert_error{
		margin-bottom: 40px;
		padding: 8px 14px;
		position: relative;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}

	.shard_alert_warning{
		margin-bottom: 5px
	}

	.shard_alert_success i,
	.shard_alert_info i,
	.shard_alert_warning i,
	.shard_alert_error i{
		margin-right: 7px;
	}

	.shard_alert_success,
	.shard_alert_success .shard_alert_box_close{
		background: #e9f5ea;
		color: #72a477;
		border: 1px solid #cbe1cd;
	}

	.shard_alert_info,
	.shard_alert_info .shard_alert_box_close{
		background: #e9f2f5;
		color: #69aecb;
		border: 1px solid #cbdce1;
	}

	.shard_alert_warning,
	.shard_alert_warning .shard_alert_box_close{
		background: #f5f0e9;
		color: #ae7c36;
		border: 1px solid #e7d5c0;
	}

	.shard_alert_error,
	.shard_alert_error .shard_alert_box_close{
		background: #f5e9e9;
		color: #d3432c;
		border: 1px solid #e5c9c9;
	}

	.shard_alert_success .shard_alert_box_close,
	.shard_alert_info .shard_alert_box_close,
	.shard_alert_warning .shard_alert_box_close,
	.shard_alert_error .shard_alert_box_close{
		border: none;
		background: none;
		cursor: pointer;
		position: absolute;
		top: 7px;
		right: 7px;
		font-size: 8px;
	}


	/********** 2.10. Shortcode: Blockquote *************************************************************/
	.shard_blockquote{
		font-size: 24px;
		font-style: italic;
		line-height: 29px;
		border-left: 3px solid #08c;
		padding: 12px 0 12px 32px;
		margin-bottom: 40px;
	}

	.shard_blockquote p{
		font-weight: 400;
	}

	.shard_blockquote p>small{
		margin-top: 20px;
	}

	.shard_blockquote small{
		font-size: 16px;
		display: block;
		color: #bbc5cb;
	}

	.shard_blockquote small small{
		font-size: 13px;
		line-height: 24px;
		color: #91a6b1;
	}


	/********** 2.11. Shortcode: UL *************************************************************/
	.shard_shortcode_ul{
		list-style: none !important;
	}

	.shard_shortcode_ul li{
		list-style: none !important;
		margin-bottom: 14px;
		font-weight: 300;
		display: block;
		padding-left: 30px;
		position: relative;
	}

	.shard_shortcode_ul li:last-child{
		margin-bottom: 40px;
	}

	.shard_shortcode_ul li i{
		font-size: 18px;
		position: absolute;
		left: 0;
		right: 0;
	}


	/********** 2.12. Shortcode: Follow us links *************************************************************/
	.shard_follow_us{
		font-size: 16px;
	}

	.shard_follow_us a{
		margin-right: 10px;
		text-decoration: none;
		display: inline-block;
		background: #f5f7f8;
		width: 32px;
		height: 32px;
		line-height: 32px;
		text-align: center;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		color:#888;
		margin-bottom: 20px;
	}

	.shard_follow_us a:hover{
		text-decoration: none;
		background: #999;
		color:#fff;
	}

	.shard_follow_us .shard_socialicon_facebook:hover{background: #3B5998;}
	.shard_follow_us .shard_socialicon_twitter:hover{background: #4099FF;}
	.shard_follow_us .shard_socialicon_googleplus:hover{background: #d34836;}
	.shard_follow_us .shard_socialicon_linkedin:hover{background: #0e76a8;}
	.shard_follow_us .shard_socialicon_youtube:hover{background: #c4302b;}
	.shard_follow_us .shard_socialicon_pinterest:hover{background: #c8232c;}
	.shard_follow_us .shard_socialicon_github:hover{background: #171515;}
	.shard_follow_us .shard_socialicon_feed:hover{background: #ee802f;}
	.shard_follow_us .shard_socialicon_behance:hover{background: #1769ff;}
	.shard_follow_us .shard_socialicon_blogger_blog:hover{background: #f57d00;}
	.shard_follow_us .shard_socialicon_delicious:hover{background: #3399ff;}
	.shard_follow_us .shard_socialicon_designcontest:hover{background: #5faad2;}
	.shard_follow_us .shard_socialicon_deviantart:hover{background: #4e6252;}
	.shard_follow_us .shard_socialicon_digg:hover{background: #000;}
	.shard_follow_us .shard_socialicon_dribbble:hover{background: #ea4c89;}
	.shard_follow_us .shard_socialicon_dropbox:hover{background: #007ee5;}
	.shard_follow_us .shard_socialicon_emailalt:hover{background: #ed1c16;}
	.shard_follow_us .shard_socialicon_flickr:hover{background: #ff0084;}
	.shard_follow_us .shard_socialicon_forrst:hover{background: #5b9a68;}
	.shard_follow_us .shard_socialicon_instagram:hover{background: #3f729b;}
	.shard_follow_us .shard_socialicon_lastfm:hover{background: #c3000d;}
	.shard_follow_us .shard_socialicon_myspace:hover{background: #313131;}
	.shard_follow_us .shard_socialicon_picasa:hover{background: #9a45a0;}
	.shard_follow_us .shard_socialicon_skype:hover{background: #00aff0;}
	.shard_follow_us .shard_socialicon_stumbleupon:hover{background: #f74425;}
	.shard_follow_us .shard_socialicon_vimeo:hover{background: #44bbff;}
	.shard_follow_us .shard_socialicon_zerply:hover{background: #9dcc7a;}



	/********** 2.13. Shortcode: Stats Excerpt *************************************************************/
	.shard_stats_excerpt{
		color: #202024;
		text-align: center;
		position: relative;
		padding-top: 45px;
		margin-bottom: 73px;
	}

	.shard_stats_excerpt i{
		color: #08c;
		font-size: 64px;
		line-height: 64px;
		top: 0;
		display: block;
		margin-bottom: 14px;
	}

	.shard_stats_excerpt .shard_stats_number,
	.shard_stats_excerpt .shard_stats_number_sign{
		font-size: 68px;
		line-height: 68px;
		font-weight: 100;
		font-family: Roboto;
	}

	.shard_stats_excerpt p{
		font-size: 24px;
		font-weight: 300;
		font-family: Roboto;
		margin-top: 19px;
	}

	.pattern_overlayed .shard_stats_excerpt{
		color: #fff;
	}

	.pattern_overlayed .shard_stats_excerpt i{
		color: #fff;
	}

	.shard_section_dd.stats_expert_alternative.section_with_header{
		border-bottom: none;
	}

	.shard_section_dd.stats_expert_alternative .shard_stats_excerpt {
		color: #fff;
	}

	.shard_section_dd .shard_column_dd_span4.our_fan_alternative{
		padding-left: 70px;
	}

	.shard_section_dd .shard_column_dd_span4.our_fan_alternative .shard_stats_excerpt{
		margin-bottom: 0px;
		padding-bottom: 23px;
		text-align: left;
		padding-top: 0;
	}

	.shard_section_dd .shard_column_dd_span4.our_fan_alternative .shard_stats_excerpt i{
		margin-bottom: 0;
		float: left;
		color: #fff;
		margin-right: 38px;
		height: 100px;
		width: 100px;
		padding: 20px 24px;
		font-size: 48px;
	}

	.shard_section_dd .shard_column_dd_span4.our_fan_alternative .shard_stats_excerpt .icon-twitter{
		background-color:  #5bc8ec;
	}

	.shard_section_dd .shard_column_dd_span4.our_fan_alternative .shard_stats_excerpt .icon-facebook{
		background-color:  #4d6299;
	}

	.shard_section_dd .shard_column_dd_span4.our_fan_alternative .shard_stats_excerpt .icon-googleplus{
		background-color:  #dc4a38;
	}

	.shard_section_dd .shard_column_dd_span4.our_fan_alternative .shard_stats_excerpt span{
		font-family: Roboto;
		color:  #202024;
		font-size: 36px;
		font-weight: 300;
	}

	.shard_section_dd .shard_column_dd_span4.our_fan_alternative .shard_stats_excerpt p{
		font-family: Roboto;
		color:  #555555;
		font-size: 22px;
		font-weight: 300;
		margin-bottom: 0;
		margin-top: -13px;
	}

	.shard_section_dd.startup_alternative{
		padding-top: 80px;
	}

	/********** 2.14. Shortcode: Knob *************************************************************/
	.shard_knob_wrapper{
		text-align: center;
		margin-bottom: 30px;
	}

	.shard_knob_inner_wrap{
		position: relative;
		text-align: center;
		margin-bottom: 17px;
	}

	.shard_knob_wrapper input{
		display: none;
	}

	.shard_knob_wrapper h3{
		font-size: 20px;
		margin-bottom: 0;
		font-weight: 300;
	}

	.shard_knob_wrapper .shard_knob_number_sign{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		text-align: center;
		font-size: 32px;
		font-family: Roboto;
		font-weight: 300;
		z-index: 2;
		color: rgb(101, 101, 101);
		visibility: visible;
		line-height: 500px;
	}


	/********** 2.15. Shortcode: Team *************************************************************/
	.our_team_alternative .shard_container .shard_column_dd_span3{
		margin-left: 0;
	}

	.shard_team_member{
		text-align: center;
	}

	.shard_team_member .shard_overlayed{
		position: relative;
		line-height: 1;
		display: inline-block;
	}

	.shard_team_member .shard_overlayed .shard_overlay{
		width: 100%;
		height: 100%;
		position: absolute;
		overflow: hidden;
		top: 0;
		left: 0;
		z-index: 0;
		filter: alpha(opacity=0);
		opacity: 0;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}

	.shard_team_member .shard_overlayed .shard_overlay *{
		z-index: 1;
	}

	.shard_team_member:hover .shard_overlayed .shard_overlay{
		filter: alpha(opacity=100);
		opacity: 1;
	}

	.shard_team_member .shard_overlayed .shard_overlay:after{
		display: block;
		content: '';
		position: absolute;
		-webkit-transition: height 300ms;
		-moz-transition: height 300ms;
		transition: height 300ms;
		width: 200%;
		height: 0;
		top: 50%;
		left: 50%;
		background: rgba(32,32,36,0.9);
		-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
		-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
		-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
		transform: translateX(-50%) translateY(-50%) rotate(45deg);
	}

	.shard_team_member .shard_overlayed .shard_overlay:hover:after {
		height: 300%;
		-webkit-transition: all 400ms;
		-moz-transition: all 400ms;
		transition: all 400ms;
	}

	.shard_team_member .shard_overlayed .shard_overlay p{
		position: absolute;
		width: 100%;
		top: 66px;
	}

	.shard_team_member .shard_overlayed .shard_overlay p a{
		color: #fff;
		text-decoration: none;
	}

	.shard_team_member .shard_overlayed .shard_overlay p a:hover{
		color: #cee6e6;
	}

	.shard_team_member .shard_overlayed .shard_overlay i{
		font-size: 25px;
		margin: 0 8px;
	}

	.shard_team_member .shard_team_member_name{
		display: block;
		font-weight: 300;
		font-size: 30px;
		color: #fff;
		padding-bottom: 13px;
	}

	.section_body_fullwidth  .shard_team_member .shard_team_member_position{
		display: block;
		font-size: 16px;
		color: #fff;
		font-weight: 700;
		padding-bottom: 70px;
	}

	.shard_team_member .shard_team_member_position{
		display: block;
		font-size: 16px;
		color: #fff;
		font-weight: 700;
		padding-bottom: 20px;
	}

	.shard_team_member .shard-button{
		border: 1px solid #08c;
		color: #fff;
		margin:0px;
		position: relative;
		display: inline-block;
		width: auto;
		height: auto;
	}

	.shard_team_member .shard-button:after{
		background: #08c;
	}

	.shard_team_member .shard_overlayed .shard_overlay .shard_team_member_modal_link:hover{
		color: #08c;
	}

	.shard_team_member_modal{
		display: none;
		position: fixed;
		top: 150px;
		left: 25%;
		right: 25%;
		max-height: 650px;
		background: #fff;
		z-index: 999999;
		overflow-y: auto;
		padding: 40px;
		text-align: left;
		box-shadow: 0px 0px 0px 2000px rgba(0,0,0,0.5);
	}

	.shard_team_member_modal h4,
	.shard_team_member_modal .shard_team_member_position{
		text-align: left;
	}

	.shard_team_member_modal h4{
		font-size: 30px;
		font-weight: 700;
	}

	.shard_team_member_modal .shard_team_member_position{
		color:  #08c;
		font-size: 20px;
		font-weight: 300;
	}

	.shard_team_member_modal .shard_container{
		width:100%;
		margin-left: auto;
		margin-right: auto;
	}

	.shard_team_member_modal_close{
		width: 16px;
		height: 16px;
		font-size: 16px;
		line-height: 16px;
		position: absolute;
		top: 40px;
		right: 40px;
		cursor: pointer;
	}

	.shard_team_member_modal_opened .shard_column_dd_span4 img{
		margin-top: 85px;
	}

	.shard_team_member_social_under{
		margin-top: 20px;
	}

	.shard_team_member_social_under a{
		margin-right: 16px;
		color: #000;
	}

	.shard_team_member_social_under a:hover i{
		color: #08c;
	}

	.shard_team_member_new:hover{
		opacity: 0.9;
		background-color:  rgba(32, 32, 36, 0.9);
		-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;
	}


	/********** 2.16. Shortcode: Posts *************************************************************/
	.shard_posts_shortcode{
		margin-bottom: 44px;
		position: relative;
	}

	.shard_post_single{
		position: relative;
	}

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

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

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

	.shard_latest_news_time{
		display: block;
		position: absolute;
		top: 0px;
		left: 0;
		text-align: center;
		color: #fff;
		background: #08c;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}

	.shard_latest_news_time .day{
		display: block;
		font-size: 21px;
	}

	.shard_latest_news_time .month{
		display: block;
		text-transform: lowercase;
		font-size: 13px;
	}

	.shard_latest_news_time .year{
		display: none;
	}

	.shard_post_single.without_thumbnail .shard_latest_news_shortcode_content{
		padding-left: 87px;
	}

	.shard_posts_shortcode_style1 .shard_post_single{
		position: relative;
		margin-bottom: 50px;
	}

	.shard_posts_shortcode_style1 .go_to_blog{
		padding-left: 200px;
	}

	.shard_posts_shortcode_style1 .shard_latest_news_shortcode_thumb img{
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		width: 70px;
		height: 70px;
		margin-left: 100px;
	}

	.shard_posts_shortcode_style1:after{
		width: 1px;
		height: 100%;
		background: #c0c0c0;
		content: "";
		display: block;
		position: absolute;
		left: 135px;
		top: 0;
		z-index: -1;
	}

	.shard_posts_shortcode_style1 .shard_latest_news_time{
		display: block;
		position: absolute;
		top: 10px;
		left: 0;
		text-align: center;
		color: #323232;
		background: none;
	}

	.shard_posts_shortcode_style1 .shard_latest_news_time .day{
		display: block;
		font-size: 20px;
		font-weight: 300;
		text-align: right;
		padding-bottom: 5px;
	}

	.shard_posts_shortcode_style1 .shard_latest_news_time .our{
		font-size: 22px;
		font-weight: 300;
		color:  #323232;
	}

	.shard_posts_shortcode_style1 .shard_latest_news_time .minutes{
		font-size: 22px;
		font-weight: 300;
	}

	.shard_posts_shortcode_style1 .shard_latest_news_time .am_pm{
		padding-left: 5px;
		color:  #323232;
		font-weight: 400;
		font-size: 22px;
	}

	.shard_posts_shortcode_style1 .shard_post_single.has_thumbnail .shard_latest_news_shortcode_content{
		padding-left: 200px;
	}

	.shard_posts_shortcode_style1 .shard_post_single.has_thumbnail .shard_latest_news_shortcode_content h5 a,
	.shard_posts_shortcode_style2 .shard_post_single.has_thumbnail .shard_latest_news_shortcode_content h5 a,
	.shard_posts_shortcode_style3 .shard_post_single.has_thumbnail .shard_latest_news_shortcode_content h5 a{
		color:  #202024;
		font-size: 20px;
		font-weight: 700;
	}

	.shard_posts_shortcode_style1 .shard_post_single.has_thumbnail .shard_latest_news_shortcode_content h5 a:hover,
	.shard_posts_shortcode_style2 .shard_post_single.has_thumbnail .shard_latest_news_shortcode_content h5 a:hover,
	.shard_posts_shortcode_style3 .shard_post_single.has_thumbnail .shard_latest_news_shortcode_content h5 a:hover{
		color:  #08c;
	}

	.shard_posts_shortcode_style2 .shard_post_single,
	.shard_posts_shortcode_style3 .shard_post_single{
		margin-bottom: 40px;
	}

	.shard_posts_shortcode.shard_posts_shortcode_style2 .shard_latest_news_time{
		height: 60px;
		width: 60px;
	}

	.shard_posts_shortcode.shard_posts_shortcode_style2 .days{
		font-size: 26px;
		font-weight: 300;
		padding: 0px 15px;
		line-height: 26px;
		margin-top: 10px;
	}

	.shard_posts_shortcode.shard_posts_shortcode_style2 .months{
		font-size: 16px;
		font-weight: 400;
	}

	.shard_posts_shortcode.shard_posts_shortcode_style3{
		position: relative;
		margin-bottom: 44px;
	}

	.shard_posts_shortcode_style3 .shard_post_single.has_thumbnail .shard_latest_news_shortcode_content h5{
		padding-bottom: 12px;
	}

	.shard_posts_shortcode_style3 .shard_post_single.has_thumbnail .shard_latest_news_shortcode_content p{
		padding-bottom: 7px;
	}

	.shard_posts_shortcode.shard_posts_shortcode_style3 .shard_latest_news_time{
		color: #202024;
		background: none;
		position: relative;
		margin-bottom: 6px;
		text-align: left;
	}

	.shard_posts_shortcode.shard_posts_shortcode_style3 .shard_latest_news_time .style3_days,
	.shard_posts_shortcode.shard_posts_shortcode_style3 .shard_latest_news_time .style3_months,
	.shard_posts_shortcode.shard_posts_shortcode_style3 .shard_latest_news_time .style3_years{
		font-size: 28px;
		font-weight: 300;
		text-align: right;
		text-transform: uppercase;
		padding-right: 5px;
	}


	.shard_posts_shortcode.shard_posts_shortcode_style1 .shard_post_single:last-of-type{
		margin-bottom: 10px;
	}

	.shard_posts_shortcode.shard_posts_shortcode_style2 .shard_post_single:last-of-type,
	.shard_posts_shortcode.shard_posts_shortcode_style3 .shard_post_single:last-of-type{
		margin-bottom: 0;
	}

	.shard_posts_shortcode.shard_posts_shortcode_style1 .shard_posts_blog_link{
		margin-left: 200px;
	}

	.shard_posts_shortcode.shard_posts_shortcode_style1 .shard_posts_blog_link i{
		color: #555;
		position: relative;
		top: 2px;
	}

	/********** 2.17. Shortcode: Priceboxes *************************************************************/
	.shard_pricing-table-1,
	.shard_pricing-table-2{
		text-align: center;
	}

	.shard_pricebox_feature_button .shard-button{
		margin: 23px 0 0 0;
	}

	.shard_pricebox_feature_button i{
		font-size: 13px;
	}


	.shard_pricing-table-1 .shard_pricebox_header{
		background: #cee6e6;
		color: #08c;
		text-align: center;
		padding: 35px 0 45px 0;
		margin-bottom: 20px;
	}

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

	.shard_pricing-table-1 .shard_popular-plan .shard_pricebox_featured_text{
		background: #434342;
	}

	.shard_pricing-table-1 .shard_pricebox_name{
		font-size: 19px;
		font-weight: 700;
		text-transform: uppercase;
		display: block;
		margin-bottom: 36px;
	}

	.shard_pricing-table-1 .shard_pricebox_currency{
		font-size: 30px;
		position: relative;
		top: -20px;
	}

	.shard_pricing-table-1 .shard_pricebox_price{
		font-size: 50px;
		line-height: 60px;
		margin-bottom: 42px;
		display: inline-block;
	}

	.shard_pricing-table-1 .shard_pricebox_monthly{
		font-size: 23px;
	}

	.shard_pricing-table-1 .shard_pricebox_decsription{
		display: block;
		font-style: italic;
	}

	.shard_pricing-table-1 .shard_pricebox_feature{
		border-bottom: 1px solid #d9d9d9;
		display: block;
		padding: 14px 40px 15px 40px;
		text-align: left;
	}

	.shard_pricing-table-1 .shard_pricebox_feature:last-child{
		border-bottom: none;
		padding-top: 23px;
	}


	.shard_pricing-table-2{
		background: #fff;
	}

	.shard_pricing-table-2 .shard_pricebox_header{
		text-align: center;
		background: #202024;
		color: #08c;
	}

	.shard_pricing-table-2 .shard_plan .shard_pricebox_feature:first-of-type{
		margin-top: 24px;
		border-top: none;
	}

	.shard_pricing-table-2 .shard_pricebox_name{
		font-size: 24px;
		font-family: Roboto;
		background: #fff;
		color: #555555;
		font-weight: 300;
		display: block;
		padding: 28px;
	}

	.shard_pricing-table-2 .shard_pricebox_currency{
		font-size: 50px;
		position: relative;
		font-family: Roboto;
		color: #fff;
		font-weight: 300;
	}

	.shard_pricing-table-2 .shard_pricebox_price{
		font-size: 50px;
		line-height: 30px;
		display: inline-block;
		padding: 35px 0 44px 0;
		font-family: Roboto;
		color: #fff;
		font-weight: 300;
	}

	.shard_pricing-table-2 .shard_popular-plan .shard_pricebox_header,
	.shard_pricing-table-2 .shard_popular-plan .shard_pricebox_currency,
	.shard_pricing-table-2 .shard_popular-plan .shard_pricebox_price{
		color: #fff;
	}

	.shard_pricing-table-2 .shard_popular-plan .shard_pricebox_monthly{
		color:  #08c;
	}

	.shard_pricing-table-2 .shard_popular-plan .shard_pricebox_name{
		background: #08c;
		color: #f7f7f7;
	}

	.shard_pricing-table-2 .shard_pricebox_price sup{
		font-size: 25px;
	}


	.shard_pricing-table-2 .shard_pricebox_monthly{
		font-size: 16px;
		font-weight: 300;
	}

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

	.shard_pricing-table-2 .shard_pricebox_feature:last-child{
		border-top: none;
		padding: 2px 0;
		margin-bottom: 3px;
	}

	.shard_pricing-table-2 .shard_pricebox_feature{
		display: block;
		padding: 10px 0 10px 0;
		text-align: center;
		color: #545454;
		border-top: 1px solid #e6ebed;
	}

	.shard_pricing-table-2 .shard_button{
		margin-top: 40px;
		margin-right: 0;
	}

	.shard_pricebox_feature .icon-ok{
		color:#90ce4e;
		padding-right:16px;
	}

	.shard_pricebox_feature .icon-remove{
		color:#08c;
		margin-left: -34px;
		margin-top:3px;
		position: absolute;
	}


	/********** 2.18. Shortcode: Progress bar *************************************************************/
	.shard_meter {
		margin-bottom: 21px;
		background: #e7e7e7;
		height: 14px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		position: relative;
	}

	.shard_meter_label{
		margin-bottom: 12px;
		display: inline-block;
		line-height: 16px;
		color: #505558;
		font-family: Roboto;
		font-weight: 300;
		font-size: 16px;
	}

	.shard_meter .shard_meter_percentage {
		display: block;
		background: rgb(255, 59, 48);
		height: 14px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
	}

	.shard_meter .shard_meter_percentage span{
		line-height: 16px;
		position: absolute;
		display: block;
		width: 42px;
		text-align: right;
		top: -26px;
		right: 0;
		color: #505558;
		font-family: Roboto;
		font-weight: 300;
		font-size: 16px;
	}

	.shard_meter .shard_meter_percentage.red{
		background: rgb(255, 59, 48);
	}

	.shard_meter .shard_meter_percentage.red2{
		background: rgb(224, 39, 28);
	}

	.shard_meter .shard_meter_percentage.orange{
		background: rgb(255, 111, 48);
	}

	.shard_meter .shard_meter_percentage.blue{
		background: rgb(95, 144, 182);
	}


	/********** 2.19. Shortcode: Service boxes *************************************************************/
	.shard_service_box{
		text-align: center;
		margin-bottom: 0px;
		padding-top: 0;
	}

	.shard_service_box_round h3{
		margin-bottom: 11px;
	}

	.shard_service_box_round h3:hover{
		color:  #08c;
		cursor: pointer;
		transition: all 300ms ease-in;
		-webkit-transition: all 300ms ease-in;
	}

	.shard_service_box_round p{
		margin-top: 31px;
		margin-bottom: 0;
		font-weight: 300;
	}

	.process_section .shard_service_box .shard_icon_boxed{
		background: #08c;
		width: 100px;
		height: 100px;
	}

	.process_section .shard_service_box .shard_icon_boxed i{
		line-height: 100px;
		color: #fff;
	}

	.shard_service_box_round .shard_icon_boxed{
		display: inline-block;
		position: relative;
		text-decoration: none;
		margin-bottom: 35px;
	}

	.shard_service_box_round .shard_icon_boxed i{
		font-size: 70px;
		line-height: 70px;
		position: relative;
		top: -1px;
	}

	.shard_service_box_round:hover .shard_icon_boxed i{
		color: #555555;
		cursor: pointer;
		transition: all 300ms ease-in;
		-webkit-transition: all 300ms ease-in;
	}

	.shard_service_box .shard_icon_boxed i{
		color: #08c;
	}

	.shard_service_box.shard_service_box_round_stroke .shard_icon_boxed{
		background: none;
		border: 3px solid #08c;
	}

	.shard_service_box.shard_service_box_round_stroke .shard_icon_boxed i{
		color: #08c;
	}

	.shard_service_box.shard_service_box_round_aside{
		text-align: left;
		position: relative;
	}

	.shard_section_dd.startup_service_box{
		border-bottom: none;
	}

	.shard_service_box.shard_service_box_round_aside h3 a{
		color: #202024;
	}

	.shard_service_box.shard_service_box_round_aside h3:hover a,
	.shard_service_box.shard_service_box_round_aside2 h3:hover{
		color: #08c;
		transition: all 300ms ease-in;
		-webkit-transition: all 300ms ease-in;
	}

	.shard_service_box.shard_service_box_round_aside h3,
	.shard_service_box.shard_service_box_round_aside span{
		padding-left: 99px;
	}

	.shard_service_box.shard_service_box_round_aside h3{
		margin-bottom: 11px;
	}

	.shard_service_box.shard_service_box_round_aside p{
		padding-top: 31px;
		margin-bottom: 0;
	}

	.shard_service_box.shard_service_box_round_aside .shard_icon_boxed,
	.shard_service_box.shard_service_box_round_aside2 .shard_icon_boxed{
		position: absolute;
		left: 0;
		text-align: center;
		margin-right: 20px;
		width: 54px;
		height: 54px;
		line-height: 54px;
		background: #08c;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		height: 70px;
		width: 70px;
	}

	.shard_service_box.shard_service_box_round_aside .shard_icon_boxed i,
	.shard_service_box.shard_service_box_round_aside2 .shard_icon_boxed i{
		line-height: 70px;
		font-size: 30px;
		color: #fff;
	}

	.shard_service_box.shard_service_box_round_aside:hover .shard_icon_boxed,
	.shard_service_box.shard_service_box_round_aside2:hover .shard_icon_boxed{
		background: #555;
		cursor: pointer;
		transition: all 300ms ease-in;
		-webkit-transition: all 300ms ease-in;
	}

	.shard_section_dd.section_with_round_aside2 header p{
		padding-bottom: 32px;
	}

	.shard_service_box.shard_service_box_round_aside2{
		text-align: left;
		position: relative;
		padding-left: 99px;
		padding-bottom: 51px;
	}

	.shard_service_box.shard_service_box_round_aside2 h3{
		cursor: pointer;
	}

	.shard_service_box.shard_service_box_round_aside2 p{
		margin-top: 21px;
		margin-bottom: 22px;
	}

	.shard_service_box_square .shard_icon_boxed{
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}

	.shard_service_box .shard_icon_boxed:hover:after{
		border-top: 9px solid #08c;
		transition: all 300ms ease-in;
		-webkit-transition: all 300ms ease-in;
	}

	.shard_service_box .service_box_subtitle{
		color:  #08c;
		font-weight: 400;
	}

	/********** 2.20. Shortcode: Divider *************************************************************/
	.shard_divider{
		clear:both;
		text-align: right;
		border-top: 1px solid #ececec;
		margin-top: 35px;
		margin-bottom: 33px;
		position: relative;
	}

	.shard_divider a{
		text-decoration: none;
		display: inline-block;
		font-size: 14px;
		float: right;
		position: absolute;
		top: -12px;
		right: 0px;
		background: #fff;
		padding-left: 19px;
	}

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

	.shard_divider i{
		position: relative;
		top: 0px;
		font-size: 16px;
		padding-left: 7px;
	}

	.shard_divider_dashed{
		border-top: 1px dashed #ececec;
	}

	.shard_divider_dotted{
		border-top: 1px dotted #ececec;
	}


	/********** 2.21. Shortcode: Pullquote *************************************************************/
	.shard_pullquote{
		float: left;
		font-size: 24px;
		font-style: italic;
		line-height: 29px;
		border-left: 3px solid #08c;
		padding: 12px 0 12px 32px;
		margin-right: 30px;
		margin-bottom: 30px;
		margin-top: 30px;
		font-weight: 400;
	}

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


	/********** 2.22. Shortcode: Tooltip *************************************************************/
	.shard_tooltip{
		cursor: pointer;
	}


	/********** 2.23. Shortcode: Source Code *************************************************************/
	.shard_prettyprint{
		padding: 24px !important;
	}

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

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


	/********** 2.24. Shortcode: RSS Feed *************************************************************/
	.shard_rss,
	.shard_rss li{
		list-style: none !important;
		margin-left: 0 !important;
	}


	/********** 2.25. Shortcode: Children *************************************************************/
	.shard_children,
	.shard_children li{
		list-style: none !important;
		margin-left: 0 !important;
	}


	/********** 2.26. Shortcode: Sitemap *************************************************************/
	.shard_sitemap,
	.shard_sitemap li{
		list-style: none !important;
	}

	.shard_sitemap{
		margin-bottom: 20px;
	}


	/********** 2.27. Shortcode: Google Map *************************************************************/
	.shard_google_map img{
		max-width: none !important;
		border: none !important;
		border-radius: 0px !important;
		box-shadow: none !important;
	}


	/********** 2.28. Shortcode: Dropcap *************************************************************/
	.shard_dropcap{
		display: block;
		width: 30px;
		height: 33px;
		font-size: 46px;
		line-height: 46px;
		text-align: center;
		color: #08c;
		float: left;
		margin-right: 7px;
		font-weight: 700;
	}

	.postmeta_under_image .shard_dropcap{
		font-size: 32px;
		line-height: 38px;
		font-weight: 700;
	}


	/********** 2.29. Shortcode: Videos *************************************************************/
	.shard-videoWrapper-youtube{
		position:relative;
		padding-bottom:56.25%;
		padding-top:0px;
		height:0;
		overflow:hidden;
	}

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

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

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


	/********** 2.30. Shortcode: Clear *************************************************************/
	.shard_clear{
		clear:both;
	}


	/********** 2.31. Shortcode: Callout Boxes *************************************************************/
	.shard-callout_box{
		padding: 40px 0 34px 0;
	}

	.shard-callout_box.callout_box_invert{
		padding: 40px 0 35px 0;
	}

	.shard-callout_box_title,
	.shard-callout_box_title.callout_box_invert{
		font-size: 30px;
		line-height: 30px;
		font-family: Roboto;
		display: block;
		font-weight: 700;
		margin-bottom: 21px;
		color: #202024;
	}

	.shard-callout_box p{
		margin-bottom: 0;
		color: #202024;
	}

	.shard-callout_box .shard_column_dd_span3{
		text-align: right;
		padding-top: 3px;
	}

	.shard-callout_box .shard-button,
	.shard-callout_box.callout_box_invert .shard-button{
		margin-bottom: 0;
	}

	.callout_box_invert p,
	.callout_box_invert .shard-callout_box_title,
	.callout_box_invert .shard-button i{
		color: #fff;
	}


	/********** 2.32. Shortcode: Buttons *************************************************************/
	.shard-button{
		display: inline-block;
		white-space: nowrap;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		margin-right: 10px;
		margin-bottom: 40px;
		text-decoration: none;
		font-family: Roboto;
		font-weight: 400;
		overflow: hidden;
		position: relative;
		z-index: 0;
		position: relative;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	.shard-button:after{
		content: '';
		position: absolute;
		z-index: -1;
		width: 100%;
		height: 0;
		top: 50%;
		left: 50%;
		background: #fff;
		opacity: 0;
		-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
		-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
		-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
		transform: translateX(-50%) translateY(-50%) rotate(45deg);
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	.shard-button:hover:after {
		height: 500%;
		opacity: 1;
	}

	.shard-button i{
		margin-left: 10px;
	}

	.shard-button_dark{
		background: #202024;
		border: 1px solid #08c;
		color: #fff !important;
	}

	.shard-button_dark:hover{
		border: 1px solid #08c;
		color: #fff !important;
	}

	.shard-button_dark:after{
		background: #08c;
	}

	.shard-button_yellow{
		background: #fff;
		border: 1px solid #e7ad01;
		color: #202024 !important;
	}

	.shard-button_yellow:hover{
		border: 1px solid #e7ad01;
		color: #fff !important;
	}

	.shard-button_yellow:after{
		background: #e7ad01;
	}

	.shard-button_green{
		background: #fff;
		border: 1px solid #90ce4e;
		color: #202024 !important;
	}

	.shard-button_green:hover{
		border: 1px solid #90ce4e;
		color: #fff !important;
	}

	.shard-button_green:after{
		background: #90ce4e;
	}

	.shard-button_red{
		background: #fff;
		border: 1px solid #08c;
		color: #202024 !important;
	}

	.shard-button_red:hover{
		border: 1px solid #08c;
		color: #fff !important;
	}

	.shard-button_red:after{
		background: #08c;
	}

	.shard-button_blue{
		background: #fff;
		border: 1px solid #2785c0;
		color: #202024 !important;
	}

	.shard-button_blue:hover{
		border: 1px solid #2785c0;
		color: #fff !important;
	}

	.shard-button_blue:after{
		background: #2785c0;
	}

	.shard-button_gray{
		background: #ececec;
		border: 1px solid #c0c0c0;
		color: #202024 !important;
	}

	.shard-button_gray:hover{
		border: 1px solid #c0c0c0;
		color: #202024 !important;
	}

	.shard-button_gray:after{
		background: #c0c0c0;
	}

	.shard-button_light{
		background: transparent;
		border: 1px solid #08c;
		color: #202024 !important;
	}

	.shard-button_light:hover{
		border: 1px solid #08c;
		color: #202024 !important;
	}

	.shard-button_light:after{
		background: #fff;
	}

	.shard-button_small{
		padding: 12px 20px;
		font-size: 14px;
		line-height: 14px;
	}

	.shard-button_medium{
		padding: 11px 33px;
		font-size: 16px;
		line-height: 16px;
	}

	.shard-button_large{
		padding: 16px 33px;
		font-size: 16px;
		line-height: 16px;
		text-transform: uppercase;
	}

	.shard-button_xlarge{
		padding: 16px 50px;
		font-size: 16px;
		line-height: 16px;
		text-transform: uppercase;
	}

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

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

	.shard-button_rounded.shard-button_large{
		width: 120px;
		height: 120px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		background-color:  #08c;
		color: #fff !important;
		line-height: 82px;
		padding-left: 22px;
		margin-bottom: 0;
		position: relative;
	}

	.shard-button_rounded.shard-button_large i{
		left: 70px;
		top: 48px;
		font-size: 10px;
		color: #fff;
		position: absolute;
	}

	.shard-button_rounded.shard-button_large:hover,
	.shard-button_rounded.shard-button_large:hover i{
		color: #202024 !important;
		transition: all 180ms ease-in;
		-webkit-transition: all 180ms ease-in;
	}

	.shard-button_rounded.shard-button_large:hover{
		background: #fff;
		border: 1px solid #08c;
	}

	.shard-button_rounded.shard-button_xlarge{
		-webkit-border-radius: 120px;
		-moz-border-radius: 120px
		border-radius: 120px;
	}


	/********** 2.33. Custom Section Classes *************************************************************/
	.process_section .shard_container>div{
		position: relative;
	}

	.process_section .shard_container>div:after{
		content: '\f488';
		font-family: 'WebHostingHub-Glyphs';
		font-size: 11px;
		display: block;
		position: absolute;
		top: 40px;
		right: -20px;
	}

	.process_section .shard_container>div:last-child:after{
		display: none;
	}

	.shard_section_dd.alternative_section_without_border{
		border-bottom: none;
	}

	.shard_section_dd.alternative_section_with_buttons_first{
		padding-top: 6px;
		padding-bottom: 40px;
	}

	.shard_section_dd.section_after_slider{
		padding-top: 81px;
		padding-bottom: 34px;
	}

	.shard_section_dd.section_after_slider a{
		margin-bottom: 0px;
		margin-top: 11px;
	}

	#search{
		position: relative;
	}

	#search .submit i{
		position: absolute;
		top: 15px;
		right: 15px;
	}



	.tipsy { font-size: 10px; position: absolute; padding: 5px; z-index: 100000; }
	.tipsy-inner { background-color: #000; color: #FFF; max-width: 200px; padding: 5px 8px 4px 8px; text-align: center; }
	.tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
	/*.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/
	.tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; }
	.tipsy-arrow-n { border-bottom-color: #000; }
	.tipsy-arrow-s { border-top-color: #000; }
	.tipsy-arrow-e { border-left-color: #000; }
	.tipsy-arrow-w { border-right-color: #000; }
	.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; }

	/*-----------------------------------------------------------------*/
/* 3. Global styles
/*-----------------------------------------------------------------*/
body{
	font-family: Roboto, sans-serif;
	font-size: 16px;
	line-height: 22px;
	color: #555555;
	font-weight: 500;
}

body.preloader{
	visibility: hidden;
}

.boxed_body_wrapper{
	width:1290px;
	margin:0 auto;
	background: #fff;
}

#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;
}

::selection{
	background: #08c;
	color: #fff;
}

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

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

p{
	margin-bottom: 24px;
	font-weight: 300;
}

hr{
	background-color: #e1e9e9;
	display: block;
	height: 1px;
	border-color: #e1e9e9;
	border: 0;
	padding: 0;
	margin-bottom: 11px;
}

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

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

h1, h6{
	font-family: Roboto;
	font-weight: 300;
	color: #202024;
	margin-bottom: 11px;
}

h2, h3, h4{
	font-family: Roboto;
	font-weight: 700;
	color: #202024;
	margin-bottom: 20px;
}

h1{
	font-size: 35px;
	line-height: 42px;
}

h2{
	font-size: 30px;
	line-height: 36px;
}

h3{
	font-size: 24px;
	line-height: 29px;
}

h4{
	font-size: 20px;
	line-height: 24px;
}

h5{
	font-size: 16px;
	font-weight: 700;
	line-height: 22px;
	color: #c0c0c0;
	font-family: Roboto;
}

h6{
	font-size: 14px;
	line-height: 16px;
}

pre{
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
}

#page_subtitle{
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
}

.shard_section_dd.typo_shortcodes h2, h4{
	margin-bottom: 14px;
}

.shard_section_dd.typo_shortcodes h4{
	margin-top: -14px;
}

.shard_section_dd.typo_shortcodes i{
	color: #08c;
}

.shard_section_dd.section_after_slider h2{
	margin-bottom: 17px;
}

.shard_section_dd.section_why_choose_shard h2{
	margin-bottom: 63px;
}

.shard_section_dd.section_why_choose_shard h4{
	margin-bottom: 48px;
}

.project_planner_alternative h2{
	margin: 43px 6px 13px 0;
}

#related_portfolio{
	padding-bottom: 75px;
}

#related_portfolio h3{
	text-align: center;
}

.project_planner_alternative p{
	margin-right: 6px;
	margin-bottom: 17px;
}

.shard_section_dd.stats_expert_alternative.section_with_header h3{
	color: #fff;
}

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

.section_body_fullwidth .shard_section_content .shard_container{
	width: 100%;
}

.shard_section_dd.startup_image_section p{
	margin-bottom: 17px;
	line-height: 19px;
}

.small_text{
	font-size: 14px;
	font-weight: 300;
	margin-top: -6px;
	margin-bottom: 0;
}

.section_with_gray_body{
	background-color:#eeeeee;
}

.section_with_white_body{
	background-color: #ffffff;
}

.section_with_dark_body{
	background-color: #1e1e21;
}

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

.width_100{
	width: 100%;
	border: none;
}

.spacer_49{
	height: 49px;
	display: block;
}

.spacer_70{
	height: 70px;
	display: block;
}

.spacer_100{
	height: 100px;
	display: block;
}

.border_0{
	border: 0px;
}

.red_icons{
	color:#08c;
}

.red_icons2{
	color: #f1501a;
}

input,select,textarea{
	border: 1px solid #d9d9d9;
	font-family: Roboto, sans-serif;
	color: #c0c0c0;
	font-size: 14px;
	line-height: 26px;
	background: #fafcfc;
	outline: none;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

input,
select{
	padding: 9px 0 9px 20px;
	margin-bottom: 12px;
}

textarea{
	padding: 8px 0 8px 20px;
	margin-bottom: 36px;
}

button,
input[type="submit"] {
	padding: 10px 20px;
	display: inline-block;
	cursor: pointer;
	border: 1px solid #08c;
	background: #08c;
	color: #fff;
	margin-bottom: 20px;
	line-height: 20px;
	font-size: 20px;
	font-family: Roboto;
	font-weight: 300;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	outline: none;
}

button:hover,
input[type="submit"]:hover{
	background: #555555;
	border-color: #555555;
}

.placeholder{
	color: #c0c0c0;
	font-style: italic;
}

::-webkit-input-placeholder {
	color:    #c0c0c0;
}

:-moz-placeholder {
	color:    #c0c0c0;
	opacity:  1;
}

::-moz-placeholder {
	color:    #c0c0c0;
	opacity:  1;
}

:-ms-input-placeholder {
	color:    #c0c0c0;
}

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

.color_highlight{
	color: #08c;
}

.highlighted_text{
	color: #ffffff;
	background-color: #08c;
}

.highlighted_text_yellow{
	color: #fff000;
	background-color: #b3c783;
}

.icon_plus_style{
	color:#555555;
	line-height:16px;
	font-size:16px;
}

.bold{
	font-weight: 700;
}

.hidden{
	visibility: hidden;
}

.display_none{
	display: none;
}

.shard_dropcap{
	position: relative;
	top: 0px;
}

.section_color_background{
	background: #08c;
	margin-bottom: 0;
}

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

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

.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;
}

.alignleft,
.left_aligned{
	text-align: left !important;
}

.alignright,
.right_aligned{
	text-align: right !important;
}

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

.no_padding_bottom{
	padding-bottom: 0 !important;
}

.no_padding_top{
	padding-top: 0 !important;
}

.padding_reduced_both{
	padding: 40px 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{
	position: relative;
	color: #fff !important;
}

.pattern_overlayed:before{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #002037;
	background: rgba(0,32,55,0.9);
	z-index: 0;
}

.pattern_overlayed .shard_container{
	z-index: 1;
	position: relative;
}

.wp-caption{}
.wp-caption-text{}
.sticky{}
.gallery-caption{}
.bypostauthor{}

/*-------- 3.1. Inner columns --------*/
.container,
.shard_container{
	width: 1170px;
	margin: 0 auto;
}
.content .shard_container,
.content_with_right_sidebar .shard_container,
.content_with_left_sidebar .shard_container{
	width: 100%;
}


.content_with_right_sidebar .shard_section_dd,
.content_with_left_sidebar .shard_section_dd{
	padding: 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 !important;
}

.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 !important;
}

.no_margin_bottom{
	margin-bottom: 0 !important;
}

.no_padding{
	padding: 0 !important;
}

.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;
}


/*-----------------------------------------------------------------*/
/* 4. Header
/*-----------------------------------------------------------------*/
#ABdev_main_header{
	width: 100%;
	background: #202024;
	padding: 0px;
	z-index: 9999;
	position: relative;
}

#ABdev_header_spacer{
	height: 101px;
}

#ABdev_topbar{
	width: 100%;
	background: #ececec;
	padding: 0px;
	min-height: 48px;
	z-index: 9999;
	position: relative;
	padding-top: 8px;
	padding-bottom: 8px;
}

#ABdev_menu_search{
	width: 170px;
	margin-left: 13px;
	display: inline-block;
	position: relative;
}

#ABdev_menu_search input{
	border: none;
	padding: 4px 0 4px 10px;
	margin: 0;
	font-size: 14px;
}

#ABdev_menu_search .placeholder{
	color: #555555;
}

#ABdev_menu_search ::-webkit-input-placeholder {
	color: #555555;
}

#ABdev_menu_search :-moz-placeholder {
	color: #555555;
	opacity: 1;
}

#ABdev_menu_search ::-moz-placeholder {
	color: #555555;
	opacity: 1;
}

#ABdev_menu_search :-ms-input-placeholder {
	color: #555555;
}

#ABdev_menu_search .submit{
	position: absolute;
	right: 5px;
	top: 6px;
	cursor: pointer;
}

#ABdev_menu_search .submit i{
	color: #08c;
}

#ABdev_menu_search .submit:hover i{
	color: #555555;
}

#dz_main_slider{
	padding: 0;
	background-size: cover;
	position: relative;
	height: 500px;
	background: #f2f3f4;
}

.dz_main_slider_scroll_info{
	font-family: Roboto;
	text-transform: uppercase;
}

.pattern_overlayed #dz_main_slider_content{
	z-index: 1;
}

#logo{
	float: left;
	position: relative;
	padding: 25px 30px 25px 0;
}

#logo:before{
	position: absolute;
	right: -30px;
	top: 0;
	content: "";
	background-color: #08c;
	width: 5000px;
	height: 100%;
	z-index: 0;
}

.boxed_body_wrapper #logo:before {
	position: absolute;
	right: -30px;
	top: 0;
	content: "";
	background-color: #08c;
	width: 260px;
	height: 100%;
	z-index: 0;
}

#logo .logo_inner{
	z-index: 1;
	position: relative;
}


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

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

nav > ul > li{
	float: left;
	line-height: 14px;
}

nav > ul > li a{
	color: #202024;
	font-family: Roboto;
	font-size: 14px;
	text-align: center;
	display: inline-block;
}

nav > ul > li > a{
	color: #aaaaaa;
	margin-left: 5px;
	margin-right: 5px;
	padding: 10px 10px;
	text-transform: uppercase;
}

nav > ul > li > a:last-child{
	margin-right: 0px;
}

nav > ul > li > a > i{
	font-size: 16px;
	display: inline-block;
	margin-bottom: 19px !important;
}

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

nav > ul ul{
	display: none;
	list-style: none;
	position: absolute;
	background: #ececec;
	margin: 0;
	min-width: 228px;
	margin-top: 30px;
	z-index: 2001;
	box-shadow: 0px 0px 20px 0px rgba( 0, 0, 0, 0.1 );
	border-top: 2px solid #08c;
}

#dz_main_header.sticky_header_low nav > ul ul{
	margin-top: 10px;
}

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

#dz_main_header.sticky_header_low nav > ul > li > ul:before{
	height: 15px;
	top: -15px;
}

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

nav > ul ul li{
	position: relative;
	border-bottom: 1px solid #c0c0c0;
	padding: 3px 0;
}

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

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

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

nav > ul ul ul{
	position: absolute;
	left: 100%;
	top: 0;
	margin-left: 0px;
	margin-top: -2px;
	z-index: 2002;
}

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

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

.sf-arrows ul .sf-with-ul:after{
	content:"\69";
	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 > li:hover > a,
nav > ul > .current-menu-item > a,
nav > ul > .current-post-ancestor > a,
nav > ul > .current-menu-ancestor > a{
	color: #fff;
}

#magic-line,
#portfolio_magic-line {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	margin-left: 5px;
	display: block;
	border: 1px solid #c0c0c0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	z-index: -1;
}

#portfolio_magic-line{
	border: 1px solid #08c;
	height: 34px;
}

/*-------- 4.2. Header Style 2 --------*/

#topbar_and_header.th_style_2 nav > ul{
	margin: 14px 0;
}

#topbar_and_header.th_style_2 nav > ul ul{
	margin-top: 14px !important;
}

#topbar_and_header.th_style_2 nav > ul .menu-depth-1{
	margin-top: 14px;
}

#topbar_and_header.th_style_2 nav > ul > li > ul:before{
	height: 20px;
	top: -20px;
}

#topbar_and_header.th_style_2 input{
	font-style: italic;
	font-size: 14px;
}

#topbar_and_header.th_style_2 #header_phone_email_info{
	color: #c0c0c0;
	padding-top: 4px;
	padding-left: 205px;
}

#topbar_and_header.th_style_2 #header_phone_email_info a{
	color: #888;
}

#topbar_and_header.th_style_2 #header_phone_email_info a:hover{
	color: #08c;
}

#topbar_and_header.th_style_2 #header_phone_email_info i{
	position: relative;
	top: 2px;
	margin-right: 10px;
	font-size: 16px;
}

#topbar_and_header.th_style_2 #header_phone_email_info span{
	padding-right: 30px;
	border-right: 1px solid #d6d6d6;
	margin-right: 30px;
	font-size: 14px;
	color: #888;
}

#topbar_and_header.th_style_2 #header_phone_email_info span:last-child{
	margin-right: 0;
	padding-left: 0;
	border: none;
}

#topbar_and_header.th_style_2  #logo:before{
	background-color: transparent;
}

#topbar_and_header.th_style_2 #logo{
	float: left;
	position: absolute;
	top: -48px;
	padding: 0;
}

#topbar_and_header.th_style_2 #header_social_search .social_link{
	margin-right: 14px;
}

#topbar_and_header.th_style_2 #header_social_search .social_link i{
	position: relative;
	top: 2px;
	color: #888;
}

#topbar_and_header.th_style_2 #header_social_search .social_link:hover i{
	color: #08c;
}

#topbar_and_header.th_style_2.th_style_invert #header_phone_email_info span,
#topbar_and_header.th_style_2.th_style_invert #header_social_search .social_link i,
#topbar_and_header.th_style_2.th_style_invert #header_phone_email_info a,
#topbar_and_header.th_style_2.th_style_invert #header_phone_email_info span{
	color: #c0c0c0;
}

#topbar_and_header.th_style_2.th_style_invert #header_phone_email_info a:hover,
#topbar_and_header.th_style_2.th_style_invert #header_social_search .social_link i:hover{
	color: #08c;
}

/*-------- 4.3. Header Style 1 & 2 Inverted --------*/

#topbar_and_header.th_style_invert #ABdev_topbar{
	background: #202024;
}

#topbar_and_header.th_style_invert #ABdev_main_header{
	background: #ececec;
}

#topbar_and_header.th_style_invert #logo:before{
	display: none;
}

#topbar_and_header.th_style_invert nav > ul > li a{
	color: #555;
}

#topbar_and_header.th_style_invert nav > ul > li:hover > a,
#topbar_and_header.th_style_invert nav > ul > .current-menu-item > a,
#topbar_and_header.th_style_invert nav > ul > .current-post-ancestor > a,
#topbar_and_header.th_style_invert nav > ul > .current-menu-ancestor > a{
	color: #202024;
}

#topbar_and_header.th_style_invert nav > ul > .current-menu-item{
	border-color: #202024;
}

#topbar_and_header.th_style_invert #magic-line{
	border-color: #c0c0c0;
}

#topbar_and_header.th_style_1 #header_phone_email_info{
	color: #888;
	padding-top: 4px;
}

#topbar_and_header.th_style_1 #header_phone_email_info a{
	color: #888;
}

#topbar_and_header.th_style_1 #header_phone_email_info span{
	padding-right: 30px;
	border-right: 1px solid #d6d6d6;
	margin-right: 30px;
	font-size: 14px;
	color: #888;
}

#topbar_and_header.th_style_1 #header_phone_email_info span:last-child:hover
{
	opacity: 0.8;
}
#topbar_and_header.th_style_1 #header_phone_email_info span:last-child{
	margin-right: 0;
	padding-left: 0;
	border: none;
	border-radius: 1px;
	background: #2487d2;
	color: #fff;
	padding: 11px 22px;
}
#topbar_and_header.th_style_1 #header_phone_email_info span:last-child a
{
	color: #fff;
}
#topbar_and_header.th_style_1 #header_phone_email_info i{
	position: relative;
	top: 2px;
	margin-right: 2px;
	font-size: 16px;
}

#topbar_and_header.th_style_1 #header_social_search{
	cursor:default;
	padding-top:2px;
}

#topbar_and_header.th_style_1 #header_social_search .social_link{
	margin-right: 14px;
	color: #888;
}

#topbar_and_header.th_style_1 #header_social_search .social_link i{
	position: relative;
	top: 2px;
	color: #888;
}

#topbar_and_header.th_style_1.th_style_invert #header_social_search .social_link i,
#topbar_and_header.th_style_1.th_style_invert #header_phone_email_info span,
#topbar_and_header.th_style_1.th_style_invert #header_phone_email_info a{
	color: #c0c0c0;
}

#topbar_and_header.th_style_1 #header_social_search .social_link:hover i,
#topbar_and_header.th_style_1 #header_phone_email_info a:hover{
	color: #08c;
}


/*-------- 4.4. Header Style 3 --------*/

#topbar_and_header.th_style_3 nav > ul{
	margin-top: 0;
	float: left;
}

#topbar_and_header.th_style_3 nav > ul ul{
	margin-top: 0px;
	margin-left: 5px;
}

#topbar_and_header.th_style_3 nav > ul ul ul{
	margin-top: -2px;
	margin-left: 0;
}

#topbar_and_header.th_style_3 nav > ul > li > ul:before{
	height: 6px;
	top: -6px;
}

#topbar_and_header.th_style_3 nav > ul > li > a{
	padding: 18px 19px;
}

#topbar_and_header.th_style_3 nav > ul > li:hover > a,
#topbar_and_header.th_style_3 nav > ul > .current-menu-item > a{
	color: #fff;
}

#topbar_and_header.th_style_3 #logo:before{
	display: none;
}

#topbar_and_header.th_style_3 #magic-line{
	background: #08c;
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

#topbar_and_header.th_style_3 #ABdev_menu_search{
	float: right;
	margin: 10px 0 10px 0;
	font-style: italic;
	font-size: 14px;
}

#topbar_and_header.th_style_3.th_style_invert #header_social_search span,
#topbar_and_header.th_style_3.th_style_invert #header_social_search span a,
#topbar_and_header.th_style_3.th_style_invert #header_social_search .social_link{
	color: #c0c0c0;
}

#topbar_and_header.th_style_3 #header_social_search span{
	padding: 0 30px;
	border-right: 1px solid #888;
	color: #888;
	font-size: 14px;
}

#topbar_and_header.th_style_3 #header_social_search span i{
	padding-right: 10px;
	top: 3px;
	position: relative;
}

#topbar_and_header.th_style_3 #header_social_search span a,
#topbar_and_header.th_style_3 #header_social_search .social_link{
	color: #888;
}

#topbar_and_header.th_style_3 #header_social_search .social_link{
	margin-left: 14px;
}

#topbar_and_header.th_style_3 #header_social_search span:hover a,
#topbar_and_header.th_style_3 #header_social_search .social_link i:hover{
	color: #08c;
}


/*-------- 4.5. Mega Menu --------*/
.sf-mega {
	width: 1170px;
	position: absolute;
	right: 0;
	display: none;
	top: 100%;
	z-index: 9999;
	padding-top: 30px;
	color: #202024;
	box-shadow: 4px 5px 8px 0px rgba( 0, 0, 0, 0.1 );
}

#topbar_and_header.th_style_2 .sf-mega{
	padding-top: 14px;
}

#topbar_and_header.th_style_3 .sf-mega{
	right: auto;
	left: 0;
	margin-left: 0!important;
	padding: 0;
}

.sf-mega-inner{
	border-top: 2px solid #08c;
	background: #ececec;
}

nav > ul .sf-mega ul{
	min-width: 0;
}

nav > ul li:hover > .sf-mega,
nav > ul li.sfHover > .sf-mega {
	display: block;
}

.sf-mega li,
.sf-mega ul{
	position: static !important;
	display: block !important;
	padding: 0;
	margin: 0;
	border: none;
	height: auto !important;
	background: none;
	box-shadow: none;
}

nav > ul .sf-mega li:hover {
	background: none;
}

nav > ul .sf-mega-inner{
	display: table !important;
	width: 100%;
}

nav > ul .sf-mega-inner > ul {
	display: table-row !important;
}

nav > ul .sf-mega-inner > ul > li{
	border-right: 1px solid #c0c0c0;
	padding-top: 8px;
	display: table-cell !important;
	vertical-align: top;
}

nav > ul .sf-mega-inner > ul > li:last-child{
	border-right: none;
}

.sf-mega li,
.sf-mega li{
	border-bottom: none;
}

nav > ul .sf-mega-inner > ul > li > a{
	font-size: 16px;
	font-weight: 700;
	color: #202024;
	text-transform: uppercase;
	margin-bottom: 11px;
}

nav > ul .sf-mega-inner > ul > li > ul > li a{
	font-size: 14px;
	color: #202024;
}

nav > ul .sf-mega-inner a{
	text-transform: none;
	padding: 13px 18px 13px 18px;
	margin-bottom: 1px;
}

nav > ul .sf-mega-inner a:hover{
	background: #ffffff;
}

nav > ul > .mega1 .sf-mega-inner > ul > li{width: 100%;}
nav > ul > .mega2 .sf-mega-inner > ul > li{width: 50%;}
nav > ul > .mega3 .sf-mega-inner > ul > li{width: 33.33333333333333%;}
nav > ul > .mega4 .sf-mega-inner > ul > li{width: 25%;}
nav > ul > .mega5 .sf-mega-inner > ul > li{width: 20%;}
nav > ul > .mega6 .sf-mega-inner > ul > li{width: 16.66666666666667%;}
nav > ul > .mega7 .sf-mega-inner > ul > li{width: 14.28571428571429%;}


nav > ul .sf-mega-inner .description_menu_item{
	padding: 20px;
	font-size: 16px;
	font-weight: 300;
	line-height: 22px;
}

nav > ul .sf-mega-inner .description_menu_item a{
	display: inline;
	padding: 0;
	margin: 0;
	line-height: inherit;
	font-size: inherit;
	color: #08c;
}

nav > ul .sf-mega-inner .description_menu_item a:hover{
	color: #202024;
	background: none;
}

/*-------- 4.6. Title/Breadcrumbs Bar --------*/

#title_breadcrumbs_bar{
	background: url(../images/header.jpg) no-repeat center;
	padding: 54px 0 55px 0;
	font-family: Roboto;
	font-weight: 300;
	overflow: hidden;
	position: relative;
	font-size: 18px;
}

#title_breadcrumbs_bar h1{
	color: #fff;
	margin-bottom: 10px;
	line-height: 35px;
}

#title_breadcrumbs_bar .tbb_breadcrumbs{
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
}

#title_breadcrumbs_bar .tbb_breadcrumbs .container{
	position: relative;
}

#title_breadcrumbs_bar .breadcrumbs{
	line-height: 30px;
	display: inline-block;
	position: absolute;
	bottom: 0;
	right: 0;
}

#title_breadcrumbs_bar .breadcrumbs .breadcrumbs_inner{
	position: relative;
	font-size: 16px;
}

#title_breadcrumbs_bar .breadcrumbs:before{
	position: absolute;
	left: -20px;
	content: "";
	background-color: #08c;
	width: 5000px;
	height: 100%;
}

#title_breadcrumbs_bar .breadcrumbs{
	color: #fff;
	font-size: 13px;
}

#title_breadcrumbs_bar .breadcrumbs a,
#title_breadcrumbs_bar .breadcrumbs .current{
	font-size: 16px;
	color: #fff;
}

#title_breadcrumbs_bar .breadcrumbs i{
	font-size: 8px;
	top: 0;
}

#title_breadcrumbs_bar .bokah_circle{
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background: #fff;
	position: absolute;
	opacity: 0.08;
	box-shadow: 0 0 10px #fff;
}

#title_breadcrumbs_bar .bokah_circle_1{opacity: 0.04;height: 70px;width: 70px;}
#title_breadcrumbs_bar .bokah_circle_2{opacity: 0.05;height: 100px;width: 100px;}
#title_breadcrumbs_bar .bokah_circle_3{opacity: 0.06;height: 125px;width: 125px;}
#title_breadcrumbs_bar .bokah_circle_4{opacity: 0.07;height: 150px;width: 150px;}
#title_breadcrumbs_bar .bokah_circle_5{opacity: 0.08;height: 200px;width: 200px;}
#title_breadcrumbs_bar .bokah_circle_6{opacity: 0.07;height: 270px;width: 270px;}
#title_breadcrumbs_bar .bokah_circle_7{opacity: 0.05;height: 350px;width: 350px;}


/*-----------------------------------------------------------------*/
/* 5. Slider place
/*-----------------------------------------------------------------*/
#frontpage_slider{
	padding: 0;
	margin: 0;
}

.tp-leftarrow.default,
.tp-rightarrow.default {
	background: #fff !important;
	width: 44px;
	height: 44px;
	text-align: center;
}

.tp-leftarrow.default{
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

.tp-rightarrow.default {
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}

.tp-leftarrow.default:hover,
.tp-rightarrow.default:hover {
	background: #08c !important;
}

.tp-leftarrow.default:before,
.tp-rightarrow.default:before {
	font-family:'icomoon';
	display: block;
	color: #505558;
	content:'\6b';
	text-align: center;
	font-size: 16px;
	line-height: 44px;
	width: 100%;
	height: 100%;
}

.tp-leftarrow.default:hover:before,
.tp-rightarrow.default:hover:before {
	color: #fff !important;
}

.tp-rightarrow.default:before {
	content:'\69';
}

.tp-bullets.simplebullets.round .bullet {
	background: none;
}

.tp-bullets.simplebullets.round .bullet{
	border: 2px solid #fff;
	width: 10px;
	height: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-right: 17px;
}

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


/*-----------------------------------------------------------------*/
/* 6. Blog
/*-----------------------------------------------------------------*/
.sidebar_left{
	margin-left: 0 !important;
}

/*-------- 6.1. Blog Timeline --------*/
#timeline_posts{
	background: url("../images/timeline_line.png") center top repeat-y;
	overflow: hidden;
	position: relative;
}

.timeline_post{
	background: #ececec;
	width: 535px;
	float: left;
	margin-bottom: 40px;
	position: absolute;
	top: -2000px;
	transition: top 1s;
}

.timeline_post h3{
	padding: 25px 25px 0px 25px;
	margin-bottom: 0;
}

.timeline_post h3 a{
	color:  #202024;
}

.timeline_post h3 a:hover{
	color:  #08c;
}

.timeline_post_first{
	width: 535px;
}

.timeline_appended{
	transition: top 0s, opacity 1s;
	-webkit-transition: top 0s, opacity 1s;
}

.timeline_postmeta{
	padding: 13px 15px 12px 15px;
	font-size: 13px;
	line-height: 13px;
}

.timeline_postmeta_soundcloud{
	padding: 8px 15px 12px 15px;
}

.timeline_postmeta a{
	color: #555555;
	float: right;
	font-size: 14px;
	padding-left: 10px;
}

.timeline_postmeta a:hover{
	color:  #08c;
}

.timeline_postmeta p{
	display: inline-block;
	margin-bottom: 0;
	font-size: 14px;
}

.timeline_postmeta i{
	margin-right: 6px;
	color: #c0c0c0;
}

.timeline_postmeta .timeline_icon{
	color: #555555;
	float: right;
	padding-left: 10px;
}

.timeline_content{
	padding: 17px 25px 1px 25px;
}

.timeline_content p{
	font-size: 14px;
}

.timeline_post .post-readmore{
	padding: 22px 22px 0px 22px;
}

.timeline_post .post-readmore p{
	margin-bottom: 22px;
}

.timeline_post_left:after,
.timeline_post_right:after{
	display: block;
	position: absolute;
	width: 5px;
	height: 5px;
	background: #08c;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	content: "";
}

.timeline_post_left:after{
	right: -53px;
	top: 33px;
}

.timeline_post_right:after{
	left: -52px;
	top: 74px;
}

.timeline_post_left:before,
.timeline_post_right:before{
	content: "";
	display: block;
	position: absolute;
}

.timeline_post_left:before{
	width: 0;
	height: 0;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
	border-left: 12px solid #ececec;
	top: 24px;
	right: -12px;
}

.timeline_post_right:before{
	width: 0;
	height: 0;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
	border-right:12px solid #ececec;
	top: 65px;
	left: -12px;
}

#timeline_loading{
	text-align: center;
	padding-top: 40px;
	padding-bottom: 40px;
}

.timeline_loading_loader{
	background: url("images/ajax-loader.gif") center 40px no-repeat;
}

/*-------- 6.2. Blog Posts --------*/
.post_content{
	position: relative;
	min-height: 200px;
}

.post_wrapper{
	margin-bottom: 40px;
}

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

.post_content .post_main:before{
	width: 0;
	height: 0;
	content: "";
	display: block;
	position: absolute;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
	border-right: 12px solid #ececec;
	left: -12px;
	top: 23px;
}

.post_content .post_badges .post_date .post_day{
	display: block;
	font-size: 20px;
	font-weight: 300;
	text-align: right;
	padding-bottom: 5px;
}

.post_content .post_badges .post_date .post_our_minute{
	font-size: 22px;
	font-weight: 300;
	color:  #323232;
}

.post_content .post_badges .post_date .post_am_pm{
	padding-left: 5px;
	color:  #323232;
	font-weight: 400;
	font-size: 22px;
}

.blog_classic_layout .post_content .post_main:before,
.post_content .post_main.post_main_alternative:before{
	display: none;
}

.post_content .postmeta_under_image section{
	border-bottom: none;
}

.post_content .postmeta_under_image{
	position: relative;
	background-color:  #fff;
	padding-top: 37px;
}

.post_content .postmeta_under_image.no_featured_post_media{
	padding-top: 0;
}

.post_content .post_main{
	position: relative;
	background-color:  #ececec;
	margin-left: 200px;
}

.post_content .author_and_categories_badges{
	position: absolute;
	left: -195px;
	width: 170px;
	text-align: right;
}

.post_content .author_and_categories_badges .posted_by_author{
	font-size: 18px;
}

.post_content .author_and_categories_badges .posted_by_author strong{
	font-size: 20px;
	display: block;
	margin-bottom: 20px;
}

.post_content .no_featured_post_media .author_and_categories_badges{
	margin-top: 124px;
}

.post_content .author_and_categories_badges .posted_by_author strong{
	text-align: right;
	font-weight: 400;
}

.post_content .author_and_categories_badges .categories{
	font-weight: 300;
	font-size: 18px;
	padding-top: 10px;
	text-align: right;
	list-style-type: none;
}

.post_content .author_and_categories_badges .categories ul li{
	list-style-type: none;
	padding-top: 5px;
	text-align: right;
}

.post_content .author_and_categories_badges .categories ul li a{
	font-weight: 400;
	color: #505558;
	font-size: 20px;
}

.post_content .author_and_categories_badges .categories ul li:hover a{
	color: #08c;
}

.blog_category_index .post_main{
	margin-left: 200px;
}

.blog_category_index .post_content .post_main .post_main_inner{
	padding: 0 26px;
	font-size: 14px;
}

.blog_category_index .post_content .post_main p{
	margin-bottom: 25px;
	font-size: 14px;
}

.post_content .post_main h3.post_main_title{
	padding: 22px 26px 0 0;
	margin-bottom: 18px;
}

.post_content .post_main h3.post_main_title a{
	font-size: 24px;
	color:  #202024;
	font-weight: 700;
}

.post_content .post_main h3.post_main_title a:hover{
	color: #08c;
}

.post_content .postmeta_under_image h3{
	padding: 0;
	margin-bottom: 32px;
}

.post_content .postmeta_under_image p{
	padding: 0;
}

.post_content .post_badges{
	float: left;
	width: 170px;
	text-align: left;
	color: #505558;
	position: relative;
}

.post_content .post_badges i{
	color: #fff;
	background: #08c;
	border-radius: 3px;
	padding: 19px;
	font-size: 32px;
	margin-bottom: 13px;
	float: right;
}

.post_content .post_main:after{
	content: "";
	display: block;
	width: 1px;
	height: 100%;
	background: #c0c0c0;
	position: absolute;
	top: 70px;
	left: -65px;
}

.post_content .post_badges .post_author{
	display: block;
	padding-bottom: 16px;
	margin-bottom: 8px;
}

.post_content .post_badges .post_date{
	display: block;
	font-size: 13px;
	color: #555555;
	float: left;
	margin-top: 11px;
}

.post_content .post_badges_single{
	float: left;
	width: 170px;
	text-align: left;
	color: #505558;
	position: relative;
}

.post_content .post_badges_single i{
	color: #fff;
	background: #08c;
	border-radius: 3px;
	padding: 19px;
	font-size: 32px;
	margin-bottom: 13px;
	float: right;
}

.post_content .post_badges_single .post_date{
	display: block;
	font-size: 13px;
	float: left;
	margin-top: 11px;
}

.post_content .post_badges_single .post_date .post_day{
	display: block;
	font-size: 20px;
	font-weight: 300;
	text-align: right;
	text-transform: lowercase;
	padding-bottom: 5px;
}

.post_content .post_badges_single .post_our_minute{
	font-size: 22px;
	font-weight: 300;
	color: #323232;
}

.post_content .post_badges_single .post_am_pm{
	padding-left: 5px;
	color: #323232;
	font-weight: 400;
	font-size: 16px;
}

.post_meta_tags{
	text-align: right;
	font-size: 13px;
}

.post_meta_tags a{
	color: #555555;
}

.post_meta_tags a:hover{
	color: #08c;
}

.post_meta_tags i{
	margin-right: 5px;
	margin-left: 10px;
	font-size: 12px;
	position: relative;
	top: 2px;
	color: #555555;
}

.post_main .postmeta-above,
.post_main .postmeta-under{
	text-align: right;
	position: relative;
	display: block;
}

.post_main .postmeta-above a,
.post_main .post-readmore a{
	color: #555555;
	font-size: 14px;
	margin-bottom: 0px;
	display: inline-block;
	padding: 9px 10px 9px 10px;
}

.post_main_soundcloud .post-readmore a{
	padding-top: 4px;
}

.post_main .postmeta-above a:hover,
.post_main .post-readmore a:hover{
	color: #08c;
}

.post_main .post-readmore i{
	font-size: 5px;
	margin-left: 5px;
}

.post_main .postmeta-above i{
	font-size: 5px;
	position: absolute;
	top: 18px;
	right: 83px;
	color: #555;
}

.post_main .postmeta-above p{
	display: inline-block;
	margin-right: 25px;
	margin-bottom: 0;
}

.post_main .postmeta-above .post_meta_comments{
	margin: 0;
}

.post_main .postmeta-under{
	padding: 40px 0;
	margin: 17px 0 40px 0;
}

.post_main .postmeta-under p{
	margin-bottom: 0;
}

.post_meta_share{
	float: left;
}

.post_meta_tags{
	float: right;
}

.post_meta_share a{
	left: 0;
	display: inline-block;
	background: #ececec;
	color: #555555;
	width: 76px;
	height: 32px;
	line-height: 32px;
	border-radius: 3px;
	text-align: center;
	margin-left: 2px;
}

.post_meta_share span{
	margin-right: 10px;
	font-family: Roboto;
	font-weight: 300;
	font-size: 20px;
	color: #505558;
	position: relative;
	top: -1px;
}

.post_meta_share a:hover i{
	color: #fff;
}

.post_meta_share i{
	font-size: 16px !important;
	top: 0px !important;
	padding-right: 5px;
}

.postmeta_under_text_tags{
	font-style: italic;
	text-transform: uppercase;
}

.post_meta_share .post_share_facebook:hover{background: #3B5998;color: #fff;}
.post_meta_share .post_share_twitter:hover{background: #4099FF;color: #fff;}
.post_meta_share .post_share_googleplus:hover{background: #d34836;color: #fff;}
.post_meta_share .post_share_linkedin:hover{background: #0e76a8;color: #fff;}

.post_about_author{
	margin-bottom: 40px;
}

.post_about_author img{
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	float: left;
	margin-right: 30px;
}

.post-readmore{
	text-align: right;
}

.post-readmore i{
	font-size: 5px;
	position: absolute;
	bottom: 17px;
	right: 94px;
	color: #555;
}

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

.sticky .post_content .post_badges i{
	background: #202024;
}

.sticky .post_content .post_main {
	background-color: #ddd;
}

.blog_classic_layout .post_content .post_main{
	margin-left: 0px;
	background: #fff;
}

.blog_classic_layout .post_content .post_main:after,
.post_content .post_main_alternative:after{
	display: none;
}

.blog_classic_layout .post_content .post_main img,
.blog_classic_layout .post_content .post_main iframe,
.blog_classic_layout .post_content .post_main .videoWrapper-vimeo,
.blog_classic_layout .post_content .post_main .videoWrapper-youtube{
	margin-bottom: 23px;
}

.blog_classic_layout .post_content .post_main h3,
.blog_classic_layout .post_content .post_main p{
	padding: 0;
}

.blog_classic_layout .post_content .post_main .post-readmore{
	border-top: 1px solid #ececec;
	padding-top: 9px;
	margin-bottom: 24px;
}

.blog_classic_layout .post_content .post_main .post-readmore p{
	float: left;
	padding: 0;
	margin: 0;
}

.blog_classic_layout .post_content .post_main .post-readmore a{
	padding: 0px 10px 9px 10px;
}

.blog_classic_layout .post_content .post_main .post-readmore p a{
	padding: 0;
}

.blog_classic_layout .post_content .post_main .post-readmore .date_icon,
.blog_classic_layout .post_content .post_main .post-readmore .tags_icon{
	color: #c0c0c0;
	font-size: 15px;
	position: relative;
	left: 0;
	bottom: 0;
	margin-right: 8px;
	margin-left: 0;
}

.blog_classic_layout .post_content .post_main .post-readmore .tags_icon{
	margin-left: 30px;
}


/*-------- 6.3. Post Comments --------*/
#comments_section{
	padding-bottom: 0;
	padding-top: 0;
	border-top: 1px solid #ececec;
	padding-top: 75px;
	padding-left: 200px;
}

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

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

.comment {
	position: relative;
	margin-bottom: 40px;
	min-height: 70px;
}

.comment .children{
	padding-left: 50px;
}

.children .comment:last-child{
	margin-bottom: 0;
}

.comment .avatar{
	position: absolute;
	top: 0px;
	left: -100px;
	width: 70px;
	height: 70px;
	border-radius: 3px;
}

.comment .comment-text{
	border-bottom: 1px solid #e6ebed;
	padding: 10px 0 35px 0;
}

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

.comment .comment-author{
	font-size: 18px;
	color: #555555;
	font-family: Roboto;
	font-weight: 400;
}

.comment time{
	font-size: 13px;
	float: right;
	color:  #c0c0c0;
	font-style: italic;
}

.comment .comment-text .reply,
.comment .comment-text .reply a{
	color: #08c;
	font-size: 14px;
	font-weight: 300;
	text-transform: lowercase;
	font-size: 13px;
}

.comment .reply a:hover{
	color: #555555;
}

.comment .reply{
	float: right;
	margin-top: 23px;
	background: #fff;
	padding-left: 5px;
}

.comment .reply a:hover,
.comment .edit-link a:hover{
	color: #08c;
}

#respond{
	padding-top: 30px;
}

#respond .comment-form{
	position: relative;
	padding-bottom: 71px;
}

#respond #comment{
	margin-bottom: 35px;
	margin-left: 16px;
}

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

#respond .form-submit{
	display: block;
	margin-bottom: 0;
}

#respond #comment-submit{
	-webkit-appearance: none;
	background: #08c;
	margin: 0;
	font-weight: 400;
	font-size: 16px;
	font-family: Roboto;
	float: right;
}

#respond #comment-submit:hover{
	background: #505558;
	border-color: #505558;
}

#respond input[type="text"] {
	width: 100%;
	height: 42px;
	margin-bottom: 0;
	border-radius: 3px;
	background: #fff;
}

#respond .comment_fields{
	float: left;
	width: 50%;
}

#respond .comment_fields p{
	margin-right: 1% !important;
	width: 95%;
	margin-bottom: 41px;
}

#respond .comment-form-comment{
	width: 50%;
	float: right;
}

body.logged-in #respond .comment-form-comment{
	width: 100%;
	float: none;
}

#respond .comment-form-comment textarea{
	width: 95%;
	height: 126px;
	border-radius: 3px;
	background: #fff;
}

body.logged-in #respond .comment-form-comment textarea{
	width: 100%;
}

body.logged-in #respond #comment{
	margin-left: 0;
}


/*-------- 6.4. Post Pagination --------*/
#blog_pagination{
	padding-top: 72px;
	text-align: right;
}

#blog_pagination .blog_pagexofy{
	font-size: 22px;
	line-height: 48px;
}

#blog_pagination .page-numbers{
	color: #505558;
	font-size: 22px;
	line-height: 14px;
	display: inline-block;
	padding: 13px 9px 13px 9px;
	margin: 0;
}

#blog_pagination .page-numbers.current,
#blog_pagination .page-numbers:hover{
	color: #08c;
}

#blog_pagination .prev{
	margin-right: 10px;
}

#blog_pagination .next{
	margin-left: 10px;
	padding-right: 0px;
}

#blog_pagination .prev i,
#blog_pagination .next i{
	font-size: 14px;
	top: -1px;
	position: relative;
}

#inner_post_pagination > span,
#inner_post_pagination > a{
	background: #f5f7f8;
	color: #505558;
	float: left;
	color: #505558;
	font-size: 14px;
	line-height: 14px;
	display: inline-block;
	padding: 13px 16px 13px 16px;
	margin: 0;
	border-top: 1px solid #e6ebed;
	border-bottom: 1px solid #e6ebed;
	border-right: 1px solid #e6ebed;
}

#inner_post_pagination > a {
	background: #fff;
}

#inner_post_pagination > a span{
	border: none;
}

#inner_post_pagination > a:hover{
	background: #505558;
	color: #08c;
}

#inner_post_pagination > span:first-child,
#inner_post_pagination > a:first-child{
	border-left: 1px solid #e6ebed;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}

#inner_post_pagination > span:last-child,
#inner_post_pagination > a:last-child{
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}


/*-----------------------------------------------------------------*/
/* 7. Videos
/*-----------------------------------------------------------------*/

.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%;
}


/*-----------------------------------------------------------------*/
/* 8. Contact Form 7
/*-----------------------------------------------------------------*/
.contact_form_row{
	padding-top: 51px;
}

.contact input{
	margin-top: 0;
	margin: 0 0 30px 0;
}

.contact input[type="text"]{
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #d9d9d9;
	-webkit-appearance: none;
	background: #fff;
}

.contact textarea{
	margin: 0 0 30px 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-appearance: none;
}

.contact input[type="file"]{
	padding-right: 20px;
}

.contact input[type="checkbox"]{
	margin: 0 10px 0 0;
	padding: 0;
	height: 12px;
	width: 12px;
}

.contact-list-item{
	display: block;
}

.contact-not-valid-tip{
	width: auto !important;
	border: none !important;
	color: #fff !important;
	padding: 4px 8px !important;
	background: #858585 !important;
}

.contact-validation-errors{
	margin-bottom: 40px !important;
	padding: 19px !important;
	background: #ffe9e9 !important;
	color: #d04544 !important;
	border: none !important;
	margin: 20px 0 40px 0 !important;
}

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

.contact-response-output:before{
	content: "\41"; /* entypo-cross */
	font-size: 14px;
	font-family: 'icomoon';
	position: absolute;
	top: 19px;
	left: 19px;
}

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

.contact-response-output.success:before{
	content: "\37"; /* entypo-checkmark */
	font-size: 14px;
	font-family: 'icomoon';
	position: absolute;
	top: 19px;
	left: 19px;
}

.contact-form-control{
	margin-bottom: 40px !important;
}

div.contact img.ajax-loader {
	top: -20px;
	position: relative;
	left: 50%;
	margin-left: -8px;
}

.shard_section_dd.contact_section_alternative .contact textarea{
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-appearance: none;
	background: #fff;
	font-style: italic;
	padding: 9px 0px 9px 14px;
	height: 208px;
	margin-bottom: 35px;
}

.shard_section_dd.contact_section_alternative .contact-text,
.shard_section_dd.contact_section_alternative .contact-email{
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-appearance: none;
	background: #fff;
	font-style: italic;
	padding: 9px 0px 9px 14px;
	margin-bottom: 41px;
}

.shard_section_dd.contact_section_alternative .contact-submit{
	-webkit-appearance: none;
	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;
	cursor: pointer;
	white-space: nowrap;
	text-decoration: none;
	display: inline-block;
	border: none !important;
	background: #08c !important;
	color: #fff;
	padding: 10px 41px !important;
	line-height: 20px !important;
	font-size: 16px;
	font-family: Roboto;
	font-weight: 400;
	font-style: normal;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-bottom: 40px;
}

.shard_section_dd.contact_section_alternative .contact-submit:hover{
	background: #505558 !important;
	transition: background 180ms, color 180ms, border-color 180ms;
	-webkit-transition: background 180ms, color 180ms, border-color 180ms;
}

.contact .contact-list-item{
	display: block;
}

.contact .project_description{
	height: 228px;
	width: 100%;
}

.contact .drag_and_drop{
	height: 205px;
	border: 3px dashed #c0c0c0;
	background: #ececec;
	margin-bottom: 0;
	width: 100%;
}

.contact .start_date,
.contact .due_date{
	height: 196px;
	text-align: center;
	font-size: 24px;
	border-radius: 0;
	color: #555;
	background: #ececec;
}

.contact .choose_date input{
	padding: 0;
	margin: 0 10px 0 0;
	height: 15px;
	width: 15px;
}

.contact .select_budget{
	background: #ececec;
	color: #555;
}


/*-----------------------------------------------------------------*/
/* 9. Widgets
/*-----------------------------------------------------------------*/
aside.sidebar_right{
	padding-left: 12px;
}

aside.sidebar_left{
	padding-right: 12px;
}

.widget input{
	margin-bottom: 0;
}

.sidebar-widget-heading h5,
#reply-title{
	font-family: Roboto;
	color: #202024;
	line-height: 20px;
	position: relative;
	margin-bottom: 18px;
	display: block;
	text-align: left;
	font-size: 18px;
	font-weight: 700;
	padding-bottom: 10px;
}

#comments-title{
	margin-bottom: 70px;
}

.widget{
	margin-bottom: 77px;
}

aside .widget a{
	color: #555555;
}

aside .widget a:hover{
	color: #08c;
}

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

.widget ul.children{
	padding-left: 20px;
}

.widget ul.children li{
	border-bottom: none;
}

.widget_categories ul li{
	border-bottom: 1px solid #ececec;
}

.widget_categories ul li,
.widget_pages ul li,
.widget_nav_menu ul li{
	position: relative;
	padding: 5px 0;
}

.widget_categories ul li a:before,
.widget_pages ul li a:before,
.widget_nav_menu ul li a:before{
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border-top: 3px solid transparent;
	border-bottom: 3px solid transparent;
	border-left: 3px solid #08c;
	position: relative;
	bottom: 3px;
	padding-right: 9px;
}

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

.widget_search a{
	cursor: pointer;
}

.widget_search i{
	color: #08c;
	position: absolute;
	top: 15px;
	right: 10px;
	font-size: 12px;
}

.widget_search i:hover{
	color:  #c0c0c0;
}

.widget_search input{
	padding: 10px 20px;
	font-size: 16px;
	font-style: italic;
	height: 42px;
	background: #fff;
	border-radius: 3px;
}

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

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

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

#search_results_sum_title{
	margin-bottom: 50px;
}

/*--------9.2. Categories --------*/
aside.sidebar .widget_pages li,
aside.sidebar .widget_recent_entries li,
aside.sidebar .widget_archive li,
aside.sidebar .widget_nav_menu li,
aside.sidebar .widget_meta li,
aside.sidebar .widget_rss li,
aside.sidebar .widget_categories li{
	text-align: left;
}

aside.sidebar .widget_nav_menu li.menu-item-has-children{
	border: none;
	padding-bottom: 0;
}

aside.sidebar .widget_nav_menu li ul{
	margin-top: 7px;
	margin-bottom: 0;
}

aside.sidebar .widget_nav_menu li ul li{
	padding-left: 20px;
}

aside.sidebar .widget_rss .rsswidget{
	font-family: Roboto;
	color: #505558;
	font-size: 18px;
}

aside.sidebar .widget_rss .rss-date{
	display: block;
}
aside.sidebar .widget_rss .rssSummary{
	font-size: 13px;
}

/*-------- 9.3. Tag Cloud --------*/
.tagcloud a{
	border: 1px solid #ececec;
	background:  #ececec;
	display: inline-block;
	margin: 0 5px 5px 0;
	padding: 7px 11px 7px 11px;
	float: left;
	color: #555555;
	font-size: 16px !important;
	line-height: 16px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.tagcloud a:hover{
	background: #08c;
	color: #fff !important;
}

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

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

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

/*-------- 9.4. Flickr stream --------*/
#main_footer .flickr_stream a{
	float: left;
	display: inline-block;
	position: relative;
}

aside.sidebar .flickr_stream a{
	margin: 0 10px 10px 0;
	float: left;
	display: inline-block;
	position: relative;
}

aside.sidebar .flickr_stream a:nth-child(3n+0){
	margin-right: 10px;
}

aside.sidebar .flickr_stream a:nth-child(4n+0){
	margin-right: 0;
}


.flickr_stream a{
	overflow: hidden;
	position: relative;
	z-index: 0;
}

.flickr_stream a:after{
	display: block;
	content: '';
	position: absolute;
	-webkit-transition: height 300ms;
	-moz-transition: height 300ms;
	transition: height 300ms;
	width: 200%;
	height: 0;
	top: 50%;
	left: 50%;
	background: rgba(32,32,36,0.9);
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	transform: translateX(-50%) translateY(-50%) rotate(45deg);
}

.flickr_stream a:hover:after {
	height: 200%;
	-webkit-transition: all 400ms;
	-moz-transition: all 400ms;
	transition: all 400ms;
}

#main_footer .flickr_stream img{
	width: 80px;
	height: 80px;
}

aside.sidebar .flickr_stream img{
	width: 82px;
	height: 82px;
}

/*-------- 9.5. Contact Info Widget --------*/
.contact_info_widget{
	font-weight: 300;
}

.contact_info_widget > div > span{
	width: 70px;
	display: inline-block;
}

.contact_info_widget .contact_info_widget_email{
	margin-bottom: 22px;
}


/*-----------------------------------------------------------------*/
/* 10. Pages
/*-----------------------------------------------------------------*/

/*-------- 10.1. Portfolio --------*/
#ABdev_latest_portfolio{
	margin-bottom: 40px;
}

.portfolio_item{
	color: #929292;
}

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

.portfolio_item h4{
	margin: 0px 0px 27px 0px;
	position: relative;
	z-index: 1;
}

.portfolio_item h4 a{
	color: #fff;
	font-size: 30px;
	font-weight: 300;
	text-transform: uppercase;
	font-family: Roboto;
}

.portfolio_item h4 a:hover{
	color: #08c;
}

.portfolio_item .overlayed .overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	filter: alpha(opacity=0);
	opacity: 0;
	color: #fff;
	-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 .overlayed .overlay > *{
	z-index: 1;
	position: relative;
}

.portfolio_item .overlayed .overlay .overlay_title{
	font-family: Roboto;
	font-size: 24px;
	color: #fff;
	font-weight: 300;
	margin-top: 49px;
	margin-bottom: 17px;
}

.portfolio_item .overlayed .overlay .portfolio_item_tags{
	margin-bottom: 25px;
	font-size: 14px;
	color: #fff;
	font-weight: 700;
}

.portfolio_item:hover .overlayed .overlay {
	filter: alpha(opacity=100);
	opacity: 1;
}

.portfolio_item .overlayed .overlay:after{
	display: block;
	content: '';
	position: absolute;
	width: 200%;
	height: 0;
	top: 50%;
	left: 50%;
	opacity: 0;
	background: rgba(32,32,36,0.9);
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	transform: translateX(-50%) translateY(-50%) rotate(45deg);
	z-index: 0;
	-webkit-transition: all 300ms;
	-moz-transition: all 300ms;
	transition: all 300ms;
}

.portfolio_item:hover .overlayed .overlay:after {
	height: 300%;
	opacity: 1;
}

.portfolio_item .shard-button{
	border: 1px solid #08c;
	color: #fff;
	margin:0px;
	position: relative;
	display: inline-block;
	width: auto;
	height: auto;
}

.portfolio_item .shard-button i{
	margin-left: 9px;
}

.portfolio_item .shard-button:after{
	background: #08c;
}

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

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

.portfolio_item_meta h2{
	margin-bottom: 18px;
	border-bottom: 0;
}

.portfolio_item_meta .portfolio_item_meta_label{
	color:#555555;
	font-weight: 700;
}

.portfolio_item_meta .portfolio_item_meta_data{
	text-align: left;
	position: relative;
	padding-left: 71px;
	padding-top: 6px;
}

.portfolio_item_meta p:last-child{
	border-top: 1px solid #ececec;
	padding-top: 40px;
}

.portfolio_item_meta p:nth-child(10){
	padding-bottom: 11px;
}

.portfolio_item_image{
	margin-bottom: 18px;
}

.portfolio_item_view_link{
	padding: 22px 0 50px 0px;
	text-align: center;
}

.portfolio_item_view_link a{
	display: inline-block;
	background: #fff;
	border: 1px solid #08c;
	color: #202024;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 8px 30px;
	font-family: Roboto;
	font-weight: 300;
}

.portfolio_item_view_link a:hover,
.portfolio_item_view_link a:hover i{
	color: #08c;
	transition: all 180ms ease-in;
	-webkit-transition: all 180ms ease-in;
}

.portfolio_item_view_link a i{
	color: #202024;
	font-size: 13px;
	padding-left: 9px;
	transition: all 180ms ease-in;
	-webkit-transition: all 180ms ease-in;
}

.portfolio_share_social a:first-child{
	margin-left: 0;
}

.portfolio_single_column_item{
	margin-bottom: 80px;
}

.portfolio_single_column_item .portfolio-readmore .more-link{
	margin-top: 0px;
}

.portfolio_single_column_item h2 a{
	margin-bottom: 18px;
	border-bottom: 0;
	color: #202024
}

.portfolio_single_column_item h2:hover a{
	color: #08c;
}

.portfolio_single_column_item h5{
	margin-bottom: 27px;
}

.portfolio_single_detail{
	margin-bottom: 24px;
	padding-top: 6px;
}

.portfolio_item_meta .portfolio_item_meta_label{
	display: inline-block;
	width: 90px;
}

.portfolio_item_meta .portfolio_item_meta_data{
	padding: 0;
}

.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;
	margin-bottom: 50px;
}

#filters.portfolio_filter{
	position: relative;
}

#filters li{
	list-style: none;
	display: inline-block;
	margin: 0;
	padding: 0 5px;
}

#filters li:nth-of-type(2){
	padding-left: 0;
}

#filters li a{
	color: #555555;
	font-family: Roboto;
	font-size: 16px;
	font-weight: 300;
	padding: 5px 21px 5px 21px;
	display: inline-block;
	border: 1px solid transparent;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#filters i{
	margin-right: 10px;
	margin-left: 15px;
	font-size: 9px;
	top: 0px;
}

.portfolio_item_4{
	width: 24.99999%;
	display: block;
	float: left;
}

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

.portfolio_item_2{
	width: 50%;
	display: block;
	float: left;
}

.more_portfolio_link{
	margin: 42px 0 30px 0;
	text-align: center;
}

.more_portfolio_link a{
	border: 1px solid #e6ebed;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-family: Roboto;
	font-size: 20px;
	font-weight: 300;
	color: #505558;
	padding: 10px 30px 12px 30px;
}

.more_portfolio_link a:hover{
	background: #505558;
	border: 1px solid #505558;
	color: #fff;
}

.home_version_2_recent_works .more_portfolio_link a{
	border: 1px solid #08c;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 16px;
	font-weight: 700;
}

.home_version_2_recent_works .more_portfolio_link a:hover{
	background: #08c;
}

.portfolio-readmore{
	margin-top: 30px;
}

.portfolio-readmore .more-link{
	margin-top: 30px;
}

#single_portfolio_pagination{
	min-height: 64px;
	margin-top: 70px;
}

#single_portfolio_pagination a{
	font-family: Roboto;
	font-weight: 300;
	font-size: 16px;
	color: #505558;
	border: 1px solid #e6ebed;
	padding: 7px 20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#single_portfolio_pagination a i{
	font-size: 10px;
	color: #bec6cb;
}

#single_portfolio_pagination .prev,
#single_portfolio_pagination .next{
	margin-top: -22px;
}

#single_portfolio_pagination .prev i{
	margin-right: 8px;
}

#single_portfolio_pagination .next i{
	margin-left: 8px;
}

#single_portfolio_pagination a:hover{
	color: #fff;
	background: #505558;
	border: 1px solid #505558;
}

#single_portfolio_pagination .next{
	float: right;
}

/*-------- 10.2. Contact Page - Contact Info --------*/
.contact_page_info{
	position: relative;
	text-align: left;
	padding-left: 72px;
}

.contact_page_info span{
	position: absolute;
	left: 0;
	display: inline-block;
	background: #242e35;
	width: 32px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.contact_page_info i{
	position: relative;
	top: -2px;
}

.shard_section_dd.contact_section_alternative strong{
	float: left;
}


/*-------- 10.3. About us page --------*/
.section_stats{
	padding: 37px 0 0 0;
}

/*-------- 10.4. 404 page --------*/
#page404{
	text-align: center;
	margin-bottom: 76px;
	border-bottom: none;
}

#page404 .big_404{
	font-size: 270px;
	line-height: 270px;
	font-family: Roboto;
	font-weight: 700;
	color: #ececec;
	padding-top: 20px;
}

#page404 .error{
	font-size: 75px;
	line-height: 75px;
	font-family: Roboto;
	font-weight: 300;
	color: #ececec;
	padding-top: 12px;
}

#page404 .text_404{
	padding-bottom: 7px;
	text-align: left;
}

#page404 h2{
	padding-top: 56px;
	font-size: 75px;
	line-height: 60px;
	font-family: Roboto;
	font-weight: 700;
}

#page404 h4{
	padding: 25px 0 59px 0;
}

#page404 h2, h4, li{
	text-align: left;
}

#page404 ul{
	margin-left: 0px;
}

#page404 ul li{
	margin-bottom: 8px;
}

/*-----------------------------------------------------------------*/
/* 11. Other
/*-----------------------------------------------------------------*/

/*-------- 11.1. AB testimonials --------*/
.ABt_testimonials_slide	.testimonial_small .source a{
	display: block;
}

.ABt_testimonials_slide	.testimonial_small p{
	border-bottom: 5px solid #ececec;
}

.ABt_testimonials_slide	.testimonial_small img{
	border-radius: 3px;
	width: 60px;
	height: 60px;
}

.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: 60px;
	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;
}


/*-----------------------------------------------------------------*/
/* 12. Footer
/*-----------------------------------------------------------------*/
#main_footer{
	color: #555555;
}

#main_footer h4{
	margin-bottom: 34px;
}

#main_footer a{
	font-weight: 300;
}

#main_footer a:hover{
	color: #202024;
}

#main_footer p{
	margin-bottom: 22px;
}

#footer_columns{
	background: #ececec;
	padding-top: 77px;
}

#main_footer .widget_pages li,
#main_footer .widget_recent_entries li,
#main_footer .widget_archive li,
#main_footer .widget_nav_menu li,
#main_footer .widget_meta li,
#main_footer .widget_rss li,
#main_footer .widget_categories li{
	line-height: 20px;
	margin-bottom: 10px;
}

#main_footer .widget_pages li a,
#main_footer .widget_recent_entries li a,
#main_footer .widget_archive li a,
#main_footer .widget_nav_menu li a,
#main_footer .widget_meta li a,
#main_footer .widget_rss li a,
#main_footer .widget_categories li a{
	color:#555555;
}

#main_footer .widget_pages li a:hover,
#main_footer .widget_recent_entries li a:hover,
#main_footer .widget_archive li a:hover,
#main_footer .widget_nav_menu li a:hover,
#main_footer .widget_meta li a:hover,
#main_footer .widget_rss li a:hover,
#main_footer .widget_categories li a:hover{
	color:#08c;
}

#footer_copyright{
	background: #ececec;
	line-height: 30px;
	padding-bottom: 40px;
	overflow-x: hidden;
	color: #202024;
	font-size: 16px;
	font-weight: 300;
}

#footer_copyright_text{
	float: left;
	padding-top: 15px;
	color:  #c0c0c0;
}

#footer_social{
	float: right;
	margin-right: 30px;
	padding-top: 15px;
}

#footer_social a{
	margin-left: 14px;
}

#footer_social i{
	color: #c0c0c0;
}

#footer_social i:hover{
	color: #08c;
}

#footer_logo{
	float: right;
	width: 23.07692307692308%;
	position: relative;
	padding: 11px 0 14px 24px;
}

#footer_logo:before{
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	background-color: #08c;
	width: 5000px;
	height: 100%;
	z-index: 0;
}

#footer_logo .footer_logo_inner{
	z-index: 1;
	position: relative;
}

#main_footer .widget iframe{
	position: static;
	top: 0px;
	width: 100px;
	margin: 0px;
	border-style: none;
	left: 0px;
	visibility: visible;
	height: 20px;
	float: left;
}