@charset "utf-8";
/* CSS Document */


/* ---------------------------------------------------------------------- */
/* Theme Information
/* ----------------------------------------------------------------------
Name: ICLETTA
Description: Corporate Blog
Version: 1.0
Author: brandiffi
Author URI: http://blog.icetrikes.de
------------------------------------------------------------------------- */


/* ---------------------------------------------------------------------- */
/* Imported Stylesheets (Their order is important.)
/* ---------------------------------------------------------------------- */
@import url('css/open-sans.css');
@import url('css/nunito.css');

@import url('css/html5-reset.css');
@import url('css/flexslider.css');
@import url('css/tipsy.css');
@import url('css/jquery.fancybox.css');
@import url('css/shortcodes.css');
@import url('css/smoothness/jquery-ui-1.10.1.custom.min.css');

/* ---------------------------------------------------------------------- */
/* Inceptio Styles
/* ----------------------------------------------------------------------
TABLE OF CONTENTS

-Generic
-Containers
-Headings
-Links
-Text & Content Blocks
-Header
	-Logo 
-Navigation
-Page Title
-Breadcrumbs
-Columns
-Icon Boxes
-Arrow Box Hover
-About Us
-404 Error Page
-Search Results
-Pagination
-Entry Slider
-Carousel
-Portfolio & Blog
-Blog
-Portfolio
-Clients
-Forms
-Tables
-Pricing Tables
-Footer
-Widgets
	-Twitter
	-Contact Info
	-Social Links
-Scroll to Top
-Featured Content
-Arrow Boxes
-Thumbs
------------------------------------------------------------------------- */


/* ---------------------------------------------------------------------- */
/* Generic
/* ---------------------------------------------------------------------- */
html{
        overflow-x: hidden;
}
body {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	line-height: 1.5em; /* 18px */
	color: #333;
	/* Fix for webkit rendering */
	-webkit-font-smoothing: antialiased; 
	-webkit-text-size-adjust: 100%;
}

body.wide {
	background-color: #fff;
	background-image: none;
	background-repeat: repeat;
	background-position: left top;
}

iframe, video, audio {
	display: block;	
}

/*img,*/ embed, object, video { /* Note: keeping IMG here will cause problems if you're using foreground images as sprites. */
	max-width: 100%;
}

video {
	width: 100%;
    height: auto;
}

/* Clearfix */

.clear {
	clear: both;
	display: block;
	height: 0;
	overflow: hidden; 
	visibility: hidden;
	width: 0;
}

/* ---------------------------------------------------------------------- */
/* Containers
/* ---------------------------------------------------------------------- */
#wrap {
	border-top: 4px solid; 
	overflow: hidden; /* removes empty space at the right of mobile devices display */
}

.boxed #wrap {
	background-color: #fff;
	width: 1020px;
	max-width: 100%;
	margin: 0 auto;
	box-shadow: 0 0 8px rgba(0,0,0,0.11);
}

.container {
	width: 940px;
	max-width: 100%;
	margin: 0 auto;
}

#main {
	margin-bottom: 0;	
}

/* ---------------------------------------------------------------------- */
/* Headings
/* ---------------------------------------------------------------------- */
h1, h3, h4, h5, h6 {
	margin-bottom: 15px;
}

h1 {	
	font-size: 2.5em; /* 30px */
	line-height: 1.266em; /* 38px/30px */
	font-weight: 300;
	letter-spacing: -0.02em;
}

h2 {
	font-size: 1.8em; /* 20px */
	line-height: 1.3em; /* 26px/20px */
	font-weight: 600; 
	letter-spacing: -0.02em;
	padding-bottom: 10px;
	margin-bottom: 25px;
}
h2.iconbox-title, h2.trikebox-title {
	font-size: 1.5em; /* 20px */
}

h3 {
	font-weight: normal;
	font-size: 1.333em; /* 16px */
	line-height: 1.375em; /* 22px/16px */
}

h4 {
	font-size: 1.166em; /* 14px */	
	line-height: 1.285em; /* 18px/14px */
	font-weight: 600;
}

h5 {
	font-size: 1.083em; /* 13px */
	line-height: 1.538em; /* 20px/13px */
	font-weight: bold;
}

h6 {
	font-size: 1em; /* 12px */
	line-height: 1.5em; /* 18px */	
	font-weight: bold;
}

/* ---------------------------------------------------------------------- */
/* Links
/* ---------------------------------------------------------------------- */
a, a > * {
	text-decoration: none;
}

a, a > *,
.button,
.jcarousel-prev, .jcarousel-next, 
.iconbox > a * {
	-webkit-transition: color 0.2s ease, background-color 0.2s ease, border 0.2s ease, opacity 0.2s ease-in-out;
	-moz-transition: color 0.2s ease, background-color 0.2s ease, border 0.2s ease, opacity 0.2s ease-in-out;
	-ms-transition: color 0.2s ease, background-color 0.2s ease, border 0.2s ease, opacity 0.2s ease-in-out;
	-o-transition: color 0.2s ease, background-color 0.2s ease, border 0.2s ease, opacity 0.2s ease-in-out;
	transition: color 0.2s ease, background-color 0.2s ease, border 0.2s ease, opacity 0.2s ease-in-out;	
}

a:hover, a > * {
	color: #333;	
}

/* ---------------------------------------------------------------------- */
/* Text & Content Blocks
/* ---------------------------------------------------------------------- */
p {
	margin-bottom: 20px;
}

section,
#page-header {
	margin-bottom: 30px;
}

#slider-home {
	margin-bottom: 30px;
}

.alignleft {
	float: left;	
}

img.alignleft {
	margin: 5px 20px 5px 0;	
}

.alignright {
	float: right;	
}

img.alignright {
	margin: 5px 0 5px 20px;
}

.aligncenter {
	display: block;
	margin-left: auto;	
	margin-right: auto;
}

img.aligncenter {
	margin-top: 5px;
	margin-bottom: 5px;
}

.tip, caption, .caption {
	color: #999;
	font-size: 0.916em; /* 11px */
	font-style: italic;
}

.grey-text {
	color: #999;	
}

.invisible {
	display: none !important;	
}

hr {
	background-color: #e5e5e5;
	color: #e5e5e5;
	border: none;
	height: 1px;
	clear: both;
	margin: 40px 0;
}

mark {
	font-style: normal;
    font-weight: normal;	
}

.note {
	color: #E64141;	
}

/* ---------------------------------------------------------------------- */
/* Header
/* ---------------------------------------------------------------------- */

/* Logo */

#logo {
	font: bold 2.833em/1em 'Open Sans', sans-serif; /* 34px */
	letter-spacing: -0.02em;
	float: left;
	margin: 19px 0 0 -10px; 
	max-width: 100%;
}

#logo a {
	display: block;
}

#logo a, #logo a > * {
	color: #333;
}

#logo a img {
	max-width: 100%;
	display: block;	
}


/* Language Switcher */

#language {
	float: right;
	margin: 0; 
	padding: 3px 8px;
}


/* ---------------------------------------------------------------------- */
/* Slideout-Tabs
/* ---------------------------------------------------------------------- */
#slideoutTab, #slideoutTab.facebook{
    background:#f2f2f2;
    position:absolute;
    width:250px;
    height:120px;
    top:362px;
    right:-255px; /* variable, depends on Tab width */
	z-index: 999;
}
#slideoutButton, #slideoutButton.facebook{
    float:left;
    height:120px;
    width:40px;
    background:#E34A42;
    position: relative;
    cursor: pointer;
	margin-left: -40px;
}
#slideoutButton:hover, #slideoutTabbox:hover #slideoutButton{
    background:#F3782A;
}
#slideoutButton.facebook{
    background:#00304A;
    height:120px;
}
#slideoutButton.facebook:hover, #slideoutTab:hover #slideoutButton.facebook{
    background:#3B5998;
}
#sidebarButton{
    height:160px;
    position:absolute;
    top:490px;
	z-index: 999;   
    width:35px;  
    right: 0;
    background-color: #e34a42;
    cursor: pointer;
}
#slideoutButton div, #slideoutButton.facebook div, #sidebarButton.shop div{
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg); 
    margin-top: 32px;
	color: #fff;
	font-weight: bold;
	white-space: nowrap;
	font-size: 13px;
	text-shadow: 0 -1px rgba(0, 0, 0, 0.2);
}
#slideoutButton.facebook div{
    margin-top: 38px;
}
#sidebarButton.shop div a{
	color: #fff;
}
.slideoutContent{
    float:right;
}

/* ---------------------------------------------------------------------- */
/* Navigation
/* ---------------------------------------------------------------------- */
.nav-wrap {
	float: right;
}

#nav {
	float: right;
	position: relative;
}

/* Navigation List */

ul#navlist {
	list-style: none;	
	padding: 0;
    float: left;
    margin: 0 0 0 80px;
}
ul#navlist li {
	float: right;
}
ul#navlist li a { 
	display: block;
	font-size: 1.4em; /* 16px */
	font-weight: normal;
	line-height: normal;
	color: #333;
	padding: 4px 10px;
	margin: 0 5px 10px;
	text-decoration: none;
}
ul#navlist li a#terracycle { 
	position: relative;
}
ul#navlist li a span { 
	display: none;
	color: #fff;
	position: absolute;
	top: 0;
	padding: 4px 0 4px 2px;
	left: 95px;
	width: 145px;	
}
ul#navlist li a#terracycle:hover span { 
	display: block;
}
ul#navlist li a.highlighted { 
    background-color: #E34A42 !important;
	color: #fff !important;
}
ul#navlist li.subnavlist a { 
	display: block;
	font-size: 1.1em; /* 13px */
	font-weight: normal;
	line-height: normal;
	color: #333;
	padding: 4px 8px;
	margin: 15px 5px 0;
}
ul#navlist li.subnavlist.last { 
	clear: both;
	float: none;
}

ul#navlist li.current a,
ul#navlist li a:hover, ul#navlist li a.highlighted:hover,
ul#navlist li a.selected, ul#subnavlist li a.selected {
	color: #fff !important;
}
ul#navlist li a.highlighted:hover { 
    background-color: #E34A42 !important;
}

/* ---------------------------------------------------------------------- */
/* Shop button
/* ---------------------------------------------------------------------- */
#shopbutton {
    float: right;
    position: relative;
    background-color: #f2f2f2;
    margin: 15px 0 0 20px;
}
#shopbutton img {
    position: absolute;
    top: 10px;
    left: -15px;
}
#shopbutton a {
    text-decoration: none;
    display: block;
    padding: 10px 20px 10px 35px;
    width: auto;   
    min-width: 70px;
    font-size: 14px;  
    color: #333;    
}
#shopbutton a:hover, #shopbutton a:hover strong {
    color: #fff;
    background-color: #00304A;
}
#shopbutton a strong {
    font-size: 20px;
    color: #333;    
}

/* Drop-Down Menus */

.ddsubmenustyle, .ddsubmenustyle div {
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
	z-index: 100;
}

.ddsubmenustyle ul {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0;
	top: 0;
	width: 200px;
}

.ddsubmenustyle > ul {
	top: 4px !important;
}

.ddsubmenustyle li a {
	display: block;
	color: #fff;
	padding: 8px 15px;
	border-top: 1px solid rgba(255,255,255,0.2);
}

.ddsubmenustyle li a:hover {
	background-color: #333;
	border-color: #1a1a1a;
}

.ddsubmenustyle li:first-child a {
	border-top: none;
}

/* Neutral CSS */

.ddiframeshim {
	position: absolute;
	z-index: 500;
	background: transparent;
	border-width: 0;
	width: 0;
	height: 0;
	display: block;
}

/* Tiny Nav */

.tinynav { 
	display: none; 
	padding: 3px;
	border: 1px solid #d9d9d9;
	margin-top: 36px;
	border-radius: 0;
	height: 30px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1) inset;
}

.tinynav option {
	padding: 3px;
}

/* ---------------------------------------------------------------------- */
/* Page Title
/* ---------------------------------------------------------------------- */
#page-title {
	background-color: #333;
	box-shadow: 0 4px 4px rgba(0,0,0,0.4) inset;
	color: #e5e5e5;
	padding: 26px 0;
}

#page-title h1 {
	float: left;
	margin: 0;
	color: #fff;
}


/* ---------------------------------------------------------------------- */
/* Columns
/* ---------------------------------------------------------------------- */
.one-half, .one-third, .one-fourth, .two-thirds, .three-fourths {
	display: inline;
	float: left;
    margin-right: 2%;
}

.one-half {
	width: 49%;	
	max-width: 460px;
}

.one-third {
	width: 32%;	
	max-width: 300px;
}

.one-fourth {
	width: 23.5%;	
	max-width: 220px;
}

.two-thirds {
	width: 66%;	
	max-width: 620px;	
}

.three-fourths {
	width: 74.5%;	
	max-width: 700px;	
}

.column-last { 
	margin-right: 0 !important;
}

/* ---------------------------------------------------------------------- */
/* Icon Boxes
/* ---------------------------------------------------------------------- */
.iconbox {
	margin-bottom: 20px;
	position: relative;	
	max-height: 375px;
}

.iconbox-title {
	padding-bottom: 0;
	margin-bottom: 15px;
	border: none;	
}
.shopbox-title {
	font-size: 18px;
	margin-top: 5px;
}
.iconbox > a {
	display: block;
	background-color: #f2f2f2;
	height: 335px;
	border-bottom: 3px solid #d9d9d9;
	padding: 15px 15px 20px;		
}

.iconbox > a > *  {
	color: #333;	
}

.iconbox > a:hover {
	background-color: #fafafa;
	border-color: #E34A42;
}

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

.icon-left .iconbox-icon {
	float: left;
	width: 36px;
	height: 36px;
	background-color: #333;	
	border-radius: 18px; /* half the width/height */
	margin-right: 10px;
	text-align: center;
	line-height: 36px; /* same as the height */
}

.icon-left .iconbox-icon img {
	display: inline-block;
	max-width: 24px;
	max-height: 20px;
}

.icon-top .iconbox-icon {
	margin: 0 auto 10px;
	text-align: center;
}
.icon-top .iconbox-icon img {
	display: inline-block;
	max-width: 100%;
}

.iconbox > a > .button {
	margin-bottom: 0;	
	color: #fff;
	padding: 5px 10px;
	border-radius: 3px;
}

/* ---------------------------------------------------------------------- */
/* Arrow Box Hover
/* ---------------------------------------------------------------------- */

.arrow-box-hover {
	opacity: 0;
	background: url(images/arrow-box-hover.png) no-repeat left top;	
	width: 9px;
	height: 6px;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -4px;
	
	-webkit-transition: none !important;
	-moz-transition: none !important;
	-ms-transition: none !important;
	-o-transition: none !important;
	transition: none !important;
}

.iconbox a:hover .arrow-box-hover,
.project-list li:hover .arrow-box-hover {
	opacity: 1;
}

/* ---------------------------------------------------------------------- */
/* About Us
/* ---------------------------------------------------------------------- */

/* Our Team  */

.team-member {
	background-color: #f2f2f2;
	border-bottom: 3px solid #d9d9d9;
	padding: 15px 15px 0;	
	height: 370px;
	overflow: hidden;
}
.team-member:hover {
	background-color: #fafafa;
	border-color: #E34A42;
}
.team-member .photo {
	display: block;
	margin: 0 auto 15px auto;	
	max-width: 100%;
}

.team-member ul.social-links li {
	border-bottom: none !important;
}

.team-member ul.social-links li > a {
    padding-left: 0 !important;
    padding-right: 0 !important;
	text-decoration: none;
    display:block;
}

.team-member .name {
	margin: 0;
}

.team-member .job-title {
	display: block;
	margin-bottom: 15px;
	color: #888;
}

/* ---------------------------------------------------------------------- */
/* 404 Error Page
/* ---------------------------------------------------------------------- */
.error-404 {
	background: url(images/block-64.png) no-repeat left center;
	padding: 20px 20px 20px 74px;
	border: none;
}

/* ---------------------------------------------------------------------- */
/* Pagination
/* ---------------------------------------------------------------------- */
.page-nav {
	margin: 40px 0;
	border-top: 1px solid #e5e5e5;
	padding-top: 40px;
}

.page-nav.prev-next {
	padding: 15px 0;
	border-bottom: 1px solid #e5e5e5;	
	text-align: right;
	margin-top: 0;
}

.page-nav.prev-next ul {
	margin-right: -5px;
}

.page-nav.prev-next li {
	margin-bottom: 0;
}

.page-nav > span {
	margin-right: 20px;
}

.page-nav ul {
	margin: 0;
	padding: 0;	
}

.page-nav ul, .page-nav li, .page-nav > span {
	display: inline-block;
}

.page-nav li, .page-nav > span {
	vertical-align: middle;
	margin-bottom: 10px;	
}

.page-nav li {
	margin-right: 5px;
	line-height: normal;
}

.page-nav a {
	display: block;
	color: #333;
	background-color: #e5e5e5; 
}

.page-nav a, .page-nav li.current {
	padding: 5px 10px;
	
	background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.05), rgba(0, 0, 0, 0.05));
	background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.05), rgba(0, 0, 0, 0.05));
	background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.05), rgba(0, 0, 0, 0.05));
	background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.05), rgba(0, 0, 0, 0.05));
	background-image: linear-gradient(top, rgba(255, 255, 255, 0.05), rgba(0, 0, 0, 0.05));
	background-repeat: repeat-x;
}

.page-nav a:hover, .page-nav li.current {
	color: #fff;
}

/* ---------------------------------------------------------------------- */
/* Entry Slider
/* ---------------------------------------------------------------------- */
.entry-slider .flex-direction-nav a {
	margin-top: -25px;
    width: 29px;
    height: 50px;
}

.entry-slider .flex-direction-nav a.flex-prev {
	background-position: 10px center;
}

.entry-slider .flex-direction-nav a.flex-next {
	background-position: -41px center;	
}

/* ---------------------------------------------------------------------- */
/* Blog
/* ---------------------------------------------------------------------- */

.entry-image > a,
.entry-slider > ul > li > a {
	display: block;	
	position: relative; /* sets the initial position for the overlay */
}

.entry-image {
	display: inline-block;
}

.project-list .entry-image,
.post-carousel .entry-image,
.blog-entry-list > .entry > .entry-image {
	display: block;	
}

.entry-image,
.entry-video,
.entry-slider {
	margin-bottom: 15px;	
}

.entry-image,
.entry-image img,
.entry-slider,
.entry-slider img {
	max-width: 100%;	
}

.entry-image img,
.entry-slider img {
	display: block;
}

.entry-slider iframe {
	margin: 0 auto;	
}

/* Overlay */

.overlay {
	display: block;
	background-color: rgba(255,255,255,0.4);
	background-repeat: no-repeat; 
	background-position: center center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.overlay.zoom {
	background-image: url(images/overlay-zoom.png);
}

.project-list li .overlay,
.lightbox .overlay,
.lightbox-video .overlay,
.link-overlay .overlay {
	opacity: 0;
	filter: alpha(opacity=0);
    z-index: 0; /* for Opera */
}

.project-list li:hover .overlay,
.lightbox:hover .overlay,
.lightbox-video:hover .overlay,
.link-overlay:hover .overlay {
	opacity: 1;
	filter: alpha(opacity=100);
    z-index: 1; /* for Opera */
}

.project-list li:hover .zoom,
.lightbox .zoom,
.lightbox-video .zoom,
a.entry-image:link .zoom, a.entry-image:visited .zoom,
.entry-slider a:link .zoom, .entry-slider a:visited .zoom {
	background-image: none;
}

a.entry-image:hover .zoom, a.entry-image:active .zoom,
.entry-slider a:hover .zoom, .entry-slider a:active .zoom {
	background-image: url(images/overlay-zoom.png);
}

/* ---------------------------------------------------------------------- */
/* Blog
/* ---------------------------------------------------------------------- */
.related-posts-wrap,
#comments,
#respond {
	padding-top: 40px;
}
#respond {
	border-top: 1px solid #e5e5e5;	
}

.post-carousel .entry {
	overflow: hidden;
	margin-bottom: 20px;
}

.blog-entry-list .entry {
	border-top: 1px solid #e5e5e5;	
	padding-top: 40px;
	margin-bottom: 10px;
}

.blog-entry-list .entry:first-child,
.blog-entry-list .page-nav.prev-next + .entry {
	border: none;
	padding-top: 0;
}

.entry-date {
	float: left;
	width: 44px;
	margin: 0 20px 10px 0;
	text-align: center;
}

.entry-day {
	height: 40px;
	background-color: #f2f2f2;	
	font-weight: bold;
	font-size: 1.666em; /* 20px */
	line-height: 40px; /* vertical align */
	color: #666;
}

.entry-month {
	height: 25px;
	line-height: 25px; /* vertical align */
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	background-color: #00304A;
}

.entry-body {
	overflow: hidden;
}

.post-carousel .entry-meta,
.post-carousel .entry-content p,
.entry-title {
	margin-bottom: 5px;	
}

.entry-title {
	border: none;
	padding: 0;
}

.entry-title a {
	color: #333;	
}

.post-carousel .entry-meta a {
	color: #888;	
}

.blog-entry-list .entry.sticky {
	border: 3px solid #e5e5e5;
	padding: 15px;
	margin-bottom: 40px;
}

.blog-entry-list .entry.sticky+.entry {
	border-top: none;
	padding-top: 0;
}

/* Meta */

.blog-entry-list .entry-meta {
	margin-bottom: 15px;	
}

.blog-entry-list .entry-content {
	margin-bottom: 30px;	
	font-size: 13px;
}
.blog-entry-list .entry-content img, .blog-entry-list .entry-content .wp-caption {
	max-width: 100% !important; 
	height: auto !important; 
}

.blog-entry-list .entry-content .wp-caption-text {
	margin: 10px 0;
}

.blog-entry-list .entry-content a img {
	display: block;
	-webkit-transition: all 0.3s ease-out 0.1s;
	-moz-transition: all 0.3s ease-out 0.1s;
	-ms-transition: all 0.3s ease-out 0.1s;
	-o-transition: all 0.3s ease-out 0.1s;
	transition: all 0.3s ease-out 0.1s
	-webkit-backface-visibility: hidden;
	text-decoration: none;
}

.blog-entry-list .entry-content a img {
	display: block;
}

.blog-entry-list .entry-content a img {
	display: block;
	max-width: 100%;
	/*max-height: 100%;*/
}

.blog-entry-list .entry-meta span {
	background: no-repeat left center;
	padding-right: 12px;
	margin-right: 12px;
	border-right: 1px solid #ccc;
}

.blog-entry-list .entry-meta span:last-child {
	border: none;
	padding-right: 0;
	margin-right: 0;
}

.blog-entry-list .entry-meta .author, .blog-entry-list .entry-meta .comments, .blog-entry-list .entry-meta .category { 
	display: inline-block; 
	background: url('images/blog/meta.png') no-repeat; 
	text-align: left; 
}
.blog-entry-list .entry-meta .author {
	background-position: -1px -13px; 
	/*width: 15px; */
	height: 15px;
	padding-left: 21px;	
}

.blog-entry-list .entry-meta .category {
	background-position: -1px -0px; 
	/*width: 17px; */
	height: 12px;
	padding-left: 23px;	
}

.blog-entry-list .entry-meta .comments {
	background-position: -1px -29px; 
	/*width: 15px; */
	height: 14px;
	padding-left: 21px;	
}

/* Tags */

.blog-entry-list .tags-wrap {
	margin-bottom: 30px;	
}

.blog-entry-list .tags-wrap h4, 
.blog-entry-list .tags-wrap .tags {
	display: inline-block;	
	vertical-align: middle;	
}

.blog-entry-list .tags-wrap h4 {
	margin-right: 20px;
	margin-bottom: 5px;
}

.blog-entry-list .tags-wrap h4,
.blog-entry-list .tags-wrap .tags li {
	margin-bottom: 10px;
}

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

.tags {
	list-style: none;	
	margin: 0;
	padding: 0;
}

.tags li, .tagcloud a {
	float: left;
	margin: 0 5px 5px 0;
}

.tags a, .tagcloud a {
	color: #333;
	background-color: #e5e5e5; 
	padding: 5px 10px;
	
	background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.05), rgba(0, 0, 0, 0.05));
	background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.05), rgba(0, 0, 0, 0.05));
	background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.05), rgba(0, 0, 0, 0.05));
	background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.05), rgba(0, 0, 0, 0.05));
	background-image: linear-gradient(top, rgba(255, 255, 255, 0.05), rgba(0, 0, 0, 0.05));
	background-repeat: repeat-x;
}

.tags a:hover, .tagcloud a:hover {
	color: #fff;
}

.tagcloud {
	clear: both;
	display: block;
	zoom: 1;
}
.tagcloud:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.tagcloud:after { clear: both; }  


/* Share */

.blog-entry-list .share-wrap {
	overflow: hidden;	
	padding: 15px 0 5px 0;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 30px;
}

.blog-entry-list .share-wrap h4 {
	float: left;
	margin-right: 20px;	
}

.blog-entry-list .share-wrap .social-links, .spreadly-button {
	float: right;
}

.blog-entry-list .share-wrap h4,
.blog-entry-list .share-wrap .social-links li, .spreadly-button {
	margin-bottom: 10px;
}

/* Author Info */

.author-info {
	padding: 20px 15px;
	background-color: #f5f5f5;
	margin-bottom: 30px;
}

.author-info,
.author-bio {
	overflow: hidden;	
}

.author-image {
	float: left;	
	margin: 0 20px 10px 0;
}

.author-image a {
	display: block;
}

.author-image img {
	display: block;
	width: 70px;
	height: 70px;
	background-color: #fff;
	padding: 4px;
	border: 1px solid #ccc;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06);
}

.author-info h4 {
	margin-bottom: 5px;
}

/* Comments */

/* Comment List */

ol.comment-list, ol.children, ul.children {
	list-style: none;
	margin: 0;
	padding: 0;	
}

#comment-1 {
	border-top: none;	
}

li.comment .comment-wrap {
	padding: 20px 0;
	border-top: 1px solid #e5e5e5;	
}

li.comment ol.children, li.comment ul.children {
	margin-left: 65px;	
}

/* Comment List Content */

ol.comment-list .avatar-wrap {
	float: left;
	margin: 0 15px 0 0;
}

ol.comment-list .avatar img {
	display: block;
	background-color: #fff;
	padding: 3px;
	border: 1px solid #d9d9d9;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06);	
}

ol.comment-list .avatar-wrap a.comment-edit-link {
	display: block;
	text-align: center;
	font-style: italic;
	margin-top: 10px;
}

ol.comment-list .comment-details {
	overflow: hidden;
}

ol.comment-list .comment-author {
	font-weight: bold;	
}

ol.comment-list .comment-author a {
    color: #333;
}

ol.comment-list .comment-author.post-author span {
	color: #e64141;
}

ol.comment-list .comment-meta {
	margin-bottom: 15px;	
	color: #888;
}

ol.comment-list .comment-reply-link {
	font-style: italic;
}

/* Respond (Leave a Comment) */

#reply-title small {
	float: right;
	margin-top: 0.333em; /* 4px */
	font-size: 0.75em; /* 12px/16px */
	line-height: 1.5em; /* 18px/12px */
	font-weight: normal;
	font-style: italic;
}

/* ---------------------------------------------------------------------- */
/* Carousel
/* ---------------------------------------------------------------------- */
.jcarousel-container {
	max-width: 100%;
}

.jcarousel-clip {
	overflow: hidden;
	width: 100%;
}

.project-carousel > li {
	float: left;
	width: 220px;
	margin-right: 20px;	
}

.jcarousel-prev, .jcarousel-next {
	position: absolute;
    top: -60px;
    width: 19px;
    height: 19px;
    cursor: pointer;
    background: #ccc url(images/carousel-arrows.png) no-repeat;
}

.jcarousel-prev {
	right: 20px;
	background-position: 7px 6px;
	border-radius: 2px 0 0 2px;
}

.jcarousel-next {
	right: 0;
	background-position: -48px 6px;	
	border-radius: 0 2px 2px 0;
}

.jcarousel-prev-disabled, .jcarousel-prev-disabled:hover, .jcarousel-prev-disabled:focus,
.jcarousel-next-disabled, .jcarousel-next-disabled:hover, .jcarousel-next-disabled:focus {
	background-color: #e5e5e5 !important;
	cursor: default;
}


/* Overlay */

.overlay {
	display: none;
	background-color: rgba(255,255,255,0.4);
	background-repeat: no-repeat; 
	background-position: center center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.overlay.zoom {
	background-image: url(images/overlay-zoom.png);
}

.project-list li .overlay,
.lightbox .overlay,
.lightbox-video .overlay,
.link-overlay .overlay {
	opacity: 0;
	filter: alpha(opacity=0);
    z-index: 0; /* for Opera */
}

.project-list li:hover .overlay,
.lightbox:hover .overlay,
.lightbox-video:hover .overlay,
.link-overlay:hover .overlay {
	opacity: 1;
	filter: alpha(opacity=100);
    z-index: 1; /* for Opera */
}

.project-list li:hover .zoom,
.lightbox .zoom,
.lightbox-video .zoom,
a.entry-image:link .zoom, a.entry-image:visited .zoom,
.entry-slider a:link .zoom, .entry-slider a:visited .zoom {
	background-image: none;
}

a.entry-image:hover .zoom, a.entry-image:active .zoom,
.entry-slider a:hover .zoom, .entry-slider a:active .zoom {
	background-image: url(images/overlay-zoom.png);
}


/* ---------------------------------------------------------------------- */
/* Forms
/* ---------------------------------------------------------------------- */
input, textarea, select {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	color: inherit;
}

input, textarea {
	-webkit-appearance: none; /* Fix for Mobile Safari */
}

/* Fix for Mobile Safari */
input[type="checkbox"] { 
	-webkit-appearance: checkbox; 
}

input[type="radio"] { 
	-webkit-appearance: radio; 
}

input {
	line-height: normal;	
}

textarea {
	overflow: auto; /* removes scrollbar in IE */	
}

input[type="submit"] {
	width: auto;
}
input.hideMe {
    display:none;
    visibility: hidden;
}
::-webkit-input-placeholder { /* Chrome, Safari */
	color: #999;
}

/* Firefox */
:-moz-placeholder { 
   color: #999;
}

::-moz-focus-inner { /* removes the extra padding and dotted border on buttons in Firefox */	      
	padding: 0;         
	border: none;
}

/* Search Form */

#searchform {	
	position: relative;
}

#search-submit {
	width: 30px;
	height: 30px;
	background: url(images/search.png) no-repeat left top;
	border: none;
	text-indent: -10000em;
	cursor: pointer;
	position: absolute;
	right: 2%;
	top: 8px;
}

#s {
	padding: 6px 10px 6px 20px;
	border: 1px solid #d9d9d9;
	width: 96.4%;
	border-radius: 20px;
	box-shadow: 0 0 5px rgba(0,0,0,0.1) inset;
	color: #999;
}

#s:hover,
#s:focus {
	border-color: #ccc;	
	color: #333;
}

/* Content Form */

.content-form p {
    margin-bottom: 10px;
}

.content-form input, .content-form textarea, .content-form select {
	border: 0;
	padding: 6px 10px;
	box-shadow: 0 0 5px rgba(0,0,0,0.1) inset;
}

.content-form input:hover, .content-form textarea:hover, .content-form select:hover,
.content-form input:focus, .content-form textarea:focus, .content-form select:focus {
	border-color: #ccc;
}

.content-form input {
	width: 50%;
}
.content-form input[type="checkbox"] {
	width: 2%;
	margin-right: 5px;
}
.content-form label, .content-form input, .content-form textarea, .content-form select {
    margin-bottom: 5px;
}

.content-form label {
	display: block;
	clear: both;
}

.content-form .error {
	color: #e97402;
}

.content-form textarea, .content-form select {
	width: 60%;
}

.content-form textarea {
	height: 160px;
}

.content-form input[type="file"] {
    padding: 0;
    border: none;
}

/* Newsletter */

#mc-embedded-subscribe-form input#mce-EMAIL {
	/*width: 90%; /* 198px/220px */
	background-color: #404040;
	border: 1px solid #4c4c4c;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2) inset;
}

#mc-embedded-subscribe-form input.button {
	margin-right: 0;
	background-color: #1a1a1a;
	
	background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.04), rgba(0, 0, 0, 0.04));
	background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.04), rgba(0, 0, 0, 0.04));
	background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.04), rgba(0, 0, 0, 0.04));
	background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.04), rgba(0, 0, 0, 0.04));
	background-image: linear-gradient(top, rgba(255, 255, 255, 0.04), rgba(0, 0, 0, 0.04));
	background-repeat: repeat-x;
}

/* Comment Form */

#commentform p {
    margin-bottom: 10px;
}

#commentform input, #commentform textarea {
	border: 1px solid #d9d9d9;
	padding: 6px 10px;
	border-radius: 0;
	box-shadow: 0 0 5px rgba(0,0,0,0.1) inset;
}

#commentform input:hover, #commentform textarea:hover,
#commentform input:focus, #commentform textarea:focus {
	border-color: #ccc;
}

#commentform input {
	width: 50%; 
}

#commentform label, #commentform input, #commentform textarea {
    margin-bottom: 5px;
}

#commentform label {
	display: block;
	clear: both;
}

#commentform .error {
	color: #E64141;
}

#commentform textarea {
	width: 60%;
	height: 160px;
}

/* ---------------------------------------------------------------------- */
/* Tables
/* ---------------------------------------------------------------------- */

/* Generic Table */

.gen-table {
	width: 100%;	
	margin-bottom: 20px;
}

.gen-table caption {
	margin-bottom: 10px;
}

.gen-table th {
	font-weight: bold;
}

.gen-table th, .gen-table td {
	background-color: #fff;
	padding: 5px;	
	border: 1px solid #dbdbdb;	
	vertical-align: top;
}

.gen-table .empty-left-top {
	background-color: transparent;
	border-left-color: transparent;
	border-top-color: transparent;
}

.gen-table .empty-left-bottom {
	background-color: transparent;	
	border-left-color: transparent;
	border-bottom-color: transparent;
}

.gen-table td.top-left {
	text-align: left;
	vertical-align: top;
}

.gen-table thead th {
	font-size: 1.333em; /* 16px */
	line-height: 1.375em; /* 22px/16px */
}

.gen-table thead th,
.gen-table tfoot td {
	background-color: #f2f2f2;	
	border-color: #d9d9d9;
}

.gen-table tbody th,
.gen-table tr.odd th, .gen-table tr.odd td {
	background-color: #fafafa;
}

.gen-table tfoot td {
	font-style: italic;
	font-size: 0.916em; /* 11px */
}

.gen-table tfoot {
	font-style: normal;
	font-size: 1.09em; /* 12px/11px */
	margin: 5px 0;
}

.gen-table tfoot + tbody tr.row-last th, 
.gen-table tfoot + tbody tr.row-last td {
	border-bottom-color: #d9d9d9;	
}

.gen-table tbody tr:hover th, .gen-table tbody tr:hover td {
	background-color: #f3f7df;	
}


/* ---------------------------------------------------------------------- */
/* Footer
/* ---------------------------------------------------------------------- */
#footer {
	margin-top: 40px;	
}

#footer a:hover {
	color: #e5e5e5;	
}

#footer h3 {
	color: #e5e5e5;
	border-bottom: 1px solid #4c4c4c;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

#footer-top {
	color: #999;
	background-color: #333;
	padding: 35px 0 15px;
}

#footer-bottom {
	color: #808080;
	background-color: #1a1a1a;
	font-size: 0.916em; /* 11px */	
	padding: 30px 0 60px;
	border-top: 1px solid #000;
	box-shadow: 0 4px 4px rgba(0,0,0,0.2) inset;
}

#footer-bottom a, #footer-bottom a:hover {
	color: #b2b2b2;
}
#footer a {
    text-decoration: underline !important;
}
#footer .widget ul.menu li > a, #footer .widget ul.menu li > a  {
    text-decoration: none !important;
} 

/* Footer Featured */

#footer-featured {
	padding: 20px 0 25px;
	background: url(images/footer-arrow-down.png) no-repeat center top;
	color: #fff;
}

#footer-featured h3 {
	margin: 0;
	border: 0;
	color: #fff;
}
#footer-featured ul {
	list-style-type: none;
	padding-left: 0;
}
#footer-featured ul li {
	float: left;
	margin-right: 32px;
}
#footer-featured ul li.last {
	margin-right: 0;
}

#footer-featured strong {
	font-weight: 600;
}

#footer-featured p {
	font-size: 1.083em; /* 13px */
	line-height: 1.538em; /* 20px/13px */
}

#footer-featured a,
#footer-featured a strong {
	color: #fff;
}

#footer-featured p a {
	font-weight: bold;
}

#footer-featured a:hover, #footer-featured a:hover strong {
	color: #333;	
}

#footer-featured .entry-image {
	margin: 0;	
}

#footer-featured ::-moz-selection {background: #333;}
#footer-featured ::selection {background: #333;} 

/* ---------------------------------------------------------------------- */
/* Widgets
/* ---------------------------------------------------------------------- */
.widget {
	margin-bottom: 20px;
}

.textwidget .one-fourth {
	width: 100%;
}

#sidebar .widget {
	margin-bottom: 30px;
}


/* Contact Info */

.contact-info {
	word-wrap: break-word;
}
#footer .contact-info a {
	color: #b2b2b2;
}
#footer .contact-info a:hover {
	color: #e5e5e5;
}

.contact-info div p {
    background-repeat: no-repeat;
    padding-left: 23px;
	margin-bottom: 15px;
}

.contact-info .address, .contact-info .phone, .contact-info .fax, .contact-info .email, .contact-info .business-hours { 
	display: inline-block; 
	background: url('images/contact/contact.png') no-repeat; 
	text-align: left; 
}

.contact-info .address {
	background-position: -1px -0px; 
	/*width: 17px; */
	height: 15px;
}

.contact-info .phone {
	margin-top: 15px;
	background-position: -1px -47px; 
	/*width: 16px; */
	height: 16px;
}

.contact-info .fax {
	background-position: -1px -33px; 
	/*width: 16px; */
	height: 13px;
}

.contact-info .email {
	background-position: -1px -64px; 
	/*width: 15px; */
	height: 11px;
}
.contact-info .business-hours {
	background-position: -1px -16px; 
	/*width: 16px; */
	height: 16px;
}

/* Social Links */

.social-links {
	margin: 0 -17px 0 0;
	padding: 0;	
	max-width: 100%;
}
.sidebar {
	border-bottom: 1px solid #E5E5E5;
	margin-top: 8px;
	margin-bottom: 0;
	padding-bottom: 0;
	height: 30px;	
}
.team-member .social-links  {
	text-align: center;	
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 15px;
}

.team-member .social-links li {
	margin-bottom: 10px;
}

.social-links .twitter, .social-links .xing, .social-links .wordpress, .social-links .pdf, .social-links .website,
.social-links .map, .social-links .facebook, .social-links .youtube, .social-links .mail, .social-links .instagram,
.social-links .youtube, .social-links .mail { 
	background: url('images/social-media/main-content/social.png') top left no-repeat; 
	text-indent: -9999px;
}

.social-links li {
	display: inline-block;
	vertical-align: middle;
	margin: 8px 17px 0 0;	
}
.social-links a {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}
.social-links .twitter {
	background-position: -1px -0px; width: 20px; height: 15px;
}
.social-links .xing {
	background-position: -1px -176px; width: 13px; height: 15px;
}
.social-links .wordpress {
	background-position: -1px -116px; width: 16px; height: 15px;
}
.social-links .pdf {
	background-position: -1px -192px; width: 11px; height: 14px; 
}
.social-links .website {
	background-position: -1px -160px; width: 15px; height: 15px;
}
.social-links .map {
	background-position: -1px -212px; width: 17px; height: 15px;
}
.social-links .facebook {
	background-position: -1px -32px; width: 16px; height: 16px;
}
.social-links .instagram {
	background-position: -1px -49px; width: 16px; height: 16px;
}
.social-links .youtube {
	background-position: -1px -132px; width: 16px; height: 15px;
}
.social-links .mail {
	background-position: -1px -148px; width: 15px; height: 11px;
}

/* Footer Social Links */

#footer .social-links {
	float: right;	
}

#footer .social-links li {
	margin-bottom: 10px;	
}

#footer-bottom p {
	margin-bottom: 0;
}
#footer-bottom a {
	color: #808080;
}
#footer-bottom a:hover {
	color: #e5e5e5;
}

#footer .social-links .twitter a, #footer .social-links .facebook a, #footer .social-links .instagram a, #footer .social-links .youtube a { 
	display: block; 
	background: url('images/social-media/footer/social.png') no-repeat; 
	overflow: hidden; 
	text-indent: -9999px; 
	text-align: left; 
}
#footer .social-links .twitter a {
	background-position: -0px -0px; width: 20px; height: 15px;
}

#footer .social-links .facebook a {
	background-position: -0px -15px; width: 16px; height: 16px;
}

#footer .social-links .instagram a {
	background-position: -0px -31px; width: 16px; height: 16px;
}

#footer .social-links .youtube a {
	background-position: -0px -47px; width: 16px; height: 15px;
}


/* Menu with Separators */

.widget ul.menu, .widget ul {
	list-style: none;
	margin: 5px 0 0;
	padding: 0;	
}

.widget ul.menu li, .widget ul li {
	border-bottom: 1px solid #E5E5E5;
}
#footer .widget ul.menu {
	margin: 0;
}

#footer .widget ul.menu li {
	border-color: #4C4C4C;
}
.widget ul.menu li > a, .widget ul li > a {
	display: block;
    padding: 8px 0 8px 11px;
	/* background: url(images/bullets/list-arrow.png) no-repeat left 1.166em; 14px */
}
#footer .widget ul.menu li:first-child > a {
    padding-top: 0;
	background: url(images/bullets/list-arrow.png) no-repeat left 6px;
}

.widget ul.menu li > a, .widget ul li > a {
	color: #333;
}
.widget ul.menu li > a:hover, .widget ul.menu li.current-menu-item > a, .widget ul li > a:hover, .widget ul li.current-menu-item {
	color: #CA3F1A;
}
#footer .widget ul.menu li > a, #footer .widget ul.menu li > a > * {
	color: #b2b2b2;
}
#footer .widget ul.menu li > a:hover {
	color: #e5e5e5;
}

.widget ul.menu ul {
	list-style: none;
	margin: 0 0 0 15px;
	padding: 0;
}

.widget ul.menu ul li {
	border: none;
}

/* Recent Comments */

#recentcomments.menu li {
    padding: 8px 0 8px 11px;
	background: url(images/bullets/list-arrow.png) no-repeat left 1.166em; /* 14px */
	color: #888;
}

#recentcomments.menu li > a {
	display: inline;
	padding: 0;
	background: none;
}

/* ---------------------------------------------------------------------- */
/* Scroll to Top
/* ---------------------------------------------------------------------- */
#toTop, #toTopHover {
	background: url(images/scroll-top.png) no-repeat center center;
	width: 40px;
	height: 40px;
	overflow: hidden;
	bottom: 57px;
	right: 20px;
	text-indent: -10000em;
	position: fixed;
}

#toTop {
	display: none;
	background-color: #999;
}

#toTopHover {
	display: block;
	opacity: 0;
}

#toTop:active, #toTop:focus {
	outline: none;
}

/* ---------------------------------------------------------------------- */
/* Featured Content
/* ---------------------------------------------------------------------- */
.content-featured {
	background-color: #00304a;
	padding: 30px 0;
	color: #e5e5e5;
	margin-top: -30px;
	font-size: 1.333em; /* 16px */
	line-height: 1.375em; /* 22px/16px */
	box-shadow: 0 4px 4px rgba(0,0,0,0.4) inset;
}

.content-featured p {
	margin: 0;
}

.content-featured a, .content-featured a:hover {
	color: #fff !important;
	font-size: 0.8em; /* 11px */
	font-weight: bold;	
}

/* ---------------------------------------------------------------------- */
/* Arrow Boxes
/* ---------------------------------------------------------------------- */
.arrowbox {
	/*border-bottom: 1px solid #d9d9d9;	
	margin-bottom: 20px;*/
}

.arrowbox-title {
	height: 42px;
	line-height: 42px;
	position: relative;
	background-color: #1a1a1a;
	color: #e5e5e5;
	margin-bottom: 20px;
	padding: 0 15px;
	border: none;
	
	background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.04), rgba(0, 0, 0, 0.04));
	background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.04), rgba(0, 0, 0, 0.04));
	background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.04), rgba(0, 0, 0, 0.04));
	background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.04), rgba(0, 0, 0, 0.04));
	background-image: linear-gradient(top, rgba(255, 255, 255, 0.04), rgba(0, 0, 0, 0.04));
	background-repeat: repeat-x;
}

.arrowbox-title-arrow-front {
	background: url(images/arrowbox-title-arrow-front.png) no-repeat left top;
	width: 10px;
	height: 42px;
	position: absolute;
	top: 0;
	right: -10px;
}

.arrowbox-title-arrow-back {
	background: url(images/arrowbox-title-arrow-back.png) no-repeat left top;
	width: 10px;
	height: 42px;
	position: absolute;
	top: 0;
	left: -10px;
}

/* ---------------------------------------------------------------------- */
/* Thumbs
/* ---------------------------------------------------------------------- */
.thumbs {
	list-style: none;
	margin: 0 0 20px 0;
	padding: 0;
}

.thumbs li {
	float: left;
	margin: 0 10px 10px 0;
}

.thumbs li a {
	display: block;
}

.thumbs li img {
	display: block;
	width: 70px;
	height: 70px;
	padding: 4px;
	background-color: #fff;
	border: 1px solid #d9d9d9;
	box-shadow: 0 1px 1px rgba(0,0,0,0.06);
}

.thumbs li a:hover img {
	border-color: #bfbfbf;
	box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}

a#scnb-cookie-accept b, a#scnb-cookie-info, a#scnb-cookie-accept {
	color: #fff !important;
        font-weight: normal;
}
a#scnb-cookie-accept:hover, a#scnb-cookie-info:hover {
        background-color: #04324B;
        text-decoration: none !important;
}
#scnb-cookie-bar {
        opacity: 0.9 !important;
}