@import url(https://fonts.googleapis.com/css?family=Marcellus);
@import url(https://fonts.googleapis.com/css?family=Marcellus+SC);


/* -------------------------------------------------------------------------------------------------- general ------------------- */

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.cf:before,
.cf:after { content: " "; display: table; }
.cf:after { clear: both; }
.cf { *zoom: 1; }

body {
	margin:0;
	font-family:"Marcellus",arial,helvetica,sans-serif;
	font-size:16px;
	background:#000;
	line-height:1.5;
	}
img { max-width:100%; height:auto; }
iframe { max-width:100%; }

.rightimg { float:right; margin:0 0 2% 2%; max-width:48%; } 
.leftimg { float:left; margin:0 2% 2% 0; max-width:48%; } 
a { color:#000; text-decoration:none; } 
a:hover { color:#ff0000; }

body > div > div { 
	max-width:1200px;
	margin:0 auto;
	padding:10px 20px;
	}

h1, h2, h3, h4 { margin:1em 0 0.2em; }
h1+*, h2+*, h3+*, h4+* { margin-top:0; } 

h2,
h2 a { text-decoration:none; color:#aaa; }
h2 a:hover { text-decoration:underline; }

#insideBlock h2 a { text-decoration:none; }

/* -------------------------------------------------------------------------------------------------- header ------------------- */

#topBlock,
#headerBlock,
#columnsBlock strong,
#footerBlock { font-family:"Marcellus SC","Marcellus",arial,helvetica,sans-serif; }

#headerBlock > div { padding-bottom:0; }
.homepage #headerBlock > div { padding-bottom:10px; }

#topBlock,
#hpSlider { position:relative; box-shadow:0 0 10px rgba(0,0,0,0.5); }

#topBlock,
#hpSlider,
#footerBlock,
#hpSlider ul > li > a,
input[type="submit"] { 
background: #7f7f7f; /* Old browsers */
background: -moz-linear-gradient(top,  #7f7f7f 0%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7f7f7f), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #7f7f7f 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #7f7f7f 0%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #7f7f7f 0%,#000000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #7f7f7f 0%,#000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f7f7f', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	color:#fff;
}

#topBlock { display:none; text-align:center;  }

#topBlock a,
#footerBlock a { color:#fff; text-decoration:none; }

#topBlock a:hover,
#footerBlock a:hover { color:#7a7a7a; color:rgba(255,255,255,0.5); }

#headerBlock { background:#fff; }
#headerBlock a.logo {  padding-right:10px; }
#headerBlock a.logo:hover {  opacity:0.5; }
#headerBlock a.logo,
.topNav { display:inline-block; vertical-align:middle; }

.topNav { list-style:none; margin:0; padding:0; }
.topNav li { display:inline-block; margin-left:35px; }
.topNav li a { display:block; font-size:18px; }
.topNav li:hover a { }
.menu { display:none; }

#hpSlider > div { padding:0; position:relative; }
#hpSlider ul {
	position:relative;
	padding:0; margin:0; list-style:none;
	}
#hpSlider ul img { width:100%; display:block; }
#hpSlider ul > li > a {
	position:absolute;
	bottom:0px; left:0px;
	padding:20px;
	margin:50px 100px;
	max-width:40%;
	border:1px solid #fff;
	}
#hpSlider ul > li > a:hover {
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #595959 0%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(0%,#595959), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#595959 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#595959 0%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#595959 0%,#000000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#595959 0%,#000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
#columnsBlock > div > a:hover { 
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 0%, #dcdcdc 20%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(0%,#ffffff), color-stop(20%,#dcdcdc), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 0%,#dcdcdc 20%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 0%,#dcdcdc 20%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 0%,#dcdcdc 20%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 0%,#dcdcdc 20%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
color:#000;
}


#hpSlider ul > li > a > * { display:block;  }
#hpSlider ul > li > a > strong { font-weight:normal; font-size:26px; line-height:1; margin-bottom:10px; }
#hpSlider ul > li > a > span { text-align:right; font-style:italic; text-decoration:none; text-transform:lowercase; }

#columnsBlock { background:#fff; color:#000; }
#columnsBlock > div > a { float:left; width:25%; text-decoration:none; padding:1em 1%; }

#columnsBlock > div > a > * { display:block; text-align:center; }
#columnsBlock > div > a > strong { font-weight:normal; font-size:24px; }
#columnsBlock > div > a > img { padding:0; margin:10px auto; }
#columnsBlock > div > a > div { text-align:left; }
#columnsBlock > div > a > span { text-align:right; font-style:italic; text-transform:lowercase; }

#footerBlock { color:#fff; }
#footerBlock > div > div:nth-of-type(1) { float:right; }
#footerBlock > div > div:nth-of-type(2) { float:left; }

#columnsBlock > div > a > img,
.photogallery > a > img,
.gallery-tease > a > img,
.featuredImage  {
	border:1px solid #000; box-shadow:0 0 10px rgba(0,0,0,0.5);
}

/* -------------------------------------------------------------------------------------------------- inside ------------------- */

#insideBlock { background:#fff; color:#000; padding-bottom:100px; } 
#insideBlock a { text-decoration:underline; }
#insideBlock > div { padding-top:0; }
#insideBlock > div > *:first-child { margin-top:0; }

#insideBlock .photogallery { display:block; clear:both; }
#insideBlock .photogallery > a  { float:left; width:23%; margin:1%; text-decoration:none; } 
@media screen  and (max-width:600px){ #insideBlock .photogallery > a  { float:left; width:31%; } }
@media screen  and (max-width:400px){ #insideBlock .photogallery > a  { float:left; width:48%; } }
#insideBlock .photogallery > a > img,
#insideBlock .gallery-tease > a > img { display:block; }
#insideBlock .gallery-tease > a { display:inline-block; margin:1%; }

.measurements-table {
	display:inline-block;
	list-style:none; padding:0; margin:0; 
	border:1px solid #eee;
	border-radius:10px;
	}
.measurements-table li { padding-bottom:10px; }
.measurements-table li:nth-of-type(even) { background:#eee; }
.measurements-table li div { display:inline-block; vertical-align:top; }
.measurements-table li div:nth-of-type(1) { width:30px; text-align:right; padding-right:10px; }
.measurements-table li div:nth-of-type(2) { width:150px; padding-right:10px; }
.measurements-table li div:nth-of-type(3) { width:50px; }

/* ----------- contact ------------ */

.page13 .featuredImage { box-shadow:none; border:none; width:33%; max-width:31%; }
.page13 .contactContentWrapper { float:left; max-width:31%; margin-right:2%; }
.page13 .contactFormWrapper { float:left; max-width:31%; margin-right:2%; }

@media screen  and (max-width:620px){
  .page13 .contactContentWrapper,
  .page13 .contactFormWrapper { float:none; max-width:100%; margin-right:0%; }
}


label, input, textarea { display:block; padding-bottom:10px; }
input, textarea, select { font-family:arial,helvetica,sans-serif; padding:5px; margin-bottom:10px; max-width:100%; }
input[type="submit"] { font-family:inherit; font-size:inherit; padding:10px; border:none; }

.post { clear:both; }



/* -------------------------------------------------------------------------------------------------- responsive ------------------- */

@media screen  and (max-width:1180px){ .topNav li { margin-left:20px; } }
@media screen  and (max-width:1020px){ .topNav li { margin-left:10px; } }
@media screen  and (max-width:950px){
	#hpSlider ul > li > a {
		position:relative;
		display:block;
		margin:0;
		max-width:100%;
		border:none;
		border-top:1px solid #fff; 
		clear:both;
		}
}
@media screen  and (max-width:925px){
	.topNav {display:none; }
	.menu {display:inline-block; float:right; padding:25px; }
	.topNav li { display:block; text-align:right; padding:0 25px; }
}
@media screen  and (max-width:850px){
	span.bar { display:none; }
	#footerBlock > div > div:nth-of-type(1),
	#footerBlock > div > div:nth-of-type(2) { float:none; text-align:center; }
	#footerBlock > div > div:nth-of-type(2) a { width:32%; display:inline-block;  padding:10px 0; }
}	
@media screen  and (max-width:830px){ #columnsBlock > div > a > strong { font-size:18px; } }
@media screen  and (max-width:640px){
	#columnsBlock > div > a { width:48%; }
	#columnsBlock > div > a+a { margin-left:0; }
	#columnsBlock > div > a:nth-of-type(even) { margin:0 0 20px 4%; }
	#columnsBlock > div > a:nth-of-type(odd) { clear:both; }
	#columnsBlock > div > a > span { text-align:center; }
}
@media screen  and (max-width:450px){
	#columnsBlock > div > a,
	#columnsBlock > div > a:nth-of-type(even) { width:100%; margin:20px 0 ; }
}
@media screen  and (max-width:320px){
	.menu { padding:0; }
	.topNav li {padding:0; margin:0; }
	}