/*

Theme Name: Coolumtile Theme

Author: Soul Space Design

Version: 1.1

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

*/

.home div.section-title.col-sm-6.col-sm-offset-3 {padding-bottom: 15px;}
.home #gallery.padding-top {
    padding-top: 40px;
}
.section-title h2 {
    color: #c00;
    line-height: 1.2em;
    margin-bottom: 0;
    letter-spacing: 5px;
    font-family: Museo300;
    font-size: 30px;
}

@font-face {

	font-family: allerregular;

	src: url(fonts/aller_rg-webfont.eot);

	src: url(fonts/aller_rg-webfont.eot?#iefix) format('embedded-opentype'), url(fonts/aller_rg-webfont.woff) format('woff'), url(fonts/aller_rg-webfont.ttf) format('truetype'), url(fonts/aller_rg-webfont.svg#allerregular) format('svg');

	font-weight: 400;

	font-style: normal

}

@font-face {

	font-family: Museo300;

	src: url(fonts/museo-300.eot);

	src: url(fonts/museo-300.eot) format('embedded-opentype'), url(fonts/museo-300.woff2) format('woff2'), url(fonts/museo-300.woff) format('woff'), url(fonts/museo-300.ttf) format('truetype'), url(fonts/museo-300.svg#Museo300) format('svg')

}



@media screen and (-webkit-min-device-pixel-ratio:0) {

@font-face {

	font-family: allerregular;

	src: url(fonts/aller_rg-webfont.svg#allerregular) format('svg')

}

}

@font-face {

	font-family: allerbold;

	src: url(fonts/aller_bd-webfont.eot);

	src: url(fonts/aller_bd-webfont.eot?#iefix) format('embedded-opentype'), url(fonts/aller_bd-webfont.woff) format('woff'), url(fonts/aller_bd-webfont.ttf) format('truetype'), url(fonts/aller_bd-webfont.svg#allerbold) format('svg');

	font-weight: 400;

	font-style: normal

}



@media screen and (-webkit-min-device-pixel-ratio:0) {

@font-face {

	font-family: allerbold;

	src: url(fonts/aller_bd-webfont.svg#allerbold) format('svg')

}

}

@font-face {

	font-family: aller_lightregular;

	src: url(fonts/aller_lt-webfont.eot);

	src: url(fonts/aller_lt-webfont.eot?#iefix) format('embedded-opentype'), url(fonts/aller_lt-webfont.woff) format('woff'), url(fonts/aller_lt-webfont.ttf) format('truetype'), url(fonts/aller_lt-webfont.svg#aller_lightregular) format('svg');

	font-weight: 400;

	font-style: normal

}



@media screen and (-webkit-min-device-pixel-ratio:0) {

@font-face {

	font-family: aller_lightregular;

	src: url(fonts/aller_lt-webfont.svg#aller_lightregular) format('svg')

}

}

@font-face {

	font-family: aller_displayregular;

	src: url(fonts/allerdisplay-webfont.eot);

	src: url(fonts/allerdisplay-webfont.eot?#iefix) format('embedded-opentype'), url(fonts/allerdisplay-webfont.woff) format('woff'), url(fonts/allerdisplay-webfont.ttf) format('truetype'), url(fonts/allerdisplay-webfont.svg#aller_displayregular) format('svg');

	font-weight: 400;

	font-style: normal

}



@media screen and (-webkit-min-device-pixel-ratio:0) {

@font-face {

	font-family: aller_displayregular;

	src: url(fonts/allerdisplay-webfont.svg#aller_displayregular) format('svg')

}

}

* {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box

}

article, aside, details, figcaption, figure, footer, header, nav, section, summary {

	display: block

}

audio, canvas, video {

	display: inline-block

}

audio:not([controls]) {

	display: none;

	height: 0

}

[hidden] {

	display: none

}

html {

	font-size: 100%;

	overflow-y: scroll;

	-webkit-text-size-adjust: 100%;

	-ms-text-size-adjust: 100%

}

button, html, input, select, textarea {

	font-family: "Source Sans Pro", Helvetica, sans-serif

}

body {

	color: #141412;

	line-height: 1.5;

	margin: 0

}

a {

	color: #ca3c08;

	text-decoration: none

}

a:visited {

	color: #ac0404

}

a:focus {

	outline: dotted thin

}

a:active, a:hover {

	color: #ea9629;

	outline: 0

}

a:hover {

	text-decoration: underline

}

h1, h2, h3, h4, h5, h6 {

	clear: both;

	font-family: Bitter, Georgia, serif;

	line-height: 1.3

}

h1 {

	font-size: 48px;

	margin: 33px 0

}

h2 {

	font-size: 30px;

	margin: 25px 0

}

h3 {

	font-size: 22px;

	margin: 22px 0

}

h4 {

	font-size: 20px;

	margin: 25px 0

}

h5 {

	font-size: 18px;

	margin: 30px 0

}

h6 {

	font-size: 16px;

	margin: 36px 0

}

address {

	font-style: italic;

	margin: 0 0 24px

}

abbr[title] {

	border-bottom: 1px dotted

}

b, strong {

	font-weight: 700

}

dfn {

	font-style: italic

}

mark {

	background: #ff0;

	color: #000

}

p {

	margin: 0 0 24px

}

code, kbd, pre, samp {

	font-family: monospace, serif;

	font-size: 14px;

	-webkit-hyphens: none;

	-moz-hyphens: none;

	-ms-hyphens: none;

	hyphens: none

}

pre {

	background: #f5f5f5;

	color: #666;

	font-family: monospace;

	font-size: 14px;

	margin: 20px 0;

	overflow: auto;

	padding: 20px;

	white-space: pre;

	white-space: pre-wrap;

	word-wrap: break-word

}

blockquote, q {

	-webkit-hyphens: none;

	-moz-hyphens: none;

	-ms-hyphens: none;

	hyphens: none;

	quotes: none

}

blockquote:after, blockquote:before, q:after, q:before {

	content: "";

	content: none

}

blockquote {

	font-size: 18px;

	font-style: italic;

	font-weight: 300;

	margin: 24px 40px

}

blockquote blockquote {

	margin-right: 0

}

blockquote cite, blockquote small {

	font-size: 14px;

	font-weight: 400;

	text-transform: uppercase

}

blockquote em, blockquote i {

	font-style: normal;

	font-weight: 300

}

blockquote b, blockquote strong {

	font-weight: 400

}

small {

	font-size: smaller

}

sub, sup {

	font-size: 75%;

	line-height: 0;

	position: relative;

	vertical-align: baseline

}

sup {

	top: -.5em

}

sub {

	bottom: -.25em

}

dl {

	margin: 0 20px

}

dt {

	font-weight: 700

}

dd {

	margin: 0 0 20px

}

menu, ol, ul {

	margin: 16px 0;

	padding: 0 0 0 40px

}

ul {

	list-style-type: square

}

nav ol, nav ul {

	list-style: none

}

li>ol, li>ul {

	margin: 0

}

img {

	-ms-interpolation-mode: bicubic;

	border: 0;

	vertical-align: middle

}

svg:not(:root) {

	overflow: hidden

}

figure, form {

	margin: 0

}

fieldset {

	border: 1px solid silver;

	margin: 0 2px;

	padding: .35em .625em .75em

}

legend {

	border: 0;

	padding: 0;

	white-space: normal

}

button, input, select, textarea {

	font-size: 100%;

	margin: 0;

	max-width: 100%;

	vertical-align: baseline

}

button, input {

	line-height: normal

}

button, html input[type=button], input[type=reset], input[type=submit] {

	-webkit-appearance: button;

	cursor: pointer

}

button[disabled], input[disabled] {

	cursor: default

}

input[type=checkbox], input[type=radio] {

	padding: 0

}

input[type=search] {

	-webkit-appearance: textfield;

	padding-right: 2px;

	width: 270px

}

input[type=search]::-webkit-search-decoration {

-webkit-appearance:none

}

button::-moz-focus-inner, input::-moz-focus-inner {

border:0;

padding:0

}

textarea {

	overflow: auto;

	vertical-align: top

}

table {

	border-bottom: 1px solid #ededed;

	border-collapse: collapse;

	border-spacing: 0;

	font-size: 14px;

	line-height: 2;

	margin: 0 0 20px;

	width: 100%

}

caption, td, th {

	font-weight: 400;

	text-align: left

}

caption {

	font-size: 16px;

	margin: 20px 0

}

th {

	font-weight: 700;

	text-transform: uppercase

}

td {

	border-top: 1px solid #ededed;

	padding: 6px 10px 6px 0

}

del {

	color: #333

}

ins {

	background: #fff9c0;

	text-decoration: none

}

hr {

	background: url(images/dotted-line.png) center top;

	background-size: 4px 4px;

	border: 0;

	height: 1px;

	margin: 0 0 24px

}

.attachment .entry-title:before, .attachment-meta a:before, .attachment-meta:before, .bypostauthor>.comment-body .fn:before, .categories-links a:first-child:before, .comment-awaiting-moderation:before, .comment-reply-link:before, .comment-reply-login:before, .comment-reply-title small a:before, .comments-link a:before, .date a:before, .edit-link a:before, .entry-meta .author a:before, .error404 .page-title:before, .featured-post:before, .format-audio .entry-content:before, .genericon:before, .menu-toggle:after, .tags-links a:first-child:before {

	-webkit-font-smoothing: antialiased;

	display: inline-block;

	font: 400 16px/1 Genericons;

	vertical-align: text-bottom

}

.attachment .entry-header:after, .clear:after, .comment-body:after, .comment-form-author:after, .comment-form-email:after, .comment-form-url:after, .entry-content:after, .gallery:after, .nav-links:after, .navigation:after, .page-content:after, .site-footer .widget-area:after {

	clear: both

}

.attachment .entry-header:after, .attachment .entry-header:before, .clear:after, .clear:before, .comment-body:after, .comment-body:before, .comment-form-author:after, .comment-form-author:before, .comment-form-email:after, .comment-form-email:before, .comment-form-url:after, .comment-form-url:before, .entry-content:after, .entry-content:before, .gallery:after, .gallery:before, .nav-links:after, .nav-links:before, .navigation:after, .navigation:before, .page-content:after, .page-content:before, .site-footer .widget-area:after, .site-footer .widget-area:before {

	content: "";

	display: table

}

.screen-reader-text {

	clip: rect(1px,1px,1px,1px);

	position: absolute!important

}

.screen-reader-text:focus {

	background-color: #f1f1f1;

	border-radius: 3px;

	box-shadow: 0 0 2px 2px rgba(0,0,0,.6);

	clip: auto!important;

	color: #21759b;

	display: block;

	font-size: 14px;

	font-weight: 700;

	height: auto;

	line-height: normal;

	padding: 15px 23px 14px;

	position: absolute;

	left: 5px;

	top: 5px;

	text-decoration: none;

	width: auto;

	z-index: 100000

}

button, input, textarea {

	border: 2px solid #d4d0ba;

	font-family: inherit;

	padding: 5px

}

input, textarea {

	color: #141412

}

input:focus, textarea:focus {

	border: 2px solid #c3c0ab;

	outline: 0

}





.post-password-required input[type=submit] {

	padding: 7px 24px 4px;

	vertical-align: bottom

}

.post-password-required input[type=submit]:active {

	padding: 5px 24px 6px

}

::-webkit-input-placeholder {

color:#7d7b6d

}

:-moz-placeholder {

color:#7d7b6d

}

::-moz-placeholder {

color:#7d7b6d

}

:-ms-input-placeholder {

color:#7d7b6d

}

.comment-content img, .entry-content img, .entry-summary img, .widget img, .wp-caption {

	max-width: 100%

}

.comment-content img[height], .entry-content img, .entry-summary img, img[class*=align], img[class*=wp-image-], img[class*=attachment-] {

	height: auto

}

img.size-full, img.size-large, img.wp-post-image {

	height: auto;

	max-width: 100%

}

embed, iframe, object, video {

	max-width: 100%

}

.entry-content .twitter-tweet-rendered {

	max-width: 100%!important

}

.alignleft {

	float: left

}

.alignright {

	float: right

}

.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto

}

figure.wp-caption.alignleft, img.alignleft {

	margin: 5px 20px 5px 0

}

.wp-caption.alignleft {

	margin: 5px 10px 5px 0

}

figure.wp-caption.alignright, img.alignright {

	margin: 5px 0 5px 20px

}

.wp-caption.alignright {

	margin: 5px 0 5px 10px

}

img.aligncenter {

	margin: 5px auto

}

img.alignnone {

	margin: 5px 0

}

.entry-caption, .gallery-caption, .wp-caption .wp-caption-text {

	color: #220e10;

	font-size: 18px;

	font-style: italic;

	font-weight: 300;

	margin: 0 0 24px

}

div.wp-caption.alignright img[class*=wp-image-] {

	float: right

}

div.wp-caption.alignright .wp-caption-text {

	padding-left: 10px

}

.rsswidget img, img.wp-smiley {

	border: 0;

	border-radius: 0;

	box-shadow: none;

	margin-bottom: 0;

	margin-top: 0;

	padding: 0

}

.wp-caption.alignleft+ol, .wp-caption.alignleft+ul {

	list-style-position: inside

}

.site {

	background-color: #fff;

	margin: 0 auto;

	width: 100%

}

.site-main {

	position: relative

}

.site-main .sidebar-container {

	height: 0;

	position: absolute;

	top: 40px;

	width: 100%;

	z-index: 1

}

.site-main .sidebar-inner {

	margin: 0 auto;

	max-width: 1040px

}

.site-header {

	position: relative

}

.site-header .home-link {

	color: #141412;

	display: block;

	margin: 0 auto;

	max-width: 1080px;

	min-height: 230px;

	padding: 0 20px;

	text-decoration: none;

	width: 100%

}

.site-header .site-title:hover {

	text-decoration: underline

}

.site-title {

	font-size: 60px;

	font-weight: 700;

	line-height: 1;

	margin: 0;

	padding: 58px 0 10px

}

.site-description {

	font: 300 italic 24px "Source Sans Pro", Helvetica, sans-serif;

	margin: 0

}

.main-navigation {

	clear: both;

	margin: 0 auto;

	max-width: 1080px;

	min-height: 45px;

	position: relative

}

div.nav-menu>ul, ul.nav-menu {

	margin: 0;

	padding: 0

}

.nav-menu li {

	display: inline-block;

	position: relative

}

.nav-menu li a {

	color: #fff;

	display: block;

	font-size: 14.19px;

	line-height: 1;

	padding: 36px 18px;

	text-decoration: none;

	text-transform: uppercase;

	border-top: 0 solid #1e1e1e

}

.nav-menu li a:focus, .nav-menu li a:hover, .nav-menu li:focus>a, .nav-menu li:hover>a {

	background-color: #292929;

	color: #fff;

	border-top: 2px solid #c00

}

.nav-menu .children, .nav-menu .sub-menu {

	background-color: #220e10;

	border: 2px solid #f7f5e7;

	border-top: 0;

	padding: 0;

	position: absolute;

	left: -2px;

	z-index: 99999;

	height: 1px;

	width: 1px;

	overflow: hidden;

	clip: rect(1px,1px,1px,1px)

}

.nav-menu .children ul, .nav-menu .sub-menu ul {

	border-left: 0;

	left: 100%;

	top: 0

}

.nav-menu ul ul a, ul.nav-menu ul a {

	color: #fff;

	margin: 0;

	width: 200px

}

.nav-menu ul ul a:focus, .nav-menu ul ul a:hover, ul.nav-menu ul a:focus, ul.nav-menu ul a:hover {

	background-color: #db572f

}

.nav-menu .focus>ul, .nav-menu ul li:hover>ul, ul.nav-menu .focus>ul, ul.nav-menu li:hover>ul {

	clip: inherit;

	overflow: inherit;

	height: inherit;

	width: inherit

}

.nav-menu .current-menu-ancestor>a, .nav-menu .current-menu-item>a, .nav-menu .current_page_ancestor>a, .nav-menu .current_page_item>a {

	color: #fff;

	background: #292929;

	border-top: 2px solid #c00

}

.menu-toggle {

	display: none

}

.navbar {

	margin: 0 auto;

	width: 100%

}

.site-header .search-form {

	position: absolute;

	right: 20px;

	top: 1px

}

.site-header .search-field {

	background-color: transparent;

	background-image: url(images/search-icon.png);

	background-position: 5px center;

	background-repeat: no-repeat;

	background-size: 24px 24px;

	border: none;

	cursor: pointer;

	height: 37px;

	margin: 3px 0;

	padding: 0 0 0 34px;

	position: relative;

	-webkit-transition: width 400ms ease, background 400ms ease;

	transition: width 400ms ease, background 400ms ease;

	width: 1px

}

.site-header .search-field:focus {

	background-color: #fff;

	border: 2px solid #c3c0ab;

	cursor: text;

	outline: 0;

	width: 230px

}

.hentry {

	padding: 40px 0

}

.entry-content, .entry-header, .entry-meta, .entry-summary {

	margin: 0 auto;

	/*max-width: 604px;*/

	width: 100%

}

.sidebar .entry-content, .sidebar .entry-header, .sidebar .entry-meta, .sidebar .entry-summary {

	max-width: 1040px;

	padding: 0 376px 0 60px

}

.sidebar .entry-header .entry-meta {

	padding: 0

}

.entry-thumbnail img {

	display: block;

	margin: 0 auto 10px

}

.entry-header {

	margin-bottom: 30px

}

.entry-title {

	font-weight: 400;

	line-height:40px !important;

	margin: 0 0 5px

}

.entry-title a {

	color: #141412

}

.entry-title a:hover {

	color: #ea9629

}

.entry-meta {

	clear: both;

	font-size: 14px

}

.entry-meta a, .entry-meta a:hover {

	color: #bc360a

}

.entry-meta>span {

	margin-right: 20px

}

.entry-meta>span:last-child {

	margin-right: 0

}

.featured-post:before {

	content: "\f308";

	margin-right: 2px

}

.entry-meta .date a:before {

	content: "\f303"

}

.comments-link a:before {

	content: "\f300";

	margin-right: 2px;

	position: relative;

	top: -1px

}

.entry-meta .author a:before {

	content: "\f304";

	position: relative;

	top: -1px

}

.categories-links a:first-child:before {

	content: "\f301"

}

.tags-links a:first-child:before {

	content: "\f302";

	position: relative;

	top: -1px

}

.edit-link a:before {

	content: "\f411";

	position: relative;

	top: -1px

}

.single-author .entry-meta .author, .sticky.format-audio .entry-meta .date, .sticky.format-chat .entry-meta .date, .sticky.format-gallery .entry-meta .date, .sticky.format-image .entry-meta .date, .sticky.format-standard .entry-meta .date {

	display: none

}

.entry-content {

	-webkit-hyphens: auto;

	-moz-hyphens: auto;

	-ms-hyphens: auto;

	hyphens: auto;

	word-wrap: break-word

}

.comment-content a, .entry-content a {

	color: #bc360a

}

.comment-content a:hover, .entry-content a:hover {

	color: #ea9629

}

.entry-content blockquote {

	font-size: 24px

}

.entry-content blockquote cite, .entry-content blockquote small {

	font-size: 16px

}

.entry-content .wp-caption.alignleft, .entry-content img.alignleft {

	margin-left: -60px

}

.entry-content .wp-caption.alignright, .entry-content img.alignright {

	margin-right: -60px

}

footer.entry-meta {

	margin-top: 24px

}

.format-standard footer.entry-meta {

	margin-top: 0

}

.page-links {

	clear: both;

	font-size: 16px;

	font-style: italic;

	font-weight: 400;

	line-height: 2.2;

	margin: 20px 0;

	text-transform: uppercase

}

.page-links a, .page-links>span {

	background: #fff;

	border: 1px solid #fff;

	padding: 5px 10px;

	text-decoration: none

}

.format-chat .entry-content .page-links a, .format-gallery .entry-content .page-links a, .format-quote .entry-content .page-links a, .format-status .entry-content .page-links a, .page-links a {

	background: #e63f2a;

	border: 1px solid #e63f2a;

	color: #fff

}

.format-audio .entry-content .page-links a:hover, .format-chat .entry-content .page-links a:hover, .format-gallery .entry-content .page-links a:hover, .format-quote .entry-content .page-links a:hover, .format-status .entry-content .page-links a:hover, .format-video .entry-content .page-links a:hover, .page-links a:hover {

	background: #fff;

	color: #e63f2a

}

.format-quote .entry-content .page-links>span, .format-status .entry-content .page-links>span {

	background: 0 0

}

.page-links .page-links-title {

	background: 0 0;

	border: none;

	margin-right: 20px;

	padding: 0

}

.hentry .mejs-container .mejs-controls, .hentry .mejs-mediaelement {

	background: #220e10

}

.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .hentry .mejs-controls .mejs-time-rail .mejs-time-loaded {

	background: #fff

}

.hentry .mejs-controls .mejs-time-rail .mejs-time-current {

	background: #ea9629

}

.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .hentry .mejs-controls .mejs-time-rail .mejs-time-total {

	background: #595959

}

.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .hentry .mejs-controls .mejs-time-rail span {

	border-radius: 0

}

.gallery {

	margin-bottom: 20px;

	margin-left: -4px

}

.gallery-item {

	float: left;

	margin: 0 4px 4px 0;

	overflow: hidden;

	position: relative

}

.gallery-columns-1.gallery-size-medium, .gallery-columns-1.gallery-size-thumbnail, .gallery-columns-2.gallery-size-thumbnail, .gallery-columns-3.gallery-size-thumbnail {

	display: table;

	margin: 0 auto 20px

}

.gallery-columns-1 .gallery-item, .gallery-columns-2 .gallery-item, .gallery-columns-3 .gallery-item {

	text-align: center

}

.gallery-columns-4 .gallery-item {

	max-width: 23%;

	max-width: -webkit-calc(25% - 4px);

	max-width: calc(25% - 4px)

}

.gallery-columns-5 .gallery-item {

	max-width: 19%;

	max-width: -webkit-calc(20% - 4px);

	max-width: calc(20% - 4px)

}

.gallery-columns-6 .gallery-item {

	max-width: 15%;

	max-width: -webkit-calc(16.7% - 4px);

	max-width: calc(16.7% - 4px)

}

.gallery-columns-7 .gallery-item {

	max-width: 13%;

	max-width: -webkit-calc(14.28% - 4px);

	max-width: calc(14.28% - 4px)

}

.gallery-columns-8 .gallery-item {

	max-width: 11%;

	max-width: -webkit-calc(12.5% - 4px);

	max-width: calc(12.5% - 4px)

}

.gallery-columns-9 .gallery-item {

	max-width: 9%;

	max-width: -webkit-calc(11.1% - 4px);

	max-width: calc(11.1% - 4px)

}

.gallery-columns-1 .gallery-item:nth-of-type(1n), .gallery-columns-2 .gallery-item:nth-of-type(2n), .gallery-columns-3 .gallery-item:nth-of-type(3n), .gallery-columns-4 .gallery-item:nth-of-type(4n), .gallery-columns-5 .gallery-item:nth-of-type(5n), .gallery-columns-6 .gallery-item:nth-of-type(6n), .gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-8 .gallery-item:nth-of-type(8n), .gallery-columns-9 .gallery-item:nth-of-type(9n) {

	margin-right: 0

}

.gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1), .gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1), .gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1), .gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) {

	clear: left

}

.gallery-caption {

	background-color: rgba(0,0,0,.7);

	box-sizing: border-box;

	color: #fff;

	font-size: 14px;

	line-height: 1.3;

	margin: 0;

	max-height: 50%;

	opacity: 0;

	padding: 2px 8px;

	position: absolute;

	bottom: 0;

	left: 0;

	text-align: left;

	-webkit-transition: opacity 400ms ease;

	transition: opacity 400ms ease;

	width: 100%

}

.gallery-caption:before {

	box-shadow: 0 -10px 15px #000 inset;

	content: "";

	height: 100%;

	min-height: 49px;

	position: absolute;

	left: 0;

	top: 0;

	width: 100%

}

.gallery-item:hover .gallery-caption {

	opacity: 1

}

.gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption {

	display: none

}

.format-aside {

	background-color: #f7f5e7

}

.blog .format-aside:first-of-type, .format-aside+.format-aside, .format-aside+.format-link, .format-link+.format-aside, .single .format-aside:first-of-type {

	box-shadow: inset 0 2px 2px rgba(173,165,105,.2)

}

.format-aside .entry-meta {

	margin-top: 0

}

.format-aside blockquote {

	font-size: 100%;

	font-weight: 400

}

.format-aside cite {

	font-size: 100%;

	text-transform: none

}

.format-aside cite:before {

	content: "\2014";

	margin-right: 5px

}

.format-audio {

	background-color: #db572f

}

.format-audio .entry-title {

	font-size: 28px;

	font-weight: 700

}

.format-audio .entry-content:before {

	content: "\f109";

	float: left;

	font-size: 64px;

	position: relative;

	top: 4px

}

.format-audio .entry-content a, .format-audio .entry-content a:hover, .format-audio .entry-meta a, .format-audio .entry-meta a:hover {

	color: #fbfaf3

}

.format-audio .audio-content {

	background: url(images/dotted-line.png) left top repeat-y;

	background-size: 4px 4px;

	float: right;

	padding-left: 35px;

	width: 80%;

	width: -webkit-calc(100% - 85px);

	width: calc(100% - 85px)

}

.format-audio .wp-audio-shortcode {

	height: 30px!important;

	margin: 20px 0;

	max-width: 400px!important

}

.format-audio audio {

	max-width: 100%!important

}

.format-chat {

	background-color: #eadaa6

}

.format-chat .entry-title {

	font-size: 28px;

	font-weight: 700

}

.format-chat .entry-content a, .format-chat .entry-meta a {

	color: #722d19

}

.format-chat .entry-meta .date a:before {

	content: "\f108";

	margin-right: 2px

}

.format-chat .entry-meta .author {

	display: none

}

.format-chat .chat {

	margin: 0

}

.format-chat .chat .chat-timestamp {

	color: #722d19;

	float: right;

	font-size: 12px;

	font-weight: 400;

	margin: 5px 10px 0

}

.format-chat .chat .fn {

	font-style: normal

}

.format-gallery {

	background-color: #fbca3c

}

.format-gallery .entry-header {

	margin-bottom: 15px

}

.format-gallery .entry-title {

	font-size: 50px;

	font-weight: 400;

	margin: 0

}

.format-gallery .entry-content a, .format-gallery .entry-meta a {

	color: #722d19

}

.format-image .entry-title {

	font-size: 28px;

	font-weight: 700

}

.format-image .categories-links, .format-image .tags-links {

	display: none

}

.format-link {

	background-color: #f7f5e7

}

.blog .format-link:first-of-type, .single .format-link:first-of-type {

	box-shadow: inset 0 2px 2px rgba(173,165,105,.2)

}

.format-link .entry-content p:last-child, .format-link .entry-header {

	margin-bottom: 0

}

.format-link .entry-title {

	color: #ca3c08;

	display: inline;

	font: 300 italic 20px "Source Sans Pro", Helvetica, sans-serif;

	margin-right: 20px

}

.format-link .entry-title a {

	color: #bc360a

}

.format-link div.entry-meta {

	display: inline

}

.format-quote {

	background-color: #210d10

}

.format-quote .entry-content, .format-quote .entry-meta {

	color: #f7f5e7

}

.format-quote .entry-content blockquote {

	font-size: 28px;

	margin: 0

}

.format-quote .entry-content a, .format-quote .entry-meta a, .format-quote .linked {

	color: #e63f2a

}

.format-quote .entry-content cite a {

	border-bottom: 1px dotted #fff;

	color: #fff

}

.format-quote .entry-content cite a:hover {

	text-decoration: none

}

.format-quote blockquote cite, .format-quote blockquote small {

	display: block;

	font-size: 16px

}

.format-quote blockquote {

	font-style: italic;

	font-weight: 300;

	padding-left: 75px;

	position: relative

}

.format-quote blockquote:before {

	content: '\201C';

	font-size: 140px;

	font-weight: 400;

	line-height: .8;

	padding-right: 25px;

	position: absolute;

	left: -15px;

	top: -3px

}

.format-quote .entry-meta .author {

	display: none

}

.format-status {

	background-color: #722d19;

	padding: 0

}

.format-status .entry-content, .format-status .entry-meta {

	padding-left: 35px;

	position: relative

}

.format-status .entry-content a {

	color: #eadaa6

}

.format-status .entry-meta a {

	color: #f7f5e7

}

.sidebar .format-status .entry-content, .sidebar .format-status .entry-meta {

	padding-left: 95px

}

.format-status .entry-content:before, .format-status .entry-meta:before {

	background: url(images/dotted-line.png) left bottom repeat-y;

	background-size: 4px 4px;

	content: "";

	display: block;

	height: 100%;

	position: absolute;

	left: 10px;

	top: 0;

	width: 1px

}

.sidebar .format-status .entry-content:before, .sidebar .format-status .entry-meta:before {

	left: 70px

}

.format-status .categories-links, .format-status .tags-links {

	display: none

}

.format-status .entry-meta:before {

	background-position: left top

}

.format-status .entry-content {

	color: #f7f5e7;

	font-size: 24px;

	font-style: italic;

	font-weight: 300;

	padding-bottom: 30px;

	padding-top: 40px;

	position: relative

}

.format-status .entry-content p:first-child:before {

	background-color: rgba(0,0,0,.65);

	content: "";

	height: 3px;

	margin-top: 13px;

	position: absolute;

	left: 4px;

	width: 13px

}

.sidebar .format-status .entry-content>p:first-child:before {

	left: 64px

}

.format-status .entry-content p:last-child {

	margin-bottom: 0

}

.format-status .entry-meta {

	margin-top: 0;

	padding-bottom: 40px

}

.format-status .entry-meta .date a:before {

	content: "\f105"

}

.format-video {

	background-color: #db572f

}

.format-video .entry-content a, .format-video .entry-content a:hover, .format-video .entry-meta a, .format-video .entry-meta a:hover {

	color: #fbfaf3

}

.format-video .entry-title {

	font-size: 50px;

	font-weight: 400

}

.format-video .entry-meta {

	color: #220e10

}

.attachment .hentry {

	background-color: #e8e5ce;

	margin: 0;

	padding: 0

}

.attachment .entry-header {

	margin-bottom: 0;

	max-width: 1040px;

	padding: 30px 0

}

.attachment .entry-title {

	display: inline-block;

	float: left;

	font: 300 italic 30px "Source Sans Pro", Helvetica, sans-serif;

	margin: 0

}

.attachment .entry-title:before {

	content: "\f416";

	font-size: 32px;

	margin-right: 10px

}

.attachment .entry-meta {

	clear: none;

	color: inherit;

	float: right;

	/*max-width: 604px;*/

	padding: 9px 0 0;

	text-align: right

}

.hentry.attachment:not(.image-attachment) .entry-meta {

	max-width: 104px

}

.attachment footer.entry-meta {

	display: none

}

.attachment-meta:before {

	content: "\f307"

}

.full-size-link a:before {

	content: "\f402"

}

.full-size-link:before {

	content: none

}

.attachment .entry-meta .edit-link:before, .attachment .entry-meta a, .attachment .full-size-link:before {

	color: #ca3c08

}

.attachment .entry-content {

	background-color: #fff;

	max-width: 100%;

	padding: 40px 0

}

.image-navigation {

	margin: 0 auto;

	max-width: 1040px;

	position: relative

}

.image-navigation a:hover {

	text-decoration: none

}

.image-navigation .nav-next, .image-navigation .nav-previous {

	position: absolute;

	top: 50px

}

.image-navigation .nav-previous {

	left: 0

}

.image-navigation .nav-next {

	right: 0

}

.image-navigation .meta-nav {

	font-size: 32px;

	font-weight: 300;

	vertical-align: -4px

}

.attachment .entry-attachment, .attachment .type-attachment p {

	margin: 0 auto;

	max-width: 724px;

	text-align: center

}

.attachment .entry-attachment .attachment {

	display: inline-block

}

.attachment .entry-caption {

	text-align: left

}

.attachment .entry-description {

	margin: 20px auto 0;

	/*max-width: 604px*/

}

.attachment .entry-caption p:last-child, .attachment .entry-description p:last-child {

	margin: 0

}

.attachment .site-main .sidebar-container {

	display: none

}

.attachment .entry-content .mejs-audio {

	max-width: 400px;

	margin: 0 auto

}

.attachment .entry-content .wp-video {

	margin: 0 auto

}

.attachment .entry-content .mejs-container {

	margin-bottom: 24px

}

.navigation .nav-previous {

	float: left

}

.navigation .nav-next {

	float: right

}

.navigation a {

	color: #bc360a

}

.navigation a:hover {

	color: #ea9629;

	text-decoration: none

}

.paging-navigation {

	background-color: #e8e5ce;

	padding: 40px 0

}

.paging-navigation .nav-links {

	margin: 0 auto;

	/*max-width: 604px;*/

	width: 100%

}

.sidebar .paging-navigation .nav-links {

	max-width: 1040px;

	padding: 0 376px 0 60px

}

.paging-navigation .nav-next {

	padding: 13px 0

}

.paging-navigation a {

	font-size: 22px;

	font-style: italic;

	font-weight: 300

}

.paging-navigation .meta-nav {

	background-color: #e63f2a;

	border-radius: 50%;

	color: #fff;

	display: inline-block;

	font-size: 26px;

	padding: 3px 0 8px;

	text-align: center;

	width: 50px

}

.paging-navigation .nav-previous .meta-nav {

	margin-right: 10px;

	padding: 17px 0 23px;

	width: 80px

}

.paging-navigation .nav-next .meta-nav {

	margin-left: 10px

}

.paging-navigation a:hover .meta-nav {

	background-color: #ea9629;

	text-decoration: none

}

.post-navigation {

	background-color: #fff;

	color: #ca3c08;

	font-size: 20px;

	font-style: italic;

	font-weight: 300;

	padding: 20px 0

}

.post-navigation .nav-links {

	margin: 0 auto;

	max-width: 1040px

}

.sidebar .post-navigation .nav-links {

	padding: 0 376px 0 60px

}

.post-navigation a[rel=next] {

	float: right;

	text-align: right

}

.author-info {

	margin: 0 auto;

	/*max-width: 604px;*/

	padding: 30px 0 10px;

	text-align: left;

	width: 100%

}

.author.sidebar .author-info {

	max-width: 1040px;

	padding: 30px 376px 10px 60px

}

.single .author-info {

	padding: 50px 0 0

}

.author-avatar .avatar {

	float: left;

	margin: 0 30px 30px 0

}

.single-format-status .author-description {

	color: #f7f5e7

}

.author-description .author-title {

	clear: none;

	font: 300 italic 20px "Source Sans Pro", Helvetica, sans-serif;

	margin: 0 0 8px

}

.author-link {

	color: #ca3c08;

	margin-left: 2px

}

.author.archive .author-link {

	display: none

}

.archive-header {

	background-color: #e8e5ce

}

.archive-meta, .archive-title {

	font: 300 italic 30px "Source Sans Pro", Helvetica, sans-serif;

	margin: 0 auto;

	max-width: 1040px;

	padding: 30px 0;

	width: 100%

}

.archive-meta {

	font-size: 16px;

	font-style: normal;

	font-weight: 400;

	margin-top: -15px;

	padding: 0 0 11px

}

.sidebar .archive-meta {

	padding-right: 316px

}

.page-header {

	background-color: #e8e5ce

}

.page-title {

	font: 300 italic 30px "Source Sans Pro", Helvetica, sans-serif;

	margin: 0 auto;

	max-width: 1040px;

	padding: 30px 0;

	width: 100%

}

.page-content {

	margin: 0 auto;

	/*max-width: 604px;*/

	padding: 40px 0;

	width: 100%

}

.sidebar .page-content {

	margin: 0 auto;

	max-width: 1040px;

	padding: 40px 376px 40px 60px

}

.error404 .page-header {

	background-color: #fff

}

.error404 .page-title {

	line-height: .6;

	margin: 0;

	padding: 300px;

	position: relative;

	text-align: center;

	width: auto

}

.error404 .page-title:before {

	color: #e8e5ce;

	content: "\f423";

	font-size: 964px;

	line-height: .6;

	overflow: hidden;

	position: absolute;

	left: 7px;

	top: 28px

}

.error404 .page-wrapper {

	background-color: #e8e5ce

}

.error404 .page-content, .error404 .page-header {

	margin: 0 auto;

	max-width: 1040px;

	padding-bottom: 40px;

	width: 100%

}

.comment-list, .comment-reply-title, .comment-respond .comment-form, .comment-respond iframe, .comments-title, .must-log-in {

	display: block;

	margin-left: auto;

	margin-right: auto;

	/*max-width: 604px;*/

	width: 100%

}

.sidebar .comment-list, .sidebar .comment-navigation, .sidebar .comment-reply-title, .sidebar .comment-respond .comment-form, .sidebar .comments-title, .sidebar .must-log-in {

	max-width: 1040px;

	padding-left: 60px;

	padding-right: 376px

}

.comments-title {

	font: 300 italic 28px "Source Sans Pro", Helvetica, sans-serif

}

.comment-list, .comment-list .children {

	list-style-type: none;

	padding: 0

}

.comment-list .children {

	margin-left: 20px

}

.comment-list .children>li:before, .comment-list>li:after {

	background: url(images/dotted-line.png) left top;

	background-size: 4px 4px;

	content: "";

	display: block;

	height: 1px;

	width: 100%

}

.comment-list>li:last-child:after {

	display: none

}

.comment-body {

	padding: 24px 0;

	position: relative

}

.comment-author {

	float: left;

	max-width: 74px

}

.comment-author .avatar {

	display: block;

	margin-bottom: 10px

}

.comment-author .fn {

	word-wrap: break-word

}

.comment-author .fn, .comment-author .url, .comment-reply-link, .comment-reply-login {

	color: #bc360a;

	font-size: 14px;

	font-style: normal;

	font-weight: 400

}

.says {

	display: none

}

.no-avatars .comment-author {

	margin: 0 0 5px;

	max-width: 100%;

	position: relative

}

.no-avatars .comment-content, .no-avatars .comment-list .reply, .no-avatars .comment-metadata {

	width: 100%

}

.bypostauthor>.comment-body .fn:before {

	content: "\f408";

	vertical-align: text-top

}

.comment-list .edit-link {

	margin-left: 20px

}

.comment-awaiting-moderation, .comment-content, .comment-list .reply, .comment-metadata {

	float: right;

	width: 79%;

	width: -webkit-calc(100% - 124px);

	width: calc(100% - 124px);

	word-wrap: break-word

}

.comment-meta, .comment-meta a {

	color: #a2a2a2;

	font-size: 13px

}

.comment-meta a:hover {

	color: #ea9629

}

.comment-metadata {

	margin-bottom: 20px

}

.ping-meta {

	color: #a2a2a2;

	font-size: 13px;

	line-height: 2

}

.comment-awaiting-moderation {

	color: #a2a2a2

}

.comment-awaiting-moderation:before {

	content: "\f414";

	margin-right: 5px;

	position: relative;

	top: -2px

}

.comment-reply-link:before, .comment-reply-login:before {

	content: "\f412";

	margin-right: 3px

}

.comment-respond {

	background-color: #f7f5e7;

	padding: 30px 0

}

.comment .comment-respond {

	margin-bottom: 20px;

	padding: 20px

}

.comment-reply-title {

	font: 300 italic 28px "Source Sans Pro", Helvetica, sans-serif

}

.comment-reply-title small a {

	color: #131310;

	display: inline-block;

	float: right;

	height: 16px;

	overflow: hidden;

	width: 16px

}

.comment-reply-title small a:hover {

	color: #ed331c;

	text-decoration: none

}

.comment-reply-title small a:before {

	content: "\f406";

	vertical-align: top

}

.sidebar .comment-list .comment-reply-title, .sidebar .comment-list .comment-respond .comment-form {

	padding: 0

}

.comment-form .comment-notes {

	margin-bottom: 15px

}

.comment-form .comment-form-author, .comment-form .comment-form-email, .comment-form .comment-form-url {

	margin-bottom: 8px

}

.comment-form [for=author], .comment-form [for=email], .comment-form [for=url], .comment-form [for=comment] {

	float: left;

	padding: 5px 0;

	width: 120px

}

.comment-form .required {

	color: #ed331c

}

.comment-form input[type=email], .comment-form input[type=url], .comment-form input[type=text] {

	max-width: 270px;

	width: 60%

}

.comment-form textarea {

	width: 100%

}

.form-allowed-tags, .form-allowed-tags code {

	color: #686758;

	font-size: 12px

}

.form-allowed-tags code {

	font-size: 10px;

	margin-left: 3px

}

.comment-list .pingback, .comment-list .trackback {

	padding-top: 24px

}

.comment-navigation {

	font-size: 20px;

	font-style: italic;

	font-weight: 300;

	margin: 0 auto;

/*	max-width: 604px;*/

	padding: 20px 0 30px;

	width: 100%

}

.no-comments {

	background-color: #f7f5e7;

	font-size: 20px;

	font-style: italic;

	font-weight: 300;

	margin: 0;

	padding: 40px 0;

	text-align: center

}

.sidebar .no-comments {

	padding-left: 60px;

	padding-right: 376px

}

.site-main .mu_register {

	margin: 0 auto;

	/*max-width: 604px;*/

	width: 100%

}

.mu_alert {

	margin-top: 25px

}

.site-main .mu_register #blog_title, .site-main .mu_register #blogname, .site-main .mu_register #user_email, .site-main .mu_register #user_name, .site-main .mu_register input[type=submit] {

	font-size: inherit;

	width: 270px

}

.site-main .mu_register input[type=submit] {

	width: auto

}

.site-main .widget-area {

	float: right;

	width: 300px

}

.widget {

	background-color: rgba(247,245,231,.7);

	font-size: 14px;

	-webkit-hyphens: auto;

	-moz-hyphens: auto;

	-ms-hyphens: auto;

	hyphens: auto;

	margin: 0 0 24px;

	padding: 20px;

	word-wrap: break-word

}

.widget .widget-title {

	font: 300 italic 20px "Source Sans Pro", Helvetica, sans-serif;

	margin: 0 0 10px

}

.widget ol, .widget ul {

	list-style-type: none;

	margin: 0;

	padding: 0

}

.widget li {

	padding: 5px 0

}

.widget .children li:last-child {

	padding-bottom: 0

}

.widget li>ol, .widget li>ul {

	margin-left: 20px

}

.widget a {

	color: #bc360a

}

.widget a:hover {

	color: #ea9629

}

.search-form .search-submit {

	display: none

}

.widget_rss .rss-date {

	display: block

}

.widget_rss .rss-date, .widget_rss li>cite {

	color: #a2a2a2

}

.widget_calendar table, .widget_calendar td {

	border: 0;

	border-collapse: separate;

	border-spacing: 1px

}

.widget_calendar caption {

	font-size: 14px;

	margin: 0

}

.widget_calendar td, .widget_calendar th {

	padding: 0;

	text-align: center

}

.widget_calendar a {

	display: block

}

.widget_calendar a:hover {

	background-color: rgba(0,0,0,.15)

}

.widget_calendar tbody td {

	background-color: rgba(255,255,255,.5)

}

.site-footer .widget_calendar tbody td {

	background-color: rgba(255,255,255,.05)

}

.site-footer .widget_calendar tbody .pad, .widget_calendar tbody .pad {

	background-color: transparent

}

.site-footer {

	background-color: #e8e5ce;

	color: #686758;

	font-size: 14px;

	text-align: center

}

.sidebar .site-footer, .site-footer .widget-area {

	text-align: left

}

.site-footer a {

	color: #686758

}

.site-footer .sidebar-container {

	background-color: #220e10;

	padding: 20px 0

}

.site-footer .widget-area {

	margin: 0 auto;

	max-width: 1040px;

	width: 100%

}

.sidebar .site-footer .widget-area {

	max-width: 724px;

	position: relative;

	left: -158px

}

.site-footer .widget {

	background: 0 0;

	color: #fff;

	float: left;

	margin-right: 20px;

	width: 245px

}

.sidebar .site-footer .widget {

	width: 228px

}

.sidebar .site-footer .widget:nth-of-type(3), .sidebar .site-footer .widget:nth-of-type(4) {

	margin-right: 0

}

.site-footer .widget a {

	color: #e6402a

}

.site-footer .widget-title, .site-footer .widget-title a, .site-footer .wp-caption-text {

	color: #fff

}

.site-info {

	margin: 0 auto;

	max-width: 1040px;

	padding: 30px 0;

	width: 100%

}

#wpstats {

	display: block;

	margin: -10px auto 0

}

@-ms-viewport {

width:device-width

}

@viewport {

width:device-width

}


#news-update {

clear: both;

width:100%;

}



.widget-area.portfolioBoxArea{

float:none;

width:100%;

margin-bottom:40px;

overflow: hidden;

}

ul.portfolioBox li{

float:left;

width:23%;

padding:0;

background:none;

margin-left:25px;

}

ul.portfolioBox li:first-child, ul.portfolioBox li:nth-child(5n){

margin-left:0;

}

ul.portfolioBox li h2.widgettitle{

	color:#c00;
	font-size: 14px;

    letter-spacing: 2px;

    margin-bottom: 20px;

    padding: 0;

    text-align: center;

    text-transform: uppercase;

}

ul.portfolioBox li .fpw-featured-image img{

/*height: 220px !important;

    width: 100% !important;*/

}








@media (max-width:1599px) {

.site {

	border: 0

}

}



@media (max-width:1069px) {

.sidebar .wp-caption.alignleft, .sidebar img.alignleft {

	margin-left: 0

}

.sidebar .wp-caption.alignright, .sidebar img.alignright {

	margin-right: 0

}

.error404 .page-header {

	margin-left: auto;

	/*max-width: 604px;*/

	width: 100%

}

.archive .page-content, .archive .page-header, .archive-header, .attachment .entry-content, .attachment .entry-header, .blog .page-header, .error404 .page-content, .post-navigation .nav-links, .search .page-content, .search .page-header, .sidebar .site-info, .site-footer .widget-area {

	padding-left: 20px;

	padding-right: 20px

}

.error404 .page-title {

	font-size: 24px;

	padding: 180px

}

.error404 .page-title:before {

	font-size: 554px

}

.attachment .image-navigation {

	max-width: 724px

}

.image-navigation .nav-next, .image-navigation .nav-previous {

	position: static

}

.site-main .widget-area {

	margin-right: 60px

}

}



@media (max-width:999px) {

.author.sidebar .author-info, .sidebar .comment-list, .sidebar .comment-navigation, .sidebar .comment-reply-title, .sidebar .comment-respond .comment-form, .sidebar .entry-content, .sidebar .entry-header, .sidebar .entry-meta, .sidebar .entry-summary, .sidebar .featured-gallery, .sidebar .post-navigation .nav-links {

	/*max-width: 604px;*/

	padding-left: 0;

	padding-right: 0

}

.attachment .entry-header, .blog.sidebar .page-content, .search.sidebar .page-content, .sidebar .comments-title, .sidebar .site-info {

	/*max-width: 604px*/

}

.attachment .entry-header, .blog.sidebar .page-content, .search.sidebar .page-content, .sidebar .archive-meta, .sidebar .comments-title, .sidebar .no-comments, .sidebar .site-info {

	padding-left: 0;

	padding-right: 0

}

.attachment .entry-meta {

	float: left;

	text-align: left;

	width: 100%

}

.attachment .entry-content {

	max-width: 100%;

	padding: 40px 0

}

.format-status .entry-content {

	padding-top: 40px

}

.format-status .entry-meta {

	padding-bottom: 40px

}

.sidebar .format-status .entry-content, .sidebar .format-status .entry-meta {

	padding-left: 35px

}

.sidebar .format-status .entry-content:before, .sidebar .format-status .entry-meta:before {

	left: 10px

}

.sidebar .format-status .entry-content p:first-child:before {

	left: 4px

}

.sidebar .paging-navigation .nav-links {

	padding: 0 60px

}

.site-main .sidebar-container {

	height: auto;

	margin: 0 auto;

	/*max-width: 604px;*/

	position: relative;

	top: 20px

}

.site-main .widget-area {

	float: none;

	margin: 0;

	width: 100%

}

.sidebar .site-footer .widget-area {

	max-width: 100%;

	left: 0

}



}

@media (max-width:900px) {
	ul.portfolioBox li {margin-left: 20px;}
	ul.portfolioBox li:first-child, ul.portfolioBox li:nth-child(5n) {margin-left: 20px;}

	ul.portfolioBox li {width:45%;}
}

@media (max-width:767px) {

.site-header .home-link {

	min-height: 0

}

.site-title {

	font-size: 36px;

	padding: 8px 0 10px

}

.entry-content .wp-caption.alignleft, .entry-content img.alignleft {

	margin-left: 0

}

.entry-content .wp-caption.alignright, .entry-content img.alignright {

	margin-right: 0

}

.attachment .entry-attachment .attachment, .attachment .image-navigation {

	/*max-width: 604px;*/

	padding: 0;

	width: 100%

}

.gallery-caption {

	display: none

}

ul.portfolioBox li {margin-left: 20px;}
ul.portfolioBox li:first-child, ul.portfolioBox li:nth-child(5n) {margin-left: 20px;}

ul.portfolioBox li {width:45%;}

}



@media (max-width:643px) {

.site-title {

	font-size: 30px

}

#content .author-info, #content .entry-content, #content .entry-header, #content .entry-summary, #content .featured-gallery, #content footer.entry-meta, .blog.sidebar .page-content, .comment-respond, .comments-area .comment-list, .comments-area .comment-navigation, .comments-area .comments-title, .paging-navigation .nav-links, .search.sidebar .page-content, .sidebar .paging-navigation .nav-links, .sidebar .post-navigation .nav-links, .sidebar .site-info {

	padding-left: 20px;

	padding-right: 20px

}

#content .format-status .entry-content, #content .format-status .entry-met {

	padding-left: 35px

}

.menu-toggle {

	cursor: pointer;

	display: inline-block;

	font: 700 16px/1.3 "Source Sans Pro", Helvetica, sans-serif;

	margin: 0

}

.menu-toggle, .menu-toggle:active, .menu-toggle:focus, .menu-toggle:hover {

	background: 0 0;

	border: none;

	color: #141412;

	padding: 12px 0 12px 20px

}

.menu-toggle:focus {

	outline: dotted thin

}

.menu-toggle:after {

	content: "\f502";

	font-size: 12px;

	padding-left: 8px;

	vertical-align: -4px

}

.toggled-on .menu-toggle:after {

	content: "\f500";

	vertical-align: 2px

}

.toggled-on .nav-menu, .toggled-on .nav-menu>ul {

	display: block;

	margin-left: 0;

	padding: 0;

	width: 100%

}

.toggled-on .children, .toggled-on li {

	display: block

}

.toggled-on .nav-menu li>ul {

	background-color: transparent;

	display: block;

	float: none;

	margin-left: 20px;

	position: relative;

	left: auto;

	top: auto

}

.toggled-on .nav-menu li>ul a {

	color: #141412;

	width: auto

}

.toggled-on .nav-menu .children a, .toggled-on .nav-menu li:hover>a {

	background-color: transparent;

	color: #141412

}

.toggled-on .nav-menu>li a:hover, .toggled-on .nav-menu>ul a:hover {

	background-color: #db572f;

	color: #fff

}

.toggled-on .nav-menu>li a:focus, .toggled-on .nav-menu>ul a:focus {

	background-color: #220e10;

	color: #fff

}

div.nav-menu>ul, ul.nav-menu {

	display: none

}

#content .featured-gallery {

	padding-left: 24px

}

.gallery-columns-1 .gallery-item {

	margin-right: 0;

	width: 100%

}

.entry-title, .format-chat .entry-title, .format-gallery .entry-title, .format-image .entry-title, .format-video .entry-title {

	font-size: 22px;

	font-weight: 700

}

.format-quote blockquote, .format-status .entry-content {

	font-size: 18px

}

.format-quote blockquote cite, .format-quote blockquote small {

	font-size: 13px

}

.error404 .page-title {

	padding: 40px 0 0

}

.error404 .page-title:before {

	content: normal

}

.comment-author {

	margin-right: 30px

}

.comment-author .avatar {

	height: auto;

	max-width: 100%

}

.comment-content, .comment-list .reply, .comment-metadata {

	width: 70%;

	width: -webkit-calc(100% - 104px);

	width: calc(100% - 104px)

}

.comment-form input[type=email], .comment-form input[type=url], .comment-form input[type=text] {

	width: -webkit-calc(100% - 120px);

	width: calc(100% - 120px)

}

.comment-form textarea {

	height: 80px

}

.format-audio .entry-content:before {

	display: none

}

.format-audio .audio-content {

	background-image: none;

	float: none;

	padding-left: 0;

	width: auto

}


}

@media (max-width:480px){
	ul.portfolioBox li {width:70%;}	
}

@media (max-width:359px) {

.site-title {

	font-weight: 400

}

.site-description {

	clip: rect(1px,1px,1px,1px);

	position: absolute

}

.gallery {

	margin-left: 0

}

.gallery .gallery-item, .gallery-columns-2.gallery-size-thumbnail .gallery-item {

	max-width: none;

	width: 49%;

	width: -webkit-calc(50% - 4px);

	width: calc(50% - 4px)

}

.gallery-columns-1.gallery-size-medium, .gallery-columns-1.gallery-size-thumbnail, .gallery-columns-2.gallery-size-thumbnail, .gallery-columns-3.gallery-size-thumbnail {

	display: block

}

.gallery-columns-1 .gallery-item, .gallery-columns-1.gallery-size-medium .gallery-item, .gallery-columns-1.gallery-size-thumbnail .gallery-item {

	text-align: center;

	width: 98%;

	width: -webkit-calc(100% - 4px);

	width: calc(100% - 4px)

}

.gallery-columns-3 .gallery-item:nth-of-type(3n), .gallery-columns-5 .gallery-item:nth-of-type(5n), .gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-9 .gallery-item:nth-of-type(9n) {

	margin-right: 4px

}

.gallery br {

	display: none

}

.gallery .gallery-item:nth-of-type(even) {

	margin-right: 0

}

.comment-author {

	margin: 0 0 5px;

	max-width: 100%

}

.comment-author .avatar {

	display: inline;

	margin: 0 5px 0 0;

	max-width: 20px

}

.comment-content, .comment-list .reply, .comment-metadata {

	width: 100%

}



}



@media print, (-o-min-device-pixel-ratio:5/4), (-webkit-min-device-pixel-ratio:1.25), (min-resolution:120dpi) {

.site-header .search-field {

	background-image: url(images/search-icon-2x.png)

}

.comment-list .children>li:before, .comment-list>li:after, .format-audio .audio-content, .format-status .entry-content:before, .format-status .entry-meta:before {

	background-image: url(images/dotted-line-2x.png)

}

}



@media print {

body {

	background: 0 0!important;

	color: #000;

	font-size: 10pt

}

footer a[rel=bookmark]:link:after, footer a[rel=bookmark]:visited:after {

	content: " [" attr(href) "] "

}

.site {

	max-width: 98%

}

.site-header {

	background-image: none!important

}

.site-header .home-link {

	max-width: none;

	min-height: 0

}

.site-title {

	color: #000;

	font-size: 21pt

}

.site-description {

	font-size: 10pt

}

.author-avatar, .comment-respond, .comments-area .comment-edit-link, .comments-area .reply, .comments-link, .entry-meta .edit-link, .main-navigation, .more-link, .navbar, .page-links, .site-content nav, .site-footer, .widget-area {

	display: none

}

.entry-content, .entry-header, .entry-meta, .entry-summary {

	margin: 0;

	width: 100%

}

.entry-title, .page-title {

	font-size: 21pt

}

.entry-meta, .entry-meta a {

	color: #444;

	font-size: 10pt

}

.entry-content .wp-caption.alignleft, .entry-content img.alignleft {

	margin-left: 0

}

.entry-content .wp-caption.alignright, .entry-content img.alignright {

	margin-right: 0

}

.format-image .entry-content .size-full {

	margin: 0

}

.hentry {

	background-color: #fff

}

.comments-area>li.comment {

	background: 0 0;

	position: relative;

	width: auto

}

.comment-metadata {

	float: none

}

.comment-author .fn, .comment-reply-link, .comment-reply-login {

	color: #333

}

}

/*.ngg-gallery-thumbnail {width:240px !important; padding-right:10px !important;}
.ngg-gallery-thumbnail {
height: 160px;
width: 240px;
}*/

/*-css added as on 24.04.2017----*/

.portfolioBoxArea ul.portfolioBox{
	text-align: center;
}

.portfolioBoxArea ul.portfolioBox li{
	float: none;
	display: inline-block;
	vertical-align: top;
	width: 24%;
	margin: 0 30px 30px 0;
}

@media only screen and (max-width: 767px){
	.portfolioBoxArea ul.portfolioBox li{
	width: 200px;
	margin: 0 0 30px 0;
	}
}