@charset "utf-8";
/* CSS Document */
/*globals */
body {
font-family: 'Muli', sans-serif;
font-weight: 400;
color: #666;		
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Poiret One', cursive;
font-weight: 400;	
}

.rowgrey {
	background-color: #EEE;
	padding-top: 30px;
	padding-bottom: 30px;
}
.rowwhite {
	background-color: white;
	padding-top: 30px;
	padding-bottom: 30px;
}

.rowpadd {
	padding-top: 30px;
	padding-bottom: 30px;
}

.logo img {
	max-height: 130px;
}

/*nav */
.top-bar-section li a, .top-bar-section li {
	-webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; 
}

.top-bar, .top-bar-section li{
	background-color: transparent !important;
}
.top-bar-section ul li a:link, .top-bar-section ul li a:visited {
	background-color: transparent !important;
	border-radius: 0px 0px 3px 3px;
	-moz-border-radius: 0px 0px 3px 3px;
	-webkit-border-radius: 0px 0px 3px 3px;
	color: #666;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #EEE;
	border-bottom-color: #EEE;
	border-left-color: #EEE;
}
.top-bar-section ul li {
	margin-right: 3px !important;
}
.top-bar-section ul li:hover {
	padding-top: 3px;
}
.top-bar-section ul li a:hover, .top-bar-section ul li a:active, .top-bar-section ul li a:focus {
	background-color: #F8F8F8 !important;
	color: #666 !important;
}

.top-bar .toggle-topbar.menu-icon a span::after {
    box-shadow: 0 0 0 1px #666, 0 7px 0 1px #666, 0 14px 0 1px #666;
	
}

.top-bar .toggle-topbar .menu-icon a:link, .top-bar .toggle-topbar .menu-icon a:visited, .top-bar .toggle-topbar a{
	color: #666 !important;
}

.top-bar.expanded .title-area {
    background-color: #fff !important;
}
.name {
	padding-top: 11px;
}

/*hero */



.slickslide1 .row, .slickslide2 .row, .slickslide3 .row {
	background-color: transparent !important;
	min-height: 500px;
	max-height: 690px;
	position: relative;
}

.slickslide1 {
	background-attachment: scroll;

	background-repeat: no-repeat;
	background-position: center top;	
	background-size: 100%;
}
.slickslide2 {
	background-attachment: scroll;

	background-repeat: no-repeat;
	background-position: center top;	
	background-size: 100%;
}
.slickslide3 {
	background-attachment: scroll;

	background-repeat: no-repeat;
	background-position: center top;	
	background-size: 100%;
}

#fadein1, #fadein2, #fadein3 {
	background-color: rgba(255,255,255,0.8);
	text-align: left;
	padding: 10px;
	z-index: 10;
	position: absolute;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 2px solid rgba(255,255,255,1);
}


#fadein1 {
	left: 0%;
	top: 40px !important;
	width: 70%;
}
#fadein2 {
	left: 0%;
	top: 40px !important;
	width: 70%;
}
#fadein3 {
	left: 65%;
	top: 40px !important;
	width: 100%;
}
.fadeout {
	opacity: 0;
	-webkit-transition: opacity 0.1s ease-in;
	transition: opacity 0.1s ease-in;
}

.fadein {
	
	-webkit-transition: opacity 0.5s ease-in, transform 0.8s ease-in;
	transition: opacity 0.5s ease-in, transform 0.8s ease-in;
	opacity: 1;
	-webkit-transform: translateX(30px);
	-ms-transform: translateX(30px);
	transform: translateX(30px);
}

.forsale {
	color: #FFF;
	background-color: #999;
	margin: 0px;
	width: 100%;
	border-radius: 0px 0px 4px 4px;
	-moz-border-radius: 0px 0px 4px 4px;
	-webkit-border-radius: 0px 0px 4px 4px;
	padding-top: 3px;
	padding-right: 8px;
	padding-bottom: 3px;
	padding-left: 8px;
}

.forsale a:link, .forsale a:visited {
	float: right;
	color: #FFF !important;
}

.email2 {
	display: none;
}
legend {
	margin-left: auto;
	margin-right: auto;
	width: 30%;
	text-align: center;
	padding: 8px;
	border: solid 1px #333;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
fieldset {
		border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	background-color: #F8F8F8;
}

input, textarea{
	width: 80% !important;
}

form .button {
	width: 40% !important;
}
footer {
 padding-top: 30px;
 padding-bottom: 30px;	
}
/* Medium Screens */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	
.slickslide1 .row, .slickslide2 .row, .slickslide3 .row {
	min-height: 325px;
	max-height: 386px;
}
.heroslider h1 {
	font-size: 180%;
}
.heroslider h2, .heroslider h3 {
	font-size: 150%;
}

#fadein1 {
	left: 0%;
	top: 15px !important;
	width: 40%;
}
#fadein2 {
	left: 0%;
	top: 15px !important;
	width: 45%;
}
#fadein3 {
	left: 40%;
	top: 15px !important;
	width: 50%;
}
	
	 
} /* min-width 641px and max-width 1024px */
	 
/* small */	 
@media only screen and (max-width: 40em) {
	
.slickslide1 .row, .slickslide2 .row, .slickslide3 .row {
	min-height: 185px;
	max-height: 586px;
}
.heroslider h1 {
	font-size: 180%;

	padding: 5px;
	margin: 0px !important;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-bottom: solid 1px #eee;
}
.heroslider h2, .heroslider h3 {
	font-size: 150%;
}

.slickslide1, .slickslide2, .slickslide3{
	background-image: none;
}


	#fadein1, #fadein2, #fadein3 {
	left: 0px;
	top: 0px !important;
	width: 100%;
	position: inherit;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border: none;
	background-clip: white;
	
	
	}
	
.fadein {
	-webkit-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform: translateX(0px);
}	
.top-bar-section ul li:hover {
	padding-top: 0px;
}	
legend {
	margin-left: auto;
	margin-right: auto;
	width: 90%;
}	
	
	 }