/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
 
/* Fonts -----------------------------------------------------------------------------------------*/ 
@import url('/templates/yoo_chester/fonts/TextaAlt-Black.css');
@import url('/templates/yoo_chester/fonts/TextaAlt-Heavy.css');
@import url('/templates/yoo_chester/fonts/TextaAlt-Regular.css');
@import url('/templates/yoo_chester/fonts/TextaAlt-Medium.css');

@font-face {
    font-family: 'DINSchrift-Alt';
    src: url('/templates/yoo_chester/fonts/din1451alt_g-webfont.eot');
    src: url('/templates/yoo_chester/fonts/din1451alt_g-webfont.eot?#iefix') format('embedded-opentype'),
         url('/templates/yoo_chester/fonts/din1451alt_g-webfont.woff2') format('woff2'),
         url('/templates/yoo_chester/fonts/din1451alt_g-webfont.woff') format('woff'),
         url('/templates/yoo_chester/fonts/din1451alt_g-webfont.ttf') format('truetype'),
         url('/templates/yoo_chester/fonts/din1451alt_g-webfont.svg#alte_din_1451_mittelschriftRg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'DINSchrift-Regular';
	src: url('/templates/yoo_chester/fonts/din1451alt-webfont.eot');
	src: url('/templates/yoo_chester/fonts/din1451alt-webfont.eot?#iefix') format('embedded-opentype'),
			 url('/templates/yoo_chester/fonts/din1451alt-webfont.woff2') format('woff2'),
			 url('/templates/yoo_chester/fonts/din1451alt-webfont.woff') format('woff'),
			 url('/templates/yoo_chester/fonts/din1451alt-webfont.ttf') format('truetype'),
			 url('/templates/yoo_chester/fonts/din1451alt-webfont.svg#alte_din_1451_mittelschriftRg') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
	font-family: 'TextaAlt-Regular', Helvetica, Arial, sans-serif;
	line-height:1;
	color:#3a3734;
	font-size:16px;
}

::-moz-selection {
 background:#FFFBCC;
 background:rgba(255, 251, 204, 1);
}

::selection {
 background:#FFFBCC;
 background:rgba(255, 251, 204, 1);
}

hr {
	border-top: 1px solid #c5beb8;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0 0 25px 0;
	font-family: 'DINSchrift-Alt', Helvetica, Arial, sans-serif;
	font-weight: 400;
	color:#3a3734;
	text-transform: uppercase;
	line-height:1 !important;
}

.uk-uppercase {
	text-transform:uppercase;
}

.normal-case {
	text-transform:none !important;
}

.home-banner {
	max-width:910px;
	position: absolute;
	top: 0;
	bottom: 0;
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
	text-align: left;
}

.home-banner h1 {
	font-family: 'TextaAlt-Heavy', Helvetica, Arial, sans-serif;
	display: inline-block;
	position:relative;
	font-size:21px;
	line-height:1;
	top:10px;
	z-index:1;
}

.home-banner img {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	width:100%;
	left:0;
	right:0;
}

.about-banner,
.contact-banner,
.projects-banner {
	max-width:910px;
	position: absolute;
	top: 0;
	bottom: 0;
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
	text-align: left;
}

.about-banner a,
.contact-banner a,
.projects-banner a {
	position:relative;
	display: inline-block;
	z-index:999;
	top:25px;
	width:167px;
}

.about-banner .about-img {
	position: absolute;
	bottom: 0;
	left:0;
}

.orangebars {
	max-width:910px;
	margin-left:auto;
	margin-right:auto;
}

.orangebars:before {
		position:absolute;
		top:0px;
	  content: "";
    display: block;
    width: 10%;
  	border-top:6px solid #d9531e;
		z-index:1;
}

.orangebars:after {
		position:absolute;
		bottom:0px;
	  content: "";
    display: block;
    width: 10%;
		border-bottom:6px solid #d9531e;
		z-index:1;
}

.about .orangebars:after,
.projects .orangebars:after,
.contact .orangebars:after {
	border-bottom: none;
}

.now-selling-overlay {
	position: absolute;
	left: 0px;
	right: 0;
	bottom: 65px;
	margin: auto;
	margin-left: 265px;
}

a, a:link {
}

a:hover, 
a:focus, 
a:active {
	color:#d9531e;
	text-decoration:none;
}

a.uk-button,
.uk-button {
	font-family: 'DINSchrift-Alt', Helvetica, Arial, sans-serif;
  color: #ffffff;
	text-transform:uppercase;
  padding: 0 20px;
  background: rgba(0, 0, 0, 0);
  line-height: 30px;
  min-height: 30px;
  font-size: 16px !important;
  border: 1px solid #ffffff;
}

.uk-button:not(.uk-button-link)::before {
	background: #ffffff;
}

.uk-overlay-panel:not(.uk-overlay-background):not(.uk-overlay-background) .uk-button:hover:not(.uk-button-primary):not(.uk-button-success):not(.uk-button-danger):not(.uk-button-link), 
.uk-overlay-panel:not(.uk-overlay-background) .uk-icon-button:hover, 
.uk-overlay-panel:not(.uk-overlay-background):not(.uk-overlay-background) .uk-button:focus:not(.uk-button-primary):not(.uk-button-success):not(.uk-button-danger):not(.uk-button-link), 
.uk-overlay-panel:not(.uk-overlay-background) .uk-icon-button:focus {
    border-color: #ffffff;
    color: #3a3734;
}

.uk-button:hover, 
.uk-button:focus {
  background-color: rgba(0, 0, 0, 0);
  color: #ffffff;
  outline: none;
  text-decoration: none;
  border-color: #ffffff;
}

.uk-button-submit:not(.uk-button-link)::before {
		background: #ffffff;
}

.uk-button-submit {
	border: 1px solid #3a3734;
  background: #3a3734;
	min-height:40px;
  line-height: 40px;
	width:50%;
	text-transform:uppercase;
}

.uk-button-submit:hover,
.uk-button-submit:focus {
	color: #3a3734 !important;
 	border-color: #3a3734;
  background: #ffffff;
}

.uk-button-primary:not(.uk-button-link)::before {
 	background: #3a3734;
 }

a.uk-button-primary,
.uk-button-primary {
	font-family: 'DINSchrift-Alt', Helvetica, Arial, sans-serif;
  color: #3a3734 !important;
	text-transform:uppercase;
  padding: 0 20px;
  border: 1px solid #3a3734;
}

.uk-button-primary:hover,
.uk-button-primary:focus {
	color: #ffffff !important;
 	border-color: #3a3734;
  background: #3a3734;
}

[class*=" icon-"] {
	position:relative;
	top:1px;
}

.uk-h1 {
	font-size: 36px;
	text-align:left;
}

.uk-h2 {
	font-size: 32px;
}

.uk-h3 {
  font-size: 28px;
	color:#fff;
}

.uk-h4 {
	font-size: 20px;
	color: #908c89;
}

.uk-article-lead {
	font-family: 'TextaAlt-Medium', Helvetica, Arial, sans-serif;
	font-size:18px;
	color: #3a3734;
	line-height:1.2;
	letter-spacing: 0.2px;
}

.large {
	font-size:40px;
}

.uk-margin-top-medium {
	margin-top:25px !important;
}

.uk-flex {
	display: -webkit-box;      
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.uk-flex-center {
	-webkit-box-pack: center; /* justify-content */
	-webkit-box-align: center; /* align-items */   
	-webkit-justify-content: center;
}

.uk-flex-middle {
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
}

.uk-modal {
	z-index: 99999;
	background: rgba(0, 0, 0, 0.8);
}

.uk-modal-caption {
	text-transform:uppercase;
	font-size:18px;
}

a.uk-close { 
	color:#000;
	font-weight: bold;
	text-decoration:none;
}

.uk-modal-dialog > .uk-close:first-child {
	position: absolute;
	top: -12px;
	right: -12px;
	margin: 0;
	float: none;
	padding: 2px;
	border-radius: 50%;
	background: #ffffff;
	line-height: 20px;
	border:1px solid #ccc;
	z-index:9999;
}

a.findus {
	display: inline-block;
	opacity:1;
}

a.findus img {
	margin-bottom:5px;
}

a.findus:hover {
	opacity:0.5;
}

a.uk-close { 
	color:#000 !important;
	font-weight: bold;
}

/* Backgrounds --------------------------------- */
.uk-block-primary {
	background: #ffffff;
}

.home .tm-block-top-c.uk-block-secondary {
	background: #c2d34a;
}

.uk-block-secondary {
	background: #1d252c;
}

.uk-block-muted {
	background: #a7a5a6;
}

.home .tm-top-b .uk-container {
	padding: 0 !important;
}

.home .uk-overlay-background {
	background: rgba(41, 48, 55, 0.95);
}

.home .uk-overlay-panel {
	color: #ffffff !important;
	text-transform:uppercase;
}

.projects .tm-main {
	padding-left:0 !important;
	padding-right:50px !important;
}

.projects .project-title .uk-h2 {
	font-family: 'TextaAlt-Black', Helvetica, Arial, sans-serif;
	font-size: 24px;
	text-align:center;
	color: #908c89 !important;
}

.projects .tm-sidebar-a .uk-panel {
	padding-right:35px;
}

.projects .tm-sidebar-a .title {
	font-family: 'TextaAlt-Black', Helvetica, Arial, sans-serif;
	color: #908c89;
	text-transform: uppercase;
	padding:25px 0;
}

.projects .uk-thumbnav {
	margin-top:-15px;
	margin-left: -3px;
}

.projects .uk-thumbnav > * {
	padding-left: 3px;
	margin-top:3px;
}

.projects .uk-thumbnav > * > * > img {
  opacity: 1;
}

.uk-thumbnav > .uk-active > * > img,
.projects .uk-thumbnav > * > :hover > img, 
.projects .uk-thumbnav > * > :focus > img {
  opacity: 0.5;
}

.projects .bottomleft {
	display:inline-block;
	float:left;
}

.projects .bottomleft .title {
	font-family: 'TextaAlt-Black', Helvetica, Arial, sans-serif;
	color: #d9531e;
	text-transform: uppercase;
	font-size: 32px;
	line-height:1;
}

.projects .bottomleft .content {
	font-family: 'TextaAlt-Black', Helvetica, Arial, sans-serif;
	color: #908c89;
	text-transform: uppercase;
	font-size: 32px;
	line-height:1;
}

.projects .bottomright {
	text-align:right;
	float:right;
}

.projects .bottomright a {
	display:block;
}

.projects .tm-content + .tm-main-bottom {
 	padding-top: 15px !important;
}

.tm-footer {
	color:#ffffff;
	font-size:14px;
}

.tm-footer .uk-grid + .uk-grid {
	margin-top:25px;
}

/* Navigation -------------------------------------- */
.tm-navbar-container {
	left:167px;
	right:0;
	position: absolute;
  z-index: 1;
	top:10px;
	max-width: 753px;
	margin-left: auto;
	margin-right: auto;
} 

.tm-navbar {
	float:right;
}
 
.uk-navbar-nav > li > a {
 	font-family: 'DINSchrift-Alt', Helvetica, Arial, sans-serif;
	font-size:18px;
	color: #ffffff;
}

.uk-navbar-nav > li > a:hover,
.uk-navbar-nav > li > a:focus,
.uk-navbar-nav > li > a:active,
.uk-navbar-nav > li.uk-active > a {
	color:#d9531e;
}

.uk-navbar-nav > li > a::before {
	background: none;
}

.projects .uk-nav-side {
	display: inline-block;
	padding:25px 0;
	margin-left:17.1%;
}

.projects .uk-nav-side > li > a {
	font-family: 'DINSchrift-Alt', Helvetica, Arial, sans-serif;
	font-size: 20px;
	color: #c0bfbd;
}

.projects .uk-nav-side > li {
	float: left;
	padding-left:15px;
	padding-right:15px;
	border-right:1px solid #c0bfbd;
}

.projects .uk-nav-side .uk-nav-header {
	font-family: 'DINSchrift-Alt', Helvetica, Arial, sans-serif;
	font-size: 20px;
	color: #3a3734;
	padding-left:0;
	border-right:none !important;
}

.projects .uk-nav-side > li > a:hover,
.projects .uk-nav-side > li > a:focus, 
.projects .uk-nav-side > li > a:active, 
.projects .uk-nav-side > li.uk-active > a {
	color: #3a3734;
}

.contact .tm-block-main {
	display:none;
}

/* Inputs ------------------------------------------ */
.rscontact {
	width:75%;
}

.rscontact form {
	margin:0;
}

.rscontact .uk-grid {
	margin:0 auto;
}

.rscontact .uk-grid > * {
	padding:0 5px;
}

.rscontact span#mod-rscontact-counter-157 {
	display:none;
}

.rscontact textarea {
	height:75px;
}

input[type="text"].uk-search-field {
	border:none;
	background-color: rgba(0,0,0,0);
}

input, textarea, select, button {
	font-family: 'TextaAlt-Heavy', Helvetica, Arial, sans-serif;
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    height: 40px;
    line-height: 40px;
    color: #1a1a1a;
    border-width: 0 0 1px 0;
}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    background-color: rgba(255,255, 255, 1);
    border: 1px solid #686158;
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
  height: 40px;
	text-transform:uppercase;
  line-height: 40px;
  color: #686158;
	margin-bottom:10px;
}

select:focus, 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 {
    box-shadow: none;
    border-color: #686158;
    outline: 0;
    background: rgba(255,255, 255, 1);
}

/* Other ------------------------------------------- */
.tm-totop-scroller {
    position: relative;
}

.tm-navbar-left {
	right: 0px !important;
	left: auto !important;
 }

.uk-navbar-toggle {
 	font-size: 24px;
 	color: #ffffff;
	margin-top: 15px;
}

/* Media / Responsive Queries -------------------- */
@media only screen and (min-width : 1824px) {

}

@media (min-width: 1025px) {

}

@media (min-width: 767px) and (max-width: 1025px) {

}

@media (max-width: 767px) {
	
	.home-banner img {
		width:95%;
	}
	
	.home .tm-top-c .uk-cover-background {
    background-position: 63% 50%;
	}
	
	.now-selling {
		padding:30px 30px;
		text-align:left !important;
	}
	
	.now-selling p {
		font-family: 'TextaAlt-Heavy', Helvetica, Arial, sans-serif;
		font-size: 36px;
		text-transform:uppercase;
		color:#ffffff;
		line-height:1;
	}
	
	.now-selling p span {
		display:block;
		font-size: 28px;
		line-height:1;
	}
	
	.orangebars:before,
	.orangebars:after {
    width: 25%;
	}
	
	.about-banner a,
	.contact-banner a,
	.projects-banner a {
		left:30px;
	}
	
	.projects .uk-nav-side {
		display: inline-block;
		padding:25px 0;
		margin-left:0%;
	}
	
	.projects .uk-nav-side .uk-nav-header,
	.projects .uk-nav-side > li > a {
		font-size:16px;
	}
	
	.projects .tm-main {
    padding-left: 0 !important;
    padding-right: 0 !important;
	}
	
	.projects .tm-block-main .uk-container {
		padding:0;
		padding-left:30px;
	}
	
	.projects .bottomleft {
			width:100%;
	}

	.projects .bottomleft p {
		padding:  0 30px;
	}
	
	.projects .bottomright {
		width:100%;
		text-align: center;
	}
		
	.projects .bottomright a {
		display: inline-block;
		margin:15px 5px;
	}
	
	.rscontact {
		width:100%;
	}
	
}

@media (max-width: 480px) {
	.home .tm-block-top-b .uk-container {
		padding:0 !important;
	}
	
	.home .tm-top-b .uk-article-lead {
		padding-left: 30px;
		padding-right: 30px;
	}
	
	.width-small-1-1 {
		width:100% !important;
	}
}