@charset "utf-8";

@font-face {
	font-family: 'pfsquaresanspro';
	src: url('fonts/pfsquaresanspro-regular-webfont.eot');
	src: url('fonts/pfsquaresanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/pfsquaresanspro-regular-webfont.woff') format('woff'),
		 url('fonts/pfsquaresanspro-regular-webfont.ttf') format('truetype');
}
@import url(http://fonts.googleapis.com/css?family=Roboto+Slab:400,700,300,100&subset=cyrillic-ext,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Roboto:300,700&subset=cyrillic-ext,latin-ext);

html, body {
	height: 100%;
	min-height: 100%;
}
body {
	background-color: #0b0c0e;
	position:relative;
}
body.HomePage {
	overflow: hidden;
}
body a {
	color: #ffffff;
	text-decoration: none;
}
body a:hover{
	color: #ffffff;
	text-decoration: underline;
}

#Layout_inner {
	margin-left: 200px !important;
	height: 100%;
	min-height: 100%;
}

#Header {
	position: fixed;
	background-color: #000000;
	min-width: 200px;
	z-index: 1000;
	height: 100%;
	min-height: 100%;
}
#Logo {
	width: 100%;
	background-color: #000000;
	padding: 20% 0 40%;
	height: 12%;
}
#Logo img {
	max-width: 100%;
}
#MainNav {
	
}
#MainNav ul {
	margin: 0;
	padding: 0;
}
#MainNav li {
	list-style: none;
	line-height: 25%;
	border-top: 1px solid #000000;
	/*border-top: 1px solid #191a1c;
	border-bottom: 1px solid #000000;*/
	background-color: #0b0c0e;
	position: relative;
	-moz-transition: background-color 0.5s;
    -webkit-transition: background-color 0.5s;
    transition: background-color 0.5s;
}
#MainNav li:hover, #MainNav li a.current {
	background-color: #17181b;
}
#MainNav li.hasdropdown .dropdown-content {
	position: absolute;
	opacity: 0;
	z-index: 999;
	width: 100%;
	background-color: #0b0c0e;
	visibility: hidden;
	/*display: none;
	-moz-transition: opacity 0.5s;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;*/
}
#MainNav li.hasdropdown:hover .dropdown-content {
	background-color: #0b0c0e;
	/*display: block;
	opacity: 1;*/
}
#MainNav li.hasdropdown .dropdown-content li a {
	display: block;
	padding: 8% 0 8% 29px;
}
#MainNav li.hasdropdown .dropdown-content li a {
	background-color: #27292d;
}
#MainNav li a {
	font-family: pfsquaresanspro, Myriad, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #737373;
	padding: 12% 0 12% 29px;
	display: block;
	-moz-transition: color 0.5s;
    -webkit-transition: color 0.5s;
    transition: color 0.5s;
}
#MainNav li a:hover, #MainNav li a.current {
	color: #afafaf;
	text-decoration: none;
}
#BottomNav {
	position: absolute;
	bottom: 15px;
}
#Language, #Social {
	margin: 0 0 8px 20px;
}
#Language li, #Social li {
	list-style: none;
	display: inline-block;
	background-color: #000000;
	margin-right: 12px;
	-moz-transition: background-color 0.5s;
    -webkit-transition: background-color 0.5s;
    transition: background-color 0.5s;
	border-radius: 4px;
	-moz-border-radius: 4px;
}
#Language li {
	margin-right: 11px;
}
#Language li.current {
	background-color: #0b0c0e;
	border: 1px solid #27292d;
}
#Language li:hover {
	background-color: #27292d;
}
#Language li.current:hover {
	background-color: #0b0c0e;
}
#Language li.current a:hover {
	cursor: default;
}
#Language a, #Social a {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	color: #3f3f3f;
	width: 41px;
	height: 41px;
	font-family: pfsquaresanspro, Myriad, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#Language a:hover, #Social a:hover {
	text-decoration: none;
}
#Social {
	margin-bottom: 40px;
}
.pinterest:hover, .facebook:hover, .twitter:hover, .googleplus:hover {
	background-position: -41px 0;
}
.pinterest {
	background: url(../images/pinterest.png) no-repeat 0 0;
}
.facebook {
	background: url(../images/faceb.png) no-repeat 0 0;
}
.twitter {
	background: url(../images/tw.png) no-repeat 0 0;
}
.googleplus {
	background: url(../images/gplus.png) no-repeat 0 0;
}
.divider {
	border-bottom: 1px solid #2a2a2a;
	width: 34px;
	margin: 10px 0 10px 29px;
}
.copy, .creator {
	padding: 0 0 0 29px;
	font-family: Arial;
	font-size: 11px;
	color: #2a2a2a;
}
.creator a {
	font-family: Arial;
	font-size: 11px;
	color: #2a2a2a;
	text-decoration: underline;
	-moz-transition: color 0.4s;
    -webkit-transition: color 0.4s;
    transition: color 0.4s;
}
.creator a:hover {
	color: #afafaf;
	text-decoration: none;
}

/* HOME GALLERY */
#gallery_wrapper {
	position: relative;
}
.gallery-item {
	position: absolute;
	display: inline-block;
	margin: 0;
}
.gallery-title {
	width: 175px;
	height: 175px;
	position: absolute;
	background: url(../images/gallery-title-bg.png) no-repeat;
	text-align: center;
	bottom: 210px;
	left: 50%;
	margin-left: -87px;
	-moz-transition: opacity 0.4s;
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s;
}
.gallery-title span {
	font-family: 'Roboto Slab', serif;
	font-size: 34px;
	font-weight: 100;
	color: #ffffff;
	position: absolute;
	top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
}
.gallery-description {
	width: 470px;
	height: 180px;
	background-color: rgba(255, 255, 255, 0.75);
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -235px;
	padding: 35px 30px 45px;
	font-size: 16px;
	color: #5a5a5a;
	font-family: Georgia, serif;
	font-style: italic;
	text-align: center;
	line-height: 23px;
}
.gallery-title:hover {
	opacity: 0.7;
}

.overlay {
	position: absolute;
	background-color: rgba(0, 0, 0, 1);
}

/* CONTENT */
#CategoryHead {
	background: url(../images/frenchstucco.png);
	/*background: url(../images/roughcloth.png);*/
	min-height: 250px;
	position: relative;
}
.head-bg {
	float: right;
}
#HeadTitle h1, .SimpleCategoryPage h1 {
	font-family: 'Roboto Slab', serif;
	font-size: 93px;
	color: #ffffff;
	font-weight: 100;
	padding: 25px 0 0 20px;
	margin: 0 0 25px 0;
}
#HeadSummary {
	font-family: Georgia, serif;
	font-style: italic;
	font-size: 18px;
	color: #b89f91;
	font-weight: 100;
	padding: 0 0 20px 20px;
	line-height: 23px;
}
#HeadSummary p {
	line-height: 23px;
}
#Content,
#ContentSmall {
	background: url(../images/shl.png);
	/*background: url(../images/frenchstucco.png);*/
	position: relative;
	padding-top: 30px;
	padding-bottom: 120px;
	top: 0;
}
#Content section {
	background-color: #ffffff;
	margin: 0 0 30px;
	position: relative;
	width: 62.5em;
	max-width: 100%;
	min-height: 250px;
}
#Content section.form {
	background-color: #da714c;
	margin-bottom: 0;
	padding-bottom: 80px;
}
#Content section .summary {
	padding: 0;
}

#Content section .summary .images {
	float: right;
	position: relative;
}
#Content section .summary .images a {
	display: block;
	overflow: hidden;
}
#Content section .summary .images a > img {
	display: block;
	margin: auto;
	min-width: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
#Content section .summary .images a:hover > img {
	/*-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);*/
}
#Content .heading {
	margin: 0 93px 0;
}
#Content .heading h1 {
	margin: 0;
	padding: 0;
}

.SimpleCategoryPage #Content {
	padding-top: 0;
}
.SimpleCategoryPage #Content .columns {
	padding: 0 65px;
}

.SimpleCategoryPage h1 {
	color: #000000;
}
.SimpleCategoryPage .breadcrumbs > * {
	font-size: 14px !important;
	text-transform: inherit;
}
.SimpleCategoryPage .breadcrumbs {
	font-family: 'Roboto', sans-serif;
	font-weight: 100;
	background-color: transparent;
	color: #989797;
	border: none;
	display: block;
	list-style: none outside none;
	margin-left: 0;
	overflow: hidden;
	padding: 0.5625em 0.125em 1em;
}
.SimpleCategoryPage .breadcrumbs a {
	color: #989797;
	font-size: 14px;
	text-transform: inherit;
}
.SimpleCategoryPage .breadcrumbs a:hover {
	color: #191a1c;
}
.SimpleCategoryPage .carousel1-wrapper {
	width: 870px;
	padding-left: 28px;
	position: relative;
}
.SimpleCategoryPage .carousel1-wrapper:after {
	content: "";
	clear: both;
	display: block;
}
.SimpleCategoryPage .carousel1-wrapper, .SimpleCategoryPage .carousel2-wrapper {
	margin-bottom: 20px;
}
.SimpleCategoryPage .item {
	width: 870px;
	display: block;
	height: 347px;
	position: relative;
	top: 0;
	left: 0;
	float: left;
}
.SimpleCategoryPage .item:after {
	content: "";
	clear: both;
	display: block;
}
.SimpleCategoryPage .item .description {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	color: #7e7e7e;
	font-size: 14px;
	position: absolute;
	bottom: 0;
	padding-right: 28px;
	float: left;
}
.SimpleCategoryPage .item img {
	float: right;
	padding-right: 28px;
}
.SimpleCategoryPage .item .description span {
	font-weight: 700;
}
.SimpleCategoryPage .carousel2-wrapper {
	border: 1px solid #8c8c8c;
	padding: 9px;
	margin-left: 28px;
	position: relative;
}
.SimpleCategoryPage .carousel2 a {
	display: block;
	margin-right: 10px;
	float: left;
	border: 1px solid #ffffff;
	-moz-transition: border-color 0.4s;
    -webkit-transition: border-color 0.4s;
    transition: border-color 0.4s;
}
.SimpleCategoryPage .carousel2 a:hover, .SimpleCategoryPage .carousel2 a.selected {
	border-color: #191a1c;
}
.carousels #prev1, .carousels #next1 {
	width: 65px;
	height: 79px;
	display: block;
	position: absolute;
	background-color: #000000;
	-moz-transition: background-position 0.4s;
    -webkit-transition: background-position 0.4s;
    transition: background-position 0.4s;
}
.carousels #prev1:hover {
	background-position: -5px;
}
.carousels #next1:hover {
	background-position: 5px;
}
.carousels #prev1 {
	background: url(../images/project-prev1.png) no-repeat 0 0;
	left: -65px;
	top: 0;
}
.carousels #next1 {
	background: url(../images/project-next1.png) no-repeat 0 0;
	right: -65px;
	top: 0;
}
.carousels #prev2, .carousels #next2 {
	width: 44px;
	height: 64px;
	display: block;
	position: absolute;
}
.carousels #prev2 {
	background: url(../images/project-prev2.png) no-repeat 0 0;
	left: 0;
	top: 10px;
}
.carousels #next2 {
	background: url(../images/project-next2.png) no-repeat 0 0;
	right: 0;
	top: 10px;
}

.find-dealer {
	border: 1px solid #8c8c8c;
	padding: 8px 9px 10px 32px;
	float: right;
	margin-bottom: 30px;
	margin-right: 65px;
	background: url(../images/pin.png) no-repeat 8px center;
}
.find-dealer a {
	color: #7e7e7e;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
}
.find-dealer a:hover {
	color: #191a1c;
}


.category .section-title h2, .partners .section-title h2, .contact h2, .section-title-small h2 {
	font-family: 'Roboto Slab', serif;
	font-size: 44px;
	color: #2a2a2a;
	font-weight: 100;
	margin-top: 35px;
	padding: 0 35px 0 20px;
}
.contact h2 > p {
	font-weight: 100;
}
.category .section-title h2 a, .partners .section-title h2 a {
	color: #2a2a2a;
}
.category .section-title h2 a:hover, .partners .section-title h2 a:hover {
	color: #191a1c;
	border-bottom: 1px solid #191A1C;
    text-decoration: none;
}
.category .section-content, .partners .section-content, .contact .section-content {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	color: #cecece;
	font-weight: 100;
	line-height: 23px;
	position: absolute;
	bottom: 0;
	margin-top: 15px;
	padding: 0 35px 15px 20px;
	width: 45%;
}
.partners .section-content p, .contact .section-content p, .section-content a {
	font-family: Arial;
	font-size: 14px;
	line-height: 16px;
	color: #676464;
}
.section-content a:hover {
	color: #000000;
}
.partners .section-title, .contact .section-title {
	float: left;
}
.partners .section-title h2, .contact h2 {
	margin-top: 10px;
}
.partners .section-content p, .contact .section-content p {
	margin: 0;
}
.partners .partner, .contact .address {
	position: relative;
	margin-top: 20px;
}
.partners .partner.first, .contact .address.first {
	margin-top: 0;
}
.partners .partner:after, .contact .address:after {
	clear: both;
	content: "";
	display: block;
}
.partners .section-content, .contact .section-content {
	float: left;
}
.partners .partner h3, .contact .address h3 {
	font-family: 'Roboto Slab', serif;
	font-size: 28px;
	color: #2a2a2a;
	font-weight: 100;
}
.partners .underline, .contact .underline {
	border-bottom: 2px solid #a3a3a3;
	width: 50px;
	height: 1px;
	display: block;
	margin: -4px 0 12px;
}
.partners .map, .contact .map {
	width: 516px;
	height: 345px;
	display: block;
}
.partners .map img, .contact .map img {
	max-width: inherit;
}

.page .slide {
	padding: 30px 30px 30px 0;
}
.page .slide .item:after {
	content: "";
	display: block;
	clear: both;
}
.page .slide .item img {
	float: left;
	margin: 0 32px 0 0;
}
.page .slide .item .description {
	font-size: 14px;
	color: #676464;
}
.page .slide .item .description a {
	color: #191a1c;
}
.page .slide .item .description p {
	line-height: 16px;
}
.page .slide .item h2 {
	font-family: 'Roboto Slab', serif;
	font-size: 44px;
	color: #2a2a2a;
	font-weight: 100;
	margin-top: 0;
}

.contact #Content {
	padding-bottom: 0;
}
.contact form {
	max-width: none;
	width: 100%;
}
.contact fieldset {
	border: none;
    margin: 1.125em 0 0;
    padding: 0 1.25em;
}
.contact form input.text, .contact form textarea, .contact form .textajaxuniquetext, .contact form select {
    background-color: #ffffff;
    border: 1px solid #ffffff;
    font-size: 15px;
    max-width: none;
    padding: 15px 7px;
	height: auto;
    width: 100%;
}
.contact .Actions {
    padding: 0 1.5em;
}
.contact .Actions .action {
    background: #da714c;
    border: 1px solid #ffffff;
	border-radius: 0;
    color: #ffffff;
    display: inline-block;
    float: right;
	font-family: 'Roboto Slab', serif;
	font-weight: 100;
    font-size: 28px;
    letter-spacing: 0;
    margin-bottom: 10px;
    margin-right: 10px;
    margin-top: 0;
    padding: 6px 55px;
    text-transform: none;
}
.contact div.field {
    margin: 10px 0 30px;
}
.contact label.required {
    bottom: -5px;
    position: absolute;
    width: 100%;
	font-size: 10px;
	padding: 2px 7px;
}
.contact .middleColumn {
	position: relative;
}
.contact .form h2 {
	color: #ffffff;
	padding: 20px 0 0 32px;
}



.right {
	float: right;
}
.left {
	float: left;
}
.right:after, .left:after {
	clear: both;
	float: none;
}
.vcenter {
	vertical-align: middle;
}
.green, .green a {
	color: #008d8e;
}
.green a:hover {
	color: #008d8e;
	text-decoration: underline;
}
.l460 {
	width: 460px !important;
	margin-left: 0;
	padding-top: 30px;
}
.s420 {
	width: 420px !important;
}
.s440 {
	width: 440px !important;
	margin-left: 0;
}
.s460 {
	width: 460px !important;
}
.s690 {
	width: 690px !important;
}
.mr20 {
	margin-right: 20px;
}
.ml20 {
	margin-left: 20px;
}
.ml40 {
	margin-left: 40px;
}
.mr15 {
	margin-right: 15px;
}
.mt0 {
	margin-top: 0 !important;
}
.mt15 {
	margin-top: 15px;
}
.mt25 {
	margin-top: 25px;
}
.mb20 {
	margin-bottom: 20px;
}
.mb40 {
	margin-bottom: 40px;
}
.mb60 {
	margin-bottom: 60px;
}
.clearfix {
	/*display: block;*/
}
h1.extra {
	font-size: 59px;
}
a:focus, .btn:focus {
	outline: none;
}
.h1-alt,
.h2-alt,
.h3-alt,
.h4-alt,
.h5-alt,
.h6-alt {
	font-family: Arial, Helvetica, sans-serif;
}
.h1-alt {
	font-size: 30px;
	line-height: 36px;
	margin-top: 15px;
	display: block;
	margin-bottom: 20px;
}



textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: rgba(0, 0, 0, 0.8);
  outline: none;
  /* IE6-9 */

  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.075);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.075);
	behavior: url(pie/PIE.php);
}

.tab-bar {
  background: #000;
}
#ContentSmall {
  padding-top: 30px;
}
#SectionContentSmall {
  margin-bottom: 50px;
}
.section-title-small h2 {
  font-size: 24px;
  padding: 0;
  margin-top: 15px;
}
.section-title-small h2 a {
  color: #000;
}



/* DEVICE & RESPONSIVE LAYOUT */
.header .nav-open-button {
  display: none; /* removes the nav toggle button for desktop site */
}
#media-query-trigger {
  /* instead of detecting the width of the window in simple/javascript/script.js it detects the visibility of this element (which is set using media queries) 
  instead to trigger the hiding/showing of nav and search in mobile mode */
  display: none;
  visibility: hidden;
}
.mobile-gallery-item {
  /*background-color: #efefef;*/
  padding-top: 15px;
  padding-bottom: 20px;
  color: #efefef;
}
.mobile-gallery-item h2 {
  color: #efefef;
  font-family: 'Roboto Slab', serif;
  font-weight: 100;
}




/* Small screens */
@media only screen { } /* Define mobile styles */

@media only screen and (max-width: 40em) {
  body.HomePage {
    overflow: auto;
  }
  .brand img {
    height: 35px;
  }
  .right-small {
    border-left-color: #727272;
  }
  .main-section {
    padding: 0 0 35px;
  }
  #Layout_inner {
    margin-left: 0 !important;
  }
  #HeadTitle h1,
  .SimpleCategoryPage h1 {
    font-size: 28px;
  }
  #HeadSummary p {
    font-size: 0.9rem;
    line-height: 1.2;
  }
  .category .section-title h2,
  .partners .section-title h2,
  .contact h2 {
    font-size: 24px;
  }
  #Content .heading {
    margin-left: 20px;
  }
  .SimpleCategoryPage #Content .columns {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
  .SimpleCategoryPage .carousel1-wrapper {
    width: auto;
    padding-left: 0;
    padding-top: 20px;
  }
  .SimpleCategoryPage .item {
    width: 100%;
    height: auto;
  }
  .SimpleCategoryPage .item img {
    float: none;
    padding-right: 0;
    width: auto;
  }
  .SimpleCategoryPage .item .description {
    position: static;
    padding-right: 0;
    float: none;
  }
  .carousels #prev1, .carousels #next1 {
    width: 35px;
    height: 39px;
    background-size: 75%;
    background-color: black;
    background-position: center;
    bottom: 50%;
    top: inherit;
  }
  .carousels #prev1 {
    left: -15px;
  }
  .carousels #next1 {
    right: -15px;
  }
  .partners .map, .contact .map {
    width: 100%;
  }
  .category .section-content, .partners .section-content, .contact .section-content {
    position: static;
    width: 100%;
  }
  .page .slide {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
  .page .slide .item h2 {
    font-size: 24px;
  }
  .page .slide .item img {
    margin: 0;
  }
  .page .slide .item .description p {
    line-height: 1.4;
  }
} /* max-width 640px, mobile-only styles, use when QAing mobile issues */

/* Medium screens */
@media only screen and (min-width: 40.063em) { } /* min-width 641px, medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) { } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

/* Large screens */
@media only screen and (min-width: 64.063em) {
  .off-canvas-wrap {
    overflow: visible;
  }
} /* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

/* XLarge screens */
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

/* XXLarge screens */
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */