body{font-family:Helvetica, Arial, sans-serif; color:#3e3e3d}
#roof{background:#7f6dad; color:#fff; font-weight:lighter; text-align:right}
#roof a{color:#fff}
#header{background:#fafbfd}
#header{border-bottom: 3px solid #7f6dad}
.page-template-homepage #header{border-bottom:none}
.contact-divide{display:inline-block; vertical-align:middle; line-height:60px; padding:0 20px; border-left:1px solid #6f5f96}
#header .container{font-size:0}
#logo-container, #menu-container{display:inline-block; vertical-align:middle; font-size:16px}
#logo-container{width:20%}
#menu-container{width:80%; text-align:right}
#menu-main-menu.mobile-menu-closed a{color:#3e3e3e; padding:10px; display:block; border-bottom:5px solid transparent}
#menu-main-menu.mobile-menu-closed li{margin-left:10px}
#menu-main-menu.mobile-menu-closed li.current_page_item a, #menu-main-menu.mobile-menu-closed li:hover a{border-bottom:3px solid #7f6dad}
.featured-image{text-align:center}
h1.entry-title{padding-bottom:20px; margin-bottom:20px; border-bottom:solid 1px #ccc}
#primary article{padding:40px 0}
#primary article p{font-size:20px; font-weight:lighter; line-height:28px}
#case-studies p, #case-studies li{font-size:18px; font-weight:lighter; line-height:24px}
#case-studies .title{color:#7f6dad}
#case-studies ul{margin-bottom:10px}
#case-studies{padding-bottom:40px}
#case-studies h3{font-size:18px; margin-bottom:5px; margin-top:15px}
a{color:#7f6dad}
#services{background:#e7e7e7}
#services .container{padding:60px 0 40px}
.inner{padding:10px; margin:10px}
.left-column .inner{margin-left:0; padding-left:0}
.right-column .inner{margin-right:0; padding-right:0}
.service-text, .service-title{font-size:20px; color:#3e3e3d}
.service-title{font-weight:bold; text-align:center}
.service-text{font-weight:lighter; line-height:28px}
#copyright{background:#424244; color:#fff; text-align:left; font-weight:lighter; font-size:18px}
#copyright .container{padding:60px 0}
.footer-menu li{display:inline-block; margin-right:10px; padding-right:15px; border-right:1px #fff solid; margin-bottom:20px}
.footer-menu a, #copyright a{color:#fff}
.footer-menu li:last-child{border-right:none}
#copyright p{margin-bottom:20px}
#copyright p:last-child{margin-bottom:0}
.title-section{padding-bottom:40px}
h2{padding-top:20px}

#testimonials .container{padding:40px 0}
.testimonial-quote{background:url(../images/quotemarks.png) no-repeat; position:relative; left:0; width:200px; height:200px; display:inline-block; vertical-align:middle}
#testimonials{min-height:280px}
#testimonial-carousel{position:relative; overflow:hidden}
#testimonial-carousel.slides{position:relative; list-style:none; overflow:hidden; padding:0; margin:0; left:90px; max-width:900px; display:inline-block; vertical-align:middle}
#testimonial-carousel.slides li{-webkit-backface-visibility:hidden; position:absolute; display:none; width:100%; top:0; list-style:none}
#testimonial-carousel.slides li:first-child{position:relative; display:block; float:left}
#testimonial-carousel.slides img{display:block; height:auto; float:left; width:100%; border:0; max-width:1500px}
.carousel-container .slides_nav{position:absolute; bottom:0; top:50%; margin:0; margin-top:-30px; z-index:9999; list-style:none; padding:0; height:40px; overflow:hidden; width:40px; cursor:pointer; line-height:40px; text-align:center; font-size:30px; font-family:Lucida}
.carousel-container .slides_nav.prev{left:10px}
.carousel-container .slides_nav.next{right:10px}
#testimonial-carousel{width:100%; margin:auto; overflow:hidden; position:relative}
#testimonial-carousel .carousel-text{box-sizing:border-box; color:#fff; font-size:40px; font-weight:bold; line-height:1.2em; padding:10px; position:absolute; text-shadow:0 0 20px #000; text-align:center; text-shadow:3px 3px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, 0 0 10px #000}
.carousel-container{position:relative}
#testimonial-carousel p:not(.author){color:#7f6dad; line-height:1.4em; font-style:italic}
#testimonial-carousel p.author{color:#3e3e3d; margin-left:50px}
.page-template-tpl-case-studies #primary article{padding-bottom:0}

#primary .folding-table p, .folding-table li{font-size:18px; font-weight:lighter; line-height:24px}
.folding-table{margin-bottom:10px}
.folding-table .row .row-content{height:0; overflow:hidden}
.folding-table .row.row-open .row-content{height:auto; background:#fafbfd}
.folding-table .row.row-open .row-content .content-inner{padding:15px}
.folding-table .content-inner p:last-child{margin-bottom:0}
.folding-table .row{display:block; position:relative; border:solid 2px #7f6dad; margin-bottom:10px; border-radius:15px; overflow:hidden}
.folding-table .row-header{background:#fafbfd; padding:10px; line-height:1.2em}
.folding-table .row-header h4{margin:0; color:#7f6dad}
.folding-table .row-open .row-header{background:#7f6dad}
.folding-table .row-open .row-header h4{color:#fff}
.folding-table .row-header:hover{cursor:pointer}
.folding-table ul{list-style:outside; margin-left:20px}
.folding-table li ul{padding-left:10px; margin-bottom:10px}
.folding-table li ul li{list-style:circle}

.page-template-contact label{display:none}
.page-template-contact .wpcf7-text, .page-template-contact .wpcf7-textarea{font-size:16px; font-family:Helvetica, Arial, sans-serif; color:#7f6dad; padding:5px; display:block; vertical-align:top; box-sizing:border-box; width:100%; border:1px solid #7f6dad}
.wpcf7-submit{font-size:16px; font-family:Helvetica, Arial, sans-serif; padding:5px 10px; border:1px solid #7f6dad; background:#7f6dad; color:#fff}
.wpcf7-submit:hover{background:#fff; color:#7f6dad}
.wpcf7-textarea{height:150px}
.google-map{width:100%; border:none}
.page-template-contact .google-map{height:602px}
.ml20{margin-left:20px}

#testimonials-section .testimonial{font-size:18px; line-height:24px; font-style:italic; color:#7f6dad; margin-bottom:25px; border-bottom:solid 1px #ccc; padding-bottom:15px}
#testimonials-section .testimonial:last-child{border-bottom:none}
#testimonials-section .testimonial .author{font-weight:lighter; color:#3e3e3d; font-style:normal; margin-left:50px}
.contact-info p{font-size:18px; font-weight:lighter; line-height:24px}
#case-studies{font-size:0; width:100%; margin-top:20px}
#case-studies .case-study{width:47%; font-size:16px; vertical-align:top; display:inline-block; border:3px solid #7f6dad; box-sizing:border-box; margin-bottom:20px; position:relative}
#case-studies .cs-inner{padding:10px 15px 60px}
#case-studies .case-study:nth-child(odd){margin-left:0; margin-right:1.5%}
#case-studies .case-study:nth-child(even){margin-right:0; margin-left:1.5%}
#case-studies .cs-inner .title{padding-top:0; margin-top:10px}
#case-studies .read-more{background:#7f6dad; color:#fff; border:solid 3px #7f6dad; padding:10px 15px; display:inline-block; position:absolute; left:15px; bottom:15px}
#case-studies .read-more:hover{background:#fff; color:#7f6dad}
.case_studies ul{padding-left:20px; margin-bottom:10px; list-style:outside; font-size:20px; line-height:24px; font-weight:lighter}
.mt20{margin-top:20px}
.page-template-testimonials-page h1.entry-title{border-bottom:none; padding-bottom:0; margin-bottom:10px}
.page-template-testimonials-page #main article{border-bottom:solid 1px #ccc; padding-bottom:10px; margin-bottom:30px}
.page-template-contact #primary article{padding:40px 0 10px}
@media(max-width:1260px){
#testimonial-carousel.slides{max-width:800px; left:80px}
}
@media(max-width:1160px){
.testimonial-quote{background-size:cover; width:150px; height:150px}
#testimonial-carousel.slides{max-width:675px; left:50px}
}
@media(max-width:960px){
.contact-divide{line-height:40px}
#menu_switch{display:block}
.mobile-menu-closed{display:none}
#menu_switch{display:inline-block; background:#7f6dad; width:30px; height:30px; color:#fff; text-align:center; line-height:30px; border-radius:50%}
#menu-container{text-align:right}
#menu_overlay.menu_overlay_open{display:block}
#menu-main-menu.mobile-menu-open li{display:block; border-bottom:#ccc solid 1px}
#menu-main-menu.mobile-menu-open li:last-child{border-bottom:none}
#menu-main-menu.mobile-menu-open{position:absolute; top:0; right:0; background:#333; z-index:999999; text-align:left}
#menu-main-menu.mobile-menu-open a{color:#fff; display:block; padding:10px 15px}
.testimonial-quote{opacity:0.25; position:absolute; top:0; left:0}
#testimonial-carousel.slides{max-width:100%; left:0}
#copyright p{margin-bottom:10px}
#copyright{font-size:16px}
.footer-menu li{margin-bottom:10px}
#logo-container{width:60%}
#menu-container{width:40%}
}
@media(max-width:840px){
.w20, .w25, .w30, .w33, .w35, .w40, .w45, .w50, .w55, .w60, .w65, .w66, .w70, .w75, .w80{width:100%}
#roof{text-align:center}
.contact-divide:first-child{border-left:none}
#primary #case-studies .case-study{width:100%; margin-left:0; margin-right:0}
.left-column .inner{margin-left:10px; padding-left:10px}
.right-column .inner{margin-right:10px; padding-right:10px}
#copyright{font-size:14px}
.footer-menu li{margin-right:5px; padding-right:10px}
.folding-table .row-header h4{font-size:18px; line-height:22px}
.page-template-contact .google-map{height:300px}
.page-template-contact .w50 .ml20{margin-left:0; margin-top:40px}
#testimonial-carousel p.author, #testimonials-section .testimonial .author{margin-left:10px; line-height:1.4em}
}
@media(max-width:660px){
.contact-divide{padding:0 7px}
#menu-footer-menu{margin-bottom:20px}
}
@media(max-width:460px){
.contact-divide{display:block; border:none; line-height:30px}
}