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

body {
	background-color: #FFFFFF;
	color: #333333;
    line-height:157%;
	font-family: 'Open Sans', sans-serif;
}
/*Fixed header - Add top margin to body*/
.header-cont {
	    width:100%;
	    position:fixed;
		    top:0px;
	z-index: 10000;
		}
/*End Fixed header*/

h1, h2, h3, h4 {
	font-family: 'Arapey', serif;
	font-weight:400; 
	letter-spacing: .14px;
	
}
h1 {
	line-height:175%;
	font-size:48px;
	color:#000;
	
}
h2 {
	line-height:145%;
	font-size:42px;
	font-weight:400;
}
h3 {
	line-height:145%;
	font-size:32px;
	font-weight:400;
}
p {
	font-family: 'Open Sans', sans-serif;
	font-size: 105%;
	line-height:155%;
	font-style:normal;
}
.center {
	text-align: center;
}
.p7DMM08 {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 110%;
}

p img, h1 img, h2 img, h3 img, h4 img {
	border-radius: 5px;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}

.staff{
	line-height:127%;
	font-family: 'Open Sans', sans-serif;
}
.padded-2 {
	padding: 3px 15px;
}
.padded {
	padding: 20px 32px;
}

.padded-less {
	padding: 8px 32px;
}

.padded-3 {
	padding: 30px 32px;
}
.padded-top-5 {
	padding-top: 5px;
}
.padded-top-15 {
	padding-top: 15px;
}
.padded-top-25 {
	padding-top: 25px;
}
.padded-top-45 {
	padding-top: 45px;
}
.padded-top-100 {
	padding-top: 100px;
}
.padded-top-125 {
	padding-top: 125px;
}
.padded-bottom-125 {
	padding-bottom: 125px;
}
.margin-top {
	margin-top:30px;
}
.margin-left {
	margin-left:15px;
	margin-right:15px;
}

.padded-R10 {
	padding-right: 10px;
}
.padded-lightbox {
	padding:5px 10px 5px 10px;
}

/*Row or Column-Group background Colors and Text Colors*/
.synergy-color-1 {
	background-color: #FFF;
	background: rgba(255, 255, 255, .5);
	color: #000;
}
.synergy-color-2 {
	background-color: #151515;
	/*background: rgba(0,0,0,.9);*/
	color: #FFF;
}
.synergy-color-3 {
	/*background-color: #015398;*/
background-color: #1f1f20;
	background: rgba(31, 31, 31, .9);
	color: #f2f2f2;
}
.synergy-color-4 {
   background: #212121;
  /*background-image:
    linear-gradient(
      to right, #A29E8F, #A29E8F, #A29E8F    );*/
}

.synergy-color-5 {
	background-color: #f2f2f2;
	
	color: #000;
}
.synergy-color-6 {
	/*background-color: #A29E8F;
	background: rgba(162, 158, 143, .5);*/
	color: #000;
}
.synergy-color-7 {
	background: rgba(52, 86, 115, 1.0);
		}
.synergy-color-8 {
	background: rgba(232, 177, 67, 1.0);
}

/*Links*/
.synergy-color-1 a, 
.synergy-color-3 a {
	color: #f5b619;
	text-decoration: none; 
	border-bottom-width: 0px; 
	border-bottom-style: dotted;
	
}
.synergy-color-1 a:hover, 
.synergy-color-3 a:hover { 
	color: #f5b619; 
	border-bottom-width: 1px; 
	border-bottom-style: dotted;
}
.synergy-color-2 a {
	color: #AAA;
}
.synergy-color-2 a:hover {
	color: #FFF;
}
.synergy-color-4 a {
	color: #FFF;
}
.synergy-color-4 a:hover {
	color: #000;
}
.synergy-color-5 a {
	color: #fff;
}
.synergy-color-5 a:hover {
	color: #A29D8F;
}
.faq {
	font-size: 18px;
}
.faq a {
	color: #A29D8F;
}
.faq a:hover {
	color: #17524B;
}

/*Row Background Images
A synergy row spans the width of the browser window.*/

.bg-1 {
	background-image: url(../images/3-kitchens.jpg);
	/*background-color: #D18E02;*/
}
.bg-2 {
	background-image: url(../images/contact2A-min.jpg);
	background-color: #D18E02;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
}
}
.bg-3 {
	background-image: url(art/bg-03.jpg);
	background-color: #A79C9A;
}
.bg-4 {
	background: url(../images/sunrise-2.jpg) no-repeat center center/cover;
	background-color: #000000;
	color: #FFF;
}
.bg-5 {
	background-image: url(../images/sunrise-3.jpg);
	background-color: #000;
	color: #FFF;
}
.bg-6 {
	background: url(../images/sunrise-plain-1.jpg) no-repeat center center/cover;
	background-color: #000000;
}
.bg-7 {
	background-image: url(art/bg-07.jpg);
	color: #FFF;
	background-color: #000;
}
.bg-8 {
	background-image: url(art/bg-08.jpg);
	background-color: #000;
	color: #FFF;
}
.bg-9 {
	background-image: url(art/bg-09.jpg);
	background-color: #999;
}

/*Vertical Rules*/
.left-border {border-left: 1px solid;}
.right-border {border-right: 1px solid;}

/*Special Rules*/
.large-type {
	font-size: 1.75em;
	line-height: 2;
	font-family: Federo, "Segoe UI", Arial, Helvetica, sans-serif;
}

#footer {text-align: center;}
.heading-text-right { font-size: .9em; text-align: right;}
.heading-phone {font-size: 1.20em; font-weight:500; color:#17524B; text-align: right; margin-bottom:10px; margin-top:70px}
.heading-padded {padding: 10px 32px 42px 32px;}
.heading-padded-logo {padding: 20px 32px 42px 32px;}
.intro {color: #17524B; font-size: 130%; line-height: 170%}
.green {color:#17524B;}
.white {color:#ffffff;}
.footer-nav {font-size: .8em; color:#ffffff; text-align: center;}
.footer-copyright {font-size: .7em; color:#ffffff; text-align: center;}
.img-align { 
  vertical-align: middle;
}
.main-body {margin-top: 8px; letter-height:max-size; font-family: 'PT Serif Caption', serif10;}
.header-bottom {padding-bottom: 0px; padding-top: 20px;
}
img.scalable {
	height: auto !important;
	width: auto !important;
	max-width: 100%;
	vertical-align: bottom;
}

.float-right {
    float: right;
    margin: 0 0 10px 10px;
}
.float-left {
    float: left;
    margin: 10 10 10px 0px;
}

/* =================================================================== */
#header-menu ul {
    list-style-type: none;
    margin-top: 0;
    padding: 0;
    overflow: hidden;
    
}

#header-menu li {
    float: right;
}

#header-menu li a {
    display: block;
    color: #333;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
	
	
}

/* Change the link color to #111 (black) on hover */
#header-menu li a:hover {
    background-color: #17524B;
}




input {
	outline: none;
}
input[type=search] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	font-family: inherit;
	font-size: 85%;
}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
	display: none; 
}


input[type=search] {
	background: #f8f8f8 url(../images/search-icon-2.png) no-repeat 9px center;
	border: solid 1px #ccc;
	padding: 5px 10px 5px 32px;
	width: 55px;
	
	-webkit-border-radius: 10em;
	-moz-border-radius: 10em;
	border-radius: 10em;
	
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}
input[type=search]:focus {
	width: 70px;
	background-color: #fff;
	border-color: #66CC75;
	
	-webkit-box-shadow: 0 0 5px rgba(109,207,246,.5);
	-moz-box-shadow: 0 0 5px rgba(109,207,246,.5);
	box-shadow: 0 0 5px rgba(109,207,246,.5);
}


input:-moz-placeholder {
	color: #999;
}
input::-webkit-input-placeholder {
	color: #999;
}

/*Box*/
.box {
    border: solid #17524B;
	border-width:3px 3px 7px 3px;
    padding: 25px;
    text-align: left;	
	
	 /*-webkit-box-shadow: 0 15px 10px;
    -moz-box-shadow: 0 15px 10px;
    box-shadow: 0 15px 10px;*/
    
	/*border: 1px solid rgba(255,255,255,.5);*/
	box-shadow: 0px 0px 20px rgba(0,0,0,.5);
	
   /* box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3), 0 2px 10px 0 rgba(0, 0, 0, 0.3);*/
    
    display: block;
    margin-top: 40px;
	margin-bottom: 40px;
}


.info h4 {
    font-size: 18px;
    letter-spacing: .5px;
    
}
.info  p {
    color: #717171;
    font-size: 14px;
    padding-top: 10px;
    text-align: justify;
}
.info > a {
    background-color: #03a9f4;
    border-radius: 2px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    color: #fff;
    transition: all 0.5s ease 0s;
}
.info > a:hover {
    background-color: #0288d1;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.12);
    color: #fff;
    transition: all 0.5s ease 0s;
}

/*Box 2*/
.box-2 {
    /*border: solid #17524B;
	border-width:3px 3px 7px 3px;*/
    padding: 25px;
    text-align: left;
	background-color: #A29E8F;
	background: rgba(162, 158, 143, .5);
	
	 /*-webkit-box-shadow: 0 15px 10px;
    -moz-box-shadow: 0 15px 10px;
    box-shadow: 0 15px 10px;*/
    
	/*border: 1px solid rgba(255,255,255,.5);
	box-shadow: 0px 0px 20px rgba(0,0,0,.5);*/
	
   /* box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3), 0 2px 10px 0 rgba(0, 0, 0, 0.3);*/
    
    display: block;
    margin-top: 40px;
	margin-bottom: 40px;
}


.info-2 h4 {
    font-size: 18px;
    letter-spacing: .5px;
    
}
.info-2  p {
    color: #000000;
    font-size: 14px;
    padding-top: 10px;
    text-align: justify;
}
.info-2  a {
    background-color: #03a9f4;
    border-radius: 2px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    color: #fff;
    transition: all 0.5s ease 0s;
}
.info-2  a:hover {
    background-color: #0288d1;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.12);
    color: #fff;
    transition: all 0.5s ease 0s;
}


/* Blockquote*/

.blockquote {
font-family: 'PT Serif Caption', serif;
font-size: 16px;
letter-spacing:1.05px;
l
font-weight:400;
font-style: italic;
color:#17524B;
width:100%;
margin: 0.25em 0em 1.25em 0em;
padding: 0.25em 40px;
line-height: 1.55;
position: relative;

}

/* indent*/

.indent {
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
font-size: 16px;
width:100%;
margin: 0.25em 3.00em 1.25em 1.00em;
padding: 0.25em 15px;
border-left:rgba(211,208,208,1.00) 2px solid; 
line-height: 1.45;
position: relative;

}
.indent-faq {
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
padding-left:40px;

}


	
/* Staff
====================================*/
 .team-member {
  position: relative;
  background: #FFF;
  margin-bottom: 20px;
  border: 8px solid #FFF;
  -webkit-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
  -moz-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
  box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
  color: inset 0 1px #fff,0 0 8px #c8cfe6;
}
.team-member img {
  max-width: 100%;
}
.team-member ul {
  list-style-type: none;
  margin-left: 0;
  margin-top: 20px;
}
.team-member ul li {
  line-height: 28px;
}
.team-member:hover .team-member-image {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.team-member .team-member-image {
  text-align: center;
  position: relative;
  -webkit-transition: opacity .25s linear;
  -moz-transition: opacity .25s linear;
  -o-transition: opacity .25s linear;
  -ms-transition: opacity .25s linear;
  transition: opacity .25s linear;
  -webkit-opacity: 0.85;
  -moz-opacity: 0.85;
  opacity: 0.85;
}
.team-member .team-member-name {
  font-size: 1.3em;
  text-transform: uppercase;
}
.team-member .team-member-social {
  position: absolute;
  right: 0;
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  -webkit-transition: opacity .25s linear;
  -moz-transition: opacity .25s linear;
  -o-transition: opacity .25s linear;
  -ms-transition: opacity .25s linear;
  transition: opacity .25s linear;
}
.team-member .team-member-social .team-member-social i {
  margin-top: 3px;
}
.team-member .team-member-social:hover {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
/* Table
====================================*/
table.standard-table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	border:none;
	margin-bottom: 15px;
	box-shadow:  0px 1px 1px 0px rgba(0, 0, 0, 0.03);
}

table.standard-table th {
	border: 1px solid #e4e4e4;
	border-right: none;
	background-color: #17524B;
	text-align: left;
	padding: 10px 15px;
	color: #fff;
	vertical-align: top;
	font-size: 14px;
	font-weight: 600;
}

table.standard-table th:first-child { border-radius: 6px 0 0 0; }
table.standard-table th:last-child { border-radius: 0 6px 0 0; }

table.standard-table td:last-child {
	border-right: 1px solid #e4e4e4;
}

table.standard-table th:last-child {
	border-right: 1px solid #e4e4e4;
}

table.standard-table td {
	padding: 10px 15px;
	border: #e4e4e4 1px solid;
	border-top: none;
	border-right: none;
}

table.standard-table tr:hover td { background-color: #fafafa; }
table.standard-table tr { border-radius: 3px }


/*FAQ*/
.ask{	
	cursor:pointer;
	color:#666 !important;
	font-size:14px;
	border-bottom:2px dotted #d5d5d5;
	padding:1px 0px 19px 0px;
	clear:both;
}
.question{
	background-color:#fbfbfb;
	cursor:pointer;
	color:#666 !important;
	font-size:14px;
	margin:-5px 0px 10px 0px;
	padding:15px 18px 0px 18px;
}
.openquestion{
	color:#666 !important;
	margin-bottom:5px;
}
.closedquestion{
	color:#666 !important; 
	margin-bottom:5px;
}
.clr{
	clear:both
}
/*New Client Form Button*/
.new-client-button {
    background-color: #F4B519; /* Yellow */
    border: none;
    color: white;
    padding: 3px 3px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
}
.new-client-button a {
    background-color: #F4B519; /* Yellow */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
}
.new-client-button a:hover {
    background-color: #F4B519; /* Yellow */
    border: none;
    color: #17524B;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
}

/*MODAL*/

.article-header__text {
  display: block;
  /*font-size: 25px;*/
  font-weight: regular;
  letter-spacing: 1px;
  line-height: 1.5em;
  margin: 0;
}
.article-header__subtext {
  color: #777;
  font-size: 14px;
  font-style: italic;
  letter-spacing: 1px;
  margin: 8px 0 7px 0;
}
.article-header__subtext2 {
  color: #333;
  font-size: 14px;
  /*font-style: italic;*/
  letter-spacing: 1px;
  margin: 8px 0 7px 0;
}
.all-caps {
	text-transform:uppercase;
	color:#17524B;
}
