/*
	Theme Name: Megalithe
	Theme URL: http://demo.zigzagpress.com/megalithe
	Description:  Megalithe is a 2 or 3-column Widget-ready child theme created for the Genesis Framework.
	Author: zigzagpress
	Author URI: http://www.zigzagpress.com/
	Version: 1.4
	
	Template: genesis

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

	
/* Import Google Fonts
------------------------------------------------------------ */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,400,600,300); 

/* Reset
------------------------------------------------------------ */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    font-size: 100%;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;
}

/* Defaults
------------------------------------------------------------ */

body,
h1,
h2,
h2 a,
h2 a:visited,
h3,
h4,
h5,
h6,
p,
select,
textarea {
	color: #666;
	font: 400 14px/1.61538 "Open Sans","Lucida Sans","Lucida Grande","Lucida Sans Unicode",sans-serif;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

blockquote,
input,
select,
textarea,
.author-box,
.breadcrumb,
.sticky,
.taxonomy-description,
.wp-caption {
		background-color: #F8F8F8;
		border: 1px solid #F2F2F2;
}

input,
label,
select,
textarea {
	color: #666;
	font-size: 12px;
	-webkit-appearance: none;
	-webkit-border-radius:0;
}

li,
ol,
ul {
	margin: 0;
	padding: 0;
}

ol li {
	list-style-type: decimal;
}

p { margin: 0 0 15px; }

/* Hyperlinks
------------------------------------------------------------ */

a,
a:visited,
#pagination_widget .next,
#pagination_widget .previous {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	color: #003475;
	text-decoration: none;
	outline: 0 none;
}

a:hover {
	text-decoration: underline;
}

a img {
	border: none;
}


/* Body
------------------------------------------------------------ */

body {
	background-color: #f5f5f5;
}

::-moz-selection {
	background-color: #d54e21;
	color: white;
}

::selection {
	background-color: #d54e21;
	color: white;
}


/* Wrap
------------------------------------------------------------ */

#wrap {
	margin: 0 auto;
	width: 980px;
	padding: 0;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.07);
}


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

#header {
    background-color: white;
    margin: 0 auto;
    min-height: 92px;
    width: 100%;
}

#header .wrap {
	overflow: hidden;
	padding: 25px 20px 0;
}

#title-area {
	float: left;
	overflow: hidden;
}

#title {
	font-size: 24px;
	font-weight: 600;
	line-height: 1.25;
	margin: 0;
	text-transform: uppercase;
}

#title a,
#title a:hover {
	color: #666;
	text-decoration: none;
}

#description {
	color: #888;
	font-size: 12px;
	font-style: italic;
}

#header .widget-area {
    float: right;
    text-align: right;
	padding-bottom: 20px;
    width: 510px;
}


/* Image Header - Partial Width
------------------------------------------------------------ */

.header-image #title-area,
.header-image #title,
.header-image #title a {
	display: block;
	float: left;
	height: 42px;
	overflow: hidden;
	padding: 0;
	text-indent: -9999px;
	width: 314px;
height: 55px;
}

.header-image #title a {
	background: url("images/logo.png") no-repeat scroll 0 center transparent;
}

.header-image #description {
	display: block;
	overflow: hidden;

}


/* Image Header - Full Width
------------------------------------------------------------ */


/* Header / Primary / Secondary Navigation
------------------------------------------------------------ */
#mobile_menu{display:none;}

.menu-primary,
.menu-secondary,
#header .menu {
	background-color: white;
	clear: both;
	color: #666;
	font-size: 12px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	width: 100%;
}

#header .menu {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box; 
}

#nav .wrap {    
    border-top: 1px solid #E7E7E7;
	border-bottom: 1px solid #E7E7E7;
    float: left;
    padding: 0;
    width: 100%;
	}

.menu-primary {
	margin-top: 1px;
}

.menu-secondary {
	border-bottom: 1px solid #ddd;
	border-top: none;
}

.menu-primary ul,
.menu-secondary ul,
#header .menu ul {
	float: left;
	width: 100%;
}

.menu-primary li,
.menu-secondary li,
#header .menu li {
	float: left;
	list-style-type: none;
}

.menu-primary a,
.menu-secondary a,
#header .menu a {
	border-right: 1px solid #ddd;
	color: #666;
	display: block;
	font-size: 12px;
	font-weight: 600;
	margin: 10px 0;
	padding: 0 20px;
	position: relative;
	text-decoration: none;
	text-transform: uppercase;
}

.menu-primary li:last-child a,
.menu-secondary li:last-child a,
#header .menu li:last-child a {
	border-right: none;
}

.menu-primary li a:active,
.menu-primary li a:hover,
.menu-primary .current_page_item a,
.menu-primary .current-cat a,
.menu-primary .current-menu-item a,
.menu-secondary li a:active,
.menu-secondary li a:hover,
.menu-secondary .current_page_item a,
.menu-secondary .current-cat a,
.menu-secondary .current-menu-item a,
#header .menu li a:active,
#header .menu li a:hover,
#header .menu .current_page_item a,
#header .menu .current-cat a,
#header .menu .current-menu-item a {
	background: none;
	color: #003475;
}

.menu-primary li li a,
.menu-primary li li a:link,
.menu-primary li li a:visited,
.menu-secondary li li a,
.menu-secondary li li a:link,
.menu-secondary li li a:visited,
#header .menu li li a,
#header .menu li li a:link,
#header .menu li li a:visited {
	background: white;
	border-color: white #ddd #ddd;
	border-right: 1px solid #ddd;
	border-style: none solid solid;
	border-width: medium 1px 1px;
	color: #888;
	font-size: 11px;
	font-weight: 400;
	margin: 0;
	padding: 10px 20px;
	position: relative;
	text-transform: none;
	width: 158px;
}

.menu-primary li li a:active,
.menu-primary li li a:hover,
.menu-secondary li li a:active,
.menu-secondary li li a:hover,
#header .menu li li a:active,
#header .menu li li a:hover {
	background-color: #f5f5f5;
	color: #333;
}

.menu-primary li ul,
.menu-secondary li ul,
#header .menu li ul {
	height: auto;
	left: -9999px;
	margin: 1px 0 0 -1px;
	position: absolute;
	width: 200px;
	z-index: 9999;
}

.menu-primary li ul a,
.menu-secondary li ul a,
#header .menu li ul a {
	width: 140px;
}

.menu-primary li ul ul,
.menu-secondary li ul ul,
#header .menu li ul ul {
	margin: -38px 0 0 199px;
}

.menu-primary li ul ul ul,
#header .menu li ul ul ul {
	margin: -39px 0 0 199px;
}

.menu li:hover ul ul,
.menu li.sfHover ul ul {
	left: -9999px;
}

.menu li:hover,
.menu li.sfHover {
	position: static;
}

ul.menu li:hover>ul,
ul.menu li.sfHover ul,
#header .menu li:hover>ul,
#header .menu li.sfHover ul {
	left: auto;
}

.menu li li a .sf-sub-indicator, .menu li li li a .sf-sub-indicator {
	float: right;
	top: 12px;
}

#wpadminbar li:hover ul ul {
	left: 0;
}

#nav .select-menu {
	background-color: white;
	border: medium none;
	display: none;
	margin-top: 1px;
	padding: 10px 20px 10px 12px;
	visibility: visible;
	width: 100%;
}


/* Primary Navigation Extras
------------------------------------------------------------ */

.menu li.right {
	float: right;
	padding: 0 20px;
}

.menu li.right a {
	background: none;
	border: none;
	display: inline;
	text-decoration: none;
}

.menu li.right a:hover {
	color: #ff981d;
	text-decoration: none;
}

.menu li.search {
	padding: 0 0 0 10px;
}

.menu li.rss a {
	background: url("images/rss.png") no-repeat center left;
	margin: 0 0 0 20px;
	padding: 0 0 0 16px;
}

.menu li.twitter a {
	background: url("images/twitter-nav.png") no-repeat center left;
	padding: 0 0 0 20px;
}


/* Inner
------------------------------------------------------------ */
.home #inner {padding: 0;}

#inner {
	background-color: white;
	margin: 0 auto;
	overflow: hidden;
	padding: 20px;
}


/* Breadcrumb
------------------------------------------------------------ */

.breadcrumb {
	font-size: 14px;
	margin: -10px 0 30px;
	padding: 5px 10px;
}


/* Taxonomy Description
------------------------------------------------------------ */

.taxonomy-description {
	background-color: white;
	margin: -10px 0 30px;
	padding: 0 0 15px;
}

.taxonomy-description p {
	font-size: 14px;
	padding: 15px 15px 0;
}


/* Content-Sidebar Wrap
------------------------------------------------------------ */

#content-sidebar-wrap {
	float: left;
	width: 750px;
}

.content-sidebar #content-sidebar-wrap,
.full-width-content #content-sidebar-wrap,
.sidebar-content #content-sidebar-wrap {
	width: 100%;
}

.sidebar-content-sidebar #content-sidebar-wrap,
.sidebar-sidebar-content #content-sidebar-wrap {
	float: right;
}


/* Content
------------------------------------------------------------ */

#content {
	float: left;
	width: 510px;
}

.content-sidebar #content,
.sidebar-content #content {
	width: 700px;
}

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

.full-width-content #content {
	width: 100%;
}

.post,
.page .page {
	border-bottom: 1px solid #f5f5f5;
	margin: 0 0 30px;
	overflow: hidden;
}

.single .post,
.page .page {
	padding-bottom: 9px;
}

.single .portfolio {
	border: 0 none;
	margin-bottom: 0;
	padding-bottom: 0;
}

.post-clip .post {
	border-bottom: 0;
	margin-bottom: 0;
	padding-bottom: 0;
	width: 700px;
}

.entry-content {
	clear: both;
	overflow: hidden;
}

.single-portfolio .entry-content {
	clear: none;
}

.entry-content p {
	margin: 0 0 21px;
}

blockquote {
	border-width: 0 0 0 7px;
	margin: 5px 0 25px 27px;
	padding: 25px 30px 5px;
}

blockquote p {
	color: #999;
	font-size: 20px;
	font-weight: 300;
}

p.subscribe-to-comments {
	padding: 20px 0 10px;
}

.clear {
	clear: both;
}

.clear-line {
	border-bottom: 1px solid #ddd;
	clear: both;
	margin: 0 0 25px;
}




/* Headlines
------------------------------------------------------------ */

h1,
h2,
h2 a,
h2 a:visited,
h3,
h4,
h5,
h6 {
	color: #333;
	font-weight: 600;
	line-height: 1.25;
	margin: 0 0 21px;
}

h1 {
	font-size: 24px;
}

.taxonomy-description h1 {
	margin: 0;
}

h2 {
	font-size: 20px;
}

h1.entry-title,
h2.entry-title,
h2.entry-title a,
h2.entry-title a:visited {
	color: #333;
	font-size: 18px;
	line-height: inherit;
	margin-bottom: 10px;
}

h2.entry-title a:hover {
	color: #d54e21;
	text-decoration: none;
}

.widget-area h2,
.widget-area h2 a {
	font-size: 14px;
	margin: 0 0 5px;
}

h3 {
	font-size: 16px;
}

h4 {
	font-size: 14px;
}

.taxonomy-description h1,
.widget-area h4 {
	color: #666;
	font-size: 12px;
	margin-bottom: 21px;
	text-transform: uppercase;
}

.widget-area h4 a {
	color: #333;
	text-decoration: none;
}

#footer-widgets h4 {
	background: none;
	border: none;
	color: white;
	font-size: 12px;
	margin-bottom: 21px;
	padding: 0;
	text-transform: uppercase;
}

h5 {
	font-size: 12px;
}

h6 {
	font-size: 10px;
}


/* Ordered / Unordered Lists
------------------------------------------------------------ */

.entry-content ol,
.entry-content ul {
	margin: 0;
	padding: 0 0 21px;
}

.archive-page ul li,
.entry-content ul li {
	list-style-type: square;
	margin: 0 0 0 30px;
	padding: 0;
}

.entry-content ol li {
	margin: 0 0 0 35px;
}

.archive-page ul ul,
.entry-content ol ol,
.entry-content ul ul {
	padding: 0;
}


/* Post Info
------------------------------------------------------------ */

.post-info {
	clear: both;
	color: #888;
	display: block;
	font-size: 11px;
	line-height: 1.90909;
	margin: 0 0 10px;
}

.folio-nav, .single .post-info, .page-descriptions, .metaItem, .post-info, .post-meta {
	background-color: #f5f5f5;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	margin-bottom: 30px;
	padding: 10px 20px;
}

.page-descriptions, .folio-nav  {border-top: 7px solid #ddd;}

.post-info > span {margin-right: 10px;}


/* Post Meta
------------------------------------------------------------ */

.post-meta {
	clear: both;
	font-size: 11px;
}


/* Author Box
------------------------------------------------------------ */

.author-box {
	background-color: #f5f5f5;
	border-width: 7px 0 1px;
	margin: 0 0 30px;
	overflow: hidden;
	padding: 25px 20px;
}

.author-box p {
	font-size: 13px;
	margin-left: 100px;
}


/* Sticky Posts
------------------------------------------------------------ */

.sticky {
	background-color: #f5f5f5;
	margin: -10px 0 40px;
	padding: 20px;
}


/* Archive Page
------------------------------------------------------------ */

.archive-page {
	float: left;
	padding: 20px 0 0;
	width: 45%;
}


/* Images
------------------------------------------------------------ */

img {
	height: auto;
	max-width: 100%;
}

.author-box .avatar {
	background-color: white;
	float: left;
	margin: 7px 20px 0 0;
}

.post-image {
	margin: 0 10px 10px 0;
}

.comment-list li .avatar {
	background-color: white;
}

.comment-list ul.children .avatar {
	height: 40px;
	width: 40px;
}

img.centered,
.aligncenter {
	display: block;
	margin: 0 auto 10px;
}

img.alignnone {
	display: inline;
	margin: 0 0 10px;
}

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

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

.alignleft {
	float: left;
	margin: 5px 20px 10px 0;
}

.alignright {
	float: right;
	margin: 5px 0 10px 20px;
}

.wp-caption {
	border-width: 7px 0 1px;
	padding: 10px 5px 5px;
	text-align: center;
}

p.wp-caption-text {
	font-size: 13px;
	margin: 15px 0 10px;
}

.wp-smiley,
.wp-wink {
	border: none;
	float: none;
}


/* Post Navigation
------------------------------------------------------------ */

.navigation {
	font-size: 10px;
	overflow: hidden;
	width: 100%;
}

.navigation .alignleft {
	margin-bottom: 0;
}

.navigation li {
	display: inline;
}

.navigation a {
	background-color: #f5f5f5;
	color: #666;
	display: inline-block;
	font-weight: 600;
	padding: 3px 10px;
}

.navigation a:hover,
.navigation li.active a {
	background-color: #d54e21;
	color: white;
	text-decoration: none;
}


/* Primary / Secondary Sidebars
------------------------------------------------------------ */

.sidebar {
	display: inline;
	float: right;
	font-size: 12px;
	width: 220px;
}

#sidebar-alt {
	float: left;
	width: 150px;
}

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

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

.sidebar p {
	font-size: inherit;
}

.sidebar .widget {
	background-color: white;
	border-bottom: 1px solid #f5f5f5;
	margin: 0 0 30px;
	padding: 0 0 30px;
}

.sidebar.widget-area ol,
.sidebar.widget-area ul,
.widget-area .textwidget,
.widget_tag_cloud div div {
	padding: 0;
}

.sidebar.widget-area ul li,
#footer-widgets .widget-area ul li {
	border-bottom: 1px dotted #666;
	list-style-type: none;
	margin: 0 0 10px;
	padding: 0 0 10px;
	word-wrap: break-word;
}

.sidebar.widget-area ul li {
	border-color: #ddd;
}

.sidebar.widget-area ul li:last-child,
#footer-widgets .widget-area ul li:last-child {
	border: none;
	margin-bottom: 0;
}

.sidebar.widget-area ul ul li {
	border: none;
	margin: 0;
}


/* Dropdowns
------------------------------------------------------------ */

.widget_archive select,
#cat {
	display: inline;
	padding: 3px;
	width: 100%;
}


/* Featured Page / Post
------------------------------------------------------------ */

.feature-bottom .featuredpage{
	clear: none !important;
    float: left;
    margin: 0 23px 0 0 !important;
    overflow: hidden;
    width: 100%;
}

.feature-bottom .featuredpage .page{
	border-bottom: 1px solid #ddd;
	margin: 0 0 5px;
	overflow: hidden;
	padding: 0;
}
.feature-bottom .featuredpost .post{
   float: left;
    margin-right: 23px;
    width: 100%;
}

#footer-widgets .featuredpage .page,
#footer-widgets .featuredpost .post {
	margin: 0 0 10px;
	padding: 0;
}

.more-from-category {
	padding: 5px 15px 0;
}

.featuredpost .post p a{
	    float: right;
    margin-top: 40px;
}
/* User Profile
------------------------------------------------------------ */

.user-profile {
	overflow: hidden;
}

.user-profile img.avatar {
	margin-top: 2px;
}


/* Buttons
------------------------------------------------------------ */

input[type="button"],
input[type="submit"] {
	background-color: #333333;
	cursor: pointer;
	color: #ffffff;
	line-height: 19px;
	padding: 6px 7px;
	text-decoration: none;
	-webkit-appearance: none;
	-webkit-border-radius:0;
}

input:hover[type="button"],
input:hover[type="submit"] {
	opacity: 0.7;
	text-decoration: none;
}


/* Search Form
------------------------------------------------------------ */

#header .searchform {
	float: right;
	padding: 12px 0 0;
}

.sidebar .searchform {
	padding: 0;
}

.s {
	font-style: italic;
	margin: 5px -7px 0 0;
	padding: 6px 5px;
	width: 145px;
}

#nav .s {
	background-color: white;
	border-width: 0 0 0 1px;
	margin: 0;
	padding: 12px 20px 11px;
}

#nav .searchsubmit {
	display: none;
}

/* eNews and Update Widget
------------------------------------------------------------ */

.enews p {
	padding: 0 0 20px;
}

.enews #subscribe {
}

.enews #subbox {
	font-style: italic;
	margin: 0 -7px 0 0;
	padding: 6px 5px;
	width: 170px;
}


/* Calendar Widget
------------------------------------------------------------ */

#wp-calendar {
	width: 100%;
}

#wp-calendar caption {
	font-size: 11px;
	font-style: italic;
	padding: 0 5px 0 0;
	text-align: right;
}

#wp-calendar thead {
	background-color: #f5f5f5;
	font-weight: 600;
	margin: 10px 0 0;
}

#wp-calendar td {
	background-color: #f5f5f5;
	padding: 2px;
	text-align: center;
}


/* Footer Widgets
------------------------------------------------------------ */

#footer-widgets {
	background-color: #333;
	clear: both;
	color: #aaa;
	font-size: 12px;
	margin: 0 auto;
	overflow: hidden;
	width: 100%;
}

#footer-widgets .wrap {
	overflow: hidden;
	padding: 30px 20px 0;
}

#footer-widgets .widget {
	background: none;
	border: none;
	margin: 0 0 30px;
	padding: 0;
}

#footer-widgets .textwidget {
	padding: 0;
}

#footer-widgets .widget_tag_cloud div div {
	padding: 0;
}

#footer-widgets a,
#footer-widgets a:visited {
	color: white;
}

#footer-widgets a:hover {
	color: #d54e21;
	text-decoration: none;
}

#footer-widgets p {
	color: #aaa;
	font-size: inherit;
	margin: 0 0 10px;
}

#footer-widgets ul {
	margin: 0;
}

#footer-widgets ul li {
	margin: 0 0 0 20px;
}

#footer-widgets #wp-calendar thead,
#footer-widgets #wp-calendar td {
	background: none;
}

#footer-widgets .widget-area {
	float: left;
	margin-right: 20px;
	width: 220px;
}

.footer-widgets-3 {
	margin-right: 0 !important;
}

.footer-widgets-4 {
	float: right !important;
	margin-right: 0 !important;
}


/* Footer
------------------------------------------------------------ */

#footer {
max-height: 100px;
	background-color: #333333;
	 border-top: 1px solid #222222;
	clear: both;
	margin: 0 auto;
	/* overflow: hidden; */
	width: 100%;
}

#footer .wrap {
	overflow: hidden;
	padding: 20px;
}

#footer p {
	color: white;
	font-size: inherit;
	font-weight: 600;
}

#footer a,
#footer a:visited {
    color: #AAAAAA;
    font-size: 10px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

#footer a:hover {
    color:#D54E21;
	border-bottom: none;
	text-decoration: none;
}

#footer .gototop {
	float: right;
	text-align: right;
}

#footer .creds {
	float: left;
}

#top-link {
    background: url("images/top-link.png") no-repeat scroll 0 0 transparent;
    bottom: 20px;
    display: none;
    height: 45px;
    position: fixed;
    right: 15px;
    text-indent: -9999px;
    width: 45px;
}

#footer_nav { float: left; max-height: 1px;}

.footer_menu {
visibility: hidden;
}

.footer_menu ul  {list-style-type: none;}

.footer_menu li {
    border-right: 1px solid #AAAAAA;
    float: left;
    line-height: 1;
    list-style: none outside none;
    padding: 0 10px;
    text-align: center;
    width: auto;
	}


.footer_menu li:last-child {border-right: none}


#footer .creds {
    color: #AAAAAA;
    float: right;
    font-size: 10px;
    letter-spacing: 0px;
    line-height: 1;
    text-align: right;
    text-transform: uppercase;
    width: auto;
	}
	
#footer .gototop {
    float: right;
    padding: 0 20px 0 0;
    text-align: right;
    width: 200px;
}



/* Comments
------------------------------------------------------------ */

  #comments,
#respond {
	overflow: hidden;
}

#comments {
	border-bottom: 1px solid #f5f5f5;
	margin-bottom: 30px;
	padding-bottom: 30px;
}

#comments h3 {
	margin-bottom: 30px;
}

#author,
#comment,
#email,
#url,
.wpcf7-text,
.wpcf7-textarea,
.wpcf7-file,
.wpcf7-quiz {
	margin: 10px 5px 0 0;
	padding: 5px;
	width: 250px;
}

#comment,
.wpcf7-textarea {
	height: 150px;
	margin: 10px 0;
	width: 98%;
}

.ping-list {
	margin: 0 0 40px;
}

.comment-list ol,
.ping-list ol {
	padding: 10px;
}

.comment-list li,
.ping-list li {
	font-weight: 600;
	list-style-type: none;
	margin: 0 0 30px;
	padding: 0;
}

.comment-list ul.children {
	margin-left: 100px;
	margin-top: 30px;
}

.comment-list ul.children .children {
	margin-left: 60px;
}

.comment-list li ul li {
	list-style-type: none;
}

.comment-content p {
	font-size: 13px;
	margin: 0 0 21px;
}

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

.comment-text {
	background-color: #f5f5f5;
	margin-left: 100px;
	padding: 20px;
}

.comment-list ul.children .comment-text {
	margin-left: 60px;
}

.comment-author.vcard {
}

.comment-list cite,
.ping-list cite {
	font-style: normal;
}

.commentmetadata {
	font-size: 11px;
	font-style: italic;
	font-weight: 400;
	margin: 0 0 21px;
}

.commentmetadata a,
.commentmetadata a:visited {
	color: #888;
}

.commentmetadata a:hover {
	color: #d54e21;
	text-decoration: none;
}

.reply a,
.reply a:visited {
	background-color: #d54e21;
	color: white;
	display: inline-block;
	font-size: 10px;
	font-weight: 600;
	padding: 3px 10px;
}

.reply a:hover {
	opacity: 0.7;
	text-decoration: none;
}

.nocomments {
	text-align: center;
}

#comments .navigation {
	display: block;
}

/* Gravity Forms
------------------------------------------------------------ */

div.gform_wrapper input,
div.gform_wrapper select,
div.gform_wrapper textarea {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box; 
	font-size: 14px !important;
	padding: 4px 5px !important;
}

div.gform_footer input.button {
	color: #333;
}

div.gform_wrapper .ginput_complex label {
	font-size: 14px;
}

div.gform_wrapper li,
div.gform_wrapper form li {
	margin: 0 0 10px;
}

div.gform_wrapper .gform_footer {
	border: none;
	margin: 0;
	padding: 0;
}




/* Homepage Content
------------------------------------------------------------ */


.seperator {
	background-color: #ddd;
	height: 1px;
	width: 100%;
	clear: both;
	display: block;
}

a.more-link,
a.more-link:visited,
a.pagelink,
a.pagelink:visited,
.user-profile .posts_link a,
.user-profile .posts_link a:visited {
	background-color: #d54e21;
	color: white;
	display: inline-block;
	font-size: 10px;
	font-weight: 600;
	margin-top: 0;
	padding: 3px 10px;
}

a.more-link:hover,
a.pagelink:hover,
.user-profile .posts_link a:hover {
	opacity: 0.7;
	text-decoration: none;
}

a.more-link {float: right; margin: 15px 0;}


.page a.more-link {float: right; margin-top: 40px;}

.latest_blog_description, a.more-link {float: none;}

.tagcloud a,
.tagcloud a:visited {
	background-color: #222;
	color: #aaa !important;
	display: inline-block;
	font-size: 10px !important;
	margin: 0 3px 5px 0;
	padding: 3px 10px;
}

.sidebar .tagcloud a,
.sidebar .tagcloud a:visited {
	background-color: #f5f5f5;
	color: #666 !important;
}

.tagcloud a:hover {
	background-color: #d54e21;
	color: white !important;
	text-decoration: none;
}


/* Contact Form 7
------------------------------------------------------------ */

.wpcf7-form-control {
	display: inline-block;
	margin: 10px 0;
}

.wpcf7-select {
	padding: 5px;
}

.wpcf7-acceptance {
	margin: 10px 10px 10px 0;
}

.wpcf7-quiz-label {
	margin-right: 10px;
}


/* Widget
------------------------------------------------------------ */

#flickr_badge_wrapper {
	margin-right: -5px;
	overflow: hidden;
}

.flickr_badge_image {
	float: left;
	height: 70px;
	margin: 5px 5px 0 0;
	width: 70px;
}

/* tooltip CSS
-------------------------------------------------------------*/

#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}

#tiptip_holder.tip_top {
	padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
	padding-top: 5px;
}

#tiptip_holder.tip_right {
	padding-left: 5px;
}

#tiptip_holder.tip_left {
	padding-right: 5px;
}

#tiptip_content {
	font-size: 11px;
	color: #fff;
	text-shadow: 0 0 2px #000;
	padding: 4px 8px;
	border: 1px solid rgba(255,255,255,0.25);
	background-color: rgb(25,25,25);
	background-color: rgba(25,25,25,0.92);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 0 3px #555;
	-webkit-box-shadow: 0 0 3px #555;
	-moz-box-shadow: 0 0 3px #555;
}

#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #fff;
	border-top-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: #fff;
	border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: #fff;
	border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: #fff;
	border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: rgb(25,25,25);
	border-top-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: rgb(25,25,25);
	border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: rgb(25,25,25);
	border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: rgb(25,25,25);
	border-left-color: rgba(25,25,25,0.92);
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {	
	#tiptip_content {
		padding: 4px 8px 5px 8px;
		background-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner { 
		border-bottom-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_top #tiptip_arrow_inner { 
		border-top-color: rgba(20,20,20,0.92);
	}
}


/* Homepage
------------------------------------------------------------ */



#home_gallery {
    height: auto !important;
    width: 100%;
	}

#home-wrap {
	    clear: both;
		margin: 40px auto 0;
		padding: 20px 20px 40px;
		overflow: hidden;
		}

.feature-bottom {
		float: left;
		}


.feature-bottom  .widget { 
		border: medium none;
		clear: both;
		margin: 0;
		padding: 0;
	overflow: hidden;
		}

.front h4 {
    display: block;
    float: left;
    margin-top: 10px;
    text-transform: uppercase;
    width: 20%;
	}
.feature-bottom h4,
.latest_blog h4 {font-size: 12px; text-transform: uppercase;}
		
.folio-more h2 {
	font-size: 18px;
    font-weight: 700;
    margin: 0 0 20px;
    text-align: left;
	}

.widgettitle { 
	font-size: 14px;		
	font-weight: 700;
    text-transform: uppercase;
	}
	

.folio-more {
		clear: both;
		}

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


.latest_blog {
    height: auto;
    overflow: hidden;
    padding-top: 20px;
    width: 100%;
}
.latest_blog .flexslider {
    border-bottom: medium none;
    margin-left: -4px;
    margin-top: 20px;
    padding-bottom: 30px;
}

.flex_container{
	float: right;
    width: 75%;	
}

.latest_blog_description {
    float: left;
    margin-top: 20px;
    width: 23%;
}
.latest_blog .carousel_item {
	width: 225px;
	margin:0 auto;
}

.latest_blog .flex-control-nav {
	bottom: 0 !important;	
}

.latest_blog .carousel h4 {
	font-size: 13px;	
	margin: 0;
}

.latest_blog p {margin: 10px 0;}

.latest_blog .carousel h4 a { 
    color: #3B3B3B;
    text-transform: none;
	}

.home_blog_meta, .post_box_comments {
    display: inline-block;
    font-size: 12px;
    font-style: italic;
	}


.intro, .page-descriptions {     
    clear: both;
    display: block;
    font-size: 24px;
    font-style: normal;
    overflow: hidden;
    padding: 20px 0;
    text-align: center;
	}

.intro a, .page-descriptions a { border-bottom: 1px dotted #EB6B1E;}

.intro a:hover, .page-descriptions a:hover { text-decoration: none;}	





/* Widgets
------------------------------------------------------------ */

#flickr_badge_wrapper {
	width: 270px;
}

flickr_badge_image {
	width: auto;
}

.flickr_badge_image img {
	width: auto;
	float: left;
	margin: 0 10px 10px 0;
	display: inline-block;
	zoom: 1;
}




/* Self-clearing floats from Dan Cederholm
------------------------------------------------------------ */
#header .wrap:after,
.wrap:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; 
}

/* Top (Social Icons)
------------------------------------------------------------ */

.simple-social-icons ul li a, .simple-social-icons ul li a:hover { padding: 0 !important ;}

.zp_social_icons {
		background-color: #333333;
		margin: 0 auto;
		overflow: hidden;
		padding: 2px 0;
		width: 100%;
		}
.zp_social_icons .alignleft, .zp_social_icons .alignright {
			margin: 0; 
			padding: 0 20px;
			float: right;
		}
.zp_social_icons ul li {
			background: none !important;
			border: none !important;
			float: left;
			list-style-type: none !important;
			margin: 0 2px 0 !important;
			padding: 0 !important;
		}
.zp_social_icons ul li a,
.zp_social_icons ul li a:hover {
			background: url(widgets/images/sprite_24x24.png) no-repeat transparent;
			-moz-border-radius: 3px
			-webkit-border-radius: 3px;
			border-radius: 3px;
			display: block;
			height: 24px;
			overflow: hidden;
			text-indent: -999px;
			width: 24px;
		}

.zp_social_icons ul li a:hover {
			background-color: #000;
		}
.tooltipsy{
    background-color: #000000;
    color: #FFFFFF;
    font-family: 'Rokkitt',serif;
    font-size: 13px;
    margin-top: -35px;
    max-width: 200px;
    padding: 3px 11px;
		}	

/* Portfolio
------------------------------------------------------------ */


.folio-nav {
		float: left;
		margin: 20px 0;
		padding: 20px 0;
		text-align: center;
		text-transform: capitalize;
		width: 100%;
		}
		
.nav-back {
	font-size: 12px;
    margin: 0;
    text-transform: uppercase;
		}
	

.nav-nextprev {margin: 15px 0;}

.nav-previous {
    background: url("images/sprite.png") no-repeat scroll -21px -21px transparent;
    float: left;
    height: 20px;
    text-indent: -9999px;
    width: 21px;
		}
		

.nav-previous span{opacity: 0;}

.nav-next {
    background: url("images/sprite.png") no-repeat scroll -21px 0 transparent;
    float: left;
    height: 20px;
    width: 20px;
		}

.nav-next span{opacity: 0;}

.nav-previous:hover  {background: url("images/sprite.png") no-repeat scroll 0 -21px transparent;}
.nav-next:hover { background: url("images/sprite.png") no-repeat scroll 0 0 transparent;}

.portfolio-items {
    margin: 0;
    padding: 0;
    width: 100%;
		}

.portofolio-content { margin: 10px 0;}

.portfolio-items p {
		font-size: 12px;
		margin: 10px 0;
		}

.portfolio-items h2 a {
		font-size: 18px !important;
		margin-top:15px;
		}

.portfolio-items li {
		float: left;
		list-style: none outside none;
		margin-left: 0;
		position: relative;
		}

.portfolio-items li:first-child .date { margin-top:0px;}

.portfolio-items .date {
		color: #FFFFFF;
		height: 40px;
		left: -60px;
		line-height: 16px;
		margin: 0px 0 0 -9999px;
		padding:6px 0 0 9999px;
		position: absolute;
		width: 53px;
		}

.portfolio-items .date span {
		font-size: 15px !important;
		font-weight: bold !important;
		}

.gallery-video {
		background: url("images/ico-video.png") no-repeat scroll 0 0 transparent;
		position: absolute;
		z-index: 100;
		}

.gallery-image {
		background: url("images/ico-magnify.png") no-repeat scroll 0 0 transparent;
		position: absolute;
		z-index: 100;
		}

.gallery-readmore {
		background: url("images/read_more.png") no-repeat scroll 0 0 transparent;
		position: absolute;
		z-index: 100;
		}

.video-icon {
		background: url("images/ico-video.png") no-repeat scroll 0 0 transparent;
		height: 30px;
		width: 25px;
		position: absolute;	
		margin-top: 120px;
		margin-left: 200px;
		z-index: 100;
		}

.image-icon {
		background: url("images/ico-magnify.png") no-repeat scroll 0 0 transparent;
		height: 30px;
		width: 25px;
		position: absolute;
		margin-top: 120px;
		margin-left: 200px;
		z-index: 100;
		}

.video-icon-3 {
		background: url("images/ico-video.png") no-repeat scroll 0 0 transparent;
		height: 30px;
		width: 25px;
		position: absolute;	
		margin-top: 80px;
		margin-left: 140px;
		z-index: 100;
		}
	
.image-icon-3 {
		background: url("images/ico-magnify.png") no-repeat scroll 0 0 transparent;
		height: 30px;
		width: 25px;
		position: absolute;
		margin-top: 80px;
		margin-left: 140px;
		z-index: 100;
		}
	
.video-icon-4 {
		background: url("images/ico-video.png") no-repeat scroll 0 0 transparent;
		height: 30px;
		width: 25px;
		position: absolute;	
		margin-top: 70px;
		margin-left: 95px;
		z-index: 100;
		}
	
.image-icon-4 {
		background: url("images/ico-magnify.png") no-repeat scroll 0 0 transparent;
		height: 30px;
		width: 25px;
		position: absolute;
		margin-top: 70px;
		margin-left: 95px;
		z-index: 100;
		}
	
.movie-icon {
		background: url("images/ico-video.png") no-repeat scroll 0 0 transparent;
		height: 91px;
		position: absolute;
		right: 114px;
		top: 67px;
		width: 30px;
		}

.movie-icon2 {
		background: url("images/ico-video.png") no-repeat scroll 0 0 transparent;
		height: 50%;
		left: 50%;
		position: absolute;
		right: 25%;
		top: 50%;
		width: 24px;
		}

.post-nav {
		 background:url(images/divider3.gif) repeat-x top;
		 padding-top:25px;
		 float:left;
		 width:100%;
		}

.post-nav-left { float:left;}

.post-nav-right { float:right;}


.portfolio_single_feature {
    clear: both;
    float: left;
    margin: 0 0 40px;
    width: 940px;
	}

.metaItem {
    float: left;
    padding: 10px 0 20px 10px;
    width: 220px;
	}

.folio-entry {
    float: right;
    width: 700px;
		}
.folio-entry p { margin-bottom: 15px;}	
	
#folio-title, .h6 {
		background: url("images/title-bg.png") repeat scroll right 20px transparent;
		border-left: 2px solid #cccccc;
		clear: both;
		display: block;
		font-size: 15px;
		font-weight: bold;
		line-height: 18px;
		margin: 0;
		}	
	
#folio-title span {
		border: medium none;
		color: #333333;
		font-size: 16px;
		display: inline-block;
		margin: 0;
		padding: 11px 10px;
		}	

span.alt_text {
		background: none repeat scroll 0 0 #FFFFFF;
		border: medium none;
		display: inline-block;
		margin: 0 0 10px;
		padding: 5px 10px 5px 0;
		}

.portfolio-thumbs { display: none;}

#page-title { 
		font-size: 18px;
		font-weight: 700;
		}
		
.page-descriptions {
    display: inline-block;
    float: left;
    font-size: 18px;
    overflow: hidden;
    text-align: center;
    width: 100%;
	}
		
.page_title_wrap {
    margin: -20px -20px 10px;
    min-height: 30px;
    overflow: hidden;
    padding: 25px 20px 0;
		}
	
#page-title span {
		display: inline-block;
		margin: 0;
		padding: 0;
	}

/*------------------ GALLERY ---------------------*/

#gallery {
		min-height: 500px;
		margin: 30px 0 0;
		}

#gallery img { margin-right: 0px;}

/*---------------------- pagination widget styles ----------------------------*/

.pagination {
		clear: both;
		float: right;
		font-size: 11px;
		line-height: 13px;
		position: relative;
		}
.pagination-wrap{
		width: 95% !important;	
		}
		
.pagination a {
		color: #555555 !important;
		}

.pagination span, .pagination a {
		background: none repeat scroll 0 0 #DDDDDD;
		color: #555555;
		display: block;
		float: left;
		margin: 5px 5px 5px 0;
		padding: 6px 9px 5px;
		text-decoration: none;
		width: auto;
		}
		
.pagination .current{
		background: none  repeat scroll 0 0 #555555;
		color: #ffffff;
		padding:6px 9px 5px;
		}

#portfolio-pagination {
		float: left;
		margin-top: 10px;
		}

#portfolio-pagination ul {
		margin: 0;
		padding: 0;
		}

#portfolio-pagination ul li {
		display:block;
		width:22px;
		height:22px;
		background:url(images/bullets.png) no-repeat;
		text-indent:-9999px;
		border:0;
		margin-right:-5px;
		float:left;
		}

#portfolio-pagination ul li .button {
		position:relative;
		z-index:5399;
		cursor:pointer;
		}

#portfolio-pagination ul li .navbg {
		bottom: -30px;
		margin-left: 50%;
		position: absolute;
		}

#portfolio-pagination ul li:hover,#portfolio-pagination ul li.selected .button { background-position:0 -22px;}

/*---------------------- item styles ----------------------------*/

.portfolio-item {
		float: left;
		margin-right: 36px;
		margin-bottom: 36px;
		display: none;
		border: 0px solid #eef1f5;
		background-repeat: no-repeat;
		}

.portfolio-item a {
		display: block;
		}

.portfolio-item img {
		display: block;
		background: url(images/ajax-loader-small.gif) no-repeat center #f8f8f8;
		}

.page-wrapper { float: left;}

/*---------------------- category filter styles ----------------------------*/

#portfolio-categories h6 {
		float: left;
		margin:3px 20px 0px 3px;
		font-style: italic;
		}

#portfolio-categories ul li {
		display: inline;
		padding-right: 30px;
		text-transform: uppercase;
		position: relative;
		float: left;
		letter-spacing: 1px;
		}

#portfolio-categories ul {
		float: left;
		margin-left: 0px;
		}

#portfolio-categories ul li.selected {
		font-weight: bold;
		}

#portfolio-categories ul li:hover a {
		text-decoration: none;
		font-style: normal;
		}

.item-wrapper {
		float: left;
		width: 1000px;
		}

.item-desc { width: 300px;} 

.item-desc  h4  {
		font-size: 13px;
		margin-bottom: 5px;
		margin-top: 10px;
		padding: 0;
		position: relative;
		text-align: center;
		}
.item-desc  h4 a { font-weight: 700; }

.item-desc p {
		display: none !important;
		margin-top: 5px;
		padding: 0;
		position: relative !important;
		text-align: center;
		}

.item-desc a:hover { border-bottom: 1px dotted }	

.more-link:hover { border-bottom: 1px dotted }

.pp_gallery ul a img {
		background: none repeat scroll 0 0 transparent;
		border: 0 none !important;
		padding: 0;
		}

/*---------------------- QUICK GALLERY ----------------------------*/

#content-container #gallery-1 .gallery-item {
		text-align: left;
		margin-top: 20px;
		}

/*----------------------Portfolio Widget -------------------------*/

#gallery_widget { margin: 0;}

#gallery_widget img { margin-right: 0px; }

.portfolio_widget {
	  background: url("images/line_horiz.gif") repeat-x scroll 0 15px transparent;
	  }

/*portfolio pagination*/

#portfolio_pagination {
		 float: right;
		 margin-top: -10px;
		 margin-right: 20px;
		 width: 100%;
		}

/* pagination styles */

#pagination_widget {
		float: left;
		width: 940px;
		}

#pagination_widget ul {
		overflow: hidden;
		}
		
#pagination_widget li {
		list-style: none outside none!important;
		border-bottom: medium none !important;
		padding: 0 !Important;
		}

#pagination_widget .previous {
		background: url("images/sprite.png") no-repeat scroll -21px -21px transparent;
		float: right;
		height: 20px;
		text-indent: -9999px;
		width: 21px;
		}

#pagination_widget .previous:hover {
		background: url("images/sprite.png") no-repeat scroll 0 -21px transparent;
		float: right;
		height: 20px;
		text-indent: -9999px;
		width: 21px;
		}

#pagination_widget .next {
		background: url("images/sprite.png") no-repeat scroll -21px 0 transparent;
		float: right;
		height: 20px;
		text-indent: -9999px;
		width: 20px;
		}

#pagination_widget .next:hover{
		background: url("images/sprite.png") no-repeat scroll 0 0 transparent;
		float: right;
		height: 20px;
		text-indent: -9999px;
		width: 20px;
		}

/* item styles */


.portfolio-widget {display: inline-block !important;}
.widget_image { 
	background: none repeat scroll 0 0 transparent;
    float: left;
    height:196px;
    margin: 0 12px 12px 0;
    padding: 0;
	overflow: hidden;
    position: relative;
    width: 305px;

	 }
	 
.portfolio-widget #icon {
 -moz-box-sizing: border-box;
    background-color: rgba(0, 0, 0, 0.66);
    display: none;
    height: 100%;
    position: absolute;
    text-align: center;
    text-decoration: none;
    width: 100%;
    z-index: 100;
}

.widget-col3 { overflow: hidden; }

.portfolio-widget h4 a{ 
    color: #FFFFFF;
    display: block;
    font-size: 14px;
    margin: 95px auto 0;
    text-align: center;
    text-transform: uppercase;
}

.widget-page-wrapper { float: left; }

.loading {
		width: 54px;
		height: 55px;
		background-image: url(images/ajax-loader-slider.gif);
		background-repeat: no-repeat;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		top: 140px;
		}
.folio-more h4 { 
    font-size: 12px;
    font-weight: 600;
    margin: 0;
    text-transform: uppercase;
	}	 

.widget-wrapper {
		float: left;
		margin: 20px 0;
		}


/*-----------------------------isotopes---------------------------------*/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/*-----------------------------Isotope CSS3 transitions---------------------------------*/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* End: Recommended Isotope styles */


/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
       -o-transition: none;
          transition: none;
}

#container {
		margin: 20px 0 0;
		padding: 0;
		width: 110%;
		}

.element {
		float: left;
		overflow: hidden;
		position: relative;
		}

.element * { margin: 0;}

	
.element-2col,	
.gallery-2col {
    background: none repeat scroll 0 0 transparent;
    float: left;
    height: 298px;
    margin: 0 12px 12px 0;
    padding: 0;
    position: relative;
    width: 464px;
		}

.element-3col,
.gallery-3col{
    background: none repeat scroll 0 0 transparent;
    float: left;
    height: 196px;
    margin: 0 12px 12px 0;
    padding: 0;
    position: relative;
    width: 305px;
		}
		
.element-4col,
.gallery-4col{
    background: none repeat scroll 0 0 transparent;
    float: left;
    height: 145px;
    margin: 0 12px 12px 0;
    padding: 0;
    position: relative;
    width: 225px;
		}
/* Catgegories Filter
------------------------------------------------------------ */

#options {
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 60px;
    padding: 3px 0 0;
    text-align: center;
    text-transform: capitalize;
		}

#options ul {
		float: right;
		line-height: 36px;
		list-style: none outside none;
		margin: 0;
		padding: 0;
		}


#options li {
    display: inline-block;
    float: left;
    line-height: 1;
    margin: 7px 0;
    padding: 5px;
				}

#options li:first-child { background: none;}


#options li span { margin: 0 5px 0 10px;}

#options li:last-child .filter-sep {display: none;}

#options li a {
	background-color: #D54E21;
    color: #FFFFFF;
    padding: 3px 10px;
	text-decoration: none;
	}

#options li:first-child a, #options li a:hover { background-color: #333333 !important; opacity: 0.7}

#options li a.selected { background-color: #333333; color: #fff;}


.home .element-3col #icon h4 a {padding: 0 !IMPORTANT}

.element-2col #icon h4 a, .gallery-2col #icon h4 a,
.element-3col #icon h4 a, .gallery-3col #icon h4 a,
.element-4col #icon h4 a, .gallery-4col #icon h4 a {
    color: #FFFFFF;
    content: "";
    display: block;
    font-size: 17px;
    margin: 20px auto 0;
    text-align: center;
    text-transform: uppercase;
	}
	
.element-2col #icon h4 a, .gallery-2col #icon h4 a {
	margin-top: 140px;;
	}
	
.element-3col #icon h4 a, .gallery-3col #icon h4 a {
	margin-top: 90px;
	}

.element-4col #icon h4 a, .gallery-4col #icon h4 a  {
    font-size: 14px;
    max-width: 200px;
     margin-top: 67px;
	}

.element-2col #icon, .gallery-2col #icon,
.element-3col #icon, .gallery-3col #icon,
.element-4col #icon,.gallery-4col #icon {
    -moz-box-sizing: border-box;
    background-color: rgba(0, 0, 0, 0.66);
    display: none;
    height: 100%;
    position: absolute;
    text-align: center;
    text-decoration: none;
    width: 100%;
    z-index: 100;
}



#icon .icon_image{
		display: block;
		width: 25px; 
		height: 25px; 
		position:absolute;
		background:#484848;
		border-radius: 50px;
		-moz-border-radius: 50px;
		-webkit-border-radius: 50px;
		padding:3px;
		}
		
#icon .icon_read{
		display: block;
		width: 25px; 
		height: 25px; 
		position:absolute;
		background:#484848;
		border-radius: 50px;
		-moz-border-radius: 50px;
		-webkit-border-radius: 50px;
		padding:3px;
		margin-left: 26px;
		}

#icon .icon_image:hover,
#icon .icon_read:hover{
		background: #484848;
		z-index: 9999;
		}


/* Gallery Filter Portfolio
------------------------------------------------------------ */

.pagination_filter {
		clear:both;
		padding:0 0 20px;
		position:relative;
		font-size:11px;
		line-height:13px;
		float: right;
		}
 
.pagination_filter span, .pagination_filter a {
		display:block;
		float:left;
		margin: 2px 2px 2px 0;
		padding:6px 9px 5px 9px;
		text-decoration:none;
		width:auto;
		border: 1px solid #EBECEB;
		}
 
.pagination_filter a:hover {
		color: #242424;
		background: #EEEEEE;
		}
 
.pagination_filter .current{
		padding:6px 9px 5px 9px;
		background: #242424;
		color:#fff;
		}	

.front {
		border: medium none;
		clear: both;
		margin: 20px 0 10px;
		padding: 0;
		}
	
#portfolio_front {
    display: block;
    float: left;
    margin: 0 0 30px;
    width: 100%;
}

#nav .wrap .select-menu{
	display: none;
}


.icons {
    font-family: 'WebSymbolsRegular';
    font-size: 24px;
    font-weight: normal;
    text-rendering: optimizespeed;
}




/* Responsive Design
------------------------------------------------------------ */

@media only screen and (max-width: 768px) {
	html {-webkit-text-size-adjust: none;}
	#wrap {
		margin: 30px auto 70px;
		width: 96%;
	}

	.content-sidebar #content,
	.sidebar-content #content,
	.portfolio-clip,
	.post-clip,
	#jcarousel-post .jcarousel-item {
		width: 63%;
	}

	.full-width-content #content {
		width: 100%;
	}

	#slides,
	.slides_container,
	.slides_container div {
		height: 264px;
		width: 740px;
	}

	.post-thumb {
		width: 100% !important;
		height: auto !important;
	}

	.post-description {
		width: auto;
		margin-left: 0;
	}

	.post .post-description,
	.portfolio .post-description {
		height: auto;
		padding-bottom: 9px;
	}

	#portfolio .post-description,
	.sidebar .post-description,
	#jcarousel-portfolio .post-description {
		padding-bottom: 25px;
	}

	.single-portfolio .post-description {
		width: 180px;
	}

	#slides.portfolio-slideshow,
	#slides.portfolio-slideshow .slides_container,
	#slides.portfolio-slideshow .slides_container div {
		height: 395px;
		width: 700px;
	}

	.footer-widgets-4 {
		float: left !important;
		width: 50% !important;
		margin-left:20px;
	}
	
	.menu-primary a, .menu-secondary a, #header .menu a{padding:0 9px; font-size:11px;}
	div.one-half.special-services-box, div.one-third.special-services-box, div.two-third.special-services-box, div.three-fourth.special-services-box, div.one-fourth.special-services-box{border-right:0; padding-right:0 !important;margin:4px !important;}
	
	.box-wrapper{border:1px dotted #DDDDDD;}

	.flex_container{width:66% !important;}
	.latest_blog_description{width:34% !important;}
	#top-link{display:none !important;}
	
	#footer-widgets .widget-area{width:47%; margin:0 10px;}
	#flickr_badge_wrapper{width:100% !important;}
	.flickr_badge_image{width:63px !important; margin:4px 5px 0 0; height:63px !important;}
	#content-sidebar-wrap{width:100%;}
	.content-sidebar-sidebar #content, .sidebar-sidebar-content #content, .sidebar-content-sidebar #content{width:285px; padding:0 10px;}
	.content-sidebar-sidebar .sidebar, .sidebar-sidebar-content .sidebar, .sidebar-content-sidebar .sidebar{width:180px;}
	.content-sidebar-sidebar #content-sidebar-wrap, .sidebar-sidebar-content #content-sidebar-wrap, .sidebar-content-sidebar #content-sidebar-wrap{width:75%;}
	.content-sidebar-sidebar #content .entry-content p, .sidebar-sidebar-content #content .entry-content p, .sidebar-content-sidebar #content .entry-content p{width:100%;}
	.element-2col, .gallery-2col{width:45% !important;}
	.element-3col, .gallery-3col{width:225px !important; margin:0 12px 12px 0 !important; height:145px !important;}
	.archive-page{padding:20px 10px 0;}
	
	#testimonials .testim-pane{width:260px !important; float: left;}
	#testimonials div h3, #testimonials div p{ width: 100% !important;}
	#testimonials img {clear: both;}
	#testimonials div{display: block !important; width:48% !important;}
	
	.two-columns, .four-columns{margin-right:15px !important; margin-bottom:15px !important; width:45% !important;}
	.three-columns{margin-right:15px !important; width:29% !important;}
	
		.portfolio_single_feature, .metaItem,.folio-entry { width: 100%}
	#gallery_widget{width: 100% !important}
	#pagination_widget{width: 100%;}
	
	
	.featuredpage, .featuredpost .post{
		width: 100%;
	}

	
}



@media only screen and (max-width: 600px) {
	html {-webkit-text-size-adjust: none; /* Prevent font scaling in landscape */}
	#wrap {
		width: 90%;
		margin:35px auto;
	}

	#title-area {
		text-align: center;
		width: 100%
	}

	.header-image #title-area,
	.header-image #title,
	.header-image #title a {
		float: none;
		width: 100%;
	}

	.header-image #title a {
		background-position: center;
	}

	#header .searchform{float:none;}
	#header .widget-area{width:100%; text-align:center;}
	
	#description,
	.page-header,
	#home-intro {
		text-align: center;
	}

	#header-sociable ul {
		text-align: center;
		margin: 25px 0 0;
		width: 100%;
	}

	#header-sociable li {
		float: none;
	}

	#header-sociable a {
		margin: 0 3px 5px;
	}
	
	#container{width:100% !important;}
	
	#nav {display: none;}
		
	#mobile_menu{
	display: block;
	display: block;
    float: left;
    margin-bottom: 18px;
    overflow: hidden;
    width: 100%;
	border:1px solid #ddd;
	}
	
/* mobile menu nav*/

.menu_title{
	background:#D54E21;
    float: left;
    overflow: hidden;
    padding: 10px 0;
    position: relative;
    text-align: center;
    width: 100%;
	cursor:pointer;
	color:#fff;
	font-family:"Open Sans","Lucida Sans","Lucida Grande","Lucida Sans Unicode",sans-serif;
	font-size:14px;
	font-weight:bold;
}

#mobile_menu #nav ul {
   display: block;
    float: left;
    overflow: hidden;
    width: 100%;
}

#mobile_menu #nav li {
	float: left;
	list-style-type: none;
	width: 100%;

}

#mobile_menu #nav a {
	border: none;
	color: #666;
	display: block;
	font-size: 12px;
	font-weight: 600;
	margin: 10px 0;
	padding: 0 20px;
	position: relative;
	text-decoration: none;
	text-transform: uppercase;
	
}

#mobile_menu #nav li:last-child a{
	border-right: none;
}

#mobile_menu #nav li a:active,
#mobile_menu #nav li a:hover,
#mobile_menu #nav .current_page_item a,
#mobile_menu #nav .current-cat a,
#mobile_menu #nav .current-menu-item a{
	background: none;
	color: #d54e21;
}

#mobile_menu #nav li li a,
#mobile_menu #nav li li a:link,
#mobile_menu #nav li li a:visited{
	border-color: white #ddd #ddd;
	border-right: 1px solid #ddd;
	border-style: none solid solid;
	border-width: medium 1px 1px;
	color: #888;
	font-size: 11px;
	font-weight: 400;
	margin: 0;
	padding: 10px 20px;
	position: relative;
	text-transform: none;
	width: 100%;
}

#mobile_menu #nav li li a:active,
#mobile_menu #nav li li a:hover{
	background-color: #f5f5f5;
	color: #333;
}

#mobile_menu #nav li ul{
	height: auto;
	
	margin: 1px 0 0 -1px;
	position: relative;
	width: 100%;
	z-index: 9999;
}

#mobile_menu #nav li ul a{
	width: 140px;
}

#mobile_menu #nav li ul ul{
	margin: -38px 0 0 199px;
}

#mobile_menu #nav li ul ul ul{
	margin: -39px 0 0 199px;
}

.menu li:hover ul ul {
	left: -9999px;
}

.menu li:hover,
.menu li.sfHover {
	position: static;
}

ul.menu li:hover>ul,
ul.menu li.sfHover ul,
#header .menu li:hover>ul,
#header .menu li.sfHover ul {
	left: auto;
}

.menu li li a .sf-sub-indicator, .menu li li li a .sf-sub-indicator {
	float: right;
	top: 12px;
}

/* end mobile menu nav css*/	
	
	.menu-primary,
	.menu-secondary,
	#header .menu,
	.slides_container div.caption,
	.pagination {
		display: none;
	}

	#nav .select-menu {
		display: block;
	}

	.content-sidebar #content,
	.sidebar-content #content,
	.portfolio-clip,
	.post-clip,
	#jcarousel-post .jcarousel-item {
		width: 100%;
	}

	#slides,
	.slides_container,
	.slides_container div {
		height: 93px;
		width: 260px;
	}

	#slides.portfolio-slideshow,
	#slides.portfolio-slideshow .slides_container,
	#slides.portfolio-slideshow .slides_container div {
		height: 124px;
		width: 220px;
	}

	#slides .next,
	#slides .prev {
		top: 31px;
	}

	#home-intro h3.dizain-title {
		margin-right: 0;
	}

	#home-intro a.intro-button {
		margin: 25px 0 5px;
		position: static;
	}

	#portfolio .portfolio {
		border-bottom: 1px solid #f5f5f5;
		margin-bottom: 30px;
		padding-bottom: 30px
	}

	ul#sort-by {
		margin-top: 25px;
	}

	ul#sort-by a {
		margin: 0 5px 5px 0;
	}

	a.intro-button {
		display: inline-block;
		float: none;
		margin: 5px 0 20px;
	}

	.dizain-jcarousel-text {
		margin-right: 0;
	}

	
	.zilla-one-half,
	.zilla-one-third,
	.zilla-two-third,
	.zilla-three-fourth,
	.zilla-one-fourth,
	.zilla-one-fifth,
	.zilla-two-fifth,
	.zilla-three-fifth,
	.zilla-four-fifth,
	.zilla-one-sixth,
	.zilla-five-sixth {
		margin-bottom: 21px !important;
		margin-right: 0 !important;
		width: 100% !important;
	}

	.five-sixths,
	.four-fifths,
	.four-sixths,
	.one-fifth,
	.one-fourth,
	.one-half,
	.one-sixth,
	.one-third,
	.three-fifths,
	.three-fourths,
	.three-sixths,
	.two-fifths,
	.two-fourths,
	.two-sixths,
	.two-thirds {
		padding: 0;
		width: 100%;
	}

	.author-box .avatar {
		display: inline-block;
		margin: 5px 50px 25px;
	}

	.author-box p,
	.comment-text,
	.comment-list ul.children,
	.comment-list ul.children .comment-text,
	.comment-list ul.children .children {
		margin-left: 0;
	}

	.sidebar {
		border-top: 1px solid #f5f5f5;
		margin-top: 30px;
		
	}

	.comment-entry {
		background-color: #f5f5f5;
	}

	.comment-avatar {
		float: none;
		margin-right: 0;
		padding-top: 30px;
		text-align: center;
	}

	#author,
	#comment,
	#email,
	#url,
	.wpcf7-text,
	.wpcf7-textarea,
	.wpcf7-file,
	.wpcf7-quiz,
	.wpcf7-textarea {
		width: 94%;
	}

	#footer .gototop,
	#footer .creds {
		width: 100%;
		text-align: center;
	}

	#footer .gototop {
		margin-bottom: 5px;
	}

	.post-thumb {
		width: 220px !important;
		height: 138px !important;
	}

		#flickr_badge_wrapper{width:100% !important;}
	.special-services-box{padding:0 !important;}
	div.one-half.special-services-box, div.one-third.special-services-box, div.two-third.special-services-box, div.three-fourth.special-services-box, div.one-fourth.special-services-box{width:100% !important;}
	#top-link{display:none !important;}
	.flex_container{width:100% !important;}
	#footer-widgets .widget-area{margin:0 !important; width:100% !important;}
	#footer .creds{display:block; padding:5px; width:100%; float:none !important; text-align:left !important;}
	#container{width:100% !important; margin:20px auto !important;}
	.element-2col, .gallery-2col, .element-3col, .gallery-3col, .element-4col, .gallery-4col{width:100% !important; height:200px !important; margin:5px auto !important;}
	.portfolio_image img{width:100%;}
	div.one-half.pricing, div.one-third.pricing, div.two-third.pricing, div.three-fourth.pricing, div.one-fourth.pricing{width:100% !important;}
	.two-columns, .three-columns, .four-columns{width:100% !important; margin:0 0 15px !important;}
	.element-2col #icon h4 a, .gallery-2col #icon h4 a, .element-3col #icon h4 a, .gallery-3col #icon h4 a, .element-4col #icon h4 a, .gallery-4col #icon h4 a{margin-top:90px !important;}
	.pricing .box-wrapper, .special-services-box .box-wrapper{border:1px dotted #dddddd;}
	.carousel_item .element-2col, .carousel_item .gallery-2col, .carousel_item .element-3col, .carousel_item .gallery-3col, .carousel_item .element-4col, .carousel_item .gallery-4col{height:auto !important;}
	.sidebar{width:100% !important;}
	.content-sidebar-sidebar #content, .sidebar-sidebar-content #content, .sidebar-content-sidebar #content{width:100%; padding:0;}
	ul.tabs li a{padding:0 10px !important;}
	#footer_nav{overflow:hidden; width:100%; max-height: 1px;}
	#footer .wrap{padding:10px;} 
	#footer_nav{padding:0 0 10px; max-height: 1px;}
	#footer a, #footer a:visited{font-size:11px;}
	#content-sidebar-wrap, .content-sidebar-sidebar #sidebar-alt{width:100% !important;}
	#content{width:100%;}
	
	#options li {padding: 0 2px !important;}
	#options li a{padding: 3px 5px !important;}
	#sidebar-alt{width:100%;}
	.archive-page{width:100%; padding:0;}
	
	#testimonials .testim-pane{width: 200px !important; float: left;}
	#testimonials div h3, #testimonials div p{ width: 100% !important;}
	#testimonials img {clear: both;}
	#testimonials div{display: block !important;}
	
	.portfolio_single_feature, .metaItem,.folio-entry { width: 100%}
	#gallery_widget{width: 100% !important}
	#pagination_widget{width: 100%;}
	
	.featuredpage, .featuredpost .post{
		width: 100%;
	}
}


@media only screen and (width: 320px) {
	html {-webkit-text-size-adjust: none; /* Prevent font scaling in landscape */}
	.latest_blog{width:90% !important; margin:0 auto;}
	.latest_blog .carousel h4{padding:0 5px !important;}
	.home_blog_meta, .post_box_comments{padding:0 5px !important;}
	.latest_blog p{padding:0 5px !important;}
	.latest_blog_description{width:100% !important;}
	
	

}


@media only screen and (width: 480px) {
	html {-webkit-text-size-adjust: none; /* Prevent font scaling in landscape */}
	.latest_blog{width:100% !important; margin:0 auto;}
	.latest_blog .carousel h4{padding:0 5px !important;}
	.home_blog_meta, .post_box_comments{padding:0 5px !important;}
	.latest_blog p{padding:0 5px !important;}
	.latest_blog_description{width:40% !important;}
	.latest_blog .flex_container{width:52% !important; float:right;}
	
		
}