/*
Theme Name: Prestige Homes
Author: Fuck Yeah! Media
Description: Custom Wordpress theme for Prestige Homes
Version: 1.0
*/

html {
	font-size: 62.5%;
}
body {
	overflow-x: hidden;
}
html, body, h1, h2, h3, h4, h5, h6, p, ul, li, dt, dd, dl {
	font-family: 'Roboto', sans-serif;
	line-height: 1.4;
	color: rgba(85,86,87,1);
	margin-top: 0;
}
h1 {
	font-size: 3rem;
	letter-spacing: 2px;
}
h2 {
	font-size: 3.2rem;
	margin-bottom: 1rem;
	letter-spacing: 2px;
}
h3 {
	font-size: 2.6rem;
	margin-bottom: 2rem;
	font-weight: 300;
	text-transform: uppercase;
}
h4 {
	font-size: 2rem;
}
p, li {
	font-family: 'Roboto', sans-serif;
	font-size: 1.5rem;
	font-weight: 300;
	margin-bottom: 1rem;
}
p.copyright {
	font-size: 1.2rem;
	margin-bottom: 0;
	text-transform: uppercase;
}
p.tagline {
	font-style: italic;
}
a {
	color: rgba(5,159,209,1);
}
a, a:hover, a:active, a:focus {
	text-decoration: none;
	-webkit-transition: all 0.5s ease-in-out;
  	-moz-transition: all 0.5s ease-in-out;
  	-o-transition: all 0.5s ease-in-out;
  	transition: all 0.5s ease-in-out;
}
.btn {
	background: rgba(9,9,9,1);
	padding: 1rem;
	text-align: center;
	text-transform: uppercase;
	font-size: 2rem;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
	color: rgba(255,255,255,1);
	border: none;
	border-radius: 5px;
} 
.btn:hover {
	color: rgba(5,159,209,1);
}
ul {
	list-style-type: none;
	margin: 0;
}
ul:after {
	display: block;
	content: "";
	clear: both;
}
.clear {
	clear: both;
}
.row {
	max-width: 120rem;
}
.center {
	text-align: center;
}
img.alignright { 
	float: right; margin: 0 0 15px 15px; 
}
img.alignleft { 
	float: left; margin: 0 15px 15px 0; 
}
img.aligncenter { 
	display: block; margin-left: auto; margin-right: auto; 
}
.alignright { 
	float: right; 
}
.alignleft {
	float: left; 
}
.aligncenter {
	display: block; margin-left: auto; margin-right: auto; 
}
.columns {
	padding-left: 2rem;
	padding-right: 2rem;
}
.nopad {
	padding: 0rem;
}
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
	height: auto;
	font-size: 1.6rem;
	padding: 1rem;
	margin-bottom: 1rem;
	color: rgba(0,0,0,1);
	background: transparent;
	border: 1px solid rgba(0,0,0,0.1);
	box-shadow: none;
	width: 100%;
}
input[type="submit"] {
	width: 100%;
	text-align: center;
	font-size: 1.8rem;
}
::-webkit-input-placeholder {
    color: black !important;
    opacity: 0.5 !important;
}
:-moz-placeholder {
    color: black !important;
    opacity: 0.5 !important;
}
::-moz-placeholder {
    color: black !important;
    opacity: 0.5 !important;
}
:-ms-input-placeholder {
    color: black !important;
    opacity: 0.5 !important;
}
#up {
	position: fixed;
	right: 2rem;
	bottom: 10%;
	border: 1px solid rgba(5,159,209,1);
	background: rgba(255,255,255,0.2);
	border-radius: 100%;
	padding: 1rem;
	z-index: 999;
}
#up a {
	color: rgba(5,159,209,1);
}
#footer-main {
	background: rgba(58,64,78,1);
	border-top: 1px solid rgba(0,0,0,0.15);
	padding: 2rem;
	border-top: 10px solid rgba(38,44,58,1);
}
#footer-main p {
	color: rgba(255,255,255,1);
}
footer.contact {
	font-size: 2rem;
	padding: 2rem;
	text-align: center;
}
footer.contact h4 {
	text-transform: uppercase;
	font-weight: 300;
	letter-spacing: 2px;
	margin-bottom: 1rem;
}
#page, #home-content {
	background: rgba(255,255,255,1);
}
#slider {
	padding-top: 7rem;
}
.slider {
	margin-top: 10rem;
}
.page-head {
	width: 100%;
	padding: 6rem 3rem;
	text-align: center;
	position: relative;
}
.page-head::before {
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.7);
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.page-head h2 {
	color: rgba(255,255,255,1);
}
input[type="number"] {
	width: auto;
}
.product-body {
	padding-top: 3rem;
	padding-bottom: 3rem;
}
.flexslider {
	border-radius: 0;
	border: none;
	margin-bottom: 0;
}
.wrapper-600 {
	max-width: 60rem;
	margin: 0 auto;
}

/*

MENU STUFF

*/

ul {
	padding-left: 0;
}
.nav-big {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: rgba(57,62,76,1);
	background: url('img/bg-header.jpg') center center;
	background-size: cover;
	z-index: 99;
	padding: 0 2rem;
}
.nav-big ul {
	float: right;
	-webkit-transition: all 0.25s ease-in-out;
  	-moz-transition: all 0.25s ease-in-out;
  	-o-transition: all 0.25s ease-in-out;
  	transition: all 0.25s ease-in-out;
  	padding-top: 2rem;
}
.nav-big ul li {
	font-size: 1.3rem;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 1px;
	-webkit-transition: all 0.25s ease-in-out;
  	-moz-transition: all 0.25s ease-in-out;
  	-o-transition: all 0.25s ease-in-out;
  	transition: all 0.25s ease-in-out;
  	float: left;
}
.nav-big li a {
	color: rgba(255,255,255,1);
	text-shadow: 1px 1px 0px rgba(0,0,0,0.2);
	padding: 1rem;
	display: block;
}
.nav-big li a:hover,
.nav-big li a:focus {
	color: rgba(5,159,209,1);
}
.nav-big .sub-menu {
	display: none;
	position: absolute;
	background: rgba(0,0,0,0.2);
	padding: 2rem;
}
.nav-big li.current-menu-item a {
	color: rgba(5,159,209,1);
}
.menu-item-has-children:hover .sub-menu {
	display: block;
}
.sub-menu li {
	list-style-type: none;
	margin-bottom: 1rem;
}
.show {
	display: block;
}
.name {
	text-transform: uppercase;
	color: rgba(255,255,255,1);	
	font-weight: 400;
	border-bottom: 3px solid rgba(255,255,255,1);
	border-top: 3px solid rgba(255,255,255,1);
	padding: 0.05rem 1rem;
	font-family: 'Oswald';
	letter-spacing: 3px;
}
h1.name {
	float: left;
	margin-right: 3rem;
	margin-bottom: 0;
}
h4.name {
	max-width: 10rem;
	margin-left: auto;
	margin-right: auto;
}
.flex-control-nav {
	bottom: 2rem;
}
img.logo {
	float: left;
	-webkit-transition: all 0.6s ease-in-out;
  	-moz-transition: all 0.6s ease-in-out;
  	-o-transition: all 0.6s ease-in-out;
  	transition: all 0.6s ease-in-out;
  	max-width: 30rem;
}
/*

MOBILE MENU STUFF

*/
.nav-mob {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: rgba(0,0,0,1);
	background: url('img/bg-header.jpg') center center repeat;
	padding: 2rem;
	height: 100%;
	overflow-y:auto;
	z-index: 3;
}
.cliick {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 4;
}
.nav-mob li {
	display: block;
	text-align: center;
	float: none;
	font-size: 2rem;
	border-bottom: 1px solid rgba(255,255,255,0.1);
	padding-bottom: 0.5rem;
	margin-bottom: 0.5rem;
	text-transform: uppercase;
	letter-spacing: 2px;
}
.nav-mob li a {
	color: rgba(255,255,255,1);
}
.nav-mob .sub-menu li {
	border-bottom: 0px;
	font-size: 1.5rem;
	margin-bottom: 0.25rem;	
	text-transform: capitalize;
}
.fa-bars {
	background: rgba(5,159,209,1);
	padding: 1.5rem;
	color: rgba(255,255,255,1);
	cursor: pointer;
}
#home-news li {
	margin-bottom: 5rem;
}
.title {
	max-width: 100%;
	padding: 0 1rem;
	margin: 0 auto 2rem auto;
	color: rgba(44,62,80,1);
	text-transform: uppercase;
}
.title h3 {
	margin-bottom: 0;
	color: rgba(5,159,209,1);
}
.title h3:before {
	display: block;
	content: "";
	padding-top: 0.5rem;
	max-width: 75%;
	background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(5,159,209,1)), to(transparent)); 
	background-image: -webkit-linear-gradient(left, rgba(5,159,209,1), transparent); 
	background-image: -moz-linear-gradient(left, rgba(5,159,209,1), transparent); 
	background-image: -o-linear-gradient(left, rgba(5,159,209,1), transparent);
	margin-bottom: 1rem;
}
#home-news li:first-child .title h3:before {
	display: none;
}
.hover-up a > img,
.hover-up a:hover > img {
	-webkit-transition: all 0.25s ease-in-out;
  	-moz-transition: all 0.25s ease-in-out;
  	-o-transition: all 0.25s ease-in-out;
  	transition: all 0.25s ease-in-out;
}
#hover-up-home {
	background: url('img/black_paper.png') repeat;
	padding: 2rem 0;
	margin-bottom: 5rem;
}
#hover-up-home .row {
	max-width: 100%;
}
#hover-up-home h3 {
	margin-bottom: 0;
	text-transform: uppercase;
	font-weight: 300;
	letter-spacing: 2px;
}
#hover-up-home a h3 {
	color: rgba(255,255,255,1);
	display: block;
	width: 100%;
}
#hover-up-home a:hover > h3 {
	color: rgba(5,159,209,1);
}
#hover-up-home .columns {
	margin-bottom: 3rem;
}
.row .row-100 {
	max-width: 100%;
}
.page-top-image {
	width: 100%;
	min-width: 100%;
}
.page-top-image img {
	width: 100%;
	height: auto;
}
.row-music {
	padding-bottom: 5rem;
}
.row-music img {
	max-width: 25rem;
}
.row-music .columns {
	margin-bottom: 1rem;
}
.feature-image {
	margin-bottom: 2rem;
}
.buy-now {
	margin-top: 2rem;
	text-align: center;
}
.album-covers li {
	max-width: 20rem;
	margin: 0 auto;
	padding: 1rem;
}
ul.videos {
	padding: 2rem;
	max-width: 90rem;
	margin: 0 auto;
}
.mobile-header-img {
	position: relative;
	z-index: 0;
}
.mobile-header-img h2 {
	position: absolute;
	top: 10rem;
	left: 50%;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
}
.filter-bw {
	-webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.render {
	background: url('img/bg-wall.png') repeat fixed;
}
#top-testimonial {
	background: url('img/bg-wall.png') repeat fixed;
	text-align: center;
	padding: 5rem 2rem;
}
.testimonial-quote {
	font-weight: 700;
	font-size: 2rem;
}
.testimonial-name {
	font-style: italic;
	font-size: 1.8rem;
}
.wrapper-relative {
	position: relative;
	width: 100%;
	height: 100%;
}
/*.vertical-center {
	position: absolute;
	top: 50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	width: 100%;
}*/
.wrapper-relative img {
	min-width: 100%;
	height: auto;
}
.width-300 {
	max-width: 60rem;
	margin:0 auto;
	text-align: center;
	padding: 5rem 2rem;
}
.width-300 p {
	font-size: 1.6rem;
}
#statement-1 h2 {
	color: rgba(60,60,60,1);
	font-size: 4rem;
	font-weight: 300;
	text-align: center;
	margin-bottom:2rem;
}
#statement-2 h3 {
	font-size: 3.2rem;
	font-weight: 300;
	text-align: center;
}
.list-testimonials {
	text-align: center;
	margin: 0 auto;
}
.list-testimonials li {
	padding: 0 2rem;
}
.list-testimonials li:after {
	display: block;
	content: "";
	max-width: 30rem;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	margin: 0 auto;
	padding-top: 6rem;
	margin-bottom: 6rem;
}
.list-testimonials p {
	max-width: 60rem;
	margin: 0 auto 1rem auto;
	text-align: justify;
}
.testimonials-title {
	font-weight: 700;
	color: rgba(62,68,82,1);
}
.pull-out-quote p {
	font-size: 3rem;
	font-weight: 700;
	text-align: center;
	color: #ccc;
}
.pull-out-quote p:before {
	content:'" ';
}
.pull-out-quote p:after {
	content:' "';
}
.quotation-marks {
	font-size: 5rem;
	color: #ccc;
}
.gallery-item, .zoom {
	overflow: hidden;
}
.gallery-item img,
.zoom img {
	-webkit-transition: all 0.4s ease;
  	-moz-transition: all 0.4s ease;
  	-o-transition: all 0.4s ease;
  	transition: all 0.4s ease;
}
.gallery-item:hover img,
.zoom:hover img {
	-webkit-transform:scale(1.1) rotate(0.1deg);
	-ms-transform:scale(1.1) rotate(0.1deg);
	transform:scale(1.1) rotate(0.1deg);
	-webkit-filter:brightness(60%) grayscale(100%);
	filter:brightness(60%) grayscale(100%);
	
}
.gallery:after {
	display: block;
	content: "";
	clear: both;
	margin-bottom: 2rem;
}
.pull-out {
	margin: 5rem auto;
	padding: 5rem;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	font-size: 3rem;
	font-weight: 700;
	text-align: center;
	color: #ccc;
}
hr {
	border: 1px solid #ddd;
	margin: 2rem auto;
}
.list-bullet {
	text-align: center;
	margin: 0 auto;
}
.list-bullet li  {
	list-style-type: disc;
	margin-left: 1rem;
	margin-bottom: 0.5rem;
	/*font-size: 1.2rem;*/
}
#home-pics img {
	max-width: 30rem;
	padding: 1rem;
}

.title {
	text-align: center;
	text-transform: uppercase;
	font-weight: 300;
	margin:2rem 0;
}
.the-content {
	padding: 2rem;
}
.contact-info p {
	text-align: center;
}
#menu-social-icons li {
	display: inline-block;
}
#menu-social-icons li a {
	display: block;
	font-size: 3rem;
	width: 5rem;
	height: 5rem;
	text-align: center;
	border: 1px solid rgba(5,159,209,1);
	border-radius: 50%;
	padding: 0.8rem;

}
#menu-social-icons li a:hover {
	background: rgba(5,159,209,1);
	color: rgba(255,255,255,1);
}











@media only screen and (min-width: 641px) {
	.page-content {
		padding-top: 7rem;
	}
	#home-news li {
		margin-bottom: 10rem;
	}
	#footer-main {
        width: 100%;
    }
    .hover-up a:hover > img {
		transform:translateY(-4rem);
		-webkit-transform:translateY(-4rem);
	}
	#hover-up-home .columns {
		margin-bottom: 0rem;
	}
	.feature-image {
		margin-bottom: 0rem;
	}
	.row-music img {
		max-width: 100%;
	}
	.row-music .columns {
		margin-bottom: 0rem;
	}
	.album-covers li {
		width: 25%;
		float: left;
		padding: 1rem;
		max-width: 100%;
	}
	.buy-now {
		margin-top: 5rem;
		text-align: left;
	}
	.list-testimonials li .pull-out-quote {
		width: 50%;
		display: inline-block;
	}
	.list-testimonials li .main-quote {
		width: 50%;
		display: inline-block;
	}
	.list-testimonials li:nth-child(even) .pull-out-quote {
		float: right;
	}
	.list-testimonials li:nth-child(odd) .pull-out-quote {
		float: left;
	}
	.gallery-item {
		float: left;
		width: 25%;
		padding: 0;
		margin: 0;
	}
	.vertical-center {
		position: absolute;
		top: 50%;
		transform:translateY(-50%);
		-webkit-transform:translateY(-50%);
		width: 100%;
	}
	#statement-1 h2 {
		color: rgba(255,255,255,1);
		text-shadow:1px 1px 3px rgba(0,0,0,0.3);
	}
	#statement-2 h3 {
		right: 2rem;
		max-width: 30rem;
		text-align: right;
	}
	#home-pics {
		padding: 5rem 0;
	}
	#home-pics img {
		max-width: 100%;
	}
	.main-content {
		padding: 0 2rem 5rem 2rem;
	}
	.title {
		margin:5rem 0;
	}
	.the-content {
		columns:2;
		-moz-columns:2;
		-webkit-columns:2;
		column-gap:4rem;
		-moz-column-gap:4rem;
		-webkit-column-gap:4rem;

	}
	.contact-info p {
		text-align: right;
	}

}


@media only screen and (min-width: 1070px) {
	.mail {
		font-size: 3rem;
	}
}


	@media only screen and (min-width: 1024px) {
	#statement-1 h2 {
		right: 2rem;
		color: rgba(255,255,255,1);
		max-width: 50rem;
		font-size: 4rem;
		font-weight: 300;
		text-align: right;
		margin-bottom:0;
		text-shadow:1px 1px 3px rgba(0,0,0,0.3);
	}
	.vertical-center-large {
		position: absolute;
		top: 50%;
		transform:translateY(-50%);
		-webkit-transform:translateY(-50%);
		width: 100%;
	}
	.list-bullet {
		text-align: left;
	}
	.width-300 {
		max-width: 30rem;
		margin:0 auto;
		text-align: left;
		padding: 0;
	}
	.width-300 p {
		font-size: 1.4rem;
	}

}