/*
*****************************************
 Custom SCC code added to
 PVII Harmony: CSS Page Grid Framework
*****************************************
*/

.boldcss {
    font-family: source_sans_probold, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}
.hmy-section .larger-text {
    font-size: 1.29rem;
    line-height: 1.8rem;
}
.hmy-section .purple {
    color: #86114C;
}

.p7HMY #logo-top {
    width: 24%;
    margin: 4.5% 0 1.1% 38%;
}
.footer {
    padding: 0 8% 1% 8%;
}
.footer p {
    font-size: 0.9rem;
}
.footer img {
    display: inline-block;
    width: 48px;
    vertical-align: middle;
}
.footer a:link {
    color: #505050;
	text-decoration: none;
}
.footer a:visited {
    color: #505050;
	text-decoration: none;
}
.footer a:hover {
    color: #542C5E;
	text-decoration: underline;
}
.footer a:active {
    color: #505050;
	text-decoration: none;
}

#index-show-wrap {
    width: 84.6%;
    height: auto;
    box-sizing: border-box;
    margin: 0 0 4.7% 7.7%;
}
#index-content2-wrap {
    width: 41.5%;
    height: auto;
    box-sizing: border-box;
    margin: 0 0 6.5% 47%;
}
#index-content2-wrap img {
   margin-bottom: 6%;
}
#index-content3-wrap {
    width: 70%;
    height: auto;
    box-sizing: border-box;
    margin: 0 30% 6.5% 0%;
}
#index-content4-wrap {
    width: 71.5%;
    height: auto;
    box-sizing: border-box;
    margin: 0 0 9% 17%;
    background-color: #D6D9BE;
    padding: 4.5% 4.5% 1% 4.5%;
}
#index-content4-wrap img {
    width: 78%;
    margin-bottom: 2%;
}
#index-content4-wrap ul {
    padding-left: 0;
    list-style-position: inside;
}
#index-content4-wrap #index-chart-credit {
    font-size: 0.8rem
}
#index-content5-wrap {
    width: 90%;
    height: auto;
    box-sizing: border-box;
    margin: 0 10% 9% 0;
}
#index-content5-wrap img {
    margin-bottom: 4.5%;
}
#index-content5-wrap p {
    margin-right: 20%;
}
#index-content6-wrap {
    width: 71.5%;
    height: auto;
    box-sizing: border-box;
    margin: 0 4.5% 22% 24%;
}
#index-content6-wrap img {
   margin-bottom: 4.5%;
}
#index-content7-wrap {
    width: 80%;
    height: auto;
    box-sizing: border-box;
    margin: 0 11.9% 22% 8.1%;
}
#index-content7-wrap img {
   margin-bottom: 4.5%;
}
#index-content8-wrap {
    width: 76%;
    height: auto;
    box-sizing: border-box;
    margin: 0 24% 22% 0;
}
#index-content8-wrap img {
   margin-bottom: 4.5%;
}

#services-content1-wrap {
    width: 71.2%;
    height: auto;
    box-sizing: border-box;
    margin: 0 0 5% 0;
    float: right;
}
#services-content1-wrap img{
    margin-bottom: 4.5%;
}

#services-content2-wrap {
    width: 71%;
    height: auto;
    box-sizing: border-box;
    margin: 0 0 5% 0;
}
#services-content2-wrap hr {
    border-color: #8B114C;
    margin: 0 0 6% 16.5%;
}
#services-content2-wrap h2 {
    margin: 0 2% 5% 16.5%;
    color: #006479;
}
#services-content2-wrap h4 {
    margin: 0 2% 5% 16.5%;
}
#services-content2-wrap p {
    margin: 0 2% 3% 16.5%;
}
#services-bluebox {
    width: 100%;
    height: auto;
    box-sizing: border-box;
    margin: 0 0 0 0;
    padding: 5% 4% 2% 0;
    background-color: #D8E7F7;
}
#services-content3-wrap {
    width: 74.5%;
    height: auto;
    box-sizing: border-box;
    margin: 9% 0 7.5% 25.5%;
    background-color: #D7E6EC;
    padding: 5% 10% 2% 5%;
}
#services-content3-wrap ul {
    padding-left: 0;
    list-style-position: inside;
    font-family: source_sans_probold, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}
#services-content4-wrap {
    width: 70.5%;
    height: auto;
    box-sizing: border-box;
    margin: 0 0 7.5% 0;
}
#services-content5-wrap {
    width: 63.5%;
    height: auto;
    box-sizing: border-box;
    margin: 0 0 7.5% 25.5%;
}
#services-content5-wrap img{
    margin-bottom: 3.5%;
}
#services-content6-wrap {
    width: 70.5%;
    height: auto;
    box-sizing: border-box;
    margin: 0 0 7.5% 0;
}
#services-content6-wrap ul {
    padding-left: 0;
    list-style-position: inside;
    margin-top: 0.6%;
}
#services-content6-wrap h4 {
    margin-bottom: 0;
}
#services-content7-wrap {
    width: 74.5%;
    height: auto;
    box-sizing: border-box;
    margin: 0 0 7.5% 25.5%;
    background-color: #E2DDEA;
    padding: 4% 4% 3% 4%;
}
#services-content7-wrap h2 {
    margin-bottom: 4%;
}
#services-content7-wrap ul {
    padding-left: 0;
    margin-top: 1.5%;
    list-style-position: inside;
}
#services-content7-wrap p {
    margin-bottom: 1%;
}
#services-content8-wrap {
    width: 70.5%;
    height: auto;
    box-sizing: border-box;
    margin: 0 0 5.5% 0;
}
#services-content9-wrap {
    width: 72.2%;
    height: auto;
    box-sizing: border-box;
    margin: 0 0 5.5% 27.8%;
}
#services-content10-wrap {
    width: 72.8%;
    height: auto;
    box-sizing: border-box;
    margin: 0 0 7.5% 0;
    background-color: #D6DCC9;
    padding: 6.6% 5.5% 6% 5.5%;
}
#services-content10-wrap h2 {
    margin-bottom: 3.5%;
    color: #006479;
}
#services-content11-wrap {
    width: 34.5%;
    height: auto;
    box-sizing: border-box;
    margin: 0 0 5.5% 13.3%;
}
#services-content11-wrap hr {
    border-color: #8B114C;
    margin: 0 0 5% 0;
}
#services-content11-wrap p {
    margin-left: 9%;
}
#services-table {
    width: 83%;
    margin: 0 4% 6% 13%;
}
#services-table table {
    width: 45%;
    font-size: 1rem;
}
#services-table table th {
    font-weight: normal;
}

#faq-top-pic {
    width: 90%;
    height: auto;
    box-sizing: border-box;
    margin: 0 0 6% 5%;
}
#faq-text {
    width: 48%;
    height: auto;
    box-sizing: border-box;
    margin: 0 0 6% 37%;
}
#faq-text .faq-nobottom {
    margin-bottom: 0;
}
#faq-text .faq-extratop {
    margin-top: 4.5%;
}
#faq-text table {
    width: 60%;
    font-size: 1rem;
}
#faq-text table th {
    font-weight: normal;
}

#contact-portrait {
    width: 39.5%;
    margin: 0 0 6% 40%;
    box-sizing: border-box;
    padding: 0 0 0 0;
}
#contact-portrait img {
    margin-bottom: 9%;
}
#contact-portrait h4 {
    margin-bottom: 4%;
}
#contact-map {
    width: 80%;
    margin: 0 0 6% 0;
    box-sizing: border-box;
    padding: 0 0 0 0;
}
#contact-map .tlk-map {
    margin-bottom: 7.5%;
}
#contact-map h4 {
    margin-bottom: 4%;
}
.contact-content3 {
    background-color: #d5dbc9;
    margin-bottom: 6%;
}
#contact-tri {
    width: 40%;
    margin: 13.5% 0 5% 40%;
    box-sizing: border-box;
    padding: 0 0 0 0;
}
#contact-tri img {
    margin-bottom: 7%;
}
.contact-form {
    background-color: #d5dbc9;
    margin-bottom: 6%;
}
#contact-formwrap {
    width: 80%;
    margin: 6% 0 5% 0;
    box-sizing: border-box;
    padding: 0 0 0 0;
}
#contact-formwrap p {
    margin-left: 5%;
}
.privacy-wrap {
    width: 40%;
    margin: 0 0 10% 30%;
}
/*
***********************************************
               Media Queries
***********************************************
*/
@media only screen and (min-width: 0px) and (max-width: 1600px) {
    #services-content2-wrap {width: 74%;}
    #services-content3-wrap {margin: 4% 0 7.5% 25.5%;}
    #services-content7-wrap {padding: 2.5% 2.5% 2% 2.5%;}
    #services-content10-wrap {padding: 4% 4% 2.8% 4%;}
    #services-table table {width: 50%;}
    #faq-text {width: 53%;}
    #faq-text table {width: 65%;}
    #services-table table {width: 50%;}
}
@media only screen and (min-width: 0px) and (max-width: 1400px) {
    #services-content3-wrap {padding: 4% 5% 1.4% 5%;margin: 0 0 7.5% 25.5%;}
    #services-content10-wrap {padding: 3% 3% 1% 3%;}
    #services-table table {width: 60%;}
    #faq-text table {width: 75%;}
    
}
@media only screen and (min-width: 0px) and (max-width: 1200px) {
    .p7HMY #logo-top {width: 28%;margin: 4% 0 1.1% 36%;}
    .footer {padding: 0 5% 1% 5%;}
    .footer img {width: 44px;}
    #index-show-wrap {width: 92%;margin: 0 0 4.7% 4%;}
    #index-content2-wrap {width: 46%;margin: 0 0 6.5% 42.5%;}
    #index-content3-wrap {width: 90%;margin: 0 10% 6.5% 0%;}
    #index-content4-wrap {width: 76%;margin: 0 0 9% 12.5%}
    #index-content5-wrap {width: 92%;margin: 0 8% 9% 0;}
    #index-content5-wrap p {margin-right: 0;}
    #index-content6-wrap {width: 77.8%;margin: 0 6.2% 22% 15.8%;}
    #index-content7-wrap {width: 86.5%;margin: 0 8.5% 22% 5%;}
    #index-content8-wrap {width: 82.5%;margin: 0 10% 22% 2%;}
    #faq-text {width: 58%;}
    #faq-text table {width: 90%;}
    #contact-portrait {width: 50%;margin: 0 0 6% 30%;}
    #contact-map {width: 88%;}
    .contact-content3 {margin-bottom: 0;}
    #contact-tri {width: 50%;margin: 13% 0 0 27%;}
    #contact-formwrap {width: 95%;margin-left: -20%;}
    .privacy-wrap {width: 60%;margin: 0 0 10% 20%;}
}
@media only screen and (min-width: 0px) and (max-width: 1000px) {
    #faq-text table {width: 100%;}
    #services-table table {width: 65%;}
}
@media only screen and (min-width: 0px) and (max-width: 900px) {
}
@media only screen and (min-width: 0px) and (max-width: 768px) {
    .p7HMY #logo-top {width: 50%; margin: 3% 0 1.5% 25%;}
    .footer {padding: 0 4% 1% 4%;}
    .footer img {width: 44px;}
    #index-show-wrap {width: 94%;margin: 0 0 4% 3%;}
    #index-content2-wrap {width: 48%;margin: 0 0 4% 26%;}
    #index-content3-wrap {width: 92%;margin: 0 0 4% 4%;}
    #index-content2-wrap img {margin-bottom: 3%;}
    #index-content4-wrap {width: 78%;margin: 0 0 4% 11%}
    #index-content5-wrap {width: 92%;margin: 0 4% 4% 4%;}
    #index-content6-wrap {width: 78%;margin: 0 0 4% 11%}
    #index-content7-wrap {width: 78%;margin: 0 0 4% 11%}
    #index-content8-wrap {width: 78%;margin: 0 0 6% 11%}
    #services-content1-wrap {width: 60%;float: none;margin: 0 0 4% 20%;}
    #services-content2-wrap {width: 92%;margin: 0 4% 4% 4%;}
    #services-content2-wrap hr {margin: 0 0 5% 0;}
    #services-content2-wrap h2 {margin: 0 2% 5% 5.5%;}
    #services-content2-wrap h4 {margin: 0 2% 5% 5.5%;}
    #services-content2-wrap p {margin: 0 2% 3% 5.5%;}
    #services-content3-wrap {width: 92%;padding: 4% 5% 1.4% 5%;margin: 0 0 5% 4%;}
    #services-content4-wrap {width: 60%;margin: 0 0 4% 20%;}
    #services-content5-wrap {width: 60%;margin: 0 0 4% 20%;}
    #services-content6-wrap {width: 92%;margin: 0 0 4% 4%;}
    #services-content7-wrap {width: 92%;margin: 0 0 4% 4%;padding: 2.5% 2.5% 2% 2.5%;}
    #services-content8-wrap {width: 60%;margin: 0 0 4% 20%;}
    #services-content9-wrap {width: 60%;margin: 0 0 4% 20%;}
    #services-content10-wrap {width: 92%;margin: 0 0 4% 4%;}
    #services-content11-wrap {width: 60%;margin: 0 0 4% 4%;}
    #services-table {width: 92%;margin: 0 4% 4% 4%;}
    #services-table table {width: 100%;border-collapse: collapse;}
    #services-table table tr {border-bottom: 1pt solid #505050;}
    #faq-top-pic {width: 92%;margin: 0 0 4% 4%;}
    #faq-text {width: 92%;margin: 0 0 4% 4%;}
    #faq-text table {width: 100%;border-collapse: collapse;}
    #faq-text table tr {border-bottom: 1pt solid #505050;}
    #contact-portrait {width: 60%;margin: 0 0 4% 20%;}
    #contact-map {width: 92%;margin: 0 0 4% 4%;}
    #contact-tri {width: 60%;margin: 6% 0 0 20%;}
    #contact-formwrap {width: 92%;margin: 0 0 4% 4%;}
    .privacy-wrap {width: 92%;margin: 0 0 10% 4%;}
}
@media only screen and (min-width: 0px) and (max-width: 600px) {
    p7HMY #logo-top {width: 60%; margin: 2.5% 0 1.5% 20%;}
    .footer img {width: 42px;}
    #index-content2-wrap {width: 56%;margin: 0 0 3% 22%;}
    #index-content4-wrap {width: 92%;margin: 0 0 4% 4%}
    #index-content6-wrap {width: 92%;margin: 0 0 4% 4%}
    #index-content7-wrap {width: 92%;margin: 0 0 4% 4%}
    #index-content8-wrap {width: 92%;margin: 0 0 6% 4%}
    #services-content1-wrap {width: 92%;margin: 0 0 4% 4%;}
    #services-content4-wrap {width: 92%;margin: 0 0 4% 4%;}
    #services-content5-wrap {width: 92%;margin: 0 0 4% 4%;}
    #services-content8-wrap {width: 92%;margin: 0 0 4% 4%;}
    #services-content9-wrap {width: 92%;margin: 0 0 4% 4%;}
    #services-content11-wrap {width: 70%;margin: 0 0 4% 4%;}
    
    #contact-portrait {width: 92%;margin: 0 0 4% 4%;}
    #contact-tri {width: 92%;margin: 6% 0 0 4%;}
}
@media only screen and (min-width: 0px) and (max-width: 480px) {
}