.container:after,
#header .row:after,
.posts:after,
.info-section:after,
.services .holder:after,
.journal .holder:after,
#footer .row:after {
	content: " ";
	display: block;
	clear: both;
}



#nav ul,
.social,
.gallery .switcher ul,
.footer-nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}



html {
	box-sizing: border-box;
}



*,
*:before,
*:after {
	box-sizing: inherit;
}



body {
	margin: 0;
	color: #000;
	background: #fff;
	font: 14px/20px Verdana, Geneva, sans-serif;
	min-width: 1000px;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: none;
}



* {
	max-height: 1000000px;
}



article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section,
summary {
	display: block;
}



img {
	border-style: none;
}



a {
	text-decoration: none;
	color: #808080;
}



a:hover {
	text-decoration: underline;
}



input,
textarea,
select {
	font: 100% Verdana, Geneva, sans-serif;
	color: #000;
	vertical-align: middle;
}



form,
fieldset {
	margin: 0;
	padding: 0;
	border-style: none;
}



button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}



button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}



input[type="submit"]:hover,
button:hover {
	cursor: pointer;
}



input[type="text"],
input[type="tel"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	margin: 0;
	padding: 4px 7px;
	border: 1px solid #999;
}



input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	border-color: #4d4d4d;
}



input[type=text],
input[type=password],
input[type=file],
input[type=submit],
input[type=search],
input[type=email],
textarea {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
}



textarea {
	overflow: auto;
	resize: vertical;
	vertical-align: top;
}



input[type="checkbox"],
input[type="radio"] {
	padding: 0;
}



input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
}



input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}



h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: Verdana, Geneva, sans-serif;
	line-height: 1.2em;
	margin: 0 0 1.2em;
}



p {
	margin: 0 0 1.2em;
}



q {
	quotes: none;
}



q:before,
q:after {
	content: "";
	content: none;
}



sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}



sup {
	top: -.5em;
}



sub {
	bottom: -.25em;
}



table {
	border-collapse: collapse;
	border-spacing: 0;
}



#wrapper {
	width: 100%;
	overflow: hidden;
}



.container {
	width: 962px;
	margin: 0 auto;
}



#header {
	position: fixed;
	z-index: 100;
	top: 0;
	left: 0;
	right: 0;
	background: #000;
	padding: 7px 0 11px;
	box-shadow: 0 0 7px 0 black;
}



#header .logo {
	float: left;
	margin: 0 22px 0 3px;
}



#header .logo img {
	display: block;
}



#header .frame {
	overflow: hidden;
}

#header .mobile-menu-trigger {
	position: absolute;
	top: 10px;
	right:10px;
	display: none;
	height: 40px;
	width: 40px;
	font-size: 40px;
	text-align: center;
	color:#fff;
}

#nav {
	text-align: center;
	margin: 7px 0 21px;
	font-size: 17px;
	line-height: 24px;
	color: #fff;
	min-height: 48px;
}



#nav ul {
	display: inline-block;
	vertical-align: top;
}



#nav li {
	float: left;
	margin: 0 12px 0 0;
}



#nav li:after {
	float: right;
	content: "|";
	margin: 0 0 0 12px;
}



#nav li:last-child:after {
	display: none;
}



#nav a {
	color: #fff;
}



#nav a:hover {
	color: #cfa32b;
	text-decoration: none;
}



#nav .active a {
	color: #cfa32b;
}



.contact {
	float: left;
	width: 220px;
	font-size: 12px;
	line-height: 15px;
	margin: 0;
	color: #fff;
}



.contact dt {
	float: left;
	margin: 0 6px 0 0;
	clear: both;
}



.contact dd {
	margin: 0;
	float: left;
}



.contact a {
	color: #cfa32b;
}



.contact a:hover {
	text-decoration: underline;
}



.social {
	float: right;
	margin: 4px 2px 0 0;
}



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



.social a {
	float: left;
	/* background: url(../images/sprite-social.png) no-repeat; */
	/* text-indent: -9999px; */
	/* overflow: hidden; */
	height: 17px;
	color: #fff;
}



.social a:hover {
	opacity: .9;
}



/* .social .linkedin {
	background-position: 0 0;
	width: 15px;
}



.social .google {
	background-position: -25px 0;
	width: 17px;
}



.social .pinterest {
	background-position: -52px 0;
	width: 16px;
}



.social .facebook {
	background-position: -77px 0;
	width: 15px;
} */



.gallery {
	padding: 0 0 25px;
	margin: 0 0 22px;
	position: relative;
}



.gallery .mask {
	position: relative;
}



.gallery:after {
	position: absolute;
	bottom: 4px;
	left: 50%;
	margin-top: 6px;
	background: url(../images/bg-shadow.png) no-repeat;
	width: 754px;
	height: 16px;
	content: "";
	margin-left: -377px;
}



.gallery .mask {
	width: 100%;
	position: relative;
	overflow: hidden;
}



.gallery .slideset {
	width: 99999px;
	overflow: hidden;
}



.gallery .slide {
	float: left;
	width: 962px;
}



.gallery .slide img {
	display: block;
	border: 2px solid #000;
	width: 100%;
}



.gallery .gallery-nav {
	position: absolute;
	z-index: 4;
	bottom: 1px;
	right: 0;
}



.gallery .btn-next,
.gallery .btn-prev {
	float: left;
	margin: 0 0 0 5px;
	font-size: 25px;
	line-height: 25px;
	color: #000;
}



.gallery .btn-next:hover,
.gallery .btn-prev:hover {
	text-decoration: none;
}



.gallery .switcher {
	float: left;
	margin: 9px 0 0;
}



.gallery .switcher ul {
	float: left;
}



.gallery .switcher li {
	float: left;
	margin: 0 0 0 8px;
}



.gallery .switcher a {
	width: 7px;
	height: 7px;
	float: left;
	text-indent: -9999px;
	overflow: hidden;
	background: #000;
	border-radius: 10px;
}



.gallery .switcher a:hover {
	opacity: .5;
}



.gallery .switcher .active a {
	opacity: .5;
}



main {
	padding: 135px 0 13px;
}



main .text {
	padding: 9px 0 0;
	font-size: 12px;
	line-height: 17px;
}



main .text > h1 {
	font: 22px/36px Arial, Helvetica, sans-serif;
	margin: 0 0 10px;
}


main .text > h1 strong {
	color: #cfa32b;
}



main .text p {
	margin: 0 0 9px;
}



main .text p h1 {
	font-size: inherit;
	line-height: inherit;
	font-weight: inherit;
	margin: 0;
	display: inline;
}



.posts {
	font-size: 12px;
	line-height: 17px;
	margin: 0 0 28px;
}



.posts .post {
	float: left;
	width: 230px;
	margin-left: 14px;
}



.posts .post:first-child {
	margin-left: 0;
}



.posts h2 {
	font-size: 16px;
	line-height: 24px;
	margin: 0 0 1px;
}



.posts h2 a:hover {
	color: #cfa32b;
	text-decoration: none;
}



.posts img {
	display: block;
	border: 1px solid #000;
	width: 100%;
	margin: 0 0 3px;
}



.posts img:hover {
	opacity: .8;
}



.posts p {
	margin: 0 0 6px;
}



.posts .more {
	display: inline-block;
	font-size: 15px;
	line-height: 18px;
	vertical-align: top;
	text-transform: uppercase;
	color: #fff;
	background: #cfa32b;
	border: 1px solid #b57c45;
	padding: 2px 8px;
	border-radius: 10px;
}



.posts .more:hover {
	text-decoration: none;
	opacity: .8;
}



.info-section {
	padding: 0 0 30px;
}



.services {
	float: left;
	margin: 0 15px 0 0;
	width: 317px;
	padding-right: 15px;
	border-right: 2px solid #000;
}



.services h2 {
	font-size: 17px;
	line-height: 24px;
	font-weight: normal;
	margin: 0 0 6px;
}



.services h2 a {
	color: #000;
}



.services h2 a:hover {
	color: #cfa32b;
	text-decoration: none;
}



.services .block {
	float: left;
	width: 144px;
	margin: 0 0 0 12px;
}



.services .block:first-child {
	margin-left: 0;
}



.services .block img {
	display: block;
	border: 1px solid #000;
	width: 100%;
	margin: 0 0 1px;
}



.services .block span {
	display: block;
	font-size: 12px;
	text-align: center;
	color: #000;
}



.journal {
	overflow: hidden;
}



.journal .holder {
	padding: 4px 0 0;
}



.journal h2 {
	font-size: 17px;
	line-height: 24px;
	font-weight: normal;
	margin: 0;
}



.journal h2 a {
	color: #000;
}



.journal h2 a:hover {
	color: #cfa32b;
	text-decoration: none;
}



.journal .block {
	float: left;
	font-size: 12px;
	line-height: 15px;
	width: 300px;
	margin: 0 0 0 15px;
}



.journal .block:first-child {
	margin-left: 0;
}



.journal .block h3 {
	font-size: 13px;
	line-height: 17px;
	font-weight: normal;
	margin: 0 0 3px;
}



.journal .block h3 a {
	color: #000;
}



.journal .block h3 a:hover {
	color: #cfa32b;
	text-decoration: none;
}



.journal .block .alignleft {
	float: left;
	border: 1px solid #000;
	margin: 0 8px 0 0;
}


#footer {
	background: #000;
	margin: 0 -20px;
	padding: 18px 0 15px;
	box-shadow: 0 0 7px 0 black;
}



#footer .info {
	float: left;
	width: 380px;
	margin: 1px 38px 0 8px;
	font-size: 11px;
	line-height: 23px;
	color: #bfbfbf;
}



#footer .info a {
	color: #cfa32b;
}



#footer .info a:hover {
	color: #fff;
	text-decoration: none;
}



#footer .info .copy {
	display: block;
}



.footer-nav {
	text-align: center;
	margin: 0 -20px 10px;
	text-transform: uppercase;
	font-size: 11px;
	line-height: 16px;
}



.footer-nav ul {
	display: inline-block;
	vertical-align: top;
}



.footer-nav li {
	margin: 3px 7px;
	display: inline-block;
}



.footer-nav a {
	color: #cfa32b;
}



.footer-nav a:hover {
	color: #fff;
	text-decoration: none;
}



.social-block {
	padding: 6px 0 0;
	width: 140px;
	float: left;
	text-align: center;
}


.social-block span {
	text-transform: uppercase;
	display: block;
	font-size: 11px;
	line-height: 16px;
	color: #bfbfbf;
}


.social-block .social {
	float: none;
	display: inline-block;
	vertical-align: top;
}


.social-block .social li {
	margin: 0 5px;
}

.location {
	float: right;
	width: 220px;
	text-align: right;
	padding-right: 32px;
	position: relative;
	font-size: 11px;
	line-height: 22px;
	color: #bfbfbf;
}

.location:hover {
	color: #fff;
	text-decoration: none;
}

.location:after {
	position: absolute;
	top: 5px;
	right: 0;
	background: url(../images/ico-pin.png) no-repeat;
	width: 25px;
	height: 37px;
	content: "";
}

.photogallery  {
	float: left;
	width: 900px;
	margin-bottom: 4px;
}

.photogallery-vr  {
	float: left;
	width: 450px;
	margin-bottom: 4px;
	margin-right: 0px;

}

.photogallery-hzsm  {
	float: left;
	width: 300px;
	margin-bottom: 4px;
}

.photogallery-hzm  {
	float: left;
	width: 450px;
	margin-bottom: 4px;
}

.photogallery-vrsm  {
	float: left;
	width: 225px;
	margin-bottom: 4px;
	margin-right: 0px;

}
.photogallery :first-child {
	margin-left: 0;
}


.photogallery img {
	display: block;
	border: 1px solid #000;
	width: 100%;
	margin: 0 0 3px;
}

.blog {
	font-size: 12px;
	line-height: 17px;
	padding-left: 0px;
	width: 740px;
	display: inline-block;
}

.blog h2 {
	font-size: 18px;
	margin-left: 0px;
    margin-top: -15px;
    padding-left: 0px;
}

.blog h2 a:hover {
	color: #cfa32b;
	text-decoration: none;
}

.blog h3 {
	font-size: 14px;
	margin-left: 0px;
    padding-left: 0px;
}

.blog h3 a:hover {
	color: #cfa32b;
	text-decoration: none;
}

.blog p {
	min-height: 0px;
	margin-left: 0px;
	margin-top: -15px;
}

.blog p a:hover {
	color: #cfa32b;
	text-decoration: none;
}

.blog img {
	display: block;
	border: 1px solid #000;
	margin: 0 0 3px;
}

.bloghz  {
	float: left;
	width: 560px;
	margin-bottom: 4px;
}

.blogvr  {
	float: left;
	width: 280px;
	margin-bottom: 4px;
	margin-right: 4px;
	padding-right: 0px;
}

.blog-date {
	width: 140px;
	float: left;
	font-size: 12px;
	font-family: Verdana, "Geneva", sans-serif;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-top: 10px;
}

.blog-comment {
	float: left;
	margin-left: 0px;
	    padding:10px;
}

.blog-entry {
    width:600px;
    float:left;
    padding:10px;
}

.blogs .blog {
	float: left;
	width: 750px;
	margin-left: 140px;
}

.blogs .blog:first-child {
	margin-left: 0;
}

.eventposts {
	font-size: 12px;
	line-height: 17px;
	margin: 0 0 28px;
}

.eventposts .eventpost {
	float: left;
	width: 311px;
	margin-left: 14px;
}

.eventposts .eventpost:first-child {
	margin-left: 0;
}

.eventposts h2 {
	font-size: 16px;
	line-height: 24px;
	margin: 0 0 1px;
}

.eventposts h2 a:hover {
	color: #cfa32b;
	text-decoration: none;
}


.eventposts img {
	display: block;
	border: 1px solid #000;
	width: 100%;
	margin: 0 0 3px;
}

.eventposts img:hover {
	opacity: .8;
}

.eventposts p {
	margin: 0 0 6px;
	min-height: 51px;
}


.eventposts .more {
	display: inline-block;
	font-size: 15px;
	line-height: 18px;
	vertical-align: top;
	text-transform: uppercase;
	color: #fff;
	background: #cfa32b;
	border: 1px solid #b57c45;
	padding: 2px 8px;
	border-radius: 10px;
}


.eventposts .more:hover {
	text-decoration: none;
	opacity: .8;
}

  .bioimage {
	  float: right;
	  width: 300px;
	  height: 411px;
	  margin-top: -80px;
}

.centerimages {
    display: block;
    padding:0 0 0 20px;

}

.entry-title {
	font-size: 22px;
	font-weight: normal;
	line-height: normal;
	padding: 0;
	clear: none;
}

.entry-meta {
	color: #666;
	font-size: 12px;
	font-style: italic;
	line-height: normal;
	margin-left: 160px;
	margin-top: -25px;
	margin-bottom: 10px;

}

.entry-date {
	width: 140px;
	float: left;
	color: #a49f6c;
	font-size: 12px;
	padding-bottom: 0px;
	padding-left: 20px;
	padding-top: 0px;
}

.entry-meta .n {
    font-size: 11px;
    font-style: normal;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.entry-content {
	margin-left: 160px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

.page .entry-content {
	margin-left:0;
}

.entry-title h2 {
	font-size: 19px;
	vertical-align: bottom;
	padding: 0px;
	margin-left: 160px;
    padding-left:0px;
}

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

.entry-content p a:hover {
	color: #cfa32b;
	text-decoration: none;
}

.entry-content hr {
	border:1px solid #585858;
	height:1px;
}
.entry-content h4 {
    font-size: 11px;
}
.entry-content img {
	margin: 0 0 15px 0;
	border:1px solid;
}

.chat {
    width: 400px;
}
.chat img{
    padding:0px;
    border:0px;
    margin-left:0px;
}

.chat h4 {
	margin: 0px 0px 5px;
}

.chat p {
	padding: 9px 0 0;
	font-size: 12px;
	line-height: 16px;
}

.bubble {
    background-color: #ffffff;
    border-radius: 5px;
    box-shadow: 0 0 6px rgba(0,0,0,.8);
    display: inline-block;
    padding: 0px 5px 0px 18px;
    position: absolute;
    vertical-align: top;
    margin: 10px 10px;
    width: 775px;

}

.bubble::before {
    background-color: #ffffff;
    content: "\00a0";
    display: block;
    height: 16px;
    position: absolute;
    top: 11px;
    transform:             rotate( 29deg ) skew( -35deg );
        -moz-transform:    rotate( 29deg ) skew( -35deg );
        -ms-transform:     rotate( 29deg ) skew( -35deg );
        -o-transform:      rotate( 29deg ) skew( -35deg );
        -webkit-transform: rotate( 29deg ) skew( -35deg );
    width:  20px;
    box-shadow: -2px 2px 2px 0 rgba(0,0,0,.4);
    left: -9px;
}

.white_spacer{
	width:100%;
	height:20px;
	background-color:#FFF;
}

.chatw {
    width: 1000px;
}

.chatw img{
    padding: 0px 0px 20px 0px;
    border:0px;
    margin-left:0px;
    width:175px;
}

.chatw h4 {
	margin: 0px 0px 5px;
}

.chatw p {
	padding: 9px 0px 0px;
	font-size: 12px;
	line-height: 16px;
     float:left;
}

.column1 {
	margin: 9px 0px 0px;
    vertical-align: top;
    width: 175px;
    height: 625px;
    float:left;
}

.column2 {
	margin: 0px 190px 0px;
    position: absolute;
    width: 775px;
}
.event img{
    padding: -20px 0px 20px 0px;
    border:0px;
    margin-left:0px;
    width:110px;
}

/**
 * Mobile menu styling
 */
#mobile-menu {
	width: 75%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: #000;
  box-shadow: 0 0 7px 0 black;
	padding: 10px 0;
	overflow-y: scroll;
	z-index: 102;
}
.mobile-menu-overlay {
	width: 100%;
	height: 100%;
	z-index: 101;
	background: rgba(0,0,0,0.5);
	position: fixed;
	top: 0;
	left: 0;
	opacity: 0;
}
#mobile-menu .mobile-menu-trigger {
	display: none;
}
#mobile-menu .logo {
	margin: 0 10px;
}
#mobile-menu #nav {
	text-align: left;
	margin-bottom: 11px;
}
#mobile-menu #nav ul {
	display: block;
}
#mobile-menu #nav ul li {
	float: none;
	border-bottom: 1px solid #888;
	margin: 0;
}
#mobile-menu #nav ul li:after {
	content: none;
}
#mobile-menu #nav ul li a {
	display: block;
	padding: 10px;
}
#mobile-menu .contact,
#mobile-menu .social {
	margin: 0;
	width: auto;
	padding: 10px;
	float: none;
}
#mobile-menu .contact::after,
#mobile-menu .social::after {
	display: block;
	content: "";
	clear: both;
}
#mobile-menu .social li:first-child {
	margin-left: 0;
}

.mobile-row {
	display: inline-block;
}

/**
 * Mobile phone and tablet styles
 */
@media only screen and (max-width: 767px) {
	/* Header/Nav */
	#header .frame {
		display: none;
	}
	#header .mobile-menu-trigger {
		display: block;
	}
	#header {
		padding: 8px 0;
	}
	#header .logo img {
		width: 45px;
		height: auto;
	}
	main {
    padding: 75px 0 13px;
	}
	.social a {
		font-size: 24px;
	}
	.bioimage {
		float: none;
		margin: 0 auto 16px;
		width: auto;
		height: auto;
		display: block;
	}
	.eventposts .eventpost {
		width: 100%;
		margin-left:0;
	}
	.column1 {
		width: 100%;
		float: none;
		height: auto;
	}
	.column2 {
		width: 100%;
		float: none;
		margin: 0;
	}
	.chat > .bubble {
		position: static;
		width: 95%;
	}
	.services,
	.journal {
		float: none;
		width: auto;
		border-right: 0;
		margin: 0 0 28px 0;
		padding-right: 0;
	}
}
@media only screen and (max-width: 1023px) {
	body {
		min-width: 0;
	}
	img {
		max-width: 100%;
	}
	.container {
		width: auto;
	}
	main .container {
		padding: 0 14px;
	}
	main .text > h1 {
		font: 16px/24px Arial, Helvetica, sans-serif;
	}
	.gallery .gallery-nav {
		right: 14px;
	}
	.posts {
		margin: 0;
	}
	.posts .post {
		width: 100%;
		margin: 0 0 28px 0;
	}
	.services .block,
	.journal .block {
		float: none;
		margin: 0 0 15px 0;
		width: auto;
	}
	.services .block::after,
	.journal .block::after {
		content: "";
	  clear: both;
	  display: table;
	}
	.photogallery-vr,
	.photogallery-hzm {
		max-width: 50%;
	}
	.photogallery-vrsm {
		max-width: 25%;
	}
	.photogallery-hzsm {
		max-width: 33.3333%;
	}

	/* Header/Nav */
	#header {
		padding: 7px 14px 11px;
	}

	/* Footer */
	#footer {
		margin: 0;
		padding: 20px 14px;
	}
	#footer .footer-nav {
		margin: 0 0 15px;
		text-align: left;
	}
	#footer .footer-nav ul {
		display: block;
		column-count: 3;
		column-gap: 33px;
	}
	#footer .footer-nav ul li {
		float: none;
		margin: 0;
    padding: 5px 0;
		display: block;
	}
	#footer .info {
		margin: 0 0 20px;
		width: auto;
	}
	.social-block {
		text-align: left;
		clear: left;
		padding: 0;
		width: auto;
	}
	.social-block .social li {
		margin: 0 10px;
	}
	.social-block .social li:first-child {
		margin-left: 0;
	}
	.location {
		clear: right;
	}
	.centerimages {
		padding: 0;
	}
	/* Wedding wire reviews */
	.chat,
	.chatw {
		clear: both;
		width: 100%;
	}
	.column2 {
		position: static;
	}
	.mobile-row {
		display: flex;
		justify-content: center;
	}
	.mobile-row a:nth-child(2) {
		margin: 0 4px;
	}
}
/**
 * Tablet-only styles
 */
@media only screen and (min-width:768px) and (max-width: 1023px) {
	.posts .post {
		width: 49%;
		margin-left: 2%;
	}
	.posts .post:nth-child(odd) {
		clear:left;
		margin-left: 0;
	}
	.posts .post:nth-child(even) {
		clear:right;
	}
	.eventposts .eventpost {
		width: 32%;
		margin-left: 2%;
	}
	.eventposts h2 {
		font-size: 14px;
	}
	.column2 {
		margin: 0 0 0 15px;
		width: calc(100% - 190px);
		float: left;
	}
	.chat > img,
	.chat > .bubble {
		float: left;
	}
	.chat > .bubble {
		position: relative;
		width: calc(100% - 200px);
	}
	.chat > .white_spacer {
		clear: both;
	}
}