@import url('https://fonts.googleapis.com/css?family=Cinzel:400,700,900|Roboto+Slab:100,300,400,700|Titillium+Web:200,200i,300,300i,400,400i,600,600i,700,700i,900');
@font-face {
    font-family: 'socialicoregular';
    src: url('socialico-webfont.woff2') format('woff2'),
         url('socialico-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

a {
	text-decoration:none;
	color: inherit;
}
img {
	border:0;
}
ul,ol {
	list-style:none;
}

h1,h2,h3,h4,h5,h6,
p,ul,ol,li,dl,dt,dd,
small,a,span,strong,em,
div,section,header,aside,footer,
article,nav {
	padding:0;
	margin:0;
}


h1,h2,h3,h4,h5,h6 {
	font-weight:normal;
}

body {
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: 'Titillium Web', sans-serif;
	width: 100%;
	max-width: 1440px;
	background: #FFF;
	margin:0 auto;
	padding:0;
	text-align: center;
	color:#FFF;
	font-size: 1em;
	min-width: 1200px;
}

.bold-text{
	font-weight: 700;
}

.aligncenter{
	text-align: center;
}

.alignleft{
	text-align: left;
}

#bd-wrapper,
#hd-wrapper,
#bn-wrapper,
#ft-wrapper {
	width: 100%;
}
#bd-wrapper {
	background:url(../images/common/bodyBG.jpg) repeat-y center top;
}
#hd-wrapper {
	background: url(../images/common/hd-wrapper.jpg) repeat-x center bottom;
}
#bn-wrapper {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url(../images/common/bn-wrapper.jpg);
}
#ft-wrapper {
	background: url(../images/common/ft-wrapper.jpg) repeat-x center top;
}

header,
#banner,
#content,
footer {
	position: relative;
	width: 1100px;
	margin: 0 auto;
}

#content h4{font-family: 'Times New Roman', sans-serif; color:#B57134; font-size:25px; margin: 10px 0; }
.projects-page h4 { text-align: center; }
#content h4 a{color:#C5BD8A; text-decoration: none; border-bottom: 1px solid #C5BD8A;}
#content h4 a:hover{border-bottom: none;}
#content dl {display: inline-block; width: 200px; padding: 0 45px;}
#content dd h4{ text-transform: uppercase; text-decoration: underline; font-weight: 700; }
/*#content dl:nth-of-type(even) { margin-right: 0; }*/
#content dd {font: bold 11px Tahoma; color: #C5BD8A; text-align: center}

/*floats*/
.fl {
	float:left;
}
.fr {
	float:right;
}

/*clearings*/
.clear{
	clear:both;
}
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	font-size: 0;
}
.clearfix {
	display:block;
}

/*contact form messages*/
form .messages p {
	display: none;
	font-family: Arial, Helvetica, sans-serif !important;
	font-weight: 400 !important;
	letter-spacing: 0 !important;
	font-size: 16px !important;
}
form .loading {
	display: none;
}
form .alert {
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 4px;
}
form .alert-success {
	color: #3c763d;
	background-color: #dff0d8;
	border-color: #d6e9c6;
}
form .alert-danger {
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1;
}
form [type="submit"] {
	margin:20px auto;
}

/*contact form*/
.ctc-form {
	margin: 0 auto;
	text-align: center;
}
.ctc-form input,
.ctc-form textarea {
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
	line-height: 120%;
	color:#000;
	font-family:Arial;
}
.ctc-form input[type="text"],
.ctc-form textarea {
	width: 100%;
	margin: 0 0 10px;
	border-radius: 3px;
	border:1px solid #FFF;
	box-sizing: border-box;
}
.ctc-form textarea {
	min-height: 120px;
	padding: 10px 0 0 15px;
}
.ctc-form input[type="text"] {
	height: 50px;
	padding: 0 0 0 15px;
}
.ctc-form input[type="submit"] {
	width: 150px;
	height: 43px;
	cursor: pointer;
}
.ctc-form .g-recaptcha {
	display: inline-block;
}

/*gallery*/
#content .gallery-container {
	text-align: center;
}
#content .gallery {
	list-style-type: none
	margin: 0;
	padding: 0;
}
#content .gallery li {
	display: inline-block;
}
#content .gallery li img {
	width: 100%;
	max-width: 200px;
	border-radius: 10px;
}
#content .thumbnail {
	background-color: #FFF;
	border: 1px solid #DDD;
	border-radius: 4px;
	display: block;
	line-height: 1.42857;
	margin-bottom: 20px;
	padding: 4px;
	transition: border 0.2s ease-in-out 0s;
}
#content .page_navigation {
	display: inline-block;
}
#content .page_link,
#content .previous_link,
#content .next_link,
#content .first_link,
#content .last_link,
#content .ellipse {
	background-color: #FFF;
	border: 1px solid #ddd;
	color: #0275d8;
	display: inline-block;
	line-height: 1.25;
	margin-left: -1px;
	padding: 0.5rem 0.75rem;
	position: relative;
}
#content .page_navigation > a:hover,
.page_navigation > a.active_page {
	background-color: #eceeef;
	border-color: #DDD;
	color: #014c8c;
	text-decoration: none;
}

/* navigation */
nav a#pull {
	display: none;
	min-height: 45px;
	padding: 25px 0 0;
	font-size: 19px;
	line-height: 120%;
	font-weight: bold;
	text-transform: uppercase;
	background: url(../images/common/hd-wrapper.jpg) repeat-x center top;
}
nav a#pull:after {
	content:"";
	background: url(../images/nav-icon.png) no-repeat;
	width:30px;
	height:30px;
	display:inline-block;
	position:absolute;
	right:15px;
	top:25px;
}
nav ul li,
nav ul li a {
	display: inline-block;
	vertical-align: top;
	transition: background-color 2s ease-out;
	-o-transition: background-color 2s ease-out;
	-moz-transition: background-color 2s ease-out;
	-webkit-transition: background-color 2s ease-out;
}
nav ul li {
	font-size: 19px;
	line-height: 120%;
}
nav ul li small {
	display: block;
	font-size: 14px;
	line-height: 120%;
}
/* end */

.logo {
	line-height: 0;
}
.logo img {
	width: 100%;
	max-width: 428px;
}

/* header */
header {
	min-height: 242px;
	padding: 0;
}
header nav,
header .logo,
header .text,
header .logo-icon {
	position: absolute;
}
header nav {
	bottom: 0;
	left: 0;
	width: 100%;
	box-sizing: border-box;
	font-family: 'Cinzel', serif;
}
header nav ul li {
	border-right: 1px solid #402D20;
}
header nav ul li:nth-child(1) {
	border-left: 1px solid #402D20;
}
header nav ul li a {
	min-height: 55px;
	padding: 15px 28px 0;
}
header nav ul li:nth-child(1) a,
header nav ul li:nth-child(2) a,
header nav ul li:nth-child(7) a {
	min-height: 47px;
	padding: 23px 28px 0;
}
header nav ul li.active-menu a,
header nav ul li a:hover {
	background: url(../images/common/nav-hover.jpg) repeat-x center top;
}

header .logo {
	top: 27px;
	left: 315px;
}

header .logo-icon {
	top: 28px;
	right: 0px;
	line-height: 0;
}
header .logo-icon img {
	width: 100%;
	max-width: 312px;
}

header .text {
	top: 19px;
	text-align: center;
	font-family:"Century Gothic";
}
header .text h2 {
	font-size: 25px;
	line-height: 120%;
	color: #B87333;
	font-weight: bold;
	text-transform: uppercase;
	font-family: 'Roboto Slab', serif;
}
header .text p {
	font-size: 13px;
	line-height: 140%;
	font-weight: bold;
	letter-spacing: 1px;
}
header .text p:nth-of-type(4) {
	font-size: 27px;
	line-height: 120%;
	font-weight: bold;
	font-family: 'Titillium Web', sans-serif;
}
/* end */

/* banner */
#banner {
	min-height: 51px;
	padding: 490px 0 0;
}
#banner h2 {
	font-size: 15px;
	line-height: 120%;
	text-align: left;
	text-transform: uppercase;
	font-family: 'Roboto Slab', serif;
}
#banner ul {
	padding: 0;
}
#banner ul li {
	display: inline-block;
	vertical-align: top;
	padding: 0 28px 0;
	line-height: 0;
	border-left: 1px solid #FFF;
}
#banner ul li:nth-child(1) {
	border: none;
}
/* end */

/* content */
#content {
	min-height: 300px;
	padding: 50px 0 40px;
	text-align: left;
}
#content h1,
#content h2 {
	font-size: 40px;
	line-height: 120%;
	color: #B87333;
	font-weight: bold;
	text-transform: uppercase;
	font-family: 'Roboto Slab', serif;
}
#content h3 {
	font-size: 24px;
	line-height: 120%;
	text-shadow: 0 0 5px #000;
	font-family: 'Roboto Slab', serif;
}
#content p {
	font-size: 16px;
	line-height: 160%;
	letter-spacing: 1px;
}
#content .list-section {
	text-align: center;
	padding: 0;
}
#content .list-section section {
	display: inline-block;
	vertical-align: top;
	padding: 30px 0 0 15px;
}
#content .list-section section:nth-of-type(1) {
	padding: 30px 0 0;
}
#content .list-section section h2 {
	font-size: 13px;
	border-bottom: 2px solid #B87333;
}
#content .list-section section ul {
	padding: 0 0 0 15px;
	list-style: square;
}
#content .list-section section ul li {
	font-size: 14px;
	line-height: 144%;
	text-align: left;
}
/* end */

/* footer */
footer {
	padding: 0 0 20px;
}
footer nav {
	padding: 17px 0 12px;
}
footer nav ul li {
	padding: 0 10px 0;
	font-size: 16px;
	text-transform: uppercase;
	border-right: 1px solid #FFF;
}
footer nav ul li:nth-child(1) {
	border-left: 1px solid #FFF;
}
footer nav ul li small {
	display: inline-block;
	font-size: 13px;
}
footer nav ul li.active-menu a,
footer nav ul li a:hover {
	color: #B87333;
}
footer p {
	padding: 10px 0 0;
	font-size: 15px;
	line-height: 120%;
}
/* end */

footer .silver img {
	display: inline-block;
	vertical-align: middle;
	max-width: 50px;
}

.social-media a {
	display: inline-block;
	vertical-align: top;
	font-size: 30px;
	line-height: 120%;
	font-family: 'socialicoregular';
	background-repeat: no-repeat;
	background-position: center top;
	transition: all 0.3s ease-in-out 0s;
}
.social-media a:hover {
	color: #006DB4
}
.button {
	display: inline-block;
	vertical-align: top;
	width: 180px;
	height: 35px;
	padding: 15px 0 0;
	font-size: 16px;
	line-height: 120%;
	text-align: center;
	background: #006DB4;
	text-transform: uppercase;
	transition: background-color 2s ease-out;
	-o-transition: background-color 2s ease-out;
	-moz-transition: background-color 2s ease-out;
	-webkit-transition: background-color 2s ease-out;
}
.button:hover {
	background: #333;
}

.inner #content {
	min-height: 600px;
	padding: 40px 0 30px;
	text-align: left;
}

.inner .buyers form [type="submit"] {margin-left: 46%}
.inner .sellers form [type="submit"] {margin-left: 46%}

.inner .buyers .g-recaptcha {margin: 15px 0 0 250px;}
.inner .sellers .g-recaptcha {margin: 15px 0 0 250px;}

.inner #content p, .inner #content h1 {
	text-align: left;
} 
.inner #content article {
	padding: 0 15px 0;
}
.inner #content .list-images {
	padding: 0;
}
.inner #content .list-images li {
	display: inline-block;
	vertical-align: top;
	padding: 0 15px 15px;
	line-height: 0;
}
.inner #content .list-images li img {
	width: 100%;
	max-width: 134px;
	border: 1px solid #B87333;
}
.inner #content .social-logos {
	padding: 0;
}
.inner #content .social-logos li {
	display: inline-block;
	vertical-align: top;
	padding: 15px 15px 0;
	line-height: 0;
}
.inner #content .button-section {
	padding: 0;
}
.inner #content .button-section li {
	display: inline-block;
	vertical-align: top;
	padding: 20px 10px 0;
}
.inner #content .button-section li a {
	display: inline-block;
	vertical-align: top;
	width: 300px;
	padding: 15px 0 15px;
	text-align: center;
	font-size: 20px;
	line-height: 120%;
	border-radius: 5px;
	background: #B87333;
	transition: background-color 2s ease-out;
	-o-transition: background-color 2s ease-out;
	-moz-transition: background-color 2s ease-out;
	-webkit-transition: background-color 2s ease-out;
}
.inner #content .button-section li a:hover {
	color: #B87333;
	background: #FFF;
}
.inner #content .before-images,
.inner #content .after-images {
	display: inline-block;
	vertical-align: top;
	padding: 0 15px 0;
}
.inner #content .before-images li,
.inner #content .after-images li {
	padding: 10px 0 0;
	text-align: center;
}
.inner #content .before-images li small,
.inner #content .after-images li small {
	display: block;
	font-size: 15px;
	line-height: 120%;
}
.inner #content .before-images li img,
.inner #content .after-images li img {
	width: 100%;
	max-width: 220px;
	border: 1px solid #B87333;
}
.inner #content .gallery-list-image {
	padding: 0;
}
.inner #content .gallery-list-image li {
	display: inline-block;
	vertical-align: top;
	padding: 10px 0 0;
	line-height: 0;
}
.inner #content .gallery-list-image li img {
	width: 100%;
	max-width: 220px;
	border: 1px solid #B87333;
}

.bnRes {display: none;}
 
 .ctc-form input[type="submit"] {display: block;}
 .ctc-form input[type="text"], select {height: 35px;}
 .g-recapthcha div {margin: 10px auto 0 !important;}

/* responsive */
/*Styles for screen 800px and lower*/
@media screen and (max-width: 800px) {
body{min-width: 320px;}
header,
#banner,
#content,
footer {
	width: 100%;
	max-width: auto;
}
#content article {width: 95%; margin: 0 auto;}
/* header */
#hd-wrapper {
	background: none;
}
header {
	padding: 0 0 10px;
}
header nav,
header .logo,
header .text,
header .logo-icon {
	position:static;
}
header .logo,
header .text,
header .logo-icon {
	padding: 15px 15px 0;
}
.inner #content article {padding: 0;}
/* navigation */
nav a#pull {
	display:block;
}
nav ul li,
nav ul li a {
	display: block;
}
nav ul li {
	margin: 0 !important;
	padding: 0 15px 0 !important;
	border: none !important;
}
header nav ul {
	display:none;
}
header nav ul li a {
	background: url(../images/common/hd-wrapper.jpg) repeat-x center top;
}
/* end */

/* banner */
.bnRes {display: block; width: 100%; max-width: 800px;}

#bn-wrapper {
	border-bottom: 1px solid #B87333;
	background: none;
}
#banner article {
	padding: 10px 0 10px;
	background: url(../images/common/bn-textBG.png);
}
#banner ul li {
	margin: 10px 0 0;
}
#banner {
	padding: 0;
}
#banner h2 {
	text-align: center;
}
/* end */

/* content */
#content {
	width:100%;
}
#content .list-section section:nth-of-type(1) {
	padding: 30px 0 0 15px;
}
/* end */

/* content bottom */
/* end */

/* footer */
#ft-wrapper {
	background: none;
}
footer nav ul li a {
	padding: 15px 0 15px;
	background: #000;
}

/* end */


}

@media screen and (max-width: 700px) {

}


/*Styles for screen 515px and lower*/
@media only screen and (max-width : 480px) {
#content h1 {font-size: 35px;}
#content h3 {font-size: 21px;}
/*#content .list-section section ul {padding: 0;column-count: 2; list-style-position: inside;}*/
#content .list-section section ul li {font-size: 13px;}
}

@media only screen and (max-width : 640px) {

}

@media only screen and (max-width : 360px) {
/* content */

.inner #content .button-section li {
	display: block;
}
.inner #content .button-section li a {
	width: 100%;
}
#content .list-section {position: relative;}
#content .list-section section {width: 30%;padding: 30px 0 0 5px!important;}
#content .list-section section h2 {display: inline-block !important; }
#content .list-section section:last-of-type {position: absolute;bottom: 15px;left: 50%;transform: translate(-50%,0);}
/* end */
}


/*Smartphone*/
@media only screen and (max-width : 320px) {

}

/* end */