@charset "iso-8859-1";


/* ------------------------------------------------------------------------------- */
/*  Reset & Clearfix
/* ------------------------------------------------------------------------------- */


	html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,a,img,small,sub,b,dl,dd,dt,ul,li,label,article,details,footer,header,menu,nav,input,textarea,select{
		background:transparent;
		border:0;
		outline:0;
		padding:0;
		margin:0;
	}
	
	.clearfix:after {
		clear: both;
		content: " ";
		display: block;
		font-size: 0;
		height: 0;
		line-height: 0;
		visibility: hidden;
		width: 0;
	}
	
	li {
		list-style:none;
	}











/* ------------------------------------------------------------------------------- */
/*  General
/* ------------------------------------------------------------------------------- */	


	
	@font-face {
		font-family: 'agendablack';
		src: url('font/agenda.eot');
		src: url('font/agenda.eot?#iefix') format('embedded-opentype'),
			 url('font/agenda.woff') format('woff'),
			 url('font/agenda.ttf') format('truetype'),
			 url('font/agenda.svg#agendablack') format('svg');
		font-weight: normal;
		font-style: normal;
	
	}
	
	html,body{
		font-family: 'Arial';
		font-size:12px;
		width:100%;
		height:100%;
		color:#919da4;
		background-color:#f2f2f2;
		background-image:url(../images/escheresque_ste.png);		
	}
	
	
	#wrapper {
		overflow-x:hidden;
		background-color:#f2f2f2;	
		
		/* Remove this, if you want the boxed layout 
		
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
		margin: 0px auto;
		width: 1280px;	and this */
	}
	
	.main-white {
		background:#fff;
	}
	
	.container {
		width:1180px;
		padding:0px 20px;
		margin:0 auto;
	}
	
	
	
		
	
	
	h1 { font-size: 60px; font-weight:bold; line-height:60px; font-family: 'agendablack' , 'arial'; text-transform:uppercase; color: #2B363C;}
    h2 { font-size: 48px; font-weight:bold; line-height:48px; font-family: 'agendablack' , 'arial'; text-transform:uppercase; color: #2B363C;}
    h3 { font-size: 36px; font-weight:bold; line-height:30px; font-family: 'agendablack' , 'arial'; text-transform:uppercase; color: #2B363C;}
    h4 {
	font-size: 20px;
	font-weight:bold;
	line-height:24px;
	font-family: 'agendablack', 'arial';
	text-transform:uppercase;
	color: #2B363C;
}
    h5 { font-size: 18px; font-weight:bold; line-height:18px; font-family: 'arial'; }
	
	p { line-height:18px; }
	
	a, li {
        color: #555555;
        text-decoration: none;
        -webkit-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
           -moz-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
            -ms-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
             -o-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
                transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
    }
	
	img, div, input, textarea, nav {
		-webkit-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
           -moz-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
            -ms-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
             -o-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
                transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
	}
	
	.one_half {
    	width: 48%;
	}
	
	.one_third {
		width: 30.5%;
	}
	
	.one_fourth {
		width: 22%;
	}
	
	.one_fifth {
		width: 16.8%;
	}
	
	.one_sixth {
		width: 13.33%;
	}
	
	.two_fifth {
		width: 37.6%;
	}
	
	.two_fourth {
		width: 48%;
	}	
	
	.two_third {
		width: 65.33%;
	}
	
	.three_fifth {
		width: 58.4%;
	}
	
	.three_fourth {
		width: 74%;
	}
	
	.four_fifth {
		width: 79.2%;
	}
	
	.five_sixth {
		width: 82.67%;
	}
	
	.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .two_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
		float: left;
		margin-bottom: 20px;
		margin-right: 4%;
		position: relative;
	}
	
	.last {
		margin-right:0px!important;
	}
	
	.nmb {
		margin-bottom:0px!important;
	}
	
	.nmt {
		margin-top:0!important;
	}
	
	.right {
		float:right;
	}
	
	.btn-small {
		color: #fff;
		padding: 0px 18px 0px 18px;
		background:#00B195;
		height:38px;
		text-align:center;
		display:inline-block;
		line-height:38px;
		margin-top:20px;
		font-size:14px;
		font-weight:bold;
		text-transform:uppercase;
		border-radius:3px;
		font-family:Arial, Helvetica, sans-serif;
	}
	
	.btn-small:hover {
		background:#2b363c;
		color:#fff;
	}
	
	.btn-big {
		color: #fff;
		padding: 0px 28px 0px 28px;
		background:#00B195;
		height:50px;
		text-align:center;
		display:inline-block;
		line-height:50px;
		margin-top:20px;
		font-size:14px;
		font-weight:bold;
		text-transform:uppercase;
		border-radius:3px;
	}
	
	.btn-big:hover {
		background:#2b363c;
		color:#fff;
	}
	
	.btn-small-black {
		color: #fff;
		padding: 0px 18px 0px 18px;
		background:#2b363c;
		height:38px;
		text-align:center;
		display:inline-block;
		line-height:38px;
		margin-top:20px;
		font-size:14px;
		font-weight:bold;
		text-transform:uppercase;
		border-radius:3px;
	}
	
	.btn-small-black:hover {
		background:#00B195;
		color:#fff;
	}
	
	.btn-big-black {
		color: #fff;
		padding: 0px 28px 0px 28px;
		background:#2b363c;
		height:50px;
		text-align:center;
		display:inline-block;
		line-height:50px;
		margin-top:20px;
		font-size:14px;
		font-weight:bold;
		text-transform:uppercase;
		border-radius:3px;
	}
	
	.btn-big-black:hover {
		background:#00B195;
		color:#fff;
	}










/* ------------------------------------------------------------------------------- */
/*  Header & Menu
/* ------------------------------------------------------------------------------- */


	
	header.header_two {
		box-shadow: 0px 6px 5px rgba(0,0,0,0.1);		
		height:155px;
	}
	
	header.header_three {
		box-shadow: 0px 6px 5px rgba(0,0,0,0.1);
		border-top:2px #00B195 solid;
		height:155px;
	}
	
	.header_top {
		border-bottom:#eeeeee 1px solid;
		padding:10px 0px;
		height:18px;
		background-color:#f9f9f9;
	}
	
	.header_top.color {
		border-bottom:#1C1F21 1px solid;
		padding:10px 0px;
		height:18px;
		background-color:#1C1F21;
	}
	
	.header_top p {
		float:left;
	}
	
	.header_icons {
		float:right;
	}
	
	.header_icons li {
		display:inline;
		padding-left:10px;
		font-size:14px;
		color:#BDC3C6;
	}
	
	.header_icons li a {
		color:#BDC3C6;
	}
	
	.header_icons li a:hover {
		color:#00B195;
	}
	
	
	
	
	
	
	
	
	
	#logo {
	float:left;
	margin-top:36px;
	}

	header {
		width:100%;
		height:116px;
		background: url(../images/bg_header.jpg) no-repeat center top;
		background-color:#FFF;
	}
	
	nav ul ul {
		opacity:0;
		visibility:hidden;
		box-shadow: 0px 6px 5px rgba(0,0,0,0.05);
		z-index:100;
		width:-moz-fit-content;
	}

	nav ul li:hover > ul {
		opacity:1;
		visibility:visible;
	}
	
	nav ul {
		list-style: none;
		position: relative;
		display: inline-table;
		float:right;
		-webkit-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
           -moz-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
            -ms-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
             -o-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
                transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
	}

	nav ul li {
	float: left;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	margin:0px 20px;
	}
	
	nav ul li:hover a, nav ul li.current a {
		color: #00B195;
		border-top:4px #00B195 solid;
	}
	
	nav ul li a {
		display: block; 
		padding: 48px 0px;
		color: #bdc3c6;
		border-top:4px #fff solid;
	}
	
	nav ul li:last-child {
		margin-right:0px;
	}
	
	nav ul ul {
		background: #fff; 
		position: absolute; 
		top: 100%;
		margin-left:-30px;
	}
	
	nav ul ul li {
		float: none; 
		border-top: 1px solid #eaeaea;		
		position: relative;
		margin:0;
		padding:0;
	}
	
	nav ul ul li:first-child {
		border-top:none;		
	}
	
	nav ul ul li a {
		padding: 15px 30px!important;
		color: #bdc3c6!important;
		width:100%;
		text-transform:none;
		border-top:0!important;
	}
		
	nav ul ul li a:hover {
		color: #00B195!important;
	}
	
	nav ul ul ul {
		position: absolute; 
		left: 100%; 
		top:0;
		margin-left:0px;
	}
	
	.selectnav { display: none; }
	
	
/* ------------------------------------------------------------------------------- */
/*  Home Page
/* ------------------------------------------------------------------------------- */	


	.l1-s1 {
		width:450px;
	}
	
	.l1-s2 {
		width:610px;
	}
	
	h2.l1-s1 {
		color:#fff;
	}
	
	.l4-s1 {
		width:1000px;
		text-align:center;
		color:#555;
	}
		
	.l1-s2 {
		color:#2B363C;
	}
	
	.l3-s1 span {
	background: none repeat scroll right -53px rgba(255, 255, 255, 0.5);
	box-shadow: 10px 0 0 rgba(255, 255, 255, 0.5), -10px 0 0 rgba(255, 255, 255, 0.5);
	color: #2B363C;
	display: none;
	font-size: 70px;
	line-height: 45px !important;
	margin-bottom: 15px;
	padding: 4px 0;
	}








	.page-title {
	text-align:center;
	margin-top:30px;
	margin-bottom:30px;
	}
	
	.page-title h1 {
		color:#2b363c;
		text-transform:uppercase;
		margin-bottom:10px;
	}
	
	#intro {
		text-align:center;
		margin-bottom:100px;
	}
	
	.intro {
		overflow:hidden;
		height:150px;
		float:left;
	}
	
	.intro-section {
		-webkit-transition: all 0.3s ease 0s;
           -moz-transition: all 0.3s ease 0s;
            -ms-transition: all 0.3s ease 0s;
             -o-transition: all 0.3s ease 0s;
                transition: all 0.3s ease 0s;
	}
	
	.intro-section:hover {
		margin-top:-131px;
	}
	
	#intro h5 {
		color:#2b363c;
		margin-bottom:20px;
		text-transform:uppercase;
		font-family: 'agendablack' , 'arial';
	}
	
	.intro-icon {
		background:#fff;
		width:100px;
		height:100px;
		margin:0 auto;
		border-radius:5px;
		margin-bottom:30px;
	}
	
	.intro-icon [class^="icon-"], .the-icons li [class*=" icon-"] {
		font-size: 45px;
		width: 60px;
		height:60px;
		padding:20px;
		line-height:60px;
		color:#919DA4;
	}
	
	
	
	
	#recent-works-header {
		padding-top:70px;
		padding-bottom:30px;
	}
	
	#recent-works-header h2 {
		text-align:center;
		color:#2b363c;
		text-transform:uppercase;
	}
	
	.list_carousel {				
		width: 1260px;
		height:auto;
		margin-left:-40px;
		padding-bottom:50px;
	}
	
	.prev {
		float: left;
		background: url("../images/left.png") no-repeat scroll 12px 10px #2b363c;
		padding:20px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-o-border-radius: 5px;
		border-radius:5px;
		margin-top:5px;
	}
	
	.prev:hover {
		background: url("../images/left.png") no-repeat scroll 12px 10px #00B195;
	}
	
	.next {
		float:right;		
		margin-left:20px;
		background: url("../images/right.png") no-repeat scroll 14px 10px #2b363c;
		padding:20px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-o-border-radius: 5px;
		border-radius:5px;
		margin-top:5px;		
	}
	
	.next:hover {
		background: url("../images/right.png") no-repeat scroll 14px 10px #00B195;
	}
	
	
	
	
/* ------------------------------------------------------------------------------- */
/*  Portfolio Images Hover Effects
/* ------------------------------------------------------------------------------- */
	
	
	
	.portfolio li { 
		float: left; 
		width:340px;
		margin:40px; 
		-webkit-transition: none;
		-moz-transition: none;
		-ms-transition: none;
		-o-transition: none;
		transition: none;
		overflow:hidden;
	}
	
	.portfolio a { 
		display:block;
		text-decoration: none; 
	}
	
	.portfolio img { 
		width: 100%; 
		height: auto; 
		display: block;
		border-radius:5px;		 
	}
	
	.view .mask {
	   opacity: 0;
	}	
	
	.view:hover .mask {
	   opacity:1;
	}

	.view {	   
	   height: auto;
	   float: left;
	   overflow: hidden;
	   position: relative;
	   text-align: left;	    
	}
	
	.view img {
		width: 100%; 
		height: auto; 
		display: block;
	}

	.view .mask {
	   width: 100%;
	   height:100%;
	   position: absolute;
	   overflow: hidden;
	   top: 0;
	   left: 0;
	   background: rgba(0, 0, 0, 0.5);
	   border-radius:5px;		
	}
	
	.view a.icon {	
		height:40px;
		width:40px;
		padding:10px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-o-border-radius: 5px;
		border-radius:5px;
		background:#fff;
		position:absolute;
		top:50%;
		margin-top:-30px;
		-webkit-transition: all 0.3s ease 0s;
           -moz-transition: all 0.3s ease 0s;
            -ms-transition: all 0.3s ease 0s;
             -o-transition: all 0.3s ease 0s;
                transition: all 0.3s ease 0s;
	}
	
	.view a.icon.zoom {
		left:-60px;
	}
	
	.view a.icon.link {
		right:-60px;
	}
	
	.view:hover a.icon.zoom {
		left:50%;
		margin-left:-73px;		
	}
	
	.view:hover a.icon.link {
		right:50%;
		margin-right:-73px;			
	}
	
	.view a.icon img {
		opacity:0.7;
	}
	
	.view  a.icon:hover {
		border-radius:50px;
	}	
	
	.project h4 {
		text-align:center;
		color:#2b363c;
		top:50%;
		width:100%;
		float:left;
		padding-top:20px;
		line-height:24px;
		text-transform:uppercase;
	}
	
	.project p {
		text-align:center;
		color:#919da4;
		width:100%;
		float:left;
		margin-top:5px;
		line-height:12px;
	}	




/* ------------------------------------------------------------------------------- */
/*  Portfolio 
/* ------------------------------------------------------------------------------- */
	
	
	.isotope-item {
	  z-index: 2;
	}
	
	.isotope-hidden.isotope-item {
	  z-index: 1;
	}
	
	.isotope,
	.isotope .isotope-item {
	  /* change duration value to whatever you like */
	  -webkit-transition-duration: 1s;
		 -moz-transition-duration: 1s;
			  transition-duration: 1s;
	}
	
	.isotope {
	  -webkit-transition-property: height, width;
		 -moz-transition-property: height, width;
			  transition-property: height, width;
	}
	
	.isotope .isotope-item {
	  -webkit-transition-property: -webkit-transform, opacity;
		 -moz-transition-property:    -moz-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;
	}
	
	.nav-toggle {
		border:none;
		background:#687074;
		cursor:pointer;
		font-size:12px;
		color:#fff;		
		line-height:20px;
		padding:5px 10px;
		border-radius:0px 0px 5px 5px 
	}
	
	nav.primary ul {
		float:none;
		padding:15px;
		background:#fff;
		border-radius:5px;
		margin-top:20px;
		text-align:center;
	}
	
	nav.primary ul li {
		margin:0;
	}
	
	nav.primary ul li a {
		font-size:12px;
		font-weight:bold;
		padding:0;
		margin:0px 20px 0px 20px;
		float:left;
		color:#bdc3c6;
		text-transform:none;
		border-top:none;
	}
	nav.primary ul li a:hover {
		color:#00B195;
		border-top:none;
	}
	
	nav.primary ul li a:active, nav.primary ul li a.selected {
		color:#00B195;
	}
	
	.work { 
		width: 1260px;
		height:auto;
		left:-40px;
		padding-bottom:20px;
		margin:0 auto;
		top:-40px;
	}
		
	article.four {
		width:230px;
		margin:40px;
		min-height:205px;
	}
	
	article.three {
		width:340px;
		margin:40px;
		min-height:270px;
	}
	
	article.two {
		width:550px;
		margin:40px;
		min-height:400px;
	}
	
	article h4 {
		text-align:center;
		color:#2b363c;
		top:50%;
		width:100%;
		float:left;
		padding-top:20px;
		line-height:24px;
		text-transform:uppercase;
	}
	
	article p {
		text-align:center;
		color:#919da4;
		width:100%;
		float:left;
		margin-top:5px;
		line-height:12px;
	}
	
	#add_items {
		text-align:center;
		padding:50px 0 50px 0;
	}
	
	#add_items h4 {
		color:#2b363c;
		text-transform:uppercase;
	}
	
	
	
	
	
	
	
	
	
	
/* ------------------------------------------------------------------------------- */
/*  Project Page
/* ------------------------------------------------------------------------------- */		
	
	.flexslider.project {
		margin-top:100px;
	}
	
	.project_description {
		margin-top:30px;
	}
	
	hr.grey {
		border:0;
		background-color: #e2e2e2;
		height: 1px;
	}
	
	#visit_project {
		text-align:center;
		text-transform:uppercase;
		margin:50px 0px 60px 0px;
	}
	
	.navigation_project{
		width:100%;
		text-align:center;
		padding:60px 0px;
	}
	
	.navigation_project li {
		display:inline-block;
		font-size:18px;
		font-family: 'agendablack';
		text-transform:uppercase;
		color:#000;
		opacity:0.4;
		height:33px;
		line-height:33px;
	}
	
	.navigation_project li:hover {
		opacity:0.5;
	}
	
	li.prev_project {
		float:left;
		background: url("../images/left_black.png") no-repeat scroll;
		background-position:left;
		padding-left:25px;
	}
	
	li.grid_project {
		width:33px;
		height:33px;
	}
	
	li.next_project {
		float:right;
		background: url("../images/right_black.png") no-repeat scroll;
		background-position:right;
		padding-right:25px;
	}
	
	.left_content {
		width:800px;
		float:left;
		margin-right:80px;
		margin-bottom:40px;
	}
	
	.right_content {
		width:800px;
		float:right;
		margin-left:80px;
		margin-bottom:40px;
	}

	.project_media img {
		width:100%;
		height:auto;
		display:block;		
	}
	
	.project_media ul li {
		margin-bottom:30px;
	}
	
	.review blockquote q {
		background: none repeat scroll 0 0 #fff;
		display: block;
		font-style:italic;
		font-size:12px;
		line-height:18px;
		padding: 25px 14px 24px 24px;
		border-radius:5px;
	}
	
	.review blockquote div .company-name {
		background: url("../images/ico-user.png") no-repeat scroll 0 0 transparent;
		display: block;
		font-style: normal !important;
		min-height: 29px;
		padding-left: 53px;
		padding-top: 6px;
	}
	
	
	.review blockquote div {
		background: url("../images/bg-blockquote.gif") no-repeat scroll 0 0 transparent;
		color: #333333;
		display: block;
		font-style: normal !important;
		overflow: hidden;
		padding: 12px 0 0 2px;
	}
	
	
	
	
	
	
	
	
	
/* ------------------------------------------------------------------------------- */
/*  Contact
/* ------------------------------------------------------------------------------- */	
	
	#map_canvas {
		width:100%;
		height:500px;
	}
	
	#map_canvas.two{
		margin-top:100px;
		box-shadow: 0px 0px 8px rgba(0,0,0,0.1);
		border:5px #FFF solid;
		border-radius:5px;
	}
	
	.contact_formular {
		margin:0 auto;
		width:1180px;
		padding:60px 0;
	}
	
	.error_message {
		background: none repeat scroll 0 0 #FF0000;
		border-radius: 3px 3px 3px 3px;
		color: #FFFFFF;
		font-size: 14px;
		font-weight: bold;
		height: 50px;
		line-height: 50px;
		margin-bottom: 20px;
		width: 99.5%;
	}
	
	input#name, input#email, input#phone {
		border:1px solid #e6e6e6;
		border-radius:5px;
		height:50px;
		padding:0 4%;
		background:#fff;
		width:92%;
		color:#2b363c;
	}
	
	input#submit {
		cursor:pointer;
	}
	
	input#name, input#email, input#phone {
		border:1px solid #e6e6e6;
		border-radius:5px;
		height:50px;
		padding:0 4%;
		background:#fff;
		width:92%;
		color:#2b363c;
	}
	
	textarea {
		border:1px solid #e6e6e6;
		border-radius:5px;
		resize:none;
		height:100px;
		padding:15px;
		background:#fff;
		color:#2b363c;
		font-size:13px;
		font-family:Arial, Helvetica, sans-serif;
	}
	
	textarea#comments {
		width:1144px;
	}
	
	textarea#comment {
		width:768px;
	}
	
	textarea#comment_full {
		width:1150px;
	}
	
	.contact_formular  {
		text-align:center;
	}
	
	h3.contact_social {
		text-align:center;
		color:#2b363c;
		text-transform:uppercase;
		padding:60px 0 10px 0;
	}
	
	p.contact_social {
		text-align:center;
		text-transform:uppercase;
		padding:5px 0 60px 0;
	}
	
	
	
	
	
	
/* ------------------------------------------------------------------------------- */
/*  Blog
/* ------------------------------------------------------------------------------- */	
	
	
	
	
	#blog_posts {
		width:800px;
		float:left;
		margin-right:80px;
		margin-bottom:40px;
	}
	
	#blog_posts_full {
		width:100%;
		float:left;
		margin-right:80px;
		margin-bottom:40px;
	}
	
	.post_1 {
		padding-bottom:40px;
	}
	
	.post_media {
		width:380px;
		float:left;
		margin-right:20px;
	}
	
	.post_right {
		width:400px;
		float:left;
	}
	
	.post_date {
		width:80px;
		height:80px;
		background:#0099FF;
		text-align:center;
		text-transform:uppercase;
		color:#FFF;
		border-radius:5px;
		position:absolute;
	}
	
	.post_date.one {
		float:left;
		margin-right:20px;
		margin-bottom:5px;
		position:relative;
	}
	
	p.day {
		padding-top:20px;
		font-size:40px;
		font-family: 'agendablack';
	}
	
	p.month {
		padding-top:8px;
		font-size:18px;
		font-weight:bold;
	}
	
	.post_1 h4 {
		padding-bottom:17px;
	}
	
	.post_1 h4.medium {
		height:80px;
		line-height:26px;
	}
	
	.post_1 h4 a {
		text-transform:uppercase;
		color:#2B363C;
		width:auto;
	}
	
	.post_1 h4 a:hover {
		color:#0099FF;
	}
	
	.alignleft {
		float:left;
		padding-left:100px;
		width:100%;
	}

	.meta_info {
		width:100%;
		float:left;
		margin-bottom:20px;
	}
	
	.meta_info.nmb {
		margin-bottom:0px;
	}
	
	ul.post_details {
		background-color:#FFF;
		border-radius:5px;
		padding:12px;
		float:left;
	}
	ul.post_details.full {
		width:100%;
	}
	
	ul.post_details li {
		display:inline-block;
		color:#919DA4;
	}
	
	ul.post_details li a {
		color:#919DA4;
	}
	
	ul.post_details li a:hover {
		color:#2B363C;
	}
	
	li.author {
		padding:0px 20px;
		background: url("../images/blog_icon_admin.png") no-repeat 0px 0px;
		
	}
	
	li.tag {
		padding:0px 20px;
		background: url("../images/blog_icon_tags.png") no-repeat 0px 0px;
	}
	
	li.comment {
		padding:0px 20px;
		background: url("../images/blog_icon_comments.png") no-repeat 0px 0px;
	}
	
	li.readmore {
		padding:0px 10px;
		background: url("../images/arrow-li.png") no-repeat 0px 3px;
		float:right;
	}
	
	.video_post {
		margin: 0 0 30px;
		position: relative;
	}
	
	.video_post iframe {
		width: 100%;
	}
	
	.post_content p {
		line-height:20px;
	}
	
	
	
	.blog_comments {
		margin-bottom:40px;
	}
	
	.blog_comments h4 {
		margin-bottom:40px;
		text-transform:uppercase;
		color: #2B363C;
	}
	
	.user_comment {
		background: url("../images/user.png") no-repeat;
		padding-left:100px;
		margin-bottom:40px;
		color: #2B363C;
	}
	
	.user_comment_reply {
		background: url("../images/user.png") no-repeat scroll 0 0 transparent;
		margin-top: 40px;
		padding-left: 100px;
		color: #2B363C;
	}
	
	.comment-date {
		font-style:italic;
		margin-bottom:10px;
		font-family:Georgia, "Times New Roman", Times, serif;
		color:#a1a1a1;
	}
	
	.comment-text {
		color: #919DA4;
	}
	
	a.reply {
		float:right;
		font-weight:bold;
		margin-top:10px;		
	}
	
	a.reply:hover {
		color: #0099FF;
	}
	
	
	hr.grey-news {
		border:0;
		background-color: #e2e2e2;
		height: 1px;
		margin-bottom:50px;
	}
	
	
	
/* ------------------------------------------------------------------------------- */
/*  Sidebar
/* ------------------------------------------------------------------------------- */	
	
	#sidebar {
		width:300px;
		min-height:400px;		
		float:left;
		border-radius:5px;
	}
	
	.widget {
		margin-bottom:50px;		
	}
	
	.heading h4 {
		margin-bottom:20px;
		text-transform:uppercase;
		color: #2B363C;
	}
	
	input#search {
		border:1px solid #e6e6e6;
		border-radius:5px;
		height:50px;
		padding:0 10px 0 45px;
		background:url("../images/zoom-search.png") no-repeat 10px 10px #fff;
		width:245px;
		color:#919DA4;
	}
	
	#sidebar .widget_categories li {
		background: url("../images/arrow-li.png") no-repeat scroll 0 19px transparent;
		border-bottom: 1px solid #e6e6e6;
		color: #2B363C;
		display: block;
		padding: 15px;
	}
	
	#sidebar .widget_categories li:first-child {
		border-top: 1px solid #E7E6E6;
	}
	
	#sidebar .widget_categories li a:hover {
		color: #0099FF;
	}
	
	#organic-tabs a:hover {
		color:#0099FF;
	}
	
	#organic-tabs .nav { 
		overflow: hidden; 
		border-radius:5px 5px 0px 0px;  
	}
	
	#organic-tabs .nav li { 
		float: left;
		margin: 0 6px 0 0; 
	}
	#organic-tabs .nav li.last { 
		margin-right: 0; 
	}
	
	#organic-tabs .nav li a { 
		display: block; 
		padding: 5px; 
		background: #c6c6c6; 
		color: white; 
		text-align: center; 
		border: 0; 
		padding:10px 20px; 
		font-weight:bold;
	}
	
	#organic-tabs .nav li a:hover { 
		background-color: #0099FF; 
	}
	
	#organic-tabs ul li.nav a.current { 
		background-color: #fff; 
		color: #2B363C; 
	}
	
	.list-wrap {
		background-color:#FFF; 
		padding:20px; 
	}
	
	p.bottom-line {
		border-bottom: 1px solid #E7E6E6;
		margin-bottom:10px;
		padding-bottom:10px;
		font-size:10px;
	}
	
	p.bottom-line.last {
		border-bottom: none;
		margin-bottom:0px;
		padding-bottom:0px;
	}

	
	
	
	.widget_accordion {
		width:inherit;
	}	

	.accordionButton {
		background: url("../images/accordion-plus.png") no-repeat scroll 0 13px transparent;
		border-bottom: 1px solid #E2E2E2;
		color: #2B2B2B;
		cursor: pointer;
		float: left;
		font-size: 12px;
		font-weight: bold;
		padding-bottom: 15px;		
		padding-top: 15px;
		width:inherit;
		z-index:20;
	}
	
	.accordionButton p {
		margin-left:30px;
	}
	
	.accordionButton.first {
		border-top: 1px solid #E2E2E2;
	}
	
	.accordionContent {
		border-bottom: 1px solid #E2E2E2;
		float: left;
		margin-top: 15px;
		padding-bottom: 20px;
		margin-left: 0px;
		width:inherit;
		line-height:18px;
	}
	
	.on {
		background: url("../images/accordion-minus.png") no-repeat scroll 0 13px transparent;
	}
	
	
	
	
	#twitter-post li {
		background: url("../images/icon_twitter_feed.png") no-repeat scroll -2px 0 transparent;
		color: #757B7F;
		padding-left: 30px;
		margin-bottom:20px;
	}
	
	#twitter-post li span {
		display: block;
		margin-bottom:5px;
	}
	
	#twitter-post a {
		color: #0099FF;
		font-size:12px;
	}
	
	.widget_flickr .flickr_badge_image, .widget_flickr .flickr_badge_image a, .widget_flickr .flickr_badge_image img {
		display: block;
		height: 70px;
		width: 70px;
		float:left;
	}
	
	.widget_flickr .flickr_badge_image img:hover {
		opacity:0.5;
	}
	
	.widget_flickr .flickr_badge_image {
		margin: 0 5px 5px 0;
	}
	
	
	
/* ------------------------------------------------------------------------------- */
/*  Blog Navigation
/* ------------------------------------------------------------------------------- */	

	.navigation_blog {
		width:100%;
		text-align:center;
		padding:60px 0px;
	}
	
	.navigation_blog li {
		display:inline-block;
		font-size:18px;
		font-weight:bold;
		text-transform:uppercase;
		margin:0px 5px;		
	}
	
	.navigation_blog li a {
		color:#FFF;
		padding:10px 10px;
		background:#2b363c;
		position:relative;
		width:20px;
		height:20px;
		float:left;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-o-border-radius: 5px;
		border-radius:5px;
		line-height:18px;		
	}
	
	.navigation_blog li.active a {
		background:#0099FF;;		
	}
	
	.navigation_blog li a:hover {
		background:#0099FF;
	}
	
	.navigation_blog li.prev_post a img {
		margin-left:-2px;		
	}
	
	.navigation_blog li.prev_post {
		float:left;		
	}	
	
	.navigation_blog li.next_post a img {
		margin-left:2px;		
	}
	
	.navigation_blog li.next_post {
		float:right;	
	}
	
	h1.error {
		font-size:450px;
		line-height:350px;
		opacity:0.2;
		margin-bottom:100px;
	}
	
	



	
	
/* ------------------------------------------------------------------------------- */
/*  Footer
/* ------------------------------------------------------------------------------- */	
	
	footer {
		width:100%;
		min-height:200px;
		background-color:#1c1f21;
	}
	
	#footer-socials {
		padding-top:50px;
		height:60px;
		text-align:center;
	}
	
	li.socials {
		background-color: #2d3134;
		border-radius: 5px;
		bottom: 20px;
		height:60px;
		margin-right: 20px;
		margin-left:20px;
		width: 60px;
		display:inline-block;
	}
	
	li.socials a [class^="icon-"], .the-icons li [class*=" icon-"] {
		font-size: 28px;
		vertical-align:20px;
		width: 30px;
		height:30px;
		padding:15px;
		color:#fff;
	} 
	
	li.socials:hover {
		background-color: #0099ff;
	}
		
	#footer-contact h5 {
		margin-top:50px;
		text-align:center;
		color:#616a71;		
	}
	
	#footer-contact h3 {
		margin:50px 0px;
		text-align:center;
		color:#fff;
		text-transform:uppercase;	
	}
	
	hr.footer {
		margin:30px 0px;
		border:0;
		background-color: #2d3134;
		height: 1px;
	}
	
	#footer-nav {
		padding-bottom:30px;
	}
	
	#footer-nav p {
		float:left
	}
	
	#footer-nav ul {
		float:right
	}
	
	#footer-nav ul li {
		display:inline;
		margin-left:40px;
		font-weight:bolder;
		text-transform:uppercase;
		font-size:12px;
	}
	
	#footer-nav ul li.current a, #footer-nav ul li a:hover {
		color:#fff;
	}
	
	#footer-nav ul li a {
		color:#616a71;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
/* ------------------------------------------------------------------------------- */
/*  Shortcodes
/* ------------------------------------------------------------------------------- */	
	
	
	
	h4.shortcode_title {
		width:100%;
		margin-top:80px;
	}
	
	.shortcode_section {
		min-height:50px;
		width:100%;
	}
	
	
	.shortcode_alertbox { 
		display:block; 
		padding:15px 40px 15px 14px; 
		position:relative;
		margin-bottom:20px;
		border-left:#3d3d3d 6px solid;
		color:#fff;
		font-size:14px;
		line-height:20px;
		border-radius:3px;
	}
	.shortcode_alertbox .box_close {
		position:absolute;
		right:5px;
		top:5px;
		display:block;
		width:40px;
		height:40px;
		background: url("../images/close_hover.png") no-repeat 0 0;
	}
	.shortcode_alertbox.box_type1	{
		border-color:#13171a;
		background:#2b363c;
	}
	.shortcode_alertbox.box_type2	{
		border-color:#0086e0;
		background:#00B195;
	}
	
	.shortcode_alertbox.box_type3	{
		border-color:#dc0000;
		background:#ff0000;
	}
	
	.shortcode_alertbox.box_type4	{
		border-color:#edc300;
		background:#ffd200;
	}
	.shortcode_alertbox.box_type5	{
		border-color:#88c800;
		background:#94e01c
	}
	
	blockquote.text {
		background: none repeat scroll 0 0 #fff;
		border-left: 5px solid #0099FF;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-style:italic;
		font-size:18px;
		padding: 15px;
		margin:30px 0px;
		line-height:24px;
		border-radius:0px 5px 5px 0px;
	}
	
	.meter { 
		height: 40px;
		position: relative;
		margin: 0 0 20px 0;
		background:#fff;
		width:100%;
		border-radius:3px;
		-o-transition: all 0.3s linear;
		-moz-transition: all 0.3s linear;
		-ms-transition: all 0.3s linear;
		-kthtml-transition: all 0.3s linear;
		transition: all 0.3s linear;
	}
	
	.meter:hover { 
		box-shadow: 0px 0px 8px rgba(0,0,0,0.1);
	}
	
	.meter p {
		color:#FFF;
		font-weight:bold;
		line-height:40px;
		padding-left:15px;
	}
	
	.meter > div {
		display: block;
		height: 100%;
		background-color:#00B195;
		border-radius:3px 0px 0px 3px;
	}
	
	.mini_social_icon {
		display:inline-block;
		float:left;
		margin:0 5px 5px 0;
		background-color:#3d3d3d;
		background-position:center;
		background-repeat:no-repeat;	
		transition: background-color 300ms;
		-webkit-transition: background-color 300ms;
		-moz-transition: background-color 300ms;
		-o-transition: background-color 300ms;
		border-radius:3px;					
	}
	.mini_social_icon:hover {
		background-color:#5a5a5a;	
	}
	.mini_social_icon.type1 {
		width:34px;
		height:34px;
	}
	.mini_social_icon.type2 {
		width:40px;
		height:40px;
	}
	.mini_social_icon_facebook1 {
		background-image:url(../images/icons/ico_socialize_facebook1.png)
	}
	.mini_social_icon_facebook2 {
		background-image:url(../images/icons/ico_socialize_facebook2.png)
	}
	.mini_social_icon_twitter1 {
		background-image:url(../images/icons/ico_socialize_twitter1.png)
	}
	.mini_social_icon_twitter2 {
		background-image:url(../images/icons/ico_socialize_twitter2.png)
	}
	.mini_social_icon_twitter3 {
		background-image:url(../images/icons/ico_socialize_twitter3.png)
	}
	.mini_social_icon_digg1 {
		background-image:url(../images/icons/ico_socialize_digg1.png)
	}
	.mini_social_icon_digg2 {
		background-image:url(../images/icons/ico_socialize_digg2.png)
	}
	.mini_social_icon_google1 {
		background-image:url(../images/icons/ico_socialize_google1.png)
	}
	.mini_social_icon_google2 {
		background-image:url(../images/icons/ico_socialize_google2.png)
	}
	.mini_social_icon_tumbler {
		background-image:url(../images/icons/ico_socialize_tumbler.png)
	}
	.mini_social_icon_delicious {
		background-image:url(../images/icons/ico_socialize_delicious.png)
	}
	.mini_social_icon_plixi {
		background-image:url(../images/icons/ico_socialize_plixi.png)
	}
	.mini_social_icon_dribbble1 {
		background-image:url(../images/icons/ico_socialize_dribbble1.png)
	}
	.mini_social_icon_dribbble2 {
		background-image:url(../images/icons/ico_socialize_dribbble2.png)
	}
	.mini_social_icon_stubleUpon {
		background-image:url(../images/icons/ico_socialize_stubleUpon.png)
	}
	.mini_social_icon_lastfm {
		background-image:url(../images/icons/ico_socialize_lastfm.png)
	}
	.mini_social_icon_moby {
		background-image:url(../images/icons/ico_socialize_moby.png)
	}
	.mini_social_icon_vimeo {
		background-image:url(../images/icons/ico_socialize_vimeo.png)
	}
	.mini_social_icon_youtube1 {
		background-image:url(../images/icons/ico_socialize_youtube1.png)
	}
	.mini_social_icon_youtube2 {
		background-image:url(../images/icons/ico_socialize_youtube2.png)
	}
	.mini_social_icon_myspace {
		background-image:url(../images/icons/ico_socialize_myspace.png)
	}
	.mini_social_icon_linkedIn {
		background-image:url(../images/icons/ico_socialize_linkedIn.png)
	}
	.mini_social_icon_pinterest {
		background-image:url(../images/icons/ico_socialize_pinterest.png)
	}
	.mini_social_icon_flickr {
		background-image:url(../images/icons/ico_socialize_flickr.png)
	}
	.mini_social_icon_vk1 {
		background-image:url(../images/icons/ico_socialize_vk1.png)
	}
	.mini_social_icon_vk2 {
		background-image:url(../images/icons/ico_socialize_vk2.png)
	}
	.mini_social_icon_odnoklassniki {
		background-image:url(../images/icons/ico_socialize_odnoklassniki.png)
	}
	.mini_social_icon_gowalla {
		background-image:url(../images/icons/ico_socialize_gowalla.png)
	}
	.mini_social_icon_dropbox {
		background-image:url(../images/icons/ico_socialize_dropbox.png)
	}
	.mini_social_icon_skype {
		background-image:url(../images/icons/ico_socialize_skype.png)
	}
	.mini_social_icon_iChat {
		background-image:url(../images/icons/ico_socialize_iChat.png)
	}
	.mini_social_icon_instagram {
		background-image:url(../images/icons/ico_socialize_instagram.png)
	}
	.mini_social_icon_evernote {
		background-image:url(../images/icons/ico_socialize_evernote.png)
	}
	.mini_social_icon_deviantart {
		background-image:url(../images/icons/ico_socialize_deviantart.png)
	}
	.mini_social_icon_blogspot {
		background-image:url(../images/icons/ico_socialize_blogspot.png)
	}
	.mini_social_icon_reddit {
		background-image:url(../images/icons/ico_socialize_reddit.png)
	}
	.mini_social_icon_technorati {
		background-image:url(../images/icons/ico_socialize_technorati.png)
	}
	.mini_social_icon_yahoo {
		background-image:url(../images/icons/ico_socialize_yahoo.png)
	}
	.mini_social_icon_diigo {
		background-image:url(../images/icons/ico_socialize_diigo.png)
	}
	.mini_social_icon_blinklist {
		background-image:url(../images/icons/ico_socialize_blinklist.png)
	}
	.mini_social_icon_bing {
		background-image:url(../images/icons/ico_socialize_bing.png)
	}
	.mini_social_icon_behnce {
		background-image:url(../images/icons/ico_socialize_behnce.png)
	}
	.mini_social_icon_picasa {
		background-image:url(../images/icons/ico_socialize_picasa.png)
	}
	.mini_social_icon_forrst {
		background-image:url(../images/icons/ico_socialize_forrst.png)
	}
	.mini_social_icon_ffffound {
		background-image:url(../images/icons/ico_socialize_ffffound.png)
	}
	.mini_social_icon_viddler {
		background-image:url(../images/icons/ico_socialize_viddler.png)
	}
	.mini_social_icon_friendfeed {
		background-image:url(../images/icons/ico_socialize_friendfeed.png)
	}
	.mini_social_icon_mobileMe {
		background-image:url(../images/icons/ico_socialize_mobileMe.png)
	}
	.mini_social_icon_wordpress {
		background-image:url(../images/icons/ico_socialize_wordpress.png)
	}
	.mini_social_icon_drupal {
		background-image:url(../images/icons/ico_socialize_drupal.png)
	}
	.mini_social_icon_paypal {
		background-image:url(../images/icons/ico_socialize_paypal.png)
	}
	.mini_social_icon_share {
		background-image:url(../images/icons/ico_socialize_share.png)
	}
	.mini_social_icon_mail {
		background-image:url(../images/icons/ico_socialize_mail.png)
	}
	.mini_social_icon_rss {
		background-image:url(../images/icons/ico_socialize_rss.png)
	}
	.mini_social_icon_home {
		background-image:url(../images/icons/ico_socialize_home.png)
	}
	.mini_social_icon_phone {
		background-image:url(../images/icons/ico_socialize_phone.png)
	}

	.mini_social_icon_facebook1:hover {
		background-color:#405890;
	}
	.mini_social_icon_facebook2:hover {
		background-color:#405890;
	}
	.mini_social_icon_twitter1:hover {
		background-color:#00abf0;
	}
	.mini_social_icon_twitter2:hover {
		background-color:#00abf0;
	}
	.mini_social_icon_twitter3:hover {
		background-color:#00abf0;
	}
	.mini_social_icon_digg1:hover {
		background-color:#1a5891;
	}
	.mini_social_icon_digg2:hover {
		background-color:#1a5891;
	}
	.mini_social_icon_google1:hover {
		background-color:#1022ba;
	}
	.mini_social_icon_google2:hover {
		background-color:#cb2028;
	}
	.mini_social_icon_tumbler:hover {
		background-color:#2f4f68;
	}
	.mini_social_icon_delicious:hover {
		background-color:#0000fe;
	}
	.mini_social_icon_plixi:hover {
		background-color:#06b3f2;
	}
	.mini_social_icon_dribbble1:hover {
		background-color:#f16097;
	}
	.mini_social_icon_dribbble2:hover {
		background-color:#f16097;
	}
	.mini_social_icon_stubleUpon:hover {
		background-color:#52b857;
	}
	.mini_social_icon_lastfm:hover {
		background-color:#d21309;
	}
	.mini_social_icon_moby:hover {
		background-color:#3199cc;
	}
	.mini_social_icon_vimeo:hover {
		background-color:#1ab7ea;
	}
	.mini_social_icon_youtube1:hover {
		background-color:#eb0000;
	}
	.mini_social_icon_youtube2:hover {
		background-color:#eb0000;
	}
	.mini_social_icon_myspace:hover {
		background-color:#00349a;
	}
	.mini_social_icon_linkedIn:hover {
		background-color:#0072a4;
	}
	.mini_social_icon_pinterest:hover {
		background-color:#cb2028;
	}
	.mini_social_icon_flickr:hover {
		background-color:#ff0084;
	}
	.mini_social_icon_vk1:hover {
		background-color:#4b6e91;
	}
	.mini_social_icon_vk2:hover {
		background-color:#4b6e91;
	}
	.mini_social_icon_odnoklassniki:hover {
		background-color:#f48222;
	}
	.mini_social_icon_gowalla:hover {
		background-color:#fb7809;
	}
	.mini_social_icon_dropbox:hover {
		background-color:#0f57a3;
	}
	.mini_social_icon_skype:hover {
		background-color:#00aff0;
	}
	.mini_social_icon_iChat:hover {
		background-color:#2388cd;
	}
	.mini_social_icon_instagram:hover {
		background-color:#a4765c;
	}
	.mini_social_icon_evernote:hover {
		background-color:#87c442;
	}
	.mini_social_icon_deviantart:hover {
		background-color:#c8da30;
	}
	.mini_social_icon_blogspot:hover {
		background-color:#f6821f;
	}
	.mini_social_icon_reddit:hover {
		background-color:#fe4600;
	}
	.mini_social_icon_technorati:hover {
		background-color:#00c400;
	}
	.mini_social_icon_yahoo:hover {
		background-color:#650f6d;
	}
	.mini_social_icon_diigo:hover {
		background-color:#4b8dc6;
	}
	.mini_social_icon_blinklist:hover {
		background-color:#fe6400;
	}
	.mini_social_icon_bing:hover {
		background-color:#067ecc;
	}
	.mini_social_icon_behnce:hover {
		background-color:#2f99d2;
	}
	.mini_social_icon_picasa:hover {
		background-color:#b262c7;
	}
	.mini_social_icon_forrst:hover {
		background-color:#34712b;
	}
	.mini_social_icon_ffffound:hover {
		background-color:#f81b98;
	}
	.mini_social_icon_viddler:hover {
		background-color:#288cda;
	}
	.mini_social_icon_friendfeed:hover {
		background-color:#a8c9f2;
	}
	.mini_social_icon_mobileMe:hover {
		background-color:#1574ce;
	}
	.mini_social_icon_wordpress:hover {
		background-color:#1d5379;
	}
	.mini_social_icon_drupal:hover {
		background-color:#0173ba;
	}
	.mini_social_icon_paypal:hover {
		background-color:#183962;
	}
	.mini_social_icon_share:hover {
		background-color:#1d7c3e;
	}
	.mini_social_icon_mail:hover {
		background-color:#06b3f2;
	}
	.mini_social_icon_rss:hover {
		background-color:#ff9000;
	}
	.mini_social_icon_home:hover,
	.mini_social_icon_phone:hover {
		background-color:#a3a3a3;
	}
	
	.the-icons li {
		height: 40px;
		color:#919DA4;
		text-transform:capitalize;		
	}
	
	.the-icons li [class^="icon-"], .the-icons li [class*=" icon-"] {
		font-size: 28px;
		vertical-align:-6px;
		width: 35px;
		margin-right:10px;
		color:#2B363C;
	}
	
	.notification-box {
		background: none repeat scroll 0 0 #fff;
		border-left: 5px solid #0099FF;
		margin: 0 0 20px;
		overflow: hidden;
		padding: 28px 28px 27px 31px;
	}
	
	.notification-box h4, .notification-box p {
		float:left;
	}
	
	.featured_box_icon.blue {
	background-color: #00b094;
	border-radius: 5px;
	color: #FFFFFF;
	margin-top: 2px;
	text-align: center;
	font-size:28px;
	width:50px;
	height:50px;
	float:left;
	line-height:50px;
	}
	
	.featured_box h4 {
		line-height:50px;
		padding-left:65px;
		margin-bottom:15px;
	}
	
	.team {
		width:280px;
		height:280px;
		background-color:#fff;
		float:left;
		margin-right:20px;
		overflow:hidden;
		border-radius:5px;
		margin-bottom:20px;
		-o-transition: all 0.3s linear;
		-moz-transition: all 0.3s linear;
		-ms-transition: all 0.3s linear;
		-kthtml-transition: all 0.3s linear;
		transition: all 0.3s linear;
	}
	
	.team img.user{
		position:absolute;
		border-radius:5px;
	}
	
	.team-overlay {
		width:240px;
		height:200px;
		background-color:#fff;
		padding:20px;
		position:relative;
		margin-top:200px;
		-webkit-transition: all 0.3s ease 0s;
           -moz-transition: all 0.3s ease 0s;
            -ms-transition: all 0.3s ease 0s;
             -o-transition: all 0.3s ease 0s;
                transition: all 0.3s ease 0s;
	}
	
	.team:hover > .team-overlay{
		margin-top:0px;		
	}
	
	.team:hover {
		box-shadow: 0px 0px 8px rgba(0,0,0,0.15);
	}
	
	.team-overlay h5 {
		margin-bottom:2px;
	}
	
	p.team-function {
		color:#919DA4;
		margin-bottom:25px;
	}
	
	p.team-description {
		color:#919DA4;
		line-height:18px;
		margin-bottom:50px;
	}
	
	.team-social {
		width:30px;
		height:30px;
		background-color:#2B363C;
		margin-right:10px;
		float:left;
		border-radius:3px;
		bottom:20px;
	}
	
	.team-social:hover {
		background-color:#0099FF;
	}
	
	.team-social img{
		padding:2px;
	}
	
	.dropcap-color {
		color: #0099FF;
		float: left;
		font-size: 60px;
		margin-right: 6px;
		padding-bottom: 11px;
		padding-top: 11px;
		position: relative;
		text-transform: uppercase;
		top: 5px;
		margin-left:-3px;
		font-family: 'agendablack';
	}
	
	.dropcap-black {
		color: #2B363C;
		float: left;
		font-size: 60px;
		margin-right: 6px;
		padding-bottom: 11px;
		padding-top: 11px;
		position: relative;
		text-transform: uppercase;
		top: 5px;
		margin-left:-3px;
		font-family: 'agendablack';
	}
	
	.dropcap-color-box {
		color: #fff;
		float: left;
		font-size: 30px;
		margin-right: 10px;
		padding-bottom: 11px;
		padding: 10px;
		position: relative;
		text-transform: uppercase;
		top: 5px;
		margin-left:-3px;
		background-color:#0099FF;
		line-height:23px;
		font-family: 'agendablack';
		border-radius:3px;
	}
	
	.dropcap-black-box {
		color: #fff;
		float: left;
		font-size: 30px;
		margin-right: 10px;
		padding-bottom: 11px;
		padding: 10px;
		position: relative;
		text-transform: uppercase;
		top: 5px;
		margin-left:-3px;
		background-color:#2B363C;
		line-height:23px;
		font-family: 'agendablack';
		border-radius:3px;
	}
	
	.square-list li, .check-list li, .plus-list li, .arrow-list li, .cross-list li, .star-list li, .minus-list li, .arrow2-list li, .circle-list li {
		line-height: 15px;
		color:#919DA4;
		padding:0px 5px 0px 15px;
		margin-bottom:10px;
	}
	.square-list li:hover, .check-list li:hover, .plus-list li:hover, .arrow-list li:hover, .cross-list li:hover, .star-list li:hover, .minus-list li:hover, .arrow2-list li:hover, .circle-list li:hover {
		color:#0099FF;
		padding-left: 15px;
		cursor:pointer;
	}
	.square-list li {
		background: url("../images/list-icons/square.png") no-repeat scroll 0 50% transparent;
	}
	.check-list li {
		background: url("../images/list-icons/check.png") no-repeat scroll 0 50% transparent;
	}
	.plus-list li {
		background: url("../images/list-icons/plus.png") no-repeat scroll 0 50% transparent;
	}
	.arrow-list li {
		background: url("../images/list-icons/arrow.png") no-repeat scroll 0 50% transparent;
	}
	.cross-list li {
		background: url("../images/list-icons/cross.png") no-repeat scroll 0 50% transparent;
	}
	.star-list li {
		background: url("../images/list-icons/star.png") no-repeat scroll 0 50% transparent;
	}
	.minus-list li {
		background: url("../images/list-icons/minus.png") no-repeat scroll 0 50% transparent;
	}
	.arrow2-list li {
		background: url("../images/list-icons/arrow2.png") no-repeat scroll 0 50% transparent;
	}
	.circle-list li {
		background: url("../images/list-icons/circle.png") no-repeat scroll 0 50% transparent;
	}
	
	.line {
		height:1px;
		width:100%;
		background-color: #e2e2e2;
		margin: 30px 0px 50px 0px;
		float:left;
	}
	
	
/* ------------------------------------------------------------------------------- */
/*  Pricing Tables
/* ------------------------------------------------------------------------------- */	
	
	
	.pricing-table {
		margin-top:80px;
		margin-bottom:40px;}
	
	.pricing-table-second .column, .pricing-table .column {
        float: left;
        margin: 0;
        padding: 0;
        position: relative;
        text-align: center;
    }
    .pricing-table-second ul li, .pricing-table ul li {
        display: block;
        margin: 0;
        position: relative
    }
    .pricing-table-second .footer, .pricing-table .footer {
        padding: 35px 20px;
    }






/*  First Pricing Table  --------------------------------*/

    .pricing-table .column {
        background: #fff;
		border: #eaeaea 10px solid;        
        width: 17.6%;
		padding-top:25px;		
    }

	
	.pricing-table .first-col {
		border-right:#eaeaea 0px solid!important;		
    }
	
	.pricing-table .last-col {
		border-left:#eaeaea 0px solid!important;
    }
	
    .pricing-table .level-max {
        background: #fff;
        border: 0;
        -webkit-box-shadow: 0 0px 16px rgba(0, 0, 0, .2);
           -moz-box-shadow: 0 0px 16px rgba(0, 0, 0, .2);
                box-shadow: 0 0px 16px rgba(0, 0, 0, .2);
        margin: -35px 0;
        width: 23%;
        z-index: 1;
		padding-top:50px;
		border-radius:5px; 
    }
	
	.level-max h4 {
		padding-bottom:20px;
	}
	
    .pricing-table .header {
        padding: 26px 20px 23px;
		background:#f8f8f8;
		border-top: #eaeaea 1px solid;
		margin-top:25px;
    }


    .pricing-table p {
        color: #0099FF;
        font-size: 12px;
        margin: 0;
        font-weight: 200;
        text-transform: capitalize;
    }

    .pricing-table ul li {
        border-top: 1px solid #eaeaea;
        padding: 8px 0;
    }

    .pricing-table .footer {
		background:#f8f8f8;
		border-top: #eaeaea 1px solid;
    }
	
	.pricing-table .level-max .footer {
		background:#fff;
		border-top: #eaeaea 1px solid;
		padding-top:60px;
		padding-bottom:60px;
		border-radius:0px 0px 5px 5px; 
    }
	
	
	
	
	
/*  Second Pricing Table  --------------------------------*/

	.pricing-table-second .column {
        background: #fff;
		border: #eaeaea 1px solid;        
        width: 30%;
		margin-right:4.5%;
		margin-bottom:20px;
		border-radius:5px;
		
    }
	
	.pricing-table-second .column:last-child {        
		margin-right:0;		
    }
	
    
    .pricing-table-second .header {
        padding: 26px 20px 23px;
		background:#fff;
		border-top: #eaeaea 1px solid;
    }
	
	.pricing-table-second .table-title {
        padding: 15px 20px 10px;
		background:#0099FF;
		border-radius:5px 5px 0px 0px;
    }

    .pricing-table-second h3 {
        color: #fff;
        font-weight: 200;
        margin: 0 0 3px;
		padding:10px 0px;
    }	
	
	.pricing-table-second h5 {
		color:#2B363C;
	}
	
    .pricing-table-second h5 span {
        color: #0099FF;
		vertical-align:top;
    }

    .pricing-table-second ul li {
        border-top: 1px solid #eaeaea;
        padding: 8px 0;
    }

    .pricing-table-second .footer {
		background:#fff;
		border-top: #eaeaea 1px solid;
		border-radius:0px 0px 5px 5px;
    }
	
	.video-container {
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 30px;
		height: 0;
		overflow: hidden;
		margin-bottom:30px;
	}
	
	.video-container iframe,  
	.video-container object,  
	.video-container embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border:0;
	}
	
	.audio-container iframe {
		width: 100%;
		border:0;
	}
	
	.page_subheader_image {
		background: url("../images/office.jpg") no-repeat scroll center center #222222;
		padding:200px 0px;
		text-align:center;
	}
	
	.page_subheader_image_qsomos {
		background: url("../images/qsomos.jpg") no-repeat scroll center center #222222;
		padding:200px 0px;
		text-align:center;
	}
	
	.page_subheader_image h2 {
		color:#fff;
		text-shadow: 0px 0px 35px rgba(0,0,0,0.5);
	}
	
	.page_subheader_image h5 {
		color:#fff;
		text-shadow: 0px 0px 15px rgba(0,0,0,0.5);
	}
	
	
	
	
	
	
	
	
	
	
	





/* ------------------------------------------------------------------------------- */
/*  Media Queries
/* ------------------------------------------------------------------------------- */	


@media only screen and (max-width: 1280px) { 

	
	#wrapper {
		width: 1040px;	
	}
	
	.container {
		width:960px;
		padding:0px 20px;
		margin:0 auto;
	}
	
	.list_carousel {				
		width: 1000px;
		height:auto;
		margin-left:-20px;
		padding-bottom:50px;
	}
	
	.work {
		height: auto;
		left: -30px;
		margin: 0 auto;
		padding-bottom: 20px;
		top: -40px;
		width: 1020px;
	}
	
	nav.primary ul li {
		margin:0;
	}
	
	.portfolio li {
		float: left;
		margin: 20px;
		overflow: hidden;
		transition: none 0s ease 0s;
		width: 293px;
	}
	
	article.four {
		margin: 20px;
		min-height: 205px;
		width: 215px;
	}
	
	article.four h4 {
		font-size:20px;
	}
	
	article.three {
		margin: 20px;
		min-height: 260px;
		width: 300px;
	}
	
	article.two {
		margin: 20px;
		min-height: 360px;
		width: 470px;
	}
	
	.left_content {
		margin-right: 50px;
		width: 640px;
	}
	
	.right_content {
		margin-left: 50px;
		width: 640px;
	}
	
	#blog_posts {
		margin-right: 50px;
		width: 640px;
	}
	
	#sidebar {
		width: 270px;
	}
	
	input#search {
		width: 215px;
	}
	
	.widget_flickr .flickr_badge_image, .widget_flickr .flickr_badge_image a, .widget_flickr .flickr_badge_image img {
		height: 62px;
		width: 62px;
	}	
	
	.featured_box h4 {
		font-size:20px;
	}
	
	.team {
		margin-bottom: 40px;
		margin-right: 40px;
	}
	
	.contact_formular {
		width: 960px;
	}
	
	textarea#comments {
		width: 925px;
	}
	
	#footer-contact h3 {
		font-size: 28px;
	}
	
	textarea#comment {
		width: 608px;
	}
	
	textarea#comment_full {
    width: 929px;
}
	
	h1.error {
		font-size: 350px;
		line-height: 350px;
		margin-bottom: 100px;
		opacity: 0.2;
	}
	
	
}









	

























@media only screen and (max-width: 959px) {
	
	
	#wrapper {
		width: 100%;	
	}
	
	.container {
		width:720px;
		padding:0px 20px;
		margin:0 auto;
	}
	
	.one_half {
    	width: 100%;
	}
	
	.one_third {
		width: 100%;
	}
	
	.one_fourth {
		width: 100%;
	}
	
	.one_fifth {
		width: 100%;
	}
	
	.one_sixth {
		width: 100%;
	}
	
	.two_fifth {
		width: 100%;
	}
	
	.two_fourth {
		width: 100%;
	}	
	
	.two_third {
		width: 100%;
	}
	
	.three_fifth {
		width: 100%;
	}
	
	.three_fourth {
		width: 100%;
	}
	
	.four_fifth {
		width: 100%;
	}
	
	.five_sixth {
		width: 100%;
	}
	
	.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .two_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
		float: left;
		margin-bottom: 20px;
		margin-right: 0;
		position: relative;
	}
	
	header {
		background-color: #FFFFFF;
		height: 150px;
		width: 100%;
	}
	
	header.header_two {
		height: 190px;
	}
	
	header.header_three {
		height: 190px;
	}
	
		#logo {
		float: none;
		margin-top: 0px;
		padding-top:20px;
		text-align: center;
	}
	
	
		#iata {
			width: 150px;
		float: left;
		margin-top: 0px;
		padding-top:20px;
		text-align: center;
	}
	
	
	
	#navigation { 
		display: none; 
	}
		
		

    .js .selectnav {
		background-color:#F9F9F9;
		border: 1px solid #EEEEEE;
        background-position: center right, top left;
        color: #959595;
        display: inline-block;
        font-size: 12px;
        padding: 10px;
        width: 100%;
		z-index:999;
		cursor:pointer;
		margin-top:20px;
		border-radius:5px;
    }
	
	.portfolio li {
		float: left;
		margin: 20px;
		overflow: hidden;
		transition: none 0s ease 0s;
		width: 340px;
	}
	
	.work {
		height: auto;
		left: -40px;
		margin: 0 auto;
		padding-bottom: 20px;
		top: -40px;
		width: 800px;
	}
	
	article.four {
		margin: 40px;
		min-height: 270px;
		width: 320px;
	}
	
	article.four h4 {
		font-size:24px;
	}
	
	article.three {
		margin: 40px;
		min-height: 270px;
		width: 320px;
	}
	
	article.two {
		margin: 40px;
		min-height: 270px;
		width: 320px;
	}
	
	.notification-box a {
		float:left;
		margin-top:20px;
	}
	
	.notification-box p {
		margin-bottom:20px;
		margin-top:10px;
	}
	
	.team {
		margin: 40px;
	}
	
	.left_content {
		margin-right: 0px;
		width: 100%;
	}
	
	.right_content {
		margin-left: 0px;
		width: 100%;
	}
	
	#blog_posts {
		margin-right: 0px;
		width: 100%;
	}
	
	#sidebar {
		width: 100%;
	}
	
	.post_media {
		float: left;
		margin-right: 0px;
		width: 100%;
	}
	
	.post_right {
		width: 100%;
		margin-bottom:20px;
	}
	
	textarea#comment {
		width: 690px;
	}
	
	
	textarea#comment_full {
		width: 690px;
	}
	
	.meta_info {
		width: auto;
	}
	
	.alignleft {
		float: left;
		padding-left: 100px;
		width: 620px;
	}
	
	.pricing-table .column {
		border: 10px solid #EAEAEA!important;
		width: 700px;
		margin-bottom:20px;
	}
	
	.pricing-table .level-max {
		margin: 0;
		margin-bottom:20px;
		width: 700px;
	}
	
	.contact_formular {
		width: 720px;
	}
	
	textarea#comments {
		width: 690px;
	}
		
	#footer-nav ul li {
		margin-left: 20px;
	}
	
	#footer-nav ul {
		padding-top:2px;
	}
	
	
 
}











@media only screen and (max-width: 767px) {
	
	#wrapper {
		width: 100%;	
	}

	.container {
		width:460px;
		padding:0px 20px;
		margin:0 auto;
	}
	
	.header_top {
		height: 45px;
	}
	
	.header_top.color {
		height: 45px;
	}
	
	.header_icons {
		float: left;
		padding-top:10px;
		margin-left:-3px;
	}
	
	.header_icons li {
		padding-left: 0px;
		padding-right: 10px;

	}
	
	header.header_two {
		height: 220px;
	}
	
	header.header_three {
		height: 220px;
	}
	
	h4 { font-size: 20px; font-weight:bold; line-height:20px; font-family: 'agendablack' , 'arial'; text-transform:uppercase; color: #2B363C;}
    h1 { font-size: 48px; font-weight:bold; line-height:48px; font-family: 'agendablack' , 'arial'; text-transform:uppercase; color: #2B363C;}
    h2 { font-size: 36px; font-weight:bold; line-height:30px; font-family: 'agendablack' , 'arial'; text-transform:uppercase; color: #2B363C;}
    h3 { font-size: 24px; font-weight:bold; line-height:24px; font-family: 'agendablack' , 'arial'; text-transform:uppercase; color: #2B363C;}
	
	#recent-works-header h2 {
		line-height:50px;
		text-transform: uppercase;
	}
	
	.list_carousel {
		width: 480px;
	}
	
	.portfolio li {
		width: 460px;
	}
	
	.team {
		margin: 0px;
		margin-bottom:30px;
	}
	
	h1.error {
		font-size: 280px;
	}
	
	nav.primary ul li {
		float:none;
		padding-bottom:30px;
	}
	
	.work {
		height: auto;
		left: -20px;
		margin: 0 auto;
		padding-bottom: 20px;
		top: -40px;
		width: 520px;
	}
	
	article.four {
		margin: 20px;
		min-height: 330px;
		width: 460px;
	}
	
	article.four h4 {
		font-size:24px;
	}
	
	article.three {
		margin: 20px;
		min-height: 330px;
		width: 460px;
	}
	
	article.three h4 {
		font-size:24px;
	}
	
	article.two {
		margin: 20px;
		min-height: 330px;
		width: 460px;
	}
	
	article.two h4 {
		font-size:24px;
	}
	
	.alignleft {
		float: left;
		padding-left: 100px;
		width: 360px;
	}
	
	li.author {
		padding-bottom:10px;
	}
	
	li.tag {
		padding-bottom:10px;
	}
	
	li.readmore {
		float: none;
	}
	
	textarea#comment {
		width: 430px;
	}
	
	textarea#comment_full {
		width: 430px;
	}
	
	.pricing-table .column {
		border: 10px solid #EAEAEA!important;
		width: 440px;
		margin-bottom:20px;
	}
	
	.pricing-table .level-max {
		margin: 0;
		margin-bottom:20px;
		width: 440px;
	}
	
	.pricing-table-second .column {
		margin-right: 0%;
		width: 100%;
	}
	
	#map_canvas.two {
		margin-left: -3px;
	}
	
	.contact_formular {
		width: 460px;
	}
	
	textarea#comments {
		width: 430px;
	}
	
	li.socials {
   		margin:5px;
	}
	
	#footer-socials {
		height: auto;
	}
	
	#footer-contact h5 {
		margin-top: 40px;
	}
	
	#footer-nav ul {
		float: left;
		margin-top:20px;
	}
	
	#footer-nav ul li {
		margin-left: 0px;
		margin-right: 20px;
	}


}











  	
@media only screen and (max-width: 479px) {
	
	h3 { font-size: 20px; font-weight:bold; line-height:20px; font-family: 'agendablack' , 'arial'; text-transform:uppercase; color: #2B363C;}
    h4 { font-size: 16px; font-weight:bold; line-height:16px; font-family: 'agendablack' , 'arial'; text-transform:uppercase; color: #2B363C;}
    h1 { font-size: 36px; font-weight:bold; line-height:30px; font-family: 'agendablack' , 'arial'; text-transform:uppercase; color: #2B363C;}
    h2 { font-size: 24px; font-weight:bold; line-height:24px; font-family: 'agendablack' , 'arial'; text-transform:uppercase; color: #2B363C;}
	
	#wrapper {
		width: 100%;	
	}
	
	.container {
		width:300px;
		padding:0px 10px;
		margin:0 auto;
	}
	
	.header_top {
		height: auto;
	}
	
	.header_top.color {
		height: auto;
	}
	
	.list_carousel {
		width: 320px;
	}
	
	.portfolio li {
		width: 300px;
	}
	
	nav.primary ul li {
		float:none;
		padding-bottom:30px;
	}
	
	.work {
		height: auto;
		left: -20px;
		margin: 0 auto;
		padding-bottom: 20px;
		top: -40px;
		width: 340px;
	}
	
	article.four {
		margin: 20px;
		min-height: 250px;
		width: 300px;
	}
	
	article.four h4 {
		font-size:24px;
	}
	
	article.three {
		margin: 20px;
		min-height: 250px;
		width: 300px;
	}
	
	article.three h4 {
		font-size:24px;
	}
	
	article.two {
		margin: 20px;
		min-height: 250px;
		width: 300px;
	}
	
	article.two h4 {
		font-size:24px;
	}
	
	h1.error {
		font-size: 180px;
		line-height:140px;
	}
	
	.alignleft {
		float: none;
		padding-left: 0;
		padding-top: 100px;
		width: 300px;
	}
	
	#footer-contact h3 {
		line-height: 28px;
	}
	
	#footer-nav p {
		float: none;
		text-align:center;
	}
	
	#footer-nav ul {
		width:100%;
	}
	
	#footer-nav ul li {
		display: block;
		margin-bottom:10px;
		text-align:center;
	}
	
	.navigation_blog li a {
		padding: 5px;
	}
	
	textarea#comment {
		width: 270px;
	}
	
	textarea#comment_full {
		width: 270px;
	}
	
	textarea#comments {
		width: 270px;
	}
	
	.user_comment_reply {
		margin-left: -100px;
	}
	
	#organic-tabs .nav li a {
		padding: 10px 15px;
	}
	
	.pricing-table .column {
		border: 10px solid #EAEAEA!important;
		width: 280px;
		margin-bottom:20px;
	}
	
	.pricing-table .level-max {
		margin: 0;
		margin-bottom:20px;
		width: 280px;
	}
	
	.pricing-table-second .column {
		margin-right: 0%;
		width: 100%;
	}
	
	.contact_formular {
		width: 300px;
	}
	
	#map_canvas {
		height: 300px;
		width: 100%;
	}

}