/* 
  -----------------------------------
  PVII Vanilla
  by Project Seven Development
  www.projectseven.com
  Custom CSS
  -----------------------------------
*/

/* Add your Exception and Custom Rules Here*/

/*Media Query for all devices at screen/browser widths of 700px or less*/
@media only screen and (min-width: 0px) and (max-width: 1200px) {
/*Add rules here*/

#layout-container {
	margin: auto;
	padding-top: 100px;
}
#masthead-right {
	display:none;
}


#home {
	clear: both;
	background-image: url(../images/image1a.jpg);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center center;
	width: 75%;
	height: 75%;
}

.home_background {
	min-height: 500px;
}
p {
	font-size: 1.5em;
	line-height: 1.5em;
	color: #666;
}

#home2 .home2_background .home2_transparency .max-1280.sidebar-none .vanilla-row .column-group.max-100 h2 {
	padding-top: 1em;
	padding-left: 1em;
	padding-right: 1em;
}

#footer {
	background-color: #151515;
	color: #BBB;
	box-sizing: border-box;
	border-radius: 0px 0px 0px 0px;
	font-size: 1.5em;
	text-align: center;
	clear: both;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 30px;
}

}

/*Media Query for smartphones*/
@media only screen and (max-device-width: 480px) {
	/*Add rules here*/
#layout-container {
	margin: auto;
	padding-top: 100px;
}

#masthead-right {
	display:none;
}	

#home {
	clear: both;
	background-image: url(../images/image1a.jpg);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center center;
	width: 50%;
	height: 50%;
}

.home_background {
	min-height: 400px;
}

p {
	font-size: 1.5em;
	line-height: 1.25em;
	color: #666;
}

#footer {
	background-color: #151515;
	color: #BBB;
	box-sizing: border-box;
	border-radius: 0px 0px 0px 0px;
	font-size: 1.5em;
	text-align: center;
	clear: both;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 30px;
}
}

/*Media Query for smartphones in landscape mode*/
@media only screen and (max-device-width: 480px) and (orientation : landscape) {
/*Add rules here*/

#home .columns-container.max-none .centered_h1 .centered_h1_transparency p {
	display:none;
}

#home {
	clear: both;
	background-image: url(../images/image1a.jpg);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center center;
	width: 40%;
	height: 40%;
}

.home_background {
	min-height: 300px;
}

#footer {
	background-color: #151515;
	color: #BBB;
	box-sizing: border-box;
	border-radius: 0px 0px 0px 0px;
	font-size: 1.5em;
	text-align: center;
	clear: both;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 30px;
}
p {
	font-size: 1.5em;
	line-height: 1.25em;
	color: #666;
}

}
a[href^="tel"] {
  color: inherit; /* Inherit text color of parent element. */
  text-decoration: none; /* Remove underline. */
  /* Additional css `propery: value;` pairs here */
}


.phone {
	padding-right: 6em;
	padding-left: 6em;
	padding-bottom: 1em;
	padding-top: 1em;
	color: #FFF;
}
.pagelink-white  {
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
}
.pagelink-white a {
	font-weight: bold;
	color: #FF0;
	text-decoration: none;
}
.pagelink-dark  {
	font-weight: bold;
	color: #666;
	text-decoration: none;
}
.pagelink-dark a {
	font-weight: bold;
	color: #666;
	text-decoration: none;
}


.logo img {
	padding-right: 1em;
	padding-left: 1em;
	padding-top: .5em;
	padding-bottom: 0.5em;
}
.logo {
	padding-right: 1em;
}

p {
	font-size: 1.3em;
	line-height: 1.5em;
	color: #666;
	padding-right: 1em;
	padding-left: 1em;
}
#home {
	width: 100%;
	max-height: 750px;
	background-color: #000;
}


.home_background {

}
#home2 p {
	font-size: 1.25em;
	font-weight: 400;
	color: #333;
}
#home2 h2 {
	font-weight: 400;
	padding-top: 1em;
}

#home2 {
	clear: both;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #000;
	width: 100%;
	min-height: 400px;
}

.home2_background {
	background-attachment: fixed;
	background-repeat: repeat;
	background-position: center center;
	background-image: url(../images/backgrounds_page/background_fabric.jpg);
}
.home2_transparency {
	background-color: rgba(255,255,255,.50);
	background-attachment: scroll;
}
#home2 .home2_background .home2_transparency .max-1280.sidebar-none .vanilla-row .column-group.max-100 h2 {
	padding-top: 1em;
}
#web-home {
	clear: both;
	min-height: 400px;
	background-color: #000;
}

#web-home .background {
	clear: both;
}
#web-home .background .transparency {
	clear: both;
}
#web-home h2 {
	color: #E5E4E2;
	padding-top: 1em;
}
#web-home p {
	color: #E5E4E2;
}

#matterport-home {
	clear: both;
	min-height: 3px;
	background-color: #E5E4E2;
}
#matterport-home .background {
	clear: both;
}
#matterport-home .background .transparency {
	clear: both;
}
#floorplans-home {
	clear: both;
	min-height: 400px;
	background-color: #000;
	padding-top: 1em;
}

#floorplans-home .background {
	clear: both;
}
#floorplans-home .background .transparency {
	clear: both;
}
#floorplans-home h2 {
	color: #E5E4E2;
}
#floorplans-home p {
	color: #E5E4E2;
}
#talk {
	width: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: scroll;
	background-image: url(../images/runner-bottom.jpg);
	background-repeat: repeat;
	background-position: center center;
	border-bottom-width: medium;
	border-bottom-color: #F00;
	clear: both;
	border-top-width: medium;
	border-top-style: solid;
	border-top-color: #F00;
	border-bottom-style: solid;
  }
#talk .background {
	margin-right: auto;
	margin-left: auto;
	background-repeat: repeat;
	clear: both;
}
#talk .transparency{
	background-color: rgba(0,0,0,.70);
	clear: both;
}
#talk h1 {
	color: #CCC;
	font-size: 2.5em;
	font-weight: bold;
}
#talk2 {
	width: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: scroll;
	background-image: url(../images/runner-bottom-light.jpg);
	background-repeat: repeat;
	background-position: center center;
	border-bottom-width: medium;
	border-bottom-color: #F00;
	clear: both;
	border-top-width: medium;
	border-top-style: solid;
	border-top-color: #F00;
	border-bottom-style: solid;
  }
#talk2 .background {
	margin-right: auto;
	margin-left: auto;
	background-repeat: repeat;
	clear: both;
}
#talk2 .transparency{
	background-color: rgba(255,255,255,.65);
	clear: both;
}
#talk2 h1 {
	color: #333;
	font-size: 2.5em;
	font-weight: bold;
}
#websites {
	clear: both;
	min-height: 3px;
	background-color: #FFF;
}
#websites .background {
	clear: both;
}
#websites .background .transparency {
	clear: both;
}
#websites h2 {
	padding: 1em;
}
#websites .text-wrapper {
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
#websites2 {
	clear: both;
	min-height: 3px;
	background-color: #000;
}
#websites2 .background {
	clear: both;
}
#websites2 .background .transparency {
	clear: both;
}
#websites2 .text-wrapper {
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
#websites2 h2 {
	padding: 1em;
	color: #CCC;
}
#websites2 p {
	color: #CCC;
}
#websites3 {
	clear: both;
	min-height: 3px;
	background-color: #FFF;
}
#websites3 .background {
	clear: both;
}
#websites3 .background .transparency {
	clear: both;
}
#websites3 .text-wrapper {
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
#websites3 .scalable {
	padding-bottom: 1em;
}

#websites3 h2 {
	padding: 1em;
	color: #666;
}
#websites3 p {
	color: #666;
}
#floorplans {
	clear: both;
	min-height: 3px;
	background-color: #E5E4E2;
}
#floorplans .background {
	clear: both;
}
#floorplans .background .transparency {
	clear: both;
}
#floorplans h2 {
	padding: .5em;
}
#floorplans .text-wrapper {
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
#floorplans1 {
	clear: both;
	min-height: 3px;
	background-attachment: fixed;
	background-image: url(../images/backdrop-black.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #000;
}
#floorplans1 .background {
	clear: both;
}
#floorplans1 .background .transparency {
	clear: both;
}
#floorplans1 h2 {
	padding: .5em;
	color: #CCC;
}
#floorplans1 .text-wrapper {
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
#floorplans2 {
	clear: both;
	min-height: 3px;
	background-color: #FFF;
}
#floorplans2 .background {
	clear: both;
}
#floorplans2 .background .transparency {
	clear: both;
}
#floorplans2 h2 {
	padding: 1em;
	color: #666;
}
#floorplans2 p {
	padding: 1em;
	color: #666;
}
#floorplans2 .text-wrapper {
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
#floorplans3 {
	clear: both;
	min-height: 3px;
	background-color: #000;
	padding-bottom: 1em;
}
#floorplans3 .background {
	clear: both;
}
#floorplans3 .background .transparency {
	clear: both;
}
#floorplans3 h2 {
	padding: 1em;
	color: #CCC;
}
#floorplans3 p {
	padding: 1em;
	color: #CCC;
}
#floorplans3 .text-wrapper {
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
#2d-3d {
	margin-right: auto;
	margin-left: auto;
	clear: both;
}

#matterport {
	clear: both;
	min-height: 3px;
	background-color: #FFF;
}
#matterport .background {
	clear: both;
}
#matterport .background .transparency {
	clear: both;
}
#matterport h2 {
	padding: 1em;
}
#matterport .text-wrapper {
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
#matterport2 {
	clear: both;
	min-height: 3px;
	background-color: #000;
}
#matterport2 .background {
	clear: both;
}
#matterport2 .background .transparency {
	clear: both;
}
#matterport2 h2 {
	padding: 1em;
	color: #CCC;
}
#matterport2 p {
	color: #CCC;
}
#matterport2 .text-wrapper {
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}

#video {
	clear: both;
	min-height: 3px;
	background-color: #FFF;
}
#video .background {
	clear: both;
}
#video .background .transparency {
	clear: both;
}
#video h2 {
	padding: 1em;
}
#video .text-wrapper {
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
#video3 {
	clear: both;
	min-height: 3px;
	background-color: #FFF;
}
#video3 .background {
	clear: both;
}
#video3 .background .transparency {
	clear: both;
}
#video3 h2 {
	padding: 1em;
}
#video3 .text-wrapper {
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
#video2 {
	clear: both;
	min-height: 3px;
	background-color: #000;
	background-attachment: scroll;
	background-image: url(../images/backdrop-black.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
#video2 .background {
	clear: both;
}
#video2 .background .transparency {
	clear: both;
}
#video2 h2 {
	padding: 1em;
	color: #CCC;
}
#video2 p {
	color: #CCC;
}
#video2 .text-wrapper {
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
#photography {
	clear: both;
	min-height: 3px;
	background-color: #FFF;
}
#photography .background {
	clear: both;
}
#photography .background .transparency {
	clear: both;
}
#photography h2 {
	padding: 1em;
}
#photography .text-wrapper {
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
#associations {
	clear: both;
	min-height: 3px;
	background-color: #FFF;
}
.columns-container #associations .background .transparency .max-1280.sidebar-none .vanilla-row .column-group.max-100 .p2 {
	font-family: "Segoe UI";
	font-size: 1.1em;
	color: #069;
	padding: .25em;
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	font-style: italic;
}
#test2 {
	clear: both;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
#test2 .p2 {
	color: #090;
	font-style: italic;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	font-size: 1.2em;
}
.columns-container #associations .background .transparency .max-1280.sidebar-none .vanilla-row .column-group.max-100 .p2 em {
	margin: 0px;
	padding: 0px;
}


#associations .background {
	clear: both;
}
#associations .background .transparency {
	clear: both;
}
#associations h2 {
	padding: 1em;
}
#associations .text-wrapper {
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
#photography2 {
	clear: both;
	min-height: 3px;
	background-color: #000;
	background-attachment: scroll;
	background-image: url(../images/backdrop-black-l.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.columns-container #photography .background .transparency .max-1280.sidebar-none h2 {
	padding-top: .5em;
	padding-right: 0px;
	padding-bottom: .5em;
	padding-left: 0px;
}
.columns-container #photography2 .background .transparency .max-1280.sidebar-none h2 {
	padding-top: .5em;
	padding-bottom: .5em;
}

#photography2 .background {
	clear: both;
}
#photography2 .background .transparency {
	clear: both;
}
#photography2 h2 {
	padding: 1em;
	color: #CCC;
}
#photography2 p {
	padding: 1em;
	color: #CCC;
}
#photography2 .text-wrapper {
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
#adwords {
	clear: both;
	min-height: 3px;
	background-color: #FFF;
}
#adwords .background {
	clear: both;
}
#adwords .background .transparency {
	clear: both;
}
#adwords h2 {
	padding: 1em;
}
#adwords .text-wrapper {
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
#adwords2 {
	clear: both;
	min-height: 3px;
	background-color: #000;
}
#adwords2 .background {
	clear: both;
}
#adwords2 .background .transparency {
	clear: both;
}
#adwords2 h2 {
	color: #CCC;
	padding: 1em;
}
#adwords2 .vanilla-column.column-60 .scalable {
	padding-top: 1em;
}

#adwords2 p {
	color: #CCC;

}
#adwords2 .text-wrapper {
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
#social {
	clear: both;
	min-height: 3px;
	background-color: #FFF;
}
#social .background {
	clear: both;
}
#social .background .transparency {
	clear: both;
}
#social h2 {
	padding-right: 1em;
	padding-left: 1em;
	padding-top: 1em;
	padding-bottom: 1em;
}
#social .text-wrapper {
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
#social2 {
	clear: both;
	min-height: 3px;
	background-color: #FFF;
}
#social2 .background {
	clear: both;
}
#social2 .background .transparency {
	clear: both;
}
#social2 h2 {
	color: #CCC;
}
#social2 p {
	color: #CCC;
}
#social2 .text-wrapper {
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}





#sitemap {
	clear: both;
	min-height: 3px;
	background-color: #FFF;
}
#sitemap .background {
	clear: both;
}
#sitemap .background .transparency {
	clear: both;
}
#sitemap h2 {
	padding: 1em;
}
#sitemap .text-wrapper {
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
#sitemap2 {
	clear: both;
	min-height: 3px;
	background-color: #000;
}
#sitemap2 .background {
	clear: both;
}
#sitemap2 .background .transparency {
	clear: both;
}
#sitemap2 h2 {
	padding: 1em;
	color: #CCC;
}
#sitemap2 p {
	color: #CCC;
}
#sitemap .text-wrapper {
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
#print {
	clear: both;
	min-height: 3px;
	background-color: #FFF;
}
#client {
	clear: both;
	min-height: 3px;
	background-color: #FFF;
}
#client p {
	color: #666;
	font-size: 1.1em;
}
#client ul li {
	color: #666;
	padding: .25em;
	font-size: .9em;
	list-style-position: inside;
	list-style-type: square;
	text-indent: 1em;
}

#client .background {
	clear: both;
}
#client .background .transparency {
	clear: both;
}
#print .background {
	clear: both;
}
#print .background .transparency {
	clear: both;
}
#print h2 {
	padding: 1em;
}


#buttons {
	background-color: #2b747e;
	padding: 0.25em;
	text-decoration: none;
}
#footer p {
	margin: 0px;
	padding: 0px;
	font-size: 1.2em;
	color: #CCC;
}

#footer #copyright {
	clear: both;
	color: #999;
}
.button {
	padding-top: 1em;
	padding-bottom: 1em;
}

.btn_ck_avail h3 {
	text-align: center;
	padding-top: .5em;
	padding-right: 0.25em;
	padding-left: 0.25em;
	border: thin solid #859EB8;
	max-width: 250px;
	border-radius: 12px 12px 12px 12px;
	margin: auto;
	padding-bottom: .5em;
}

.btn_ck_avail h3 a{
	color: #859EB8;
	text-decoration: none;
	font-weight: normal;
}
.btn_ck_avail h3 a:hover{
	color: #660033;
	text-decoration: none;
	font-size: 1.05em;
}
#quoteform table tr td input {
	padding: .35em;
}
#quote-div {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 1em;
	margin-top: 1.5em;
}

#quote-div h2 {
	padding-top: .5em;
	padding-bottom: .5em;
}
#quote-div input {
	color: #333;
}
#quote-div #submit {
	background-color: #FFF;
	color: #000;
}


#quote-div #message {

}
#quoteform .mft-normal.mft-scalable.mft-adaptive tr {
	margin-right: auto;
	margin-left: auto;
}
h1 {
	padding: .5em;
}
#video-pr h2 {
	padding-top: 1em;
}
#video-pr p {
	padding: .25em;
	margin: 0px;
}
#video-container h2 {
	padding-top: 1em;
	padding-right: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 0.5em;
}
.columns-container #social2 .background .transparency .max-1280.sidebar-none .vanilla-row .column-group.max-100 .vanilla-column.column-40 .text-wrapper .text-wrapper #quote-div h2 {
	color: #333;
}
.columns-container #sitemap2 .background .transparency .max-1280.sidebar-none .vanilla-row .column-group.max-100 .text-wrapper .vanilla-column.column-40 .text-wrapper #quote-div h2 {
	color: #333;
}
.columns-container #floorplans3 .background .transparency .max-1280.sidebar-none .vanilla-row .column-group.max-100 .text-wrapper .vanilla-column.column-50 p a {
	color: #CCC;
	text-decoration: none;
}
#footer p a{
	color: #CCC;
	text-decoration: none;
	padding-top: 1em;
	padding-bottom: 1em;
}