body{ background:none !important; } #Home-Intro{ height:660px; position:relative; z-index:1; color:#FFF; } .Home-Intro-BGIMG{ position:absolute; z-index:10; width:100%; height:100%; } .Home-Intro-BG-Woodshop{ background-image:url(/images/home-hero-1-art-grad.jpg); background-position:left top; background-repeat:no-repeat; background-size:cover; } #Home-Logo, #Home-Intro-Content, #Home-UpperCTAs, #Home-UpperCTA-Scroll{ position:relative; z-index:20; } #Home-Logo{ top:-5px; } #Home-Logo img{ width:260px; box-shadow: 0 10px 20px #263F7F, 0 6px 6px #263F7F; } #Home-Intro-ValueProp{ text-transform:uppercase; font-weight:700; line-height:4em; font-family: 'Kalam', sans-serif; margin-top:60px; text-shadow:1px 1px 3px #444; } #Home-Intro-ValueProp > div:nth-child(3){ padding-left:25%; padding-right:25%; line-height:1.2em; margin-top:20px; font-weight:400; } #Home-UpperCTAs{ margin-top:60px; } #Home-UpperCTAs a{ box-shadow: 0 1px 3px #263F7F, 0 1px 2px #263F7F !important; font-size:1.1em; transition: all 0.3s cubic-bezier(.25,.8,.25,1); margin:0px 10px; } #Home-UpperCTAs a i{ margin-right:5px; } #Home-UpperCTAs a:hover{ box-shadow: 0 14px 28px #263F7F, 0 10px 10px #263F7F !important; } #Home-UpperCTA-Scroll{ margin-top:20px; } @media (min-width:891px) and (max-width:1149px){ .Home-Intro-BG-Woodshop{ background-position: -120px top; } } @media (min-width:768px) and (max-width:890px){ #Home-Intro .w3-twothird{ width:75%; } .Home-Intro-BG-Woodshop{ background-position: -300px top; } } @media (max-width:767px){ #Home-Intro-ValueProp{ margin-top:20px; } #Home-Intro-ValueProp .w3-jumbo{ font-size: 48px !important; } #Home-Intro-ValueProp .w3-xlarge{ font-size: 22px !important; padding-left:20px !important; padding-right:20px !important; margin-top:0px !important; } #Home-UpperCTAs{ margin-top:24px; } #Home-UpperCTAs a{ display:block; clear:both; margin-bottom:8px; } } #Home-WhatMatters-POM{ background-color:#9BB8FF; vertical-align:top; padding-top:24px; } #Home-WhatMatters-POM #Home-WhatMattersText{ margin:16px 16px 6px 16px; } #Home-WhatMatters-POM #Home-WhatMattersText h1{ margin-top:0px; } #Home-WhatMatters-POM #Home-POMPartnership-Teaser{ margin:16px; } #Home-WhatMatters-POM #Home-WhatMattersBumper{ margin:0px 16px; } #Home-WhatMatters-POM #Home-WhatMattersText{ margin-right:8px; } #Home-WhatMatters-POM #Home-POMPartnership-Teaser{ margin-left:8px; } #Home-WhatMatters-POM #Home-WhatMattersText div{ padding:16px; } #Home-WhatMatters-POM #Home-POMPartnership-Teaser:after { content: ""; clear: both; display: table; } #Home-WhatMatters-POM #Home-POMPartnership-Teaser header{ background-color:#002fa7; color:#FFFFFF; margin-bottom:5px; } #Home-WhatMatters-POM #Home-POMPartnership-Teaser h2{ margin:0px; margin-left:16px; } #Home-WhatMatters-POM #Home-POMPartnership-Teaser h2 > span:first-child{ font-family: 'Kalam', sans-serif; } #Home-WhatMatters-POM #Home-POMPartnership-Teaser h2 sup{ font-size:60%; } #Home-WhatMatters-POM #Home-POMPartnership-DeviceHint{ background:#CCC; color:#666; text-align:center; padding:3px 0px; margin-top:-5px; font-size:115%; } #Home-WhatMatters-POM #Home-POMPartnership-Teaser div.Home-POMPartner-Cell{ display:inline-block; width:50%; float:left; height:80px; position:relative; z-index:1; text-align:center; } #Home-WhatMatters-POM #Home-POMPartnership-Teaser div.Home-POMPartner-Cell > div.highlight, #Home-WhatMatters-POM #Home-POMPartnership-Teaser div.Home-POMPartner-Cell > div.detail > div{ display:table; height:100%; position:relative; } #Home-WhatMatters-POM #Home-POMPartnership-Teaser div.Home-POMPartner-Cell > div.highlight > div, #Home-WhatMatters-POM #Home-POMPartnership-Teaser div.Home-POMPartner-Cell > div.detail > div > div{ display:table-cell; vertical-align:middle; } #Home-WhatMatters-POM #Home-POMPartnership-Teaser div.Home-POMPartner-Cell div.icon{ width:60px; text-align:center; padding-right:10px; font-size:200%; padding-left:10px; } #Home-WhatMatters-POM #Home-POMPartnership-Teaser div.Home-POMPartner-Cell .highlight div.text{ text-align:left; font-family:"Kalam"; line-height:110%; padding-right:20px; } #Home-WhatMatters-POM #Home-POMPartnership-Teaser div.Home-POMPartner-Cell .detail div.text{ text-align:left; font-size:100%; line-height:110%; padding-right:20px; } #Home-WhatMatters-POM #Home-POMPartnership-Teaser .Home-POMPartner-Cell .detail{ position:absolute; width:95%; height:80%; top:5%; left:2.55%; box-shadow: 0 0 0 2px #FFF, 0 0 0 3px #002fa7, 0 0 5px 4px #CCC; background-color:#BDD3FF; z-index:10; opacity:0; transform:scale(.9); transition-property:opacity, transform; transition-duration: .2s; transition-timing-function: linear; color:#000; } #Home-WhatMatters-POM #Home-POMPartnership-Teaser .Home-POMPartner-Cell:hover, #Home-WhatMatters-POM #Home-POMPartnership-Teaser .Home-POMPartner-Cell.hover{ color:#FFFFFF; } #Home-WhatMatters-POM #Home-POMPartnership-Teaser .Home-POMPartner-Cell:hover .detail, #Home-WhatMatters-POM #Home-POMPartnership-Teaser .Home-POMPartner-Cell.hover .detail{ transform:scale(1); opacity:1; } #Home-WhatMatters-POM #Home-POMPartnership-Teaser a.w3-btn{ margin:20px auto 20px; display:block; width:250px; clear:both; } @media (min-width:1150px){ #Home-WhatMatters-POM #Home-POMPartnership-Teaser div.Home-POMPartner-Cell .highlight div.text{ font-size:140%; } #Home-WhatMatters-POM #Home-POMPartnership-Teaser div.Home-POMPartner-Cell .detail div.text{ font-size:100%; } } @media (min-width:891px) and (max-width:1149px){ #Home-WhatMatters-POM #Home-POMPartnership-Teaser div.Home-POMPartner-Cell .highlight div.text{ font-size:120%; } #Home-WhatMatters-POM #Home-POMPartnership-Teaser div.Home-POMPartner-Cell .detail div.text{ font-size:90%; } } @media (min-width:768px) and (max-width:890px){ #Home-WhatMatters-POM > div.w3-row-padding > div:first-child{ width:36% } #Home-WhatMatters-POM > div.w3-row-padding > div:nth-child(2){ width:63% } #Home-WhatMattersText .w3-large{ font-size: 16px !important; } #Home-WhatMattersText h1{ font-size:20px !important; } #Home-WhatMatters-POM #Home-POMPartnership-Teaser div.Home-POMPartner-Cell .highlight div.text{ font-size:110%; } #Home-WhatMatters-POM #Home-POMPartnership-Teaser div.Home-POMPartner-Cell .detail div.text{ font-size:90%; } } @media (max-width:890px){ #Home-WhatMattersBumper{ display:none; } #Home-WhatMatters-POM #Home-POMPartnership-Teaser div.Home-POMPartner-Cell{ display:inline-block; width:100%; float:none; height:50px; } #Home-WhatMatters-POM #Home-POMPartnership-Teaser div.Home-POMPartner-Cell .highlight div.text{ font-size:120%; } } @media (max-width:767px){ #Home-WhatMatters-POM #Home-WhatMattersText, #Home-WhatMatters-POM #Home-POMPartnership-Teaser{ width:100% !imporant; margin: 8px auto !important; } #Home-POMPartnership-Teaser header h2{ font-size:24px !important; padding-top:8px; padding-bottom:8px; } } @media (max-width:320px){ #Home-WhatMatters-POM #Home-WhatMattersText h1{ font-size:22px; } #Home-WhatMattersText .w3-large{ font-size: 14px !important; } } #Home-CustomerSegments{ background-color:#9BB8FF; vertical-align:top; padding-bottom:24px; } #Home-CustomerSegments .w3-card{ margin:24px; } #Home-CustomerSegments h1, #Home-CustomerSegments .w3-bar{ background-color:#002fa7; color:#FFF; margin:0px; } #Home-CustomerSegments h1{ padding:8px 16px; } #Home-CustomerSegments .w3-bar-item{ border-bottom:5px solid #002fa7; } #Home-CustomerSegments .w3-bar-item i, #Home-Segment-Start a i{ margin-right:5px; } #Home-CustomerSegments .w3-bar .selected{ border-bottom:5px solid #BDD3FF; } #Home-CustomerSegments .w3-bar .w3-button:hover{ background:#D5E2FF !important; border-bottom:5px solid #BDD3FF; color:#002fa7 !important; } #Home-Segments-DetailContainer{ position:relative; width:100%; min-height:475px; overflow:hidden; background: #FFF; /* Old browsers */ background: #d5e2ff; /* Old browsers */ background: -moz-linear-gradient(top, #d5e2ff 0%, #ffffff 10%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #d5e2ff 0%,#ffffff 10%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #d5e2ff 0%,#ffffff 10%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5e2ff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ transition-property:min-height; transition-duration:0.3s; transition-timing-function:linear; } #Home-Segments-DetailContainer h2{ font-family:'Kalam'; font-weight:400; } #Home-Segments-DetailContainer.off{ min-height:340px; } #Home-Segments-DetailContainer .w3-button{ margin-bottom:15px; } #Home-Segments-DetailContainer ul.iconize{ list-style-type:none; margin-left:0px; padding-left:0px; } #Home-Segments-DetailContainer ul.iconize li{ display:inline-block; width:40%; margin:0 5% 15px; float:left; text-align:center; } #Home-Segments-DetailContainer ul.iconize li a{ text-decoration:none; color:#000; } #Home-Segments-DetailContainer ul.iconize li i{ display:block; color: #002fa7; margin-bottom:5px; } #Home-Segments-DetailContainer ul.iconize li.asterisknote{ clear: both; height:20px; width:100%; font-size:12px; color:#BBB; font-style:italic; text-align:left; padding-right:20px; } #Home-Segment-Start > div{ padding:16px 8px; } #Home-Segment-Start a{ margin:0 5px; } #Home-Segments-DetailContainer h2{ margin-bottom:0px; } #Home-Segments-DetailContainer .picture-card{ background-position: center left; background-size:cover; max-width:500px; min-width:300px; min-height:380px; } #Home-Segment-Home .picture-card{ background-image:url(/images/home-segments-home.jpg); } #Home-Segment-Retail .picture-card{ background-image:url(/images/home-segments-retail.jpg); } #Home-Segment-HomeServices .picture-card{ background-image:url(/images/home-segments-service.jpg); } #Home-Segment-PropertyMgmt .picture-card{ background-image:url(/images/home-segments-property.jpg); } #Home-Segment-Office .picture-card{ background-image:url(/images/home-segments-office.jpg); } #Home-Segment-Education .picture-card{ background-image:url(/images/home-segments-education.jpg); } @media (min-width:993px){ #Home-Segments-DetailContainer > div{ position:absolute; top:0px; left:0px; padding:16px; width:100%; height:100%; transform:translateY(-110%); opacity:0; transition-property:transform,opacity; transition-duration:0.5s; transition-timing-function:linear; } #Home-Segments-DetailContainer > div.on{ transform:translateY(0%); opacity:1; } } @media (max-width:992px){ #Home-Segments-DetailContainer > div{ padding:16px; width:100%; height:100%; display:none; } #Home-Segments-DetailContainer > div.on{ display:block; } } @media (min-width:768px) and (max-width:1149px){ #Home-Segment-Start p{ padding-left:5%; padding-right:5%; } #Home-Segments-DetailContainer > div p.w3-large { font-size:16px !important; } #Home-Segments-DetailContainer .picture-card{ min-width:300px; min-height:380px; } #Home-Segments-DetailContainer > div .l8{ width:65% !important; } #Home-Segments-DetailContainer > div .l4{ width:34% !important; } } @media (min-width:1150px){ #Home-Segment-Start p{ padding-left:15%; padding-right:15%; } } @media (max-width:1189px){ #Home-CustomerSegments .home-small-hide{ display:none!important; } } @media (min-width:1190px){ #Home-CustomerSegments .home-large-hide{ display:none!important; } } @media (min-width:768px) and (max-width:890px){ #Home-Segment-Start a.SegmentChooser-HomeServices{ } #Home-Segment-Start a{ width:30%; margin-bottom:10px; } } @media (min-width:768px){ .home-mobile-hide{ display:inline; } } @media (max-width:320px){ #Home-CustomerSegments .w3-bar-item{ padding:10px 13px; } } @media (max-width:767px){ #Home-CustomerSegments .w3-card{ margin-left:8px !important; margin-right:8px !important; } #Home-CustomerSegments h1{ font-size:24px; } .home-mobile-hide{ display:none; } #Home-CustomerSegments .w3-bar-item i, #Home-Segment-Start a i{ margin-right:0px; } #Home-Segments-DetailContainer > div > div.w3-row > div.w3-col{ width:100% !important; float:none; clear:both; } #Home-Segments-DetailContainer > div > div.w3-row > div.w3-col h2{ font-size:22px !important; margin-top:0px; width:75%; } #Home-Segments-DetailContainer > div > div.w3-row > div.w3-col p.w3-large{ font-size:14px !important; } #Home-Segment-Start > div{ padding-top:0px; } #Home-Segment-Start p{ padding-left:0px; padding-right:0px; } #Home-Segment-Start h2{ font-size:22px; margin:0px auto; padding:0px; width:80%; } #Home-Segment-Start p.w3-xlarge { font-size:14px !important; } #Home-Segment-Start a{ width:47%; margin-bottom:10px; padding:8px 4px !important; margin-left:0px !important; } #Home-Segments-DetailContainer > div > div.w3-row > div.w3-col > div.w3-row a.w3-btn{ display:block; margin:16px auto; } #Home-Segments-DetailContainer .picture-card{ background-position: center left !important; background-size:cover !important; width:100% !important; height: 150px !important; background-position: center left; background-size:cover; max-width:auto; min-width:auto; min-height:auto; margin: 0px 0px; } #Home-Segment-Home .picture-card{ background-image:url(/images/home-segments-home.jpg); } #Home-Segment-Retail .picture-card{ background-image:url(/images/home-segments-retail.jpg); background-position: top left !important; } #Home-Segment-HomeServices .picture-card{ background-image:url(/images/home-segments-service.jpg); background-position: -12px left !important; } #Home-Segment-PropertyMgmt .picture-card{ background-image:url(/images/home-segments-property.jpg); } #Home-Segment-Office .picture-card{ background-image:url(/images/home-segments-office.jpg); } #Home-Segment-Education .picture-card{ background-image:url(/images/home-segments-education.jpg); } } #Home-Products{ background-color:#273f7f; background-image:url(/images/home-dark-field.jpg); background-position: left top; background-repeat:no-repeat; vertical-align:top; min-height:400px; padding-top:36px; padding-bottom:24px; } #Home-Products .w3-card{ margin:24px; } /* Logo Cell */ #Home-Products > .w3-cell-row > div.w3-cell:first-of-type{ color:#FFF; box-sizing:border-box; padding-left:32px; padding-top:16px; } #Home-Products > .w3-cell-row > div.w3-cell:first-of-type img{ display:block; margin:0 auto; } #Home-Products > .w3-cell-row > div.w3-cell:nth-of-type(2){ padding-top:8px !important; vertical-align:top; } #Home-Products .home-products-servicecategory{ width:50%; float:left; margin-bottom:15px; transition:all 0.3s linear; } #Home-Products .home-products-servicecategory i{ float:left; color:#FFFFFF; display:inline-block; margin-right:15px; margin-top:9px; vertical-align:middle; } #Home-Products .home-products-servicecategory h3{ color:#FFFFFF; transition:all 0.3s linear; } #Home-Products .home-products-servicecategory:hover{ transform:scale(1.1); } #Home-Products .home-products-servicecategory h3 a{ text-decoration:none; } #Home-Products .home-products-servicecategory h3 a:hover{ text-decoration:underline; } /* Product Cards Cell */ /* #Home-Products > .w3-cell-row > div.w3-cell:nth-of-type(2) > div{ float:left; } #Home-Products > .w3-cell-row > div.w3-cell:nth-of-type(2) > div:first-of-type{ width:60%; } #Home-Products > .w3-cell-row > div.w3-cell:nth-of-type(2) > div:nth-of-type(2){ width:39%; } #Home-Products > .w3-cell-row > div.w3-cell:nth-of-type(2) div.w3-card{ min-height:300px; margin-top:0px; } #Home-Products > .w3-cell-row > div.w3-cell:nth-of-type(2) div.w3-card > header{ background-color:#9bb8ff; color:#000; margin-bottom:5px; padding:1px 1px 1px 8px; } #Home-Products > .w3-cell-row > div.w3-cell:nth-of-type(2) div.w3-card > header h2{ font-size:22px; font-weight:700; } #Home-Products > .w3-cell-row > div.w3-cell:nth-of-type(2) div.w3-card > p{ margin:0px 16px 16px 16px !important; } #Home-Products > .w3-cell-row > div.w3-cell:nth-of-type(2) > div > div:after { content: ""; clear: both; display: table; } */ /* .home-hourly-container .product-card{ width:87%; } .home-packages-container .product-card:first-of-type{ margin-right:8px !important; } .home-packages-container .product-card:last-of-type{ margin-left:8px !important; } */ @media (min-width:1150px){ #Home-Products > .w3-cell-row > div.w3-cell:first-of-type{ width:350px !important; padding-right:50px; } } @media (min-width:891px) and (max-width:1149px){ #Home-Products > .w3-cell-row > div.w3-cell:first-of-type{ width:220px !important; text-align:center } /* #Home-Products > .w3-cell-row > div.w3-cell:nth-of-type(2) > div{ float:none; } #Home-Products > .w3-cell-row > div.w3-cell:nth-of-type(2) > div:first-of-type{ width:99.99999%; } #Home-Products > .w3-cell-row > div.w3-cell:nth-of-type(2) > div:nth-of-type(2){ width:99.99999%; } */ } /* (min-width:768px) and */ @media (max-width:890px){ #Home-Products > .w3-cell-row{ display:block; } #Home-Products > .w3-cell-row > div.w3-cell:first-of-type{ display:block; float:none; clear:both; width:100% !important; text-align:center; height:115px; position:relative; padding-top:0px; } #Home-Products > .w3-cell-row > div.w3-cell:first-of-type img{ max-width: 75px; display:inline-block; margin-right:10px; vertical-align:middle; } #Home-Products > .w3-cell-row > div.w3-cell:first-of-type h1{ display:inline-block; width:275px; vertical-align:middle; } /* #Home-Products > .w3-cell-row > div.w3-cell:nth-of-type(2) > div{ float:none; } #Home-Products > .w3-cell-row > div.w3-cell:nth-of-type(2) > div:first-of-type{ width:99.99999%; } #Home-Products > .w3-cell-row > div.w3-cell:nth-of-type(2) > div:nth-of-type(2){ width:99.99999%; } */ } @media (min-width:768px) and (max-width:890px){ /* #Home-Products > .w3-cell-row > div.w3-cell:nth-of-type(2) > div:first-of-type .w3-col.l6{ width:49.99999%; } */ } @media (max-width:767px){ #Home-Products > .w3-cell-row > div.w3-cell:first-of-type h1{ font-size:22px; width:220px; } /* .home-packages-container .product-card a.img{ position:relative; height:150px !important; overflow:hidden; } #Home-Products > .w3-cell-row > div.w3-cell:nth-of-type(2) div.w3-card{ min-height:auto; } */ } @media (min-width:768px) and (max-width:1149px){ /* .home-hourly-container{ min-height:auto !important; } .home-hourly-container .product-card{ min-height:auto !important; width:94% !important; margin-bottom:16px !important; } .home-hourly-container .product-card{ width:100%; } .home-hourly-container .product-card a{ width: 47%; float:left; } .home-hourly-container .product-card a.text{ width:51%; float:left; padding-left:16px; } */ } @media (max-width:320px){ #Home-Products > .w3-cell-row > div.w3-cell:first-of-type img{ display:none; } #Home-Products > .w3-cell-row > div.w3-cell:first-of-type{ padding:0px 8px; height:80px; } #Home-Products > .w3-cell-row > div.w3-cell:first-of-type h1{ width:70%; } } #Home-ServiceAreaContact{ background:#faf5e1; position:relative; width:100%; } #Home-ServiceAreaContact .w3-panel{ padding-left:24px; } #Home-ServiceAreaContact .w3-panel p{ width:90%; } #Home-ServiceAreaContact #Standard-Contact-Form{ width:90%; padding:8px 0px 8px; } #Home-ServiceAreaContact form > div > div{ width:49% !important; } #Home-ServiceAreaContact form > div > div:first-of-type > div{ position:relative; display:block; height:30px; clear:both; } #Home-ServiceAreaContact form > div > div:first-of-type label{ display:inline-block; width:30%; float:left; padding:8px; } #Home-ServiceAreaContact form > div > div:first-of-type input{ display:inline-block; width:65%; float:left; margin-top:8px; margin-bottom:8px; border:1px solid #bdd3ff; } #Home-ServiceAreaContact form > div > div:nth-of-type(2) label{ display:block; padding:8px 8px 8px 0px; } #Home-ServiceAreaContact form > div > div:nth-of-type(2) textarea{ display:block; width:100%; height:70px; margin-bottom:8px; border:1px solid #bdd3ff; } #Home-ServiceAreaContact form .Standard-Contact-Form-Closebutton{ display:none; } #Home-ServiceAreaContact .grecaptcha-badge{ display:none !important; } @media (min-width:1150px){ } @media (max-width:1149px){ #Home-ServiceAreaContact h1{ font-size:22px !important; } #Home-ServiceAreaContact .w3-xlarge{ font-size:18px !important; } #Home-ServiceAreaContact > div.w3-row > div.w3-twothird{ width:62% !important; } #Home-ServiceAreaContact > div.w3-row > div.w3-third{ width:37% !important; } #Home-ServiceAreaContact .w3-panel p{ width:99%; } #Home-ServiceAreaContact #Standard-Contact-Form{ width:100%; } } @media (min-width:768px) and (max-width:890px){ #Home-ServiceAreaContact #Standard-Contact-Form h3{ width:60%; } #Home-ServiceAreaContact #Standard-Contact-Form > div > div{ width:99% !important; } } @media (max-width:767px) { #Home-ServiceAreaContact > div.w3-row > div.w3-twothird{ width:100% !important; } #Home-ServiceAreaContact > div.w3-row > div.w3-third{ display:none; } #Home-ServiceAreaContact #Standard-Contact-Form{ width:98%; padding:8px 0px 8px; } #Home-ServiceAreaContact #Standard-Contact-Form h3{ width:80%; } #Home-ServiceAreaContact #Standard-Contact-Form > div > div{ width:100% !important; } /* #Home-ServiceAreaContact form > div > div:first-of-type > div{ height:auto; clear:both; } #Home-ServiceAreaContact form > div > div:first-of-type label, #Home-ServiceAreaContact form > div > div:nth-of-type(2) label{ display:block; width:100%; float:none; padding:0px; } #Home-ServiceAreaContact form > div > div:first-of-type input, #Home-ServiceAreaContact form > div > div:nth-of-type(2) textarea{ display:block; width:100%; float:none; margin-top:8px; margin-bottom:8px; border:1px solid #bdd3ff; } */ }