/*
 * Theme Name:			Lancer
 * Theme URI:			http://anex.at
 *
 * Version:				v.2017
 * Status:				Release
 *
 * Author:				ANEX
 * Author URI:			http://anex.at
 *
 * Description:			A theme for Freelancer
 * Tags:				black, orange, white, one-column, two-columns, right-sidebar, left-sidebar, fluid-layout, responsive-layout, custom-header, custom-menu, editor-style, featured-images, post-formats, translation-ready
 *
 * Text Domain:			lancer
 * Domain Path:			/languages/
 *
 * License:				GNU General Public License v2.0
 * License URI:			http://www.opensource.org/licenses/gpl-license.php
 *
 */

body {
    color: #505050;
    font-family: 'Droid Serif', serif;
    font-size: 13px;
    line-height: 2;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%
}

p,
ul,
ol,
pre,
dl dd {
    margin-bottom: 20px;
    -webkit-margin-before: 0
}

li {
    line-height: inherit;
    margin-bottom: 0
}

a,
a:visited {
	color: #222;
	text-decoration: none;
	
    -webkit-transition: all .1s linear;
    transition: all .1s linear;
}

a:hover,
a:active {
    color: #303030;
	text-decoration: none;
}

a:active {}

a.btn,
a.btn:visited {
	color: #505050;
	text-decoration: none;
}

.btn i {
	display: inline-block;
	margin-right: 5px;
}

.button {
    padding: 1em 3em;
    display: inline-block;
    color: #CCC;
    font-weight: 300;
    font-size: 1.8em;
    line-height: 30px;
    background: #2C2E35;
}

.button:hover {
	color: #FFF;
	background: #373942;
}

.button.button-large {
	padding: 10px 50px;
	font-size: 24px;
	line-height: 50px;
}

a.button:visited {
	color: #999;
}

small {
	color: #606060;	
	font-size: 10px;
	font-weight: normal;
}

code {
	font-weight: normal;
}

blockquote,
blockquote p {
	padding: 0;
	margin: 0;
	border: none;
	color: #707070;
	font-size: inherit;
	font-style: normal;
}

blockquote h3 {
	color: #666;
	font-size: 30px;
	font-weight: 300;
	line-height: 40px;
	text-transform: none;
	text-shadow: 0 0 1px rgba(0,0,0,0.25);
}

img,
object {
    max-width: 100%!important;
    height: auto
}

.label {
    text-transform: inherit
}

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

tr.alternate {
    background: #fcfcfc
}

th,
td {
    border: 1px dotted #ddd
}

td.label {
    background: 0;
    font-size: inherit
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 10px;
    color: #444;
    font-weight: 400;
    letter-spacing: -1px
}

h1 {
    margin: 0 0 20px;
    line-height: normal;
    font-size: 36px
}

h2 {
    font-size: 20px
}

h3 {
    font-size: 16px
}

h4 {
    font-size: 14px
}

h5 {
    font-size: 13px
}

h6 {
    font-size: 12px
}

.title {
    font-size: 20px
}

.title h2 {
    margin-bottom: 0
}

.title-dotted {
    margin-bottom: 30px;
    padding: 10px 20px 0;
    border: 1px dotted #ddd;
}

.title-center {
    text-align: center;
    background-position: center bottom !important;
}

.title-right {
    text-align: right;
    background-position: right bottom!important
}

.post-title,
.post-title h1 {
    margin-bottom: 15px;
    line-height: normal;
    font-size: 18px
}

.single .post-title,
.page .post-title {
    font-size: 20px
}

.title a,
.post-title a {
    color: inherit;
    text-decoration: none
}

.title a:hover,
.post-title a:hover {
    color: #222
}

.title i,
.post-title i {
    display: inline-block;
    margin-right: 8px
}

.alert-heading {
    font-weight: 700;
    margin-bottom: 5px
}

label,
input,
button,
select,
textarea {
    font-family: 'Droid Serif', serif;
    font-size: 13px
}

input,
textarea {
    width: 100%;
    height: 35px;
    line-height: 35px;
    border-color: #e5e5e5;
    border-radius: 0;
    box-sizing: border-box
}

textarea {
    height: 200px;
    line-height: inherit
}

input:focus,
textarea:focus {
    border-color: rgba(82,168,236,.8)
}

input[type="image"],
input[type="checkbox"],
input[type="radio"] {
    width: auto!important;
    height: auto!important
}

#outer {
    position: relative;
    margin: 0 auto 80px
}

#main-wrap {
    padding-top: 40px
}

.sidebar-left #content {
    float: right
}

#sidebar {
    padding-bottom: 10px
}

.sidebar-left #sidebar {
    float: left
}

.no-sidebar #sidebar {
    display: none
}

.boxed .wrap {
    width: auto;
    margin: 0 auto;
    background: #fff
}

.ie .boxed .wrap {
    width: 1400px
}

#header-wrap {
    background-color: #fff
}

#header {
    position: relative;
	padding: 70px 0 0 0;
	border: none;
	text-align: center;
}

#header-right {
    position: absolute;
    right: 0;
    bottom: 30px;
    text-align: right
}

#logo {
    margin-bottom: 10px
}

#logo-text {
    font-size: 30px;
    letter-spacing: -3px
}

#logo-text a {
    color: inherit;
    text-decoration: none
}

#logo-text span {
    color: #222;
    font-style: italic
}

#logo-description {
    margin-bottom: 0;
    line-height: normal;
    color: #444;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: normal
}

.frameshift-menu,
.frameshift-menu .sf-menu li,
.frameshift-menu .sf-menu a {
    height: 25px;
    line-height: 1;
    color: inherit;
    font-size: 14px
}

.frameshift-menu ul {
    margin: 0;
    padding: 0;
    line-height: inherit
}

.frameshift-menu li {
    display: inline
}

.frameshift-menu li li a {
    text-align: left
}

.frameshift-menu a {
    display: inline-block;
    margin: 0 0 0 20px;
    text-decoration: none
}

.frameshift-menu-main {
    margin-bottom: -12px
}

.frameshift-menu-main a {
    color: #fff
}

#bottom-menu-wrap {
    background: 0
}

.frameshift-menu-bottom {
    margin-top: -40px;
    margin-bottom: 40px
}

.frameshift-menu-bottom ul {
    width: 100%;
    text-align: center
}

.frameshift-menu-bottom li {
    float: none
}

.frameshift-menu-bottom li ul {
    display: none!important
}

.tinynav {
    display: none;
    margin: 0;
    padding: 6px 4px;
    line-height: 1.2;
    background: #eee;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAANCAYAAAC+ct6XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjBBRUQ1QTQ1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjBBRUQ1QTU1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMEFFRDVBMjVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMEFFRDVBMzVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk5mU4QAAACUSURBVHjaYmRgYJD6////MwY6AyaGAQIspCieM2cOjKkIxCFA3A0TSElJoZ3FUCANxAeAWA6IOYG4iR5BjWwpCDQCcSnNgxoIVJCDFwnwA/FHWlp8EIpHSKoGgiggLkITewrEcbQO6mVAbAbE+VD+a3IsJTc7FQAxDxD7AbEzEF+jR1DDywtoCr9DbhwzDlRZDRBgACYqHJO9bkklAAAAAElFTkSuQmCC);
    background-position: center right;
    background-repeat: no-repeat;
    border: 1px solid #ddd;
    border-radius: 0;
    -webkit-appearance: none;
    outline: 0
}

.frameshift-menu-main .tinynav,
.frameshift-menu-bottom .tinynav {
    border-color: #fff
}

.sf-menu,
.sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none
}

.sf-menu {
    line-height: 1
}

.sf-menu ul {
    position: absolute;
    top: -999em;
    width: 75px
}

.sf-menu ul li {
    width: 100%
}

.sf-menu li:hover {
    visibility: inherit
}

.sf-menu li {
    display: inline;
    position: relative;
    width: auto;
    list-style: none
}

.sf-menu a {
    display: inline-block;
    position: relative
}

.frameshift-menu,
.frameshift-menu .sf-menu li,
.frameshift-menu .sf-menu a {
    height: 40px;
    line-height: 40px
}

.frameshift-menu .sf-menu li:hover ul,
.frameshift-menu .sf-menu li.sfHover ul {
    left: 5px;
    top: 25px;
    z-index: 9999
}

.frameshift-menu .sf-menu li:hover li ul,
.frameshift-menu .sf-menu li.sfHover li ul {
    top: -999em
}

.frameshift-menu .sf-menu li li:hover ul,
.frameshift-menu .sf-menu li li.sfHover ul {
    left: 75px;
    top: 0!important
}

.frameshift-menu .sf-menu li li:hover li ul,
.frameshift-menu .sf-menu li li.sfHover li ul {
    top: -999em
}

.frameshift-menu .sf-menu ul {
    height: auto;
    margin: 0;
    padding: 5px 0;
    background: #fff;
    border: 1px dotted #ddd;
    border-top: 0;
    z-index: 1
}

.frameshift-menu .sf-menu li li {
    height: auto;
    margin: 0;
    padding: 0;
    background: 0
}

.frameshift-menu .sf-menu li li ul {
    padding-top: 4px;
    border-top: 1px dotted #ddd
}

.frameshift-menu .sf-menu li li a,
.frameshift-menu .sf-menu li li a:visited {
    display: block;
    float: left;
    height: auto;
    margin: 0;
    padding: 8px 15px;
    line-height: 1;
    background: 0;
    color: #505050;
    font-size: 12px;
    text-decoration: none;
    text-shadow: none
}

.frameshift-menu .sf-menu li li a:hover {
    color: #222
}

.frameshift-menu .sf-menu li li a:active {
    top: 0
}

.frameshift-menu-top-left .sf-menu a {
    margin: 0 15px 0 0
}

.frameshift-menu-top-right .sf-menu a {
    margin: 0 0 0 15px
}

.frameshift-menu-top-left .sf-menu li li a,
.frameshift-menu-top-left .sf-menu li li a:visited,
.frameshift-menu-top-right .sf-menu li li a,
.frameshift-menu-top-right .sf-menu li li a:visited {
    padding: 7px 15px;
    font-size: 11px
}

#main-middle-title {
    position: relative;
    margin-top: -40px;
    margin-bottom: 40px;
    border-bottom: 1px dotted #d8d8d8
}

.home #main-middle-title {
    margin-top: -20px
}

#main-middle-title h1 {
    margin-bottom: 0;
    line-height: 2.5;
    font-size: 20px
}

.title-nav {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -13px
}

#filter {
    position: absolute;
    top: 12px;
    right: 0;
    font-size: 12px
}

#filter a {
    margin-left: 10px;
    padding-left: 12px;
    text-decoration: none
}

.title-archive,
.title-author {
    margin-bottom: 30px;
    padding: 20px 20px 0;
    border: 1px dotted #ddd
}

.category-description {
    margin-top: -10px;
    margin-bottom: 10px;
    font-size: 13px
}

.category-description p {
    margin-bottom: 0
}

.category-description a {
    color: #222
}

.post,
.page {
    padding-bottom: 20px
}

.title,
.post-meta {
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.post-title {
    position: relative
}

.post-meta {
    margin-top: -10px;
    margin-bottom: 20px;
    font-size: 11px
}

.post-meta .label {
    margin-right: 3px
}

.post-format-link {
    display: inline-block;
    margin-right: 5px;
    color: inherit!important;
    text-decoration: none!important
}

.post-image {
    position: relative;
    margin: 7px 0 15px
}

.post-image.alignleft,
.post-image.alignright {
    margin-bottom: 20px
}

.post-image a {
    display: block
}

.post-tags {
    margin-bottom: 30px;
    clear: both
}

.author-box {
    margin-bottom: 30px;
    padding: 20px 20px 0;
    border: 1px dotted #ddd;
    clear: both
}

.author-box .avatar {
    float: left;
    margin: 0 20px 20px 0;

    padding: 0
}

.author-box h4 {
    margin-bottom: 10px;
    line-height: normal;
    font-size: 14px
}

.moretag {
    font-style: normal
}

#subpages .post-title {
    margin-bottom: 15px;
    padding-bottom: 10px
}

#subpages .post-title h2 {
    line-height: inherit
}

.portfolio {
    padding-bottom: 20px
}

h2.portfolio-title {
    font-size: 18px!important
}

.portfolio-image {
    margin-top: 0
}

.portfolio-image a {
    position: relative;
    display: block
}

.portfolio-short {
    margin-top: -10px;
    margin-bottom: 10px;
    color: #999
}

#portfolio-details {
    padding-bottom: 30px!important
}

.project-details-client span,
.project-details-date span,
.project-details-skills span {
    display: inline-block;
    min-width: 50px;
    font-weight: bold;
}

.project-details-url {
    margin-top: 20px
}

.span4 .portfolio-image.alignleft {
    margin-right: 0
}

.span4 .portfolio-image.alignright {
    margin-left: 0
}

.project-details-skills a[href*="css"] {}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
}

.span4 .overlay,
.span6 .overlay {
    max-width: 300px
}

.size-post-thumbnail .overlay {
    max-width: 300px!important
}

.span8 .overlay {
    max-width: 640px
}

.overlay .arr-right {
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: #222;
}

.overlay-zoom .arr-right {}

.pagination {
    margin-top: 0;
    margin-bottom: 40px
}

.pagination a {
    float: none;
    display: block
}

.pagination li a {
    float: left
}

.pagination a:hover,
.pagination .active a {
    background: #fcfcfc;
    color: inherit
}

.post-navigation,
.attachment-navigation {
    margin-bottom: 20px;
    padding: 10px 20px;
}

.post-navigation a,
.attachment-navigation a {
    text-decoration: none
}

.post-navigation .previous,
.post-navigation .next {
    float: left;
    width: 45%
}

.post-navigation .next {
    float: right;
    text-align: right
}

.attachment-navigation .center,
.attachment-navigation.first .next {
    text-align: center
}

.attachment-navigation.first .center {
    text-align: left
}

.attachment-navigation .next {
    text-align: right
}

.attachment-navigation.third .span4 {
    width: 185px
}

.gallery-caption {
    display: block;
    padding: 5px 10px;
    clear: both
}

.single-attachment .post-attachment-image {
    float: left;
    width: auto;
    margin-bottom: 20px
}

.single-attachment .image-caption {
    padding: 5px 10px;
    box-sizing: border-box
}

.single-attachment .image-description {
    margin-top: -10px
}

.image-gallery {
    margin-bottom: -20px;
    clear: both
}

.widget .image-gallery {
    margin-bottom: 0
}

.image-gallery-item {
    padding: 0 0 30px;
    margin-bottom: 10px
}

.image-gallery-caption {
    margin-bottom: -10px
}

.format-aside .post-teaser {
    font-style: italic
}

.alert {
    margin-bottom: 20px
}

.alert a {
    text-decoration: underline
}

.alert a.btn,
.alert a.close {
    text-decoration: none
}


#comments,
#pings,
#respond {
    clear: both
}

.comment-list,
.ping-list {
    list-style: none;
    margin-left: 0;
    margin-bottom: 0
}

.comment-list,
.ping-list {
    margin-top: -10px;
    margin-bottom: 20px
}

.comment-list .children {
    margin: 0 0 0 40px;
    font-size: inherit;
    list-style: inherit
}

.comment-list li {
    line-height: inherit
}

.comment-inner {
    margin-top: 30px;
    padding: 20px 20px 0;
    border: 1px dotted #ccc
}

.comment-author .avatar {
    float: right;
    margin: 0 0 20px 20px
}

.comment-meta {
    margin-top: 5px;
    margin-bottom: 15px;
    font-size: 11px
}

.reply {
    margin-bottom: 20px
}

.comments-nocomments,
.comments-closed {
    display: none
}

#reply-title small {
    font-size: 11px
}

#respond,
#pings {
    margin-top: 30px
}

#commentform {
    margin: 0
}

#commentform label {
    font-weight: 400;
    font-size: inherit
}

.comment-form-section {
    margin-bottom: 10px
}

.form-allowed-tags {
    margin-bottom: 10px
}

.comment-navigation {
    margin-top: -40px
}

.sidebar-title,
.sidebar-title h4 {
    margin: 0 0 20px;
    line-height: normal;
    font-size: 18px
}

#sidebar .widget {
    padding-bottom: 10px;
    clear: both
}

#sidebar .widget-slider {
    padding-bottom: 0
}

#footer-wrap {
    background: #fff
}

#footer {
    padding-top: 40px;
    padding-bottom: 10px;
    border-top: 1px dotted #d8d8d8
}

#footer .widget {
    margin-bottom: 20px
}

.footer-title,
.footer-title h4 {
    margin: 0 0 20px;
    line-height: normal;
    font-size: 18px
}

#subfooter-wrap {
    padding: 60px 0;
    background: #303030!important;
    color: #fff
}

.social-icons {
    margin-bottom: 40px;
    text-align: center
}

.social-icons a {
    margin: 0 10px;
    -moz-opacity: .5;
    -ms-filter: "alpha(opacity=50)";
    filter: alpha(opacity=50);
    opacity: .5
}

.social-icons a:hover {
    -moz-opacity: 1;
    -ms-filter: "alpha(opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1
}

#credit-wrap {
    background: transparent!important
}

#credit {
    line-height: 1
}

#credit a {
    color: #fff
}

#credit p {
    margin-bottom: 10px
}

.credit-top,
.credit-bottom {
    text-align: center
}

#the404 {
    margin-bottom: 40px;
    padding: 20px 0;
    line-height: 1;
    color: #222;
    font-size: 400px;
    text-align: center;
    text-shadow: 10px 10px 0 #fff
}

.first {
    margin-left: 0;
    clear: both
}

#sidebar .widget_text,
#footer .widget_text {
    padding-bottom: 10px
}

.widget_categories .postform {
    width: 100%;
    margin-bottom: 20px
}

.tagcloud {
    padding-bottom: 20px;
    line-height: normal
}

#wp-calendar {
    width: 100%;
    margin-bottom: 30px
}

#wp-calendar caption {
    margin-top: 5px;
    margin-bottom: 10px;
    padding: 5px;
}

#wp-calendar tbody td {
    text-align: center
}

#wp-calendar #prev {
    text-align: right
}

#wp-calendar tfoot .pad {
    display: none
}

.widget-spaces {
    padding-bottom: 20px
}

.widget-spaces-center {
    text-align: center
}

.widget-spaces-center .title {
    background-position: center bottom
}

#footer .widget-spaces {
    margin-bottom: 0
}

.space-image {
    position: relative;
    margin-bottom: 15px
}

.space-image a {
    display: block
}

.space-icon {
    margin-top: -10px;
    line-height: 1;
    color: #eee;
    font-size: 100px;
}

.space-icon a {
    color: #555;
    text-decoration: none
}

.widget-latest {
    clear: both
}

.widget-latest .span3 .post-image.alignleft,
.widget-latest .span3 .post-image.alignright,
#sidebar .post-image.alignleft,
#sidebar .post-image.alignright {
    float: none;
    margin-left: 0;
    margin-right: 0
}

.widget-latest .title-widget,

.widget-latest-work .title-widget,
.hentry.page .post-title {
    position: relative;
    margin-bottom: 20px;
    margin-left: 40px;
    padding-bottom: 20px;
}

.hentry.page .post-title {
    margin-bottom: 25px;
    margin-left: 0
}

.widget-latest-work {
    padding-bottom: 10px
}

.widget-latest-work .title-widget {
    margin-bottom: 30px
}

.widget-latest .title-widget .arr,
.widget-latest-work .title-widget .arr {
    position: absolute;
    bottom: 0;
    right: 0
}

.widget-latest .title-widget a.arr:active,
.widget-latest-work .title-widget a.arr:active {
    top: auto;
    bottom: -1px
}

.flex-container a:active,
.flexslider a:active {
    outline: 0
}

.slides,
.flex-control-nav,
.flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none
}

.flexslider {
    width: 100%;
    margin: 0;
    padding: 0
}

.flexslider .slides>li {
    display: none
}

.flexslider .slides img {
    max-width: 100%;
    display: block
}

.flex-pauseplay span {
    text-transform: capitalize
}

.slides:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

html[xmlns] .slides {
    display: block
}

* html .slides {
    height: 1%
}

.no-js .slides>li:first-child {
    display: block
}

.widget-slider,
.image-slider {
    position: relative;
    margin-bottom: 40px;
    clear: both
}

.image-slider {
    margin-bottom: 20px!important
}

.alignleft .image-slider,
.alignright .image-slider {
    padding-top: 0
}

.flexslider {
    background: url(assets/img/loading.gif) no-repeat center center
}

.flexslider.height-450 {
    height: 450px
}

.flexslider.height-410 {
    height: 410px
}

.flexslider.height-120 {
    height: 120px
}

.flexslider .slides li {
    position: relative
}

.flexslider a {
    display: block
}

.flexslider .slider-overlay h3 {
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.flexslider .slider-overlay.no-teaser h3 {
    margin-bottom: 10px;
    padding-bottom: 0;
    background: 0
}

.flexslider .slider-overlay a {
    display: inline;
    color: inherit;
    text-decoration: underline
}

.flexslider img.wp-post-image.attachment-post-thumbnail {
    float: none!important;
    width: 100%;
    margin: 0!important
}

.flex-direction-nav {
    width: 100px;
    height: 50px;
    position: absolute;
    left: 20px;
    bottom: 20px;
}

#sidebar .flex-direction-nav,
.span3 .flex-direction-nav,
.span4 .flex-direction-nav {
    left: 0;
    bottom: 0
}

.flex-direction-nav li {
    width: 50px;
    float: left;
}

.flex-direction-nav li .prev,
.flex-direction-nav li .next {
    width: 50px;
    height: 50px;
    display: block;
    color: rgb( 255, 255, 255 );
    background: rgba(33,33,33,.75);
    transition: all .2s;
}

.flex-direction-nav li .prev:before,
.flex-direction-nav li .next:before {
    width: 50px;
    height: 50px;
    display: inline-block;
    font-family: "Ionicons";
    text-align: center;
    speak: none;
    font-style: normal;
    font-size: 1.4em;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 50px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.flex-direction-nav li .prev:before {
    content: "\f3d2";
}

.flex-direction-nav li .next:before {
    content: "\f3d3";

}

.flex-direction-nav li .prev:hover,
.flex-direction-nav li .next:hover {
    color: rgb( 33, 33, 33 );
    background: rgba( 255, 255, 255, .75 );
}

.flex-direction-nav li a:active,
.flex-direction-nav li a:active {
    top: 0 !important
}

.flexslider .slider-overlay {
    position: absolute;
    right: 20px;
    bottom: 20px;
    width: 25%;
    max-height: 80%;
    padding: 25px 35px 10px;
    background: rgba(33,33,33,.75);
    color: #fff;
    overflow: hidden
}

.flexslider .slider-overlay.no-teaser {
    width: auto;
    padding: 15px 25px 5px
}

#sidebar .flexslider .slider-overlay {
    display: none
}

.flexslider .slider-overlay h3,
.flexslider .slider-overlay h3 a {
    color: inherit;
    font-size: 18px;
    text-decoration: none
}

.flexslider .slider-overlay h3 a:hover {
    text-decoration: underline
}

.searchform .search-text {
    width: 78%;
    height: 30px;
    line-height: 30px;
    margin-right: 5px
}

.form-password .password {
    height: 30px;
    line-height: 30px;
    margin-right: 10px
}

.widget-divider-wrap {
    clear: both
}

.widget-call-to-action-wrap {
    margin-bottom: 40px;
    clear: both
}

#footer .widget-call-to-action-wrap {
    margin-bottom: 30px
}

.widget-call-to-action {
    display: table;
    width: 100%;
    padding: 20px 30px;
    box-sizing: border-box
}

#sidebar .widget-call-to-action {
    padding: 20px
}

.widget-call-to-action .widget-inner {
    display: table-row
}

.call-to-action-text {
    display: table-cell;
    width: auto;
    padding-right: 10px;
    line-height: 1.75;
    vertical-align: middle
}

.call-to-action-text h1,
.call-to-action-text h2,
.call-to-action-text h3,
.call-to-action-text h4,
.call-to-action-text h5,
.call-to-action-text h6,
.call-to-action-text p {
    margin-bottom: 0;
    color: #AAA;
    line-height: inherit;
}

.call-to-action-text span {
    display: block;
    margin-top: 5px
}

.call-to-action-button {
    display: table-cell;
    width: auto;
    padding-left: 10px;
    text-align: right;
    vertical-align: middle;
    white-space: nowrap
}

#sidebar .call-to-action-text,
#sidebar .call-to-action-button {
    display: block;
    padding-right: 0;
    text-align: center
}

#sidebar .call-to-action-button .btn {
    margin: 20px 0 10px
}

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

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

div.aligncenter {
    margin-top: 0
}

.alignleft {
    float: left;
    width: auto;
    margin-top: 5px;
    margin-right: 20px
}

.alignright {
    float: right;
    width: auto;
    margin-top: 5px;
    margin-left: 20px
}

.wp-caption {
    max-width: 100%;
    margin-bottom: 20px;
    font-size: 12px
}

.wp-caption.aligncenter,
.wp-caption.alignnone {
    margin-bottom: 30px
}

.wp-caption img {
    float: none;
    padding: 0;
    border: 0
}

.wp-caption-text {
    margin: 0 0 -10px;
    padding: 5px 10px;
}

.gallery-icon img {
    border: 0!important
}

.gallery-item .wp-caption-text {
    margin: 10px 0 0;
    padding: 0;
    background: 0
}

.mu_register {
    width: auto;
    padding: 40px 0 20px
}

.mu_register .error {
    width: 75%;
    padding: 8px 35px 8px 14px;
    margin-bottom: 5px;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
    background-color: #f2dede;
    border: 1px solid #eed3d7;
    box-sizing: border-box
}

.mu_register #blog_title,
.mu_register #user_email,
.mu_register #blogname,
.mu_register #user_name {
    width: 75%;
    font-size: 24px;
    margin: 5px 0
}

.mu_register input[type="submit"] {
    padding-left: 60px;
    padding-right: 60px
}

.mu_register .prefix_address,
.mu_register .suffix_address {
    font-size: 18px;
    display: inline
}

.mu_register label {
    font-weight: 700;
    font-size: 15px;
    display: block;
    margin: 10px 0
}

.mu_register label.checkbox,
.mu_register label.checkbox input {
    display: inline;
    width: auto;
    margin: 0;
    padding: 0
}

.mu_register label.checkbox {
    margin-right: 10px
}

.mu_register .mu_alert {
    padding: 8px 35px 8px 14px;
    margin-bottom: 20px;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
    background-color: #fcf8e3;
    border: 1px solid #fbeed5
}

.pp_description {
    margin-top: 10px!important
}

a.pp_arrow_next {
    position: static;
    left: auto
}

.gform_fields {
    padding: 0
}

.gfield {
    margin: 0 0 10px
}

.gfield_html {
    padding-top: 10px
}

.gform_wrapper h3.gform_title {
    color: #404040
}

.gform_wrapper input[type=text],
.gform_wrapper input[type=url],
.gform_wrapper input[type=email],
.gform_wrapper input[type=tel],
.gform_wrapper input[type=number],
.gform_wrapper input[type=password],
.gform_wrapper .textarea {
    line-height: 25px;
    background: #fff;
    border: 1px solid #e9e9e9;
    color: #444!important;
    font-family: Arial, sans-serif;
    font-size: 12px!important
}

.chzn-search input,
.chzn-container-multi input {
    line-height: normal!important
}

.gform_button,
.gform_next_button,
.gform_previous_button {
    padding: 0 25px 0 28px;
    background: #222;
    color: #fff!important;
    border: 0;
    font-family: 'Droid Serif', serif;
    font-size: 13px;
    text-decoration: none;
    cursor: pointer
}

.gform_next_button,
.gform_previous_button {
    padding-left: 25px;
    background-image: none
}

.gform_previous_button {
    margin-right: 10px
}

.gform_button:hover,
.gform_next_button:hover,
.gform_previous_button:hover {
    background-color: #444!important
}

.alert {
    border-radius: 0
}

pre {
    padding: 8px;
    color: #555;
    background-color: #fcfcfc;
    border: 1px dotted #ddd;
    border-radius: 0
}

.com {
    color: #93a1a1
}

.lit {
    color: #195f91
}

.pun,
.opn,
.clo {
    color: #93a1a1
}

.fun {
    color: #dc322f
}

.str,
.atv {
    color: #d14
}

.kwd,
.linenums .tag {
    color: #1e347b
}

.typ,
.atn,
.dec,
.var {
    color: teal
}

.pln {
    color: #48484c
}

.prettyprint {
    padding: 8px;
    background-color: #fefefe;
    border: 1px dotted #e5e5e5
}

.prettyprint.linenums {
    box-shadow: inset 40px 0 0 #fcfcfc, inset 41px 0 0 #eee
}

ol.linenums {
    margin: 0 0 0 33px
}

ol.linenums li {
    padding-left: 12px;
    color: #bebec5;
    line-height: 18px;
    text-shadow: 0 1px 0 #fff
}

.tooltip {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: inherit
}

.modal-header,
.modal-footer {
    margin: 0;
    padding: 0 20px;
    line-height: 50px;
    border: 0;
    font-size: 16px
}

.modal-footer {
    padding: 15px 20px;
    line-height: 1
}

.modal-header h3 {
    margin: 0;
    padding: 0;
    line-height: inherit
}

.modal-header .close {
    margin: 0;
    line-height: 50px
}

.modal-body {
    padding: 15px 20px
}

.popover-title {
    margin-bottom: 0;
    padding: 10px 15px;
    line-height: 1;
    background: #fff;
    border: 0
}

.popover-content {
    margin: 0;
    padding: 1px 15px 15px
}

.left {
    float: left;
    width: auto
}

.right {
    float: right;
    width: auto
}

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

.clearfix:after {
    clear: both
}

.clearfix {
    zoom: 1
}

.clear,
.wrap {
    clear: both
}

@media(max-width:768px) {

    .boxed {
        margin: 0 20px
    }
    
    .boxed .wrap,
    #outer {
        width: auto
    }
    
    #outer {
        margin: 0 auto 20px
    }
    
    .tinynav {
        display: block;
        width: 100%
    }
    
    .frameshift-menu {
        padding-top: 13px!important
    }
    
    .frameshift-menu ul {
        display: none
    }
    
    .frameshift-menu a {
        margin-right: 10px;
        margin-left: 10px
    }
    
    .frameshift-menu-main {
        margin-bottom: 10px!important
    }
    
    .frameshift-menu-bottom {
        margin-top: 0;
        margin-bottom: 30px
    }
    
    .frameshift-menu-bottom .tinynav {
        background-color: #fff
    }
    
    .flexslider {
        height: auto!important
    }
    
    .flexslider .slider-overlay {
        display: none
    }
    
    .social-icon {
        margin-right: 5px
    }
    
    #header-left {
        text-align: center
    }
    
    #header-right {
        position: relative;
        right: auto;
        bottom: auto;
        margin-top: 20px;
        text-align: center
    }
    
    .sidebar-left #content,
    .sidebar-left #sidebar {
        float: none
    }
    
    .widget-latest .title-widget,
    .widget-latest-work .title-widget {
        margin-left: 0
    }
    
    .widget-latest .title-widget .arr,
    .widget-latest-work .title-widget .arr {
        position: relative;
        right: auto;
        bottom: auto;
        margin-top: 10px
    }
    
    .title,
    .post-title,
    .post-image,
    .space-image,
    .space-icon,
    .post-meta,
    .portfolio-short,
    .category-description {
        text-align: center
    }
    
    .title,
    .hentry.page .post-title,
    .post-meta,
    .widget-latest .title-widget,
    .widget-latest-work .title-widget {
        background-position: center bottom
    }
    
    .post-image,
    .space-image .alignleft,
    .space-image .alignright {
        float: none!important;
        margin-left: 0!important;
        margin-right: 0!important
    }
    
    .span4 .post-image .overlay,
    .span6 .post-image .overlay,
    .size-post-thumbnail .overlay {
        left: 50%;
        margin-left: -150px
    }
    
    #filter,
    .title-nav {
        position: relative;
        top: auto;
        right: auto;
        margin-bottom: 20px;
        text-align: center
    }
    
    .title-nav {
        margin-top: 0
    }
    
    #filter a {
        margin: 0 5px
    }
    
    .span3 .wp-post-image.attachment-post-thumbnail,
    .span3 .spaces-post-image.attachment-post-thumbnail {
        float: left;
        margin: 5px 20px 20px 0
    }
    
    #the404 {
        font-size: 150px;
        text-shadow: 5px 5px 0 #fff
    }
    
    .no-sidebar .layout-four .gallery.columns-5 .gallery-item {
        width: auto
    }
    
    .pagination {
        height: auto;
        margin-bottom: -20px
    }
    
    .post-pagination {
        margin-bottom: 20px
    }
    
    .pagination-numbers {
        margin-bottom: 40px
    }
    
    .pagination a {
        margin-bottom: 20px
    }
    
    .post-pagination a,
    .pagination-numbers a {
        margin-bottom: 0
    }
    
    .pagination .next,
    .single-attachment .pagination .next {
        float: none
    }
    
    .pagination-numbers .next {
        float: left
    }
    
    .attachment-navigation.third .span4 {
        width: auto
    }
    
    .image-gallery-item {
        text-align: center
    }
    
    .gallery-icon img {
        float: none
    }
    
    .gallery-item {
        width: auto!important
    }
    
    .mu_register #blog_title,
    .mu_register #user_email,
    .mu_register #blogname,
    .mu_register #user_name,
    .mu_register .error,
    .mu_register input[type="submit"] {
        width: 100%
    }
    
    .call-to-action-text,
    .call-to-action-button {
        display: block;
        padding-right: 0;
        text-align: center
    }
    
    .call-to-action-button .btn {
        margin: 20px 0 10px
    }
    
    .flex-direction-nav {
        left: 0;
        bottom: 0
    }

}

@media(max-width:480px) {

    .boxed .wrap,
    #outer {
        width: auto
    }

}

@media(min-width:320px) and (max-width:479px) {

    .span4 .post-image .overlay,
    .span6 .post-image .overlay,
    .size-post-thumbnail .overlay {
        left: 50%;
        margin-left: -50%
    }

}
@media(min-width:769px) and (max-width:1024px) {

    .boxed .wrap,
    #outer {
        width: 764px
    }
    
    #outer {
        margin: 0 auto 40px
    }
    
    .boxed .frameshift-menu-main,
    .boxed .frameshift-menu-sub {
        margin: 0 -20px;
        padding: 0 20px
    }
    
    .flexslider {
        height: auto!important
    }
    
    .flexslider .slider-overlay {
        padding: 15px 25px 0
    }
    
    .widget-latest .title-widget {
        margin-left: 20px
    }
    
    .searchform .search-text {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px
    }
    
    .attachment-navigation.third .span4 {
        width: 145px
    }

}

@media( min-width:1060px ) {

    .boxed .wrap,
    #outer {
        width: 1400px
    }
    
}







































/**
 * ####################################################################################################
 * ####################################################################################################
 * ####################################################################################################
 * ####################################################################################################
 * ####################################################################################################
 */











/* General
================================================== */
	
body {
	color: #505050;	
	font-family: 'Open Sans', 'Droid Serif', serif;
	font-size: 14px;
	line-height: 2;
	overflow-x: hidden;
}

p, ul, ol, pre, dl dd {
	margin-bottom: 20px;
	-webkit-margin-before: 0em;
}

li {
	line-height: inherit;
	margin-bottom: 0px;
}


/* Headings
================================================== */
	
h1, h2, h3, h4, h5, h6 {
	margin: 0 0 10px;
	color: #444;
	font-weight: 300;
	letter-spacing: -1px;
	text-transform: uppercase;
}

h1 {
	margin: 0 0 20px;
	line-height: normal;
	font-size: 30px;
}

h2 {font-size: 26px;}
h3 {font-size: 22px;}
h4 {font-size: 20px;}
h5 {font-size: 18px;}
h6 {font-size: 16px;}

.hero {font-size: 40px; line-height: 50px; text-transform: none; text-shadow: 0 0 1px rgba(0,0,0,.25);}

.title {
	font-size: 20px;
}

.title h2 {
	margin-bottom: 0;	
}

.title-dotted {
	margin-bottom: 30px;
	padding: 10px 20px 0;
	border: 1px dotted #ddd;
}

.title-center {
	text-align: center;
	background-position: center bottom !important;
}

.title-right {
	text-align: right;
	background-position: right bottom !important;
}

.post-title,
.post-title h1 {
	line-height: normal;	
	font-size: 18px;
}

.post-title h1 {
	margin-bottom: 0;
}


.hentry.page .post-title,
.single .post-title,
#main-middle-title h1 {
	padding: 50px 0;
	text-align: center;
	margin-bottom: 0 !important;
	line-height: 2.5;	
	font-size: 28px;
	font-weight: 300;
	word-spacing: 3px;
	background: #191b1d !important;
	color: #DDD !important;
}

.single .post-meta {
	margin: 0;
	padding: 0 0 20px;
	text-align: center;
	color: #999;
	background: #191b1d;
}

.single .post-meta a{
	color: #999;
}

.single .post-teaser {padding: 0 20px;}

/*
#main-middle-title .post-title,
#main-middle-title .post-title h1,
.page .post-title,
.page .post-title h1 {
	padding: 30px 0;
	text-align: center;
	margin-bottom: 0 !important;
	line-height: 2.5;	
	font-size: 20px;
	background: #191b1d !important;
	color: #DDD !important;
}
*/

.single .post-title,
.page .post-title {
	font-size: 20px;
}

.title a,
.post-title a {
	color: inherit;
	text-decoration: none;
	padding: 0 5px 5px;
}

.title a:hover,
.post-title a:hover {
	color: #222;
}

.title i,
.post-title i {
	display: inline-block;
	margin-right: 8px;
}

.alert-heading {
	font-weight: bold;
	margin-bottom: 5px;
}


/* Forms
================================================== */

label,
input,
button,
select,
textarea {
	font-family: Lato, 'Droid Serif', serif;
	font-size: 14px;
}

input, textarea {
	width: 100%;
	height: 35px;
	padding: 10px;
	line-height: normal;
	border-color: #e5e5e5;
 border-radius: 0;
	box-sizing: border-box;
}

textarea {
	height: 200px;
	line-height: normal;
}

input:focus, textarea:focus {
	border-color: #2c2e35;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px #2c2e35;
}

input[type="image"],
input[type="checkbox"],
input[type="radio"] {
	width: auto !important;
	height: auto !important;
}

/* Contact Form 7 */
.wpcf7-form input {margin: 0;}

.wpcf7-form .wpcf7-form-control-wrap {display: block;}

.wpcf7-form .wpcf7-not-valid-tip {
	width: auto;
	padding: 0 10px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 100;
	color: #F00;
	font-size: 14px;
	line-height: 34px;
	white-space: nowrap;
	border: none;
	background: rgba(0,0,0,.9);
}
.wpcf7-form .wpcf7-response-output {
	padding: 5px 10px;
	margin: 0;
	z-index: 100;
	color: #FFF;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
	font-size: 14px;
	line-height: 24px;
	border: none;
	background: rgba(0,0,0,.9);
	display: none;
}



/* General layout
================================================== */

.row-fluid .span3 {
    width: 25%;
    margin-left: 0;
}

#outer {
	width: 1020px;
	position: relative;
	margin: 0 auto 80px;
}

#main-wrap {
	padding-top: 0;
}

.sidebar-left #content {
	float: right;
}

#sidebar {
	padding-bottom: 10px;
}

.sidebar-left #sidebar {
	float: left;
}

.no-sidebar #sidebar {
	display: none;
}

.boxed .wrap {
	width: auto;
	margin: 0 auto;
	background: #191b1d;
}

.span12,
.container {
	width: 100%;
	padding: 0;
	margin: 0;
}

.row {margin: 0;}

.span4 {
	width: 340px;
	margin: 0;
}

.span8 {
	width: 680px;
	margin: 0;
}


#main-wrap {background: #FFF;}

#main-top-wrap {margin: 0 0 50px 0; background: #191b1d;}
#main-middle-wrap {/*background: #191b1d;*/ background: #FFF;}
.page #main-middle-wrap {background: #FFF;}
#main-bottom-wrap {background: #FFF;}
	
.page-template-page-tpl-blog-php #main-middle-wrap {/*background: #191b1d;*/}

.timeline-wrapper {border-left: 2px solid #191b1d;}
.timeline-item {min-height: 50px; padding: 0 0 0 50px; position: relative;}
.timeline-date {width: 50px; position: absolute; top: 0; left: -26px; text-align: center; line-height: 2; color: #EEE; background: #191b1d;}

/* Header
================================================== */

#header-wrap {
	background: none;
}
    
#header-right {
	margin: 30px 0;
    position: relative;
    bottom: 0;
    text-align: center;
}

#logo {
	margin-bottom: 10px;
}

#logo-text {
	line-height: 1;
	color: #fff;
	font-size: 36px;
	font-family: NovecentowideNormalRegular, sans-serif;
	text-transform: uppercase;
	letter-spacing: 3px;	
}

#logo-text a {
	color: inherit;
	text-decoration: none;
}

#logo-text span {
	color: #21759b;
	font-style: italic;
}
    
#logo-description {
	margin-top: 10px;
	margin-bottom: 0px;
	line-height: normal;
	color: inherit;
	font-size: 13px;
	font-family: 'Merriweather', serif;
	font-weight: normal;
	letter-spacing: normal;	
}


/* Menu
================================================== */

.frameshift-menu,
.frameshift-menu .sf-menu li,
.frameshift-menu .sf-menu a {
	height: 25px;
	line-height: 1;
	color: inherit;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 300;
}

.frameshift-menu ul {
	margin: 0px;
	padding: 0px;
	line-height: inherit;
}

.frameshift-menu li {
	display: inline;
	margin: 0 10px;
}

.frameshift-menu li li a {
	text-align: left;
}

.frameshift-menu a {
	display: inline-block;
	margin: 0;
	text-decoration: none;
}

.frameshift-menu a:hover,
.frameshift-menu .current-menu-item a {
    color: #FFF;
}

.frameshift-menu-main {
	margin-bottom: -12px;
}

.frameshift-menu-main a {
	color: #fff;
}

#bottom-menu-wrap {
	background: none;
}

.frameshift-menu-bottom {
	margin-top: -40px;
	margin-bottom: 40px;	
}

.frameshift-menu-bottom ul {
	width: 100%;
	text-align: center;
}

.frameshift-menu-bottom li {
	float: none;
}

.frameshift-menu-bottom li ul {
	display: none !important;
}

/** FRAMESHIFT MENU */
.frameshift-menu,
.frameshift-menu .sf-menu li,
.frameshift-menu .sf-menu a {
	height: 40px;
	line-height: 40px;
}

.frameshift-menu .sf-menu li:hover ul,
.frameshift-menu .sf-menu li.sfHover ul {
	left:			5px;
	top:			25px; /* match top ul list item height */
	z-index:		9999;
}

.frameshift-menu .sf-menu li:hover li ul,
.frameshift-menu .sf-menu li.sfHover li ul {
	top:			-999em;
}

.frameshift-menu .sf-menu li li:hover ul,
.frameshift-menu .sf-menu li li.sfHover ul {
	left:			75px; /* match ul width */
	top:			0 !important;
}

.frameshift-menu .sf-menu li li:hover li ul,
.frameshift-menu .sf-menu li li.sfHover li ul {
	top:			-999em;
}

.frameshift-menu .sf-menu ul {
	height: auto;
	margin: 0;
	padding: 5px 0;	
	background: #fff;
	border: 1px dotted #ddd;
	border-top: none;
	z-index: 1;
}

.frameshift-menu .sf-menu li li {
	height: auto;
	margin: 0;
	padding: 0;
	background: none;
}

.frameshift-menu .sf-menu li li ul {
	padding-top: 4px;
	border-top: 1px dotted #ddd;
}

.frameshift-menu .sf-menu li li a,
.frameshift-menu .sf-menu li li a:visited {
	display: block;
	float: left;
	height: auto;
	margin: 0;
	padding: 8px 15px;
	line-height: 1;
	background: none;
	color: #505050;
	font-size: 12px;
	text-decoration: none;
	text-shadow: none;
}

.frameshift-menu .sf-menu li li a:hover {
	color: #222;
}

.frameshift-menu .sf-menu li li a:active {
	top: 0px;
}

/** SMALL MENU */

.frameshift-menu-top-left .sf-menu a {	
	margin: 0 15px 0 0;
}

.frameshift-menu-top-right .sf-menu a {
	margin: 0 0 0 15px;
}

.frameshift-menu-top-left .sf-menu li li a,
.frameshift-menu-top-left .sf-menu li li a:visited,
.frameshift-menu-top-right .sf-menu li li a,
.frameshift-menu-top-right .sf-menu li li a:visited {
	padding: 7px 15px;
	font-size: 11px;
}

/* Flex Slider */
.flexslider .slider-overlay {
    display: none;
}

/* 404 Page */
#the404 {
	margin-bottom: 0;
	padding: 20px 0;
	line-height: 1;
	background: none;
	color: #222;
	font-size: 400px;
	text-align: center;
	text-shadow: 10px 10px 0 #fff;
}
/* Post
================================================== */

#main-middle-title {
	position: relative;
	margin-top: 0;
	margin-bottom: 0;
	border-bottom: none;
}

.home #main-middle-title {
	margin-top: -20px;
}

#main-middle-title h1 {
	margin-bottom: 0;
	line-height: 2.5;
	font-size: 28px;
	font-weight: 300;
	word-spacing: 3px;
}

.title-nav {
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -15px;	
}

#filter {
	padding: 0 0 30px;
	position: relative;
	top: 0;
	font-size: 12px;
	text-align: center;
	background: #191b1d;
}

#filter a {
	margin-left: 10px;
	padding-left: 12px;
	text-decoration: none;
	color: #999;
}
    
.title-archive,
.title-author {
	margin-bottom: 30px;
	padding: 20px 20px 0;
	border: 1px dotted #ddd;
}
    
.category-description {
	margin-top: -10px;
	margin-bottom: 10px;
	font-size: 13px;
}

.category-description p {
	margin-bottom: 0;
}

.category-description a {
	color: #222;
}
    
.post,
.page {
	padding-bottom: 20px;
}

.single .post-teaser {}

.title,
.post-meta {
	margin-bottom: 20px;
	padding-bottom: 5px;
	background: none;
	/*text-align: center;*/
}

.home .title {
	text-align: center;
	background: none;
}

.post-title {
	position: relative;
}

.post-meta {
	margin-top: -10px;
	margin-bottom: 20px;
	font-size: 11px;
}

.post-meta .label {
	margin-right: 3px;
}

.post-format-link {
	display: inline-block;
	margin-right: 5px;
	color: inherit !important;
	text-decoration: none !important;
}
    
.post-image {
	position: relative;
	margin: 0;
	/*margin: 5px 20px 15px 0;*/
}

.archive .post,
.page-template-page-tpl-blog-php .post {
	margin: 0 0 50px 0;
	background: #FFF;
	padding: 0 20px 20px;
	box-sizing: border-box;
}

.archive #content,
.archive #sidebar,
.page-template-page-tpl-blog-php #content,
.page-template-page-tpl-blog-php #sidebar {
	padding: 50px 0;
	background: #FFF;
	box-sizing: border-box;
}

.page-template-page-tpl-blog-php #content,
.page-template-page-tpl-blog-php #sidebar {
	width: 50%;
	margin: 0;
}

.archive .post .post-image,
.page-template-page-tpl-blog-php .post .post-image {
	margin: 5px 20px 15px -20px;
}

.post-image.alignleft,
.post-image.alignright {
	margin-bottom: 20px;
}

.single .post-image.alignleft {
	margin: 0 20px 0 0;
}

.single .post-image.alignright {
	margin: 0 0 0 20px;
}

.single .post-teaser blockquote {padding: 50px 0; margin: 20px 0;}

#sidebar .post-image {margin: 0 0 20px 0;}

.post-image a {
	display: block;
}

.no-sidebar .post-teaser {padding: 50px 100px;}

.post-tags {
	margin-bottom: 30px;
	clear: both;
}

.author-box {
	margin-bottom: 30px;
	padding: 20px 20px 0;
	border: 1px dotted #ddd;
	clear: both;
}

.author-box .avatar {
	float: left;
	margin: 0 20px 20px 0;
	padding: 0px;
}

.author-box h4 {
	margin-bottom: 10px;
	line-height: normal;
	font-size: 14px;
}

.moretag {
	font-style: normal;
}

#subpages .post-title {
	margin-bottom: 15px;
	padding-bottom: 10px;
}

#subpages .post-title h2 {
	line-height: inherit;
}

/** Portfolio */

.portfolio {
	padding-bottom: 20px;	
}

h2.portfolio-title {
	font-size: 18px !important;
}

.portfolio-image {
	margin-top: 0;
}

.portfolio-image a {
	position: relative;
	display: block;
}


.portfolio-holder .portfolio-image {
	margin-top: 0;
	max-height: 200px;
	position: relative;
}

.portfolio-holder .portfolio-image a {
	display: block;
	position: static;
}

.portfolio-holder .portfolio-image img {
	max-width: none !important;
	position: relative;
	top: 0; left: 0;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
}

.portfolio-holder .portfolio-image:hover img {
	top: -50px; left: -100px;
}



.portfolio-short {
	margin-top: -10px;
	margin-bottom: 10px;
	color: #999;	
}

#portfolio-details {
	padding: 20px 20px 30px !important;
}

.no-sidebar #portfolio-details {padding: 20px 100px 30px !important;}



.portfolio .post-title, 
.portfolio .portfolio-short {
    display: none;
}

.portfolio .overlay .post-title, 
.portfolio .overlay .portfolio-short {
    display: block;
	color: #FFF;
}

.portfolio {
    padding: 0;
}

.portfolio .overlay {
    padding: 80px 0;
    height: auto;
    bottom: 0;
    text-align: center;
}

.portfolio .post-image {
    margin: 0;
    overflow: hidden;
}
.image-gallery .row {margin: 0 -20px 50px;}
.image-gallery-item.span4 {width: 340px; padding: 0; margin: 0;}
.no-sidebar .image-gallery-item.span4 {width: 33.333%;}


/** Image Overlay */

.overlay {
	position: absolute;
	top: 0;
	left: 0;
    right: 0;
	display: block;
	width: 100%;
	height: 100%;
    max-width: none;
	background: rgba(0,0,0,0.75);
}

.span4 .overlay,
.span6 .overlay {
	max-width: 340px;
}

.size-post-thumbnail .overlay {
	max-width: 100% !important;
}

.span8 .overlay {
	max-width: 640px;
}

.overlay .arr-right {
	position: absolute;
	right: 0;
	bottom: 0;
	background-color: #191b1d;
}

.overlay-zoom .arr-right {
}

/** Pagination */

.pagination {
	margin-top: 0;
	margin-bottom: 40px;
}

.pagination a {
	float: none;
	display: block;
}

.pagination li a {
	float: left;
}

.pagination a:hover,
.pagination .active a {
	background: #fcfcfc;
	color: inherit;
}

.post-navigation,
.attachment-navigation {
	margin-bottom: 20px;
	padding: 10px 20px;
}

.post-navigation a,
.attachment-navigation a {
	text-decoration: none;
}

.post-navigation .previous,
.post-navigation .next {
	float: left;
	width: 45%;
}

.post-navigation .next {
	float: right;
	text-align: right;
}

.attachment-navigation .center,
.attachment-navigation.first .next {
	text-align: center;
}

.attachment-navigation.first .center {
	text-align: left;
}

.attachment-navigation .next {
	text-align: right;
}

.attachment-navigation.third .span4 {
	width: 185px;
}

.gallery-caption {
	display: block;
	padding: 5px 10px;
	clear: both;
}

.single-attachment .post-attachment-image {
	float: left;
	width: auto;
	margin-bottom: 20px;
}

.single-attachment .image-caption {
	padding: 5px 10px;
}

.single-attachment .image-description {
	margin-top: -10px;
}

/** Image gallery */

.image-gallery {
	margin-bottom: -20px;
	clear: both;
}

.widget .image-gallery {
	margin-bottom: 0;
}

.image-gallery-item {
	padding: 0 0 30px;
	margin-bottom: 10px;
}

.image-gallery-caption {
	margin-bottom: -10px;
}

/** Post formats */

.format-aside .post-teaser {
	font-style: italic;
}


/** Other */

.alert {
	margin-bottom: 20px;
}

.alert a {
	text-decoration: underline;
}

.alert a.btn,
.alert a.close {
	text-decoration: none;
}

/** Arrows */

.arr {
	display: inline-block;
	width: 40px;
	height: 30px;
	text-indent: -9999px;
}

.arr:hover {
	background-color: #e4e4e4;
}

.arr-left {}
.arr-grid {}
.arr-right {}
.arr-up {}
.arr-down {}


/* Comments
================================================== */

#comments,
#pings,
#respond {
	clear: both;
}
    
.comment-list,
.ping-list {
	list-style: none;
	margin-left: 0;
	margin-bottom: 0;
}

.comment-list,
.ping-list {
	margin-top: -10px;
	margin-bottom: 20px;
}

.comment-list .children {
	margin: 0 0 0 40px;
	font-size: inherit;
	list-style: inherit;
}

.comment-list li {
	line-height: inherit;
}

.comment-inner {
	margin-top: 30px;
	padding: 20px 20px 0;
	border: 1px dotted #ccc;

}

.comment-author .avatar {
	float: right;
	margin: 0 0 20px 20px;
}

.comment-meta {
	margin-top: 5px;
	margin-bottom: 15px;
	font-size: 11px;
}

.reply {
	margin-bottom: 20px;
}

.comments-nocomments,
.comments-closed {
	display: none;
}

#reply-title small {
	font-size: 11px;
}

#respond,
#pings {
	margin-top: 30px;
}

#commentform {
	margin: 0;
}

#commentform label {
	font-weight: normal;
	font-size: inherit;
}
    
.comment-form-section {
	margin-bottom: 10px;
}

.form-allowed-tags {
	margin-bottom: 10px;
}

.comment-navigation {
	margin-top: -40px;
}


/* Sidebar
================================================== */

.sidebar-title,
.sidebar-title h4 {
	margin: 0 0 20px;
	line-height: normal;
	font-size: 18px;
}

#sidebar .widget {
	padding-bottom: 10px;
	clear: both;
}

#sidebar .widget-slider {
	padding-bottom: 0;
}


/* Footer
================================================== */

#footer-wrap {background: #FFF;}
    
#footer {
	padding-top: 0;
	padding-bottom: 0;
	border-top: none;
}

#footer .widget {
	margin-bottom: 0;
}

#footer .widget-call-to-action-wrap {
	padding: 50px;
	margin: 0;
    color: #999;
	background: #1D1F21;
}

.home #footer .widget-call-to-action-wrap {
	margin: 50px 0 0 0;
}

.footer-title,
.footer-title h4 {
	margin: 0 0 20px;
	line-height: normal;
	font-size: 18px;
}

#subfooter-wrap {
	padding: 50px 0;
	background: #191b1d !important;
	color: #999;
}

.social-icons {
	height: 50px;
	margin-bottom: 40px;
	text-align: center;
}

.social-icons a {
	width: 40px;
	height: 40px;
	padding: 7.5px 0;
	margin: 0 10px;
	display: inline-block;
	position: relative;
	font-size: 24px;
	text-decoration: none;
    color: rgb( 200, 200, 200 );
	background: rgba( 40, 40, 40, 1 );
	border-radius: 40px;
	box-sizing: border-box;
}

.social-icons a:hover {
	color: #FFF;
    transform: scale( 1.2 );
}

.social-icons a.social-icon-facebook:hover {
	background: #3B5998;
	background: rgba(59, 89, 152, 1);
}

.social-icons a.social-icon-twitter:hover {
	background: #00ACEE;
	background: rgba(0, 172, 238, 1);
}

.social-icons a.social-icon-gplus:hover {
	background: #C04D34;
	background: rgba(192, 77, 52, 1);
}

.social-icons a.social-icon-dribbble:hover {
	background: #EA4C89;
	background: rgba(234, 76, 137, 1);
}

.social-icons a.social-icon-rss:hover {
	background: #FB9900;
	background: rgba(251, 153, 0, 1);
}

.tooltip {font-size: 11px !important;}

/* Credit
================================================== */
    
#credit-wrap {
	background: transparent !important;
}
    
#credit {
	line-height: 1;
}

#credit a {color: #999;}
#credit a:hover {color: #EEE;}

#credit p {
	margin-bottom: 10px;
	line-height: 20px;
}

.credit-top,
.credit-bottom {
	text-align: center;
}


/* Widget CSS
================================================== */

/** SLIDER WIDGET */
.widget-slider {margin: 0;}

.widget-slider .slides img {}
    
/** SPACES WIDGET */
.home .spaces-text {padding: 10px 25px; text-align: center;}

/** TEXT WIDGET */
.home .widget_text {padding: 25px 50px; text-align: center;}

/** SEARCH WIDGET */
#footer .widget_search {text-align: center;}

.searchform .search-text {
	width: 48%;
}

/** LATEST WORK WIDGET */
.widget-latest-work {
	padding-bottom: 0;
}

.widget-latest-work .portfolio-image {
	margin-top: 0;
	max-height: 200px;
}

.widget-latest-work .portfolio-image a {
	position: relative;
	display: block;
	overflow: hidden;
}

.widget-latest-work .portfolio-image img {
	max-width: none !important;
	position: relative;
	top: 0; left: 0;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
}

.widget-latest-work .portfolio-image:hover img {
	top: -50px; left: -100px;
}

.widget-latest .title-widget .arr,
.widget-latest-work .title-widget .arr {
	bottom: 20px;
}

/** DIVIDER WIDGET */
.widget-divider-wrap {
	margin: 50px 0;
}

.widget-divider {
	background: url(assets/img/separator.png) no-repeat top center;
	padding: 50px 0 0 0;
}



/* GOOGLE MAP */
.googlemap {width: auto !important; margin: -50px -100px 0;}

/* TEXTWIDGET */
.textwidget blockquote {margin: 0 100px;}


/**
 * Media Queries
 *
 * Make this theme look sexy in
 * different browser sizes and devices.
 */


/*  Landscape phone to portrait tablet
================================================== */

@media (max-width: 768px) {
	
	.boxed {
		margin: 0 20px;
	}
	
	.boxed .wrap,
	#outer {
		width: auto;
	}
	
	#outer {
		margin: 0 auto 20px;
	}
	
	.row-fluid .span3 {width: 50%; float: left; clear: none;}

	.tinynav {
		display: block;
		width: 100%;
	}
	
    .frameshift-menu {
    	padding-top: 13px !important;
    }
    
    .frameshift-menu ul {
    	display: none
    }
	
	.frameshift-menu a {
		margin-right: 10px;
		margin-left: 10px;
	}
    
    .frameshift-menu-main {
		margin-bottom: 10px !important;
	}
	
	.frameshift-menu-bottom {
		margin-top: 0;
		margin-bottom: 30px;
	}
	
	.frameshift-menu-bottom .tinynav {
		background-color: #fff;
	}
	
	.flexslider {
		height: auto !important;
	}
	
	.flexslider .slider-overlay {
		display: none;
	}
	
	.social-icon {
		margin-right: 5px;
	}
	
	#header-left {
		text-align: center;
	}
	
	#header-right {
		position: relative;
		right: auto;
		bottom: auto;
		margin-top: 20px;
		text-align: center;
	}
	
	#footer .widget-call-to-action-wrap .button {
		margin: 20px 0 0 0;
	}
	
	.sidebar-left #content,
	.sidebar-left #sidebar {
	    float: none;
	}
	
	.widget-latest .title-widget,
	.widget-latest-work .title-widget {
		margin-left: 0;
	}
	
	.widget-latest .title-widget .arr,
	.widget-latest-work .title-widget .arr {
		position: relative;
		right: auto;
		bottom: auto;
		margin-top: 10px;
	}
	
	.widget-latest-work .portfolio-image:hover img {
		top: -50px; left: -50px;
	}
	
	.title,
	.post-title,
	.post-image,
	.space-image,
	.space-icon,
	.post-meta,
	.portfolio-short,
	.category-description {
		text-align: center;
	}
	
	.title,
	.hentry.page .post-title,
	.post-meta,
	.widget-latest .title-widget,
	.widget-latest-work .title-widget {
		background-position: center bottom;
	}
	
	.post-image,
	.space-image .alignleft,
	.space-image .alignright {
		float: none !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	
	.span4 .post-image .overlay,
	.span6 .post-image .overlay,
	.size-post-thumbnail .overlay {
		left: 50%;
		margin-left: -150px;
	}
	
	#filter,
	.title-nav {
		position: relative;
		top: auto;
		right: auto;
		margin-bottom: 0;
		text-align: center;
	}
	
	.title-nav {
		margin-top: 0;
	}
	
	#filter a {
		margin: 0 5px;
	}
		
	.title-nav {
		margin-top: -25px;
	}
	
	.span3 .wp-post-image.attachment-post-thumbnail,
	.span3 .spaces-post-image.attachment-post-thumbnail {
		float: left;
		margin: 5px 20px 20px 0;
	}
	
	#the404 {
		font-size: 150px;
		text-shadow: 5px 5px 0 #fff;
	}
	
	.no-sidebar .layout-four .gallery.columns-5 .gallery-item {
		width: auto;
	}
	
	.pagination {
		height: auto;
		margin-bottom: -20px;
	}
	
	.post-pagination {
		margin-bottom: 20px;
	}
	
	.pagination-numbers {
		margin-bottom: 40px;
	}
	
	.pagination a {
		margin-bottom: 20px;
	}
	
	.post-pagination a,
	.pagination-numbers a {
		margin-bottom: 0;
	}
	
	.pagination .next,
	.single-attachment .pagination .next {
		float: none;
	}
	
	.pagination-numbers .next {
		float: left;
	}

	.attachment-navigation.third .span4 {
	    width: auto;
	}
	
	.image-gallery-item {
		text-align: center;
	}
	
	.gallery-icon img {
		float: none;
	}
	
	.gallery-item {
		width: auto !important;
	}
	
	.mu_register #blog_title,
	.mu_register #user_email,
	.mu_register #blogname,
	.mu_register #user_name,
	.mu_register .error,
	.mu_register input[type="submit"] {
		width: 100%;
	}
	
	.call-to-action-text,
	.call-to-action-button {
		display: block;
		padding-right: 0;
		text-align: center;
	}
	
	.call-to-action-button .btn {
		margin: 20px 0 10px;
	}
	
	.flex-direction-nav {
		left: 0px;
		bottom: 0px;
	}
	
	.portfolio-holder .clear,
	.portfolio-holder .span4 {clear: none !important;}

	.portfolio-holder .portfolio {width: 50% !important; float: left !important;}
	
	.portfolio-image img {margin: 0 !important;}
	
	.span4 .post-image .overlay,
	.span6 .post-image .overlay,
	.size-post-thumbnail .overlay {
		width: 100%;
		max-width: none;
		left: auto;
		margin-left: auto;
	}
	
	.no-sidebar .post-teaser {
		padding: 50px;
	}
	
	.no-sidebar #portfolio-details {
		padding: 20px 50px 30px !important;
	}
	
	.googlemap {
		height: 350px !important;
		margin: -50px -50px 0;
	}
	
	.image-gallery .row {margin: 0 0 50px;}
	
	.image-gallery .image-gallery-item.span4 {
		float: left;
		clear: none !important;
	}
	
	.textwidget blockquote {margin: 0 25px;}

}

/*  Landscape phones and down
================================================== */

@media (max-width: 480px) {
	
	.boxed .wrap,
	#outer {
		width: auto;
	}
	
	.row-fluid .span3 {width: 100%; float: none; clear: both;}

	.portfolio-holder .clear,
	.portfolio-holder .span4 {clear: both !important;}

	.portfolio-holder .portfolio {width: 100% !important; float: left !important;}
	
	.no-sidebar .post-teaser {
		padding: 50px 20px;
	}
	
	.no-sidebar #portfolio-details {
		padding: 20px 20px 30px !important;
	}
	
	.googlemap {
		height: 220px !important;
		margin: -50px -20px 0;
	}
	
	.hero {font-size: 20px; line-height: 30px;}
	
	.button.button-large {
		padding: 10px 30px;
		font-size: 14px;
		line-height: 50px;
	}
		
	blockquote h3 {
		color: #666;
		font-size: 20px;
		font-weight: 300;
		line-height: 30px;
		text-transform: none;
		text-shadow: 0 0 1px rgba(0,0,0,0.25);
	}
	
	.textwidget blockquote {margin: 0;}

}

@media (min-width: 320px) and (max-width:479px){

	.span4 .post-image .overlay,
	.span6 .post-image .overlay,
	.size-post-thumbnail .overlay {
		left: 50%;
		margin-left: -50%;
	}
	
	#footer .widget-call-to-action-wrap {
		padding: 20px;
	}
		
	.social-icons a {
		margin: 0 5px;
	}
}

/*  Portrait tablet to landscape and desktop
================================================== */

@media (min-width: 769px) and (max-width: 1024px) {
	
	.boxed .wrap,
	#outer {
		width: 780px;
	}
	
	#outer {
		margin: 0 auto 40px;
	}
	
	.row-fluid .span3 {width: 50%;}
			
	.boxed .frameshift-menu-main,
	.boxed .frameshift-menu-sub {		
		margin: 0 -20px;
		padding: 0 20px;	
	}
	
	.flexslider {
		height: auto !important;
	}
	
	.flexslider .slider-overlay {
		padding: 15px 25px 0;
	}	
	
	.widget-latest .title-widget {
		margin-left: 20px;
	}
	
	.searchform .search-text {
		width: 100%;
		margin-right: 0px;
		margin-bottom: 10px;
	}	

	.attachment-navigation.third .span4 {
	    width: 145px;
	}
	
	.portfolio-holder .clear {clear: none;}
	
	.single-portfolio #content.span9 {width: 50%; margin: 0;}
	.single-portfolio #sidebar.span3 {width: 50%; margin: 0;}

}

/*  Large desktop
================================================== */
@media (min-width: 1024px) {
	.boxed .wrap,
	#outer {
		width: auto;
		min-width: 1020px;
		max-width: 1400px;
	}
	
	.home #main-top-wrap .span12,
	.home #main-top-wrap .container {width: 100%;}
	
	.single-portfolio #content.span9 {width: 50%; margin: 0;}
	.single-portfolio #sidebar.span3 {width: 50%; margin: 0;}
}



.boxed {margin: 0;}


/**
 * ####################################################################################################
 * ####################################################################################################
 * ####################################################################################################
 * ####################################################################################################
 * ####################################################################################################
 * ####################################################################################################
 * ####################################################################################################
 * ####################################################################################################
 * ####################################################################################################
 * ####################################################################################################
 */


/**
 * BASE LAYOUT
 * ==================================================
 */

.site-wrap {
    margin: auto;
}

/**
 * SITE HEADER
 * ==================================================
 */

.site-header {
    background: rgba( 30, 30, 30, .9 );
}


/*.logo {float: left;}

.main-menu {float: right;}
*/


/**
 * TITLE ACTIONS
 * ==================================================
 */

.title-action {
	width: 40px;
    padding: 1em 0;
	display: inline-block;
    text-align: center;
    background: #EEE;
}

.title-action:hover {
    background: #E4E4E4;
}

/**
 * PORTFOLIO PREVIEW > MORE LINK
 * ==================================================
 */

.overlay .more {
	width: 40px;
    padding: 1em 0;
	display: inline-block;
    position: absolute;
    right: 0;
    bottom: 0;
    text-align: center;
    background: #EEE;
}

.overlay .more:hover {
    background: #E4E4E4;
}


/**
 * ADMIN BAR
 * ==================================================
 */

#wpadminbar {
    display: none;
}

@media (min-width: 900px) {
    
    #wpadminbar {
        display: block;
        opacity: 0;
        
        -webkit-transition: all .2s linear;
           -moz-transition: all .2s linear;
            -ms-transition: all .2s linear;
             -o-transition: all .2s linear;
                transition: all .2s linear;
    }
    
    #wpadminbar:hover {
        opacity: 1;
    }
    
}

/*
 * ##################################################
 * SCROLLBAR STYLES #################################
 * for webkit (and blink) browsers ##################
 * ##################################################
 */

::-webkit-scrollbar {
	width: 0;
	height: 0;
	background-color: #eee;
}

::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
	height: 0;
	display: block;
	background-color: #111;
}

::-webkit-scrollbar-track-piece {
	background-color: #EEE;
}

::-webkit-scrollbar-thumb:vertical {
	height: 50px;
	background-color: rgb( 100, 100, 100 ) !important; /* $brand */
}





/* Define Text Mark Color */
::-webkit-selection {
    color: #FFF;
    background: rgb( 100, 100, 100 );
}
::-moz-selection {
    color: #FFF;
    background: rgb( 100, 100, 100 );
}
::selection {
    color: #FFF;
    background: rgb( 100, 100, 100 );
}