/*

Theme Name: sqb child
Author: Mattias Stiller
Author URI: http://www.mattiasstiller.de
Description: Childtheme für XXX
Version: 1.0
Text Domain: ein alias für euer theme (sollte so wie euer Child-Theme-Ordner heißen)
Template: dzen




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

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

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

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

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


/*-----------------------------------------------------------------*/
/* 02. Global styles
/*-----------------------------------------------------------------*/
	body{
		font-family: 'Open Sans', sans-serif;
		font-size: 14px;
		line-height: 26px;
		color: #61696d;

	}

	body.preloader{
		visibility: hidden;
	}

	#jpreOverlay {
		background-color: #000000;
	}

	#jpreSlide{
		display: none;
	}

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

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

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

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

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

	p{
		margin-bottom: 24px;
	}

	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, h2, h3, h4, h5, h6{
		font-family: Roboto;
		font-weight: 300;
		color: #505558;
		margin-bottom: 13px;
	}

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

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

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

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

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

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

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

	.section_body_fullwidth .dnd_section_content .dnd_container{
		width: 100%;
	}

	input,select,textarea{
		border: 1px solid #d9d9d9;
		font-family: 'Open Sans', sans-serif;
		color: #939fa6;
		font-size: 14px;
		line-height: 26px;
		background: #fafcfc;
	}

	input,
	select{
		padding: 8px 0 8px 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 #056ab2;
		background: #056ab2;
		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;
	}

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

	.placeholder{
		color: #929292;
	}

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

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

	.italic{
		font-style: italic;
	}

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

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

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

	.color_highlight{
		color: #056ab2;
	}

	.bold{
		font-weight: 700;
	}

	.dnd_dropcap{
		position: relative;
		top: 6px;
		background: #056ab2;
	}

	.section_color_background{
		background: #056ab2;
		margin-bottom: 0;
	}

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

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

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

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

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

	.content_with_right_sidebar{
	}

	.content_with_left_sidebar{
		float:right !important;
	}

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

	.left_aligned{
		text-align: left;
	}

	.right_aligned{
		text-align: right;
	}

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

	.no_padding_bottom{
		padding-bottom: 0;
	}

	.no_padding_top{
		padding-top: 0;
	}

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

	.margin_bottom{
		margin-bottom: 40px;
	}

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

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

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

	th{
		font-weight: 700;
	}

	.pattern_overlayed{
		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 .dnd_container{
		z-index: 1;
		position: relative;
	}

	.wp-caption{}
	.wp-caption-text{}
	.sticky{}
	.gallery-caption{}
	.bypostauthor{}
	.alignright{}
	.alignleft{}
	.aligncenter{}
	
/*-------- Gallery --------*/
	.gallery {
		margin: 50px auto;
		width: 1200px;
	 }
	
	.gallery-item {
		float: left;
		margin-top: 20px;
		text-align: center;
		width: 20%;
	}
	
	.gallery img {
		border: none;
	}
	
	.gallery-caption {
		margin-left: 0;
	}
/*-------- End of Gallery --------*/

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


	.content_with_right_sidebar .dnd_section_DD,
	.content_with_left_sidebar .dnd_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;
	}

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

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

	.left{
		float: left !important;
	}

	.right{
		float: right !important;
	}

	.no_margin{
		margin: 0;
	}

	.no_padding{
		padding: 0;
	}

	.bottom_margin{
		margin-bottom: 40px;
	}

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

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

	.clearfix:after {
	  clear: both;
	}
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
	position: relative;
	margin: 50px auto 50px  !important;
	padding: 0;
	*zoom: 1;

}
.bx-wrapper img {
	max-width: 1170px;
	display: block;
}

/** THEME
===================================*/
@font-face {
font-family: Chileanbugs;
src: url("/wp-content/themes/games/Chileanbugs.otf") format("opentype");
}

.slide .dnd_service_box_header {
    display: block;

}
.slide .dnd_service_box_header .dnd_icon_boxed {
    display:  none;
}
.dnd_service_box_header h3 {
  display: none;
}
.dnd_service_box p {
  margin-bottom: 0;
}
.slide .font {
	color: #363c40;
	font-family: Chileanbugs;
	font-size: 60px;
	margin: 0 auto;
	/*display: inline-block;*/
	display: none;
	margin: 20px 0;
	-webkit-transform: rotate(-110deg);
	-moz-transform: rotate(-110deg);
	filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.slide {
    height: 210px;
}
.slide .dnd_service_box.dnd_service_box_round_aside .dnd_icon_boxed {
    position: static ;
}
.slide .dnd_service_box.dnd_service_box_round_aside {
    padding-left: 0;
    text-align: center;
}
.slide .dnd_service_box.dnd_service_box_round_aside .dnd_icon_boxed {
    margin-right: 0;
}
.bx-wrapper .slider1 {
	height: 350px !important;
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

.bx-wrapper .refs .slide {
	height: 130px !important;
}
#kunden {
 padding: 50px 0 0 0;
}
#kunden .dnd_section_content {
 display: none;
}
#kunden p {
 margin-bottom: 0;
}
.kaeferbg {
  background: url('images/bigkaefer.png') no-repeat center 10px;
}
 .dnd-accordion .ui-icon-triangle-1-s, .dnd-accordion .ui-icon-triangle-1-e,
 .dnd-accordion .ui-icon-triangle-1-e:before  {
    background: #182127;
}
#flags_language_selector {

  background: url("images/pic-country.png") no-repeat scroll 8px 0 rgba(0, 0, 0, 0);
    padding-left: 54px;
}
.langfooter {

}
.page-id-1920 .center header .dnd_container p,
.page-id-1914 .center header .dnd_container p {
  text-align: center;
}

/** LOADER
===================================*/
.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}
/** PAGER
===================================*/
.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}
/** DIRECTION CONTROLS (NEXT / PREV)
===================================*/
.bx-wrapper .bx-prev {
	left: -40px;
	background: url(images/homeprev.png) no-repeat 0 0;
}
.bx-wrapper .bx-next {
	right: -40px;
	background: url(images/homenext.png) no-repeat 0 0;
}
.bx-wrapper:hover .bx-controls-direction a {
    display: block;
}
.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 47%;
	margin-top: -27px;
	outline: 0;
	height: 50px;
	width: 50px;
	text-indent: -9999px;
	z-index: 800;
}
.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}
/** /* AUTO CONTROLS (START / STOP)
===================================*/
.bx-wrapper .bx-controls-auto {
	text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT
===================================*/
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}
header .container {
  position: relative;
}

#lang_sel_list a.lang_sel_sel,
#lang_sel_list ul a, #lang_sel_list_list ul a:visited  {

}
#lang_sel_list a {
	color: #fff !important;
	background: #181f25 !important;

	font-family: arial;
}
#lang_sel_list a.lang_sel_sel  {
	text-decoration: underline !important;
}
.metaheader {
	font-size: 11px;
	position: absolute;
	right: 0;
	top: -16px;
	color: #fff;
}
.metaheader a {
	color: #fff;
}
.metaheader a:hover {
	color: #fff;
	text-decoration: underline;
}
.metaheader div {
	float: right;
}












/*-----------------------------------------------------------------*/
/* 03. Header
/*-----------------------------------------------------------------*/
	#dz_main_header{
		width: 100%;
		background: #152338;
		padding: 30px 0px;
		box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.2);
		z-index: 9999;
		position: fixed;
	}

	#dz_header_spacer{
		height: 101px;
      background: #152338 !important;
	}

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

	#dz_main_slider_content{
		text-align: center;
	}

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

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

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

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

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

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

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

	#logo{
		float: left;

	}


 .tiny {
    max-width:210px;
    transition: height 3s linear100ms;
}


/*-------- 03.a. Main menu --------*/
	#ABdev_menu_toggle{
		display: none;
		cursor: pointer;
	}
		#ABdev_menu_toggle{
		color: #fff !important;
	}

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

	nav > #main_menu{
		padding-top: 14px;
	}

	nav > .menutiny{
		padding-top: 0 !important;
	}

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

	nav > ul > li a{
		color: #fff;
		font-family: Roboto;
		font-weight: 300;
		font-size: 16px;
		text-align: center;
		display: inline-block;
	}

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

	nav > ul > li a:hover{
		color: #fff;
    text-decoration: underline;
	}

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

	nav > ul ul{
		display: none;
		list-style: none;
		position: absolute;
		background: #fff;
		border-top: none;
		margin: 0;
		min-width: 228px;
		margin-top: 36px;
		z-index: 2001;
		overflow: visible ;
		box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1);
	}

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

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

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

	nav > ul ul li a{
		color: #181f25;
	}

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

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

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

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

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

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

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

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

	nav > ul > .current-menu-item > a,
	nav > ul > .current-post-ancestor > a,
	nav > ul > .current-menu-ancestor > a{
		color: #fff;
    text-decoration: underline;
	}

/*-------- 03.b. Title/Breadcrumbs Bar --------*/

	#title_breadcrumbs_bar{
		background: #f6f6f6;
		padding: 50px 0;
		font-family: Open Sans;
		font-weight: 300;
		font-size: 18px;
	}

	#title_breadcrumbs_bar h1{
		font-size: 36px;
		color: #fff;
		line-height: 36px;
		margin-bottom: 0;
	}

	#title_breadcrumbs_bar .breadcrumbs{
		line-height: 36px;
	}

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

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

	#title_breadcrumbs_bar .right_aligned{
		display: none;
	}

	#title_breadcrumbs_bar .span8{
		width: 100%;
	}


/*-----------------------------------------------------------------*/
/* 04. 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: #056ab2 !important;
	}

	.tp-leftarrow.default:before,
	.tp-rightarrow.default:before {
		font-family:'WebHostingHub-Glyphs';
		display: block;
		color: #505558;
		content:'\f489';
		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:'\f488';
	}

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

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

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

/*-------- 05.u. 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%;
	}



.nomargin {
	margin: 0 !important;
}
.nopadding {
	padding: 0 !important;
}

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

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

	.timeline_post{
		border: 1px solid #d9d9d9;
		background: #f2f4f5;
		width: 535px;
		float: left;
		margin-bottom: 80px;
		position: absolute;
		top: -2000px;
		transition: top 1s;
		-webkit-transition: top 1s; /* Safari */
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}

	.timeline_post h2{
		padding: 22px 20px 20px 20px;
		margin-bottom: 0;
		font-size: 22px;
	}

	.timeline_post_first{
		width: 535px;
	}

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

	.timeline_postmeta{
		padding: 22px 20px 20px 20px;
		border-bottom: 1px solid #d9d9d9;
		font-size: 13px;
		line-height: 20px;
	}

	.timeline_postmeta a{
		color: #939fa6;
	}

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

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

	.timeline_content{
		padding: 34px 25px 7px 25px;
	}

	.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;
		top: 50%;
		margin-top: -28px;
		width: 13px;
		height: 13px;
		background: #056ab2;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		content: "";
	}

	.timeline_post_left:after{
		right: -58px;
	}

	.timeline_post_right:after{
		left: -57px;
	}

	.timeline_post_left:before,
	.timeline_post_right:before{
		content: "";
		display: block;
		top: 50%;
		margin-top: -22px;
		height: 1px;
		background: #d9d9d9;
		position: absolute;
	}

	.timeline_post_left:before{
		width: 58px;
		right: -58px;
	}

	.timeline_post_right:before{
		width: 57px;
		left: -57px;
	}

	.timeline_post_first:after{
		margin-top: -50px;
	}

	.timeline_post_first:before{
		margin-top: -44px;
	}

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

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

/*-------- 06.b. Blog Posts --------*/
	.post{
		border-bottom: 1px solid #e1e9e9;
	}

	.single .post{
		border-bottom: none;
	}

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

	.post_wrapper{
		margin-bottom: 40px;
	}

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

	.post_content .post_main{
		position: relative;
	}

	.blog_category_index .post_main,
	.blog_category_index .post_main{
		margin-left: 140px;
	}

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

	.post_content .post_main .wp-post-image{
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}

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


	.post_content .post_main h2{
		font-size: 22px;
		margin-bottom: 21px;
	}

	.post_content .post_badges{
		float: left;
		width: 100px;
		text-align: center;
		color: #505558;
	}

	.post_content .post_badges .avatar{
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		margin-bottom: 13px;
	}

	.post_content .post_badges .post_author{
		display: block;
		border-bottom: 1px solid #e1e9e9;
		padding-bottom: 16px;
		margin-bottom: 8px;
	}

	.post_content .post_badges .post_date{
		display: block;
		font-size: 13px;
		color: #939fa6;
	}

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

	.post_meta_tags a{
		color: #939fa6;
	}

	.post_meta_tags a:hover{
		color: #056ab2;
	}

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

	.post_main .postmeta-above,
	.post_main .postmeta-under{
		border-top: 1px solid #e1e9e9;
		border-bottom: 1px solid #e1e9e9;
	}

	.post_main .postmeta-above,
	.post_main .postmeta-above a{
		color: #939fa6;
		font-size: 13px;
		line-height: 20px;
		padding: 12px 0 15px 0;
		margin-bottom: 24px;
	}

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

	.post_main .postmeta-above i{
		margin-right: 6px;
		position: relative;
		line-height: 20px;
		top: 1px;
	}

	.post_main .postmeta-above .post_meta_comments{
		display: none;
	}

	.post_main .postmeta-under{
		padding: 15px 0;
		margin: 42px 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: #f5f7f8;
		color: #939fa6;
		width: 32px;
		height: 32px;
		line-height: 32px;
		text-align: center;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		text-align: center;
		margin-left: 10px;
	}

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

	.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{
		border-top: 1px solid #e1e9e9;
		padding-top: 24px;
	}

	.more-link{
		color: #056ab2;
		font-size: 14px;
		margin-bottom: 0px;
		display: inline-block;
	}

	.more-link i{
		font-size: 8px;
		margin-left: 5px;
	}

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

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

/*-------- 06.c. Post Comments --------*/
	#comments_section{
		padding-bottom: 0;
		padding-top: 0;
	}

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

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

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

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

	.comment .avatar{
		position: absolute;
		top: 0px;
		left: 0;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
	}

	.comment .comment-text{
		border: 1px solid #e6ebed;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		padding: 30px;
		margin-top: 14px;
	}

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

	.comment .comment-author{
		font-size: 16px;
		color: #505558;
		font-family: Roboto;
		font-weight: 300;
		margin-right: 30px;
	}

	.comment time{
		font-size: 13px;
		margin-right: 30px;
	}

	.comment .reply,
	.comment .edit-link,
	.comment .reply a,
	.comment .edit-link a{
		color: #056ab2;
		font-size: 14px;
	}


	.comment .reply{
		margin-right: 30px;
	}

	.comment .reply a:hover,
	.comment .edit-link a:hover{
		color: #056ab2;
	}

	.comment .reply:before,
	.comment .edit-link:before{
		font-family: 'WebHostingHub-Glyphs';
		display: inline;
		margin: 0 4px;
	}

	.comment .reply:before{
		content:"\f31f";
		font-size: 12px;
	}

	.comment .edit-link:before{
		content:"\f1b7";
		font-size: 12px;
	}

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

	#respond{
		padding-top: 30px;
	}

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

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

	#respond #comment-submit{
		-webkit-appearance: none;
		background: #056ab2;
		margin: 0;
		font-weight: 300;
		font-family: Roboto;
	}

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


/*-------- 06.d. Post Pagination --------*/
	#blog_pagination{
		padding-top: 0;
	}

	#blog_pagination .container{
		position: relative;
	}

	#blog_pagination .page-numbers{
		color: #505558;
		font-size: 14px;
		line-height: 14px;
		display: inline-block;
		padding: 13px 16px 13px 16px;
		margin: 0;
		float: left;
		border-top: 1px solid #e6ebed;
		border-bottom: 1px solid #e6ebed;
		border-right: 1px solid #e6ebed;
	}

	#blog_pagination .page-numbers:first-child,
	#blog_pagination .prev+.page-numbers{
		border-left: 1px solid #e6ebed;
		border-top-left-radius: 3px;
		border-bottom-left-radius: 3px;
	}

	#blog_pagination .page-numbers:last-child{
		border-top-right-radius: 3px;
		border-bottom-right-radius: 3px;
	}

	#blog_pagination i{
		font-size: 8px;
		line-height: 8px;
		margin: 0 5px;
	}

	#blog_pagination .page-numbers:hover{
		background: #505558;
		color: #fff;
	}

	#blog_pagination .page-numbers.current{
		background: #f5f7f8;
		color: #505558;
	}

	#blog_pagination .prev,
	#blog_pagination .next{
		border: 1px solid #e6ebed;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}

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

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

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

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



/*-----------------------------------------------------------------*/
/* 07. Contact Form 7
/*-----------------------------------------------------------------*/
	.wpcf7 input{
		margin-top: 0;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		-webkit-appearance: none;
		border: 1px solid #d9d9d9;
		margin: 0 0 30px 0;
	}

	.wpcf7 textarea{
		height: 180px;
		margin: 0 0 30px 0;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		-webkit-appearance: none;
	}

	.wpcf7-submit{
		-webkit-appearance: none;
		cursor: pointer;
		transition: background 180ms ease-in, color 180ms ease-in, border-color 180ms ease-in;
		-webkit-transition: background 180ms ease-in, color 180ms ease-in, border-color 180ms ease-in;
		white-space: nowrap;
		text-decoration: none;
		display: inline-block;
		border: none !important;
		background: #056ab2;
		color: #fff;
		padding: 15px 30px !important;
		margin-right: 10px;
		margin-bottom: 20px;
		line-height: 20px !important;
		font-size: 20px;
		font-family: Roboto;
		font-weight: 300;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}

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

	.wpcf7-response-output{
		margin-top: 20px;
	}

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

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

	#dz_contact_form_submit{
		-webkit-appearance: none;
		width: 100%;
		background: #056ab2 !important;
		height: 55px;
		margin-top: 0;
		-webkit-border-radius: 2px !important;
		-moz-border-radius: 2px !important;
		border-radius: 2px !important;
	}

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


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

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

	.widget input{
		margin-bottom: 0;
	}

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

	.sidebar-widget-heading h3,
	#comments-title,
	#reply-title{
		font-family: Roboto;
		font-weight: 300;
		color: #505558;
		line-height: 36px;
		position: relative;
		margin-bottom: 30px;
		border-bottom: 1px solid #e6ebed;
		display: block;
		text-align: left;
		font-size: 22px;
		padding-bottom: 10px;
	}

	.sidebar-widget-heading h3:after,
	#comments-title:after,
	#reply-title:after{
		display: block;
		content: "";
		width: 60px;
		height: 2px;
		background: #56b9ff;
		position: absolute;
		bottom: -2px;
		left: 0;
		margin-left: 0;
	}

	aside .widget a{
		color: #939fa6;
	}

	aside .widget a:hover{
		color: #056ab2;
	}

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

	.widget ul li{
		position: relative;
	}

  .textwidget .dnd-button {
    font-size: 16px;
}

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

	.widget_search a{
		cursor: pointer;
	}

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

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

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

	.search_resuls_number{
		font-family: 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;
	}

/*-------- 08.b. Categories --------*/
	.widget_pages li,
	.widget_recent_entries li,
	.widget_archive li,
	.widget_nav_menu li,
	.widget_meta li,
	.widget_rss li,
	.widget_categories li{
		border-bottom: 1px solid #e6ebed;
		position: relative;
		padding: 6px 0 7px 0;
	}

	.widget_pages li:after,
	.widget_recent_entries li:after,
	.widget_archive li:after,
	.widget_nav_menu li:after,
	.widget_meta li:after,
	.widget_categories li:after{
		display: block;
		content: "\f488";
		font-family: 'WebHostingHub-Glyphs';
		font-size: 8px;
		position: absolute;
		right: 0;
		top: 7px;
	}

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

	.widget_nav_menu li ul{
		border-top: 1px solid #e6ebed;
		margin-top: 7px;
		margin-bottom: 0;
	}

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

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

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

/*-------- 08.b. Tag Cloud --------*/
	.tagcloud a{
		border: 1px solid #e6ebed;
		display: inline-block;
		margin: 0 6px 6px 0;
		padding: 5px 11px 6px 11px;
		float: left;
		color: #939fa6;
		font-size: 13px !important;
		line-height: 13px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}

	.tagcloud a:hover{
		background: #056ab2;
		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;
	}

/*-------- 08.c. Flickr stream --------*/
	.flickr_stream a{
		float: left;
		margin: 0 9px 9px 0;
		display: inline-block;
		position: relative;
	}

	aside.sidebar .flickr_stream a{
		margin: 0 10px 10px 0;
	}

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

	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:hover:after{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.2);
	}

	.flickr_stream img{
		width: 84px;
		height: 84px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}

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


/*-------- 09.a. Recent Posts Widget Extended Widget --------*/
	.rpwe-block li{
		border-bottom: none !important;
		margin-bottom: 0 !important;
		padding-bottom: 0 !important;
		position: relative;
		padding-left: 60px;
		min-height: 50px;
		margin-bottom: 26px !important;
	}

	.rpwe-thumb {
		border: 0 !important;
		box-shadow: none !important;
		margin: 0 !important;
		padding: 0 !important;
		width: 50px;
		height: 50px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		position: absolute;
		top: 0;
		left: 0;
	}

	.rpwe-title{
		margin-bottom: 0 !important;
		font-family: 'Open Sans';
		font-size: 13px !important;
		line-height: 20px;
		color: #939fa6;
		font-weight: normal;
	}

	.rpwe-time{
		font-size: 12px;
		color: #69757b;
	}

/*-------- 09.a. Contact Info Widget --------*/
	.contact_info_widget p{
		padding-left: 47px;
		position: relative;
		margin-bottom: 21px;
	}

	.contact_info_widget i{
		position: absolute;
		left: 0;
		top: -3px;
		display: inline-block;
		background: #0e1725;
		width: 32px;
		height: 32px;
		line-height: 32px;
		text-align: center;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
	}


/*-------- 09.a. Contact Page - Contact Info --------*/
	.contact_page_info{
		position: relative;
		margin-bottom: 19px;
		padding-left: 47px;
	}

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

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

/*-------- 09.a. Portfolio --------*/
	.portfolio_item{
		color: #929292;
		border: 1px solid #fff;
	}

	.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 span{
		z-index: 1;
		position: relative;
	}

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

	.portfolio_item h4 a:hover{
		color: #056ab2;
	}

	.portfolio_item .overlayed .overlay {
		width: 100%;
		height: 100%;
		position: absolute;
		overflow: hidden;
		top: 0;
		left: 0;
		filter: alpha(opacity=0);
		opacity: 0;
		background: none;
		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 .overlay_title{
		font-family: Roboto;
		font-size: 20px;
		color: #fff;
		font-weight: 300;
		margin-top: 50%;
		margin-bottom: 0;
	}

	.portfolio_item .overlayed .overlay .portfolio_item_tags{
		font-style: italic;
		margin-bottom: 0;
	}

	.portfolio_item:hover .overlayed .overlay {
		filter: alpha(opacity=100);
		opacity: 1;
		background:rgba(5,106,178,0.75);
	}

	.portfolio_item:hover .overlayed .overlay:before,
	.portfolio_item:hover .overlayed .overlay:after{
		display: block;
		content: "";
		background: #fff;
		position: absolute;
	}

	.portfolio_item:hover .overlayed .overlay:before{
		width: 69px;
		height: 1px;
		top: 15%;
		left: 50%;
		margin-left: -33px;
		margin-top: 33px;
	}

	.portfolio_item:hover .overlayed .overlay:after{
		width: 1px;
		height: 69px;
		left: 50%;
		top: 15%;
	}

	.portfolio_single_column_item{
		margin-bottom: 80px;
	}

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

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

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

	#portfolio_item_meta h2{
		margin-bottom: 30px;
	}

	#portfolio_item_meta .portfolio_item_meta_label{
		color:#505558;
	}

	#portfolio_item_meta .portfolio_item_meta_data{
	}

	.portfolio_single_detail{
		margin-bottom: 6px;
	}

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

	.portfolio_item_image{
		margin-bottom: 35px;
	}

	.portfolio_item_view_link{
		margin-top: 22px;
		margin-bottom: 50px;
	}

	.portfolio_item_view_link a{
		display: inline-block;
		background: #056ab2;
		color: #fff;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		padding: 5px 30px;
		font-family: Roboto;
		font-weight: 300;
	}

	.portfolio_share_social a:first-child{
		margin-left: 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;
		text-align: center;
		margin-bottom: 50px;
	}

	#filters li{
		list-style: none;
		display: inline-block;
	}

	#filters li a{
		color: #939fa6;
		font-family: Roboto;
		font-size: 16px;
		font-weight: 300;
		border: 1px solid #e1e9e9;
		border-left: none;
		padding: 9px 20px 12px 20px;
		display: inline-block;
	}

	#filters li:first-child a{
		border-left: 1px solid #e1e9e9;
		border-top-left-radius: 3px;
		border-bottom-left-radius: 3px;
	}

	#filters li:last-child a{
		border-top-right-radius: 3px;
		border-bottom-right-radius: 3px;
	}

	#filters li a.selected,
	#filters li:hover,
	#filters li:hover a{
		color: #505885;
	}

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

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

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

	#related_portfolio{
		padding: 0;
	}

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

	.portfolio-readmore{
		margin-top: 30px;
	}

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

	#single_portfolio_pagination{
		min-height: 42px;
		margin: 70px 0 40px 0;
	}

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

/*-------- 09.b. About us page --------*/
	.section_stats{
		padding: 37px 0 0 0;
	}

/*-------- 09.c. 404 page --------*/
	#page404{
		text-align: center;
		margin-bottom: 76px;
	}

	#page404 .big_404{
		font-size: 410px;
		line-height: 410px;
		font-family: Roboto;
		font-weight: 300;
		color: #056ab2;
	}



/*-----------------------------------------------------------------*/
/* 10. Footer
/*-----------------------------------------------------------------*/
	#dz_main_footer{
		color: #939fa6;
	}

	#dz_main_footer h3{
		color: #fff;
		font-size: 20px;
		line-height: 20px;
		margin-bottom: 31px;
	}

	#dz_main_footer a{
		color: #939fa6;
	}

	#footer_columns{
		background: #152338;
		padding: 68px 0;
	}

	#footer_copyright{
		background: #0e1725;
		color: #939fa6;
		font-size: 13px;
		line-height: 30px;
		padding: 20px 0;
	}

	.footer_social{
		text-align: right;
	}

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

	.footer_social i{
		color:#939fa6;
		font-size: 16px;
	}

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


	/* IPHONE-Auflösung "WIDTH 1280px"
-------------------------------------------------------------- */
@media only screen and (max-width: 1280px) {
.bx-controls-direction {
  display: none;
}

}

	/* IPHONE-Auflösung "WIDTH 1024px"
-------------------------------------------------------------- */
@media only screen and (max-width: 1024px) {
.metaheader {
  display: none;
}
}

	/* IPHONE-Auflösung "WIDTH 760px"
-------------------------------------------------------------- */
@media only screen and (max-width: 760px) {
nav > ul ul li a {
    color: #fff !important;
}

nav > ul ul li a:hover {
    color: #fff !important;
    text-decoration: underline;
}
}