/*
 ----------------------------- 
 PVII Layout Builder Magic
 by Project Seven Development
 www.projectseven.com
 Custom Styles
 -----------------------------
*/

/*
***************************************************
Font Families: You may edit the font-family values,
BUT DO NOT REMOVE OR RENAME THE 4 RULES BELOW
***************************************************
*/
@import url('https://fonts.googleapis.com/css?family=Tenali+Ramakrishna');
.lbm-stack-sans {font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", sans-serif;}
.lbm-stack-serif {font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;}
.lbm-stack-thin {font-family: Lato, "Gill Sans", Optima, sans-serif; font-weight: 300;}
.lbm-stack-fancy {font-family: Federo, "Gill Sans", Optima, sans-serif;}


h1, h2, h3, h4, h5 {
	font-weight: normal;
}
h1 {font-size: 200%; text-align:center;}
h2 {font-size: 170%;}
h3 {font-size: 155%;}
h4 {font-size: 135%;}
h5 {font-size: 125%;}

.scalable-rounded {
	width: auto;
	height: auto;
	max-width: 100%;
	border-radius: 7px;
}
.scalable-fancy {
	width: auto;
	height: auto;
	max-width: 100%;
	border-radius: 7px;
	box-shadow: 0px 0px 10px rgba(0,0,0,.65);
}

.bigg {
	font-size: 180%;
}
.bigg strong {
	font-weight: 400;
}

/*
Link Styles
Assign one of the following classes to
Text Links on your page
*/
.text-link-light {
	color: #EEE;
	border-bottom: 1px dotted;
}
.text-link-dark {
	color: #000;
	border-bottom: 1px dotted;
}
.text-link-dark:hover, .text-link-light:hover {
	border-bottom: 1px solid;
}
.text-link-dark, .text-link-light {
	text-decoration: none;
}

/*Custom CSS starts here*/
body {
	background-color: #fff;
	color: #000;
	font-family: Tenali Ramakrishna, sans-serif;
	font-size: 1.5em;
}
#Header {
	border-bottom: #30c3e5 4px solid;
	position: fixed;
	top: 0;
	width: 100%;
	text-align:center;
	z-index:999999;
}

body#index #Pano, body#about #Pano, body#contact #Pano, body#template #Pano, body#services #Pano, body#quote #Pano {
	padding: 50px 0;
	border-bottom: #30c3e5 4px solid;
	background-color: #fff;
	background-size:cover;
	background-position:bottom center;
	background-repeat:no-repeat;
	width: 100%;
	height: 450px;
}
body#index #Pano, body#template #Pano {
	background-image: url('/images/pano1.jpg');
}
body#about #Pano {
	background-image: url('/images/pano2.jpg');
}
body#contact #Pano {
	background-image: url('/images/pano4.jpg');
}
body#services #Pano {
	background-image: url('/images/pano5.jpg');
}
body#quote #Pano {
	background-image: url('/images/pano3.jpg');
}
body#index #Pano p {
	margin-top:125px;	
}
#Contents {
	margin-top: 20px;
	margin-bottom: 250px;
}
#gallery #Contents {
	margin-top: 170px;
}
#Footer {
	text-align: center;
	font-size: .75em !important;
	/*position: fixed;*/
	bottom: 0;
	width: 100%;
	background-color: #000;
	color:#fff;
}
/*.holder {
	position: fixed;
	top: 0;
	height: 600px;
	width: 100%;
	z-index:999999999;
}*/

/*#p7LBNAV_1 {
	float:right;
	margin-top:80px;	
}*/

/*#index #Header {
	padding-top:0px;
	padding-bottom:20px;	
}*/
#Pano p {
	text-align:center;	
}
#Footer p {
	margin:0;
	padding:0;
	font-size:1em;	
}
/*#index #Pano p img {
	padding-top:00px;	
}*/
a:hover {
	color:#ccc !important;	
}
input, textarea {
	width:225px;	
}
input[type=submit] {
	background-color:#879B68;
	font-size:1.2em;
	padding:5px;
	width:100%;
/*	font-family:'Tenali Ramakrishna', sans-serif;*/
	color:#fff;	
}
legend {
	font-weight:bold;
	color:#CAA108;	
}
fieldset {
	border:1px #fff solid;
	margin:2em;	
}
form {
	width:50%;
	margin:auto;
}
form p:nth-child(3), form p:nth-child(4), form p:nth-child(5), form p:nth-child(6) {
	margin-top:-.75em;	
}
span.eacute {
	font-size:.7em;	
}
ul {
	line-height:.95em;	
}
.p7LBM-1-style-2 {
	background-image: url(/images/back.jpg);
	background-size:cover;
	background-position:bottom center;
	background-repeat:no-repeat;
}
.cropSquare { width: 190px; height: 190px; overflow: hidden;}
.cropSquare img { height: 100%; margin-left:-25%;}
.cropSquareTall img {width:100%; margin-left:0;}
.photoEffect {
	width:190px;
	padding:7px; 
	background-color:#fff; 
	box-shadow: 0px 0px 7px 0px #999;
	opacity:.99 !important;	
}
.portfolioPhoto {
	float:left;
	display:inline-block;
	margin-top:1em;
	margin-right:.25em;
	margin-left:1.75em;
	text-align:center;
}
.clear {
	clear: both;
}
/*Custom CSS ends here*/


/*Media Queries*/

@media only screen and (min-width: 767px) and (max-width: 1100px) {
/*body {font-size: 85%;}*/
}

@media only screen and (min-width: 480px) and (max-width: 767px) {

/*body {font-size: 80%;}*/
}

@media only screen and (min-width: 0px) and (max-width: 480px) {

/*body {font-size: 80%;}*/
#Footer, #Header {
	position: relative !important;
}
}