article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } [hidden] { display: none; } html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } html, button, input, select, textarea { font-family: helvetica, arial, sans-serif; color: #222222; } body { margin: 0; font-size: 1em; line-height: 1.4; } a:hover, a:active { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; } ins { background: #ffff99; color: black; text-decoration: none; } mark { background: yellow; color: black; font-style: italic; font-weight: bold; } pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ""; content: none; } small { font-size: 85%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } ul, ol { margin: 1em 0; padding: 0 0 0 40px; } dd { margin: 0 0 0 40px; } img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } form { margin: 0; } fieldset { border: 0; margin: 0; padding: 0; } label { cursor: pointer; } legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; } button[disabled], input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; resize: vertical; } input:invalid, textarea:invalid { background-color: #f0dddd; } table { border-collapse: collapse; border-spacing: 0; } td { vertical-align: top; } /* Remove Styling from any list with a "layout" class or inside an HTML5 Nav element */ .layout { display: block; margin: 0; padding: 0; } .layout > li, nav li { list-style: none; list-style-image: none; margin: 0; padding: 0; } .layout > ul, nav ul { margin: 0 !important; padding: 0 !important; } /* Bicubic resizing for non-native sized IMG: */ .ie7 img { -ms-interpolation-mode: bicubic; } /* universal selectors to fix a few common issues */ * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /* fix the stupid broken box model */ * { position: relative; } /* testing this one to see if we like it */ /* Prevent iOS, WinMobile from adjusting font size */ html { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; } @media print { * { background: transparent !important; color: black !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; } a, a:visited { color: #444444 !important; text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */ pre, blockquote { border: 1px solid #999999; page-break-inside: avoid; } thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */ tr, img { page-break-inside: avoid; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } @font-face { font-family: 'RobotoRegular'; src: url('../fonts/Roboto-Regular-webfont.eot'); src: url('../fonts/Roboto-Regular-webfont.eot#iefix') format('embedded-opentype'), url('../fonts/Roboto-Regular-webfont.woff') format('woff'), url('http://acceleratedinnovationsllc.com/fonts/Roboto-Regular-webfont.ttf') format('truetype'), url('../fonts/Roboto-Regular-webfont.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'RobotoItalic'; src: url('../fonts/Roboto-Italic-webfont.eot'); src: url('../fonts/Roboto-Italic-webfont.eot#iefix') format('embedded-opentype'), url('../fonts/Roboto-Italic-webfont.woff') format('woff'), url('http://acceleratedinnovationsllc.com/fonts/Roboto-Italic-webfont.ttf') format('truetype'), url('../fonts/Roboto-Italic-webfont.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'RobotoBold'; src: url('../fonts/Roboto-Bold-webfont.eot'); src: url('../fonts/Roboto-Bold-webfont.eot#iefix') format('embedded-opentype'), url('../fonts/Roboto-Bold-webfont.woff') format('woff'), url('http://acceleratedinnovationsllc.com/fonts/Roboto-Bold-webfont.ttf') format('truetype'), url('../fonts/Roboto-Bold-webfont.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'RobotoBoldItalic'; src: url('../fonts/Roboto-BoldItalic-webfont.eot'); src: url('../fonts/Roboto-BoldItalic-webfont.eot#iefix') format('embedded-opentype'), url('../fonts/Roboto-BoldItalic-webfont.woff') format('woff'), url('http://acceleratedinnovationsllc.com/fonts/Roboto-BoldItalic-webfont.ttf') format('truetype'), url('../fonts/Roboto-BoldItalic-webfont.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'RobotoCondensed'; src: url('../fonts/Roboto-Condensed-webfont.eot'); src: url('../fonts/Roboto-Condensed-webfont.eot#iefix') format('embedded-opentype'), url('../fonts/Roboto-Condensed-webfont.woff') format('woff'), url('http://acceleratedinnovationsllc.com/fonts/Roboto-Condensed-webfont.ttf') format('truetype'), url('../fonts/Roboto-Condensed-webfont.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'RobotoCondensedItalic'; src: url('../fonts/Roboto-CondensedItalic-webfont.eot'); src: url('../fonts/Roboto-CondensedItalic-webfont.eot#iefix') format('embedded-opentype'), url('../fonts/Roboto-CondensedItalic-webfont.woff') format('woff'), url('http://acceleratedinnovationsllc.com/fonts/Roboto-CondensedItalic-webfont.ttf') format('truetype'), url('../fonts/Roboto-CondensedItalic-webfont.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'RobotoBoldCondensed'; src: url('../fonts/Roboto-BoldCondensed-webfont.eot'); src: url('../fonts/Roboto-BoldCondensed-webfont.eot#iefix') format('embedded-opentype'), url('../fonts/Roboto-BoldCondensed-webfont.woff') format('woff'), url('http://acceleratedinnovationsllc.com/fonts/Roboto-BoldCondensed-webfont.ttf') format('truetype'), url('../fonts/Roboto-BoldCondensed-webfont.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'RobotoBoldCondensedItalic'; src: url('../fonts/Roboto-BoldCondensedItalic-webfont.eot'); src: url('../fonts/Roboto-BoldCondensedItalic-webfont.eot#iefix') format('embedded-opentype'), url('../fonts/Roboto-BoldCondensedItalic-webfont.woff') format('woff'), url('http://acceleratedinnovationsllc.com/fonts/Roboto-BoldCondensedItalic-webfont.ttf') format('truetype'), url('../fonts/Roboto-BoldCondensedItalic-webfont.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'RobotoThin'; src: url('../fonts/Roboto-Thin-webfont.eot'); src: url('../fonts/Roboto-Thin-webfont.eot#iefix') format('embedded-opentype'), url('../fonts/Roboto-Thin-webfont.woff') format('woff'), url('http://acceleratedinnovationsllc.com/fonts/Roboto-Thin-webfont.ttf') format('truetype'), url('../fonts/Roboto-Thin-webfont.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'RobotoThinItalic'; src: url('../fonts/Roboto-ThinItalic-webfont.eot'); src: url('../fonts/Roboto-ThinItalic-webfont.eot#iefix') format('embedded-opentype'), url('../fonts/Roboto-ThinItalic-webfont.woff') format('woff'), url('http://acceleratedinnovationsllc.com/fonts/Roboto-ThinItalic-webfont.ttf') format('truetype'), url('../fonts/Roboto-ThinItalic-webfont.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'RobotoLight'; src: url('../fonts/Roboto-Light-webfont.eot'); src: url('../fonts/Roboto-Light-webfont.eot#iefix') format('embedded-opentype'), url('../fonts/Roboto-Light-webfont.woff') format('woff'), url('http://acceleratedinnovationsllc.com/fonts/Roboto-Light-webfont.ttf') format('truetype'), url('../fonts/Roboto-Light-webfont.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'RobotoLightItalic'; src: url('../fonts/Roboto-LightItalic-webfont.eot'); src: url('../fonts/Roboto-LightItalic-webfont.eot#iefix') format('embedded-opentype'), url('../fonts/Roboto-LightItalic-webfont.woff') format('woff'), url('http://acceleratedinnovationsllc.com/fonts/Roboto-LightItalic-webfont.ttf') format('truetype'), url('../fonts/Roboto-LightItalic-webfont.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'RobotoMedium'; src: url('../fonts/Roboto-Medium-webfont.eot'); src: url('../fonts/Roboto-Medium-webfont.eot#iefix') format('embedded-opentype'), url('../fonts/Roboto-Medium-webfont.woff') format('woff'), url('http://acceleratedinnovationsllc.com/fonts/Roboto-Medium-webfont.ttf') format('truetype'), url('../fonts/Roboto-Medium-webfont.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'RobotoMediumItalic'; src: url('../fonts/Roboto-MediumItalic-webfont.eot'); src: url('../fonts/Roboto-MediumItalic-webfont.eot#iefix') format('embedded-opentype'), url('../fonts/Roboto-MediumItalic-webfont.woff') format('woff'), url('http://acceleratedinnovationsllc.com/fonts/Roboto-MediumItalic-webfont.ttf') format('truetype'), url('../fonts/Roboto-MediumItalic-webfont.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'RobotoBlack'; src: url('../fonts/Roboto-Black-webfont.eot'); src: url('../fonts/Roboto-Black-webfont.eot#iefix') format('embedded-opentype'), url('../fonts/Roboto-Black-webfont.woff') format('woff'), url('http://acceleratedinnovationsllc.com/fonts/Roboto-Black-webfont.ttf') format('truetype'), url('../fonts/Roboto-Black-webfont.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'RobotoBlackItalic'; src: url('../fonts/Roboto-BlackItalic-webfont.eot'); src: url('../fonts/Roboto-BlackItalic-webfont.eot#iefix') format('embedded-opentype'), url('../fonts/Roboto-BlackItalic-webfont.woff') format('woff'), url('http://acceleratedinnovationsllc.com/fonts/Roboto-BlackItalic-webfont.ttf') format('truetype'), url('../fonts/Roboto-BlackItalic-webfont.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'weatherIcons'; src: url('../fonts/weatherIcons.eot'); src: url('../fonts/weatherIcons.eot#iefix') format('embedded-opentype'), url('../fonts/weatherIcons.svg') format('svg'), url('../fonts/weatherIcons.woff') format('woff'), url('http://acceleratedinnovationsllc.com/fonts/weatherIcons.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'mainIcons'; src: url('../fonts/mainIcons.eot'); src: url('../fonts/mainIcons.eot#iefix') format('embedded-opentype'), url('../fonts/mainIcons.svg') format('svg'), url('../fonts/mainIcons.woff') format('woff'), url('http://acceleratedinnovationsllc.com/fonts/mainIcons.ttf') format('truetype'); font-weight: normal; font-style: normal; } .text-black { font-family: 'RobotoBlack', Helvetica, Arial, Sans-Serif; font-weight: normal; } .text-bold { font-family: 'RobotoBold', Helvetica, Arial, Sans-Serif; font-weight: normal; } .text-medium { font-family: 'RobotoMedium', Helvetica, Arial, Sans-Serif; font-weight: normal; } .text-regular { font-family: 'RobotoRegular', Helvetica, Arial, Sans-Serif; font-weight: normal; } .text-light { font-family: 'RobotoLight', Helvetica, Arial, Sans-Serif; font-weight: normal; } .icons { font-family: 'mainIcons'; } .weather { font-family: 'weatherIcons'; } .colThird { float: left; width: 30.5%; margin-right: 2.5%; } .colThird:last-child { margin-left: 2.5%; margin-right: 0; } .colTwoThird { float: left; width: 63.5%; margin-right: 2.5%; } .colTwoThird:last-child { margin-left: 2.5%; margin-right: 0; } .colHalf { float: left; width: 47.5%; margin-right: 2.5%; } .colHalf:last-child { margin-left: 2.5%; margin-right: 0; } .colQuarter { float: left; width: 24.5%; } .colThreeQuarter { float: left; width: 74.5%; } html, body { height: 100%; font-family: helvetica, arial, sans-serif; } html > body { overflow-y: scroll; } a, a:active, a:visited { color: #cc0000; text-decoration: none; -webkit-transition: color 0.18s ease-out; -moz-transition: color 0.18s ease-out; transition: color 0.18s ease-out; border: 0; outline: none; } a:hover { color: #898989; } /* links that go off site */ a.btn, button { background-color: #282828; font-size: 16px; color: white; padding: 0 .5em 0 0; border: 0; line-height: 2; display: inline-block; overflow: hidden; } a.btn:before, button:before { content: "3"; font-family: 'mainIcons'; background-color: #990000; padding: .7em; margin-right: .5em; } a.btn.calendar:before, button.calendar:before { content: "N"; } a.btn.download:before, button.download:before { content: "H"; } a.btn.gray, button.gray { background-color: #898989; } a.btn.gray:before, button.gray:before { background-color: #707070; } h1 { font-family: 'RobotoRegular', Helvetica, Arial, Sans-Serif; font-weight: normal; } h2 { font-family: 'RobotoBlack', Helvetica, Arial, Sans-Serif; font-weight: normal; } h3 { font-family: 'RobotoBold', Helvetica, Arial, Sans-Serif; font-weight: normal; } h4 { font-family: 'RobotoRegular', Helvetica, Arial, Sans-Serif; font-weight: normal; font-size: 20px; } h5 { font-family: 'RobotoMedium', Helvetica, Arial, Sans-Serif; font-weight: normal; } h6 { font-family: 'RobotoMedium', Helvetica, Arial, Sans-Serif; font-weight: normal; font-size: 14px; line-height: 18px; margin: 0; } label { color: black; font-size: 14px; } label input[type="checkbox"], label input[type="radio"] { display: inline; vertical-align: middle; top: 0; } label span { vertical-align: middle; padding-left: 5px; } /* Use since input[type=text] etc is buggy in most browsers */ input[type="text"], input[type="email"], input[type="password"], input[type="search"], input[type="date"] { color: #bbbaba; font-size: 14px; line-height: 12px; border: 1px solid #bbbaba; padding: 5px 4px 4px 4px; background: white; cursor: default; -webkit-box-shadow: inset 0 0 5px rgba(207, 201, 188, 0.75); -moz-box-shadow: inset 0 0 5px rgba(207, 201, 188, 0.75); box-shadow: inset 0 0 5px rgba(207, 201, 188, 0.75); overflow: hidden; } input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="date"]:focus, textarea { outline: none; border: 1px solid #fdb827; color: black; -webkit-box-shadow: inset 0 0 5px rgba(230, 97, 47, 0.75); -moz-box-shadow: inset 0 0 5px rgba(230, 97, 47, 0.75); box-shadow: inset 0 0 5px rgba(230, 97, 47, 0.75); } textarea { color: #bbbaba; font-size: 14px; line-height: 12px; border: 1px solid #bbbaba; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; padding: 5px 4px 4px 4px; background: white; cursor: default; -webkit-box-shadow: inset 0 0 5px rgba(207, 201, 188, 0.75); -moz-box-shadow: inset 0 0 5px rgba(207, 201, 188, 0.75); box-shadow: inset 0 0 5px rgba(207, 201, 188, 0.75); } .contentWrap { width: 100%; min-width: 1000px; max-width: 1000px; margin: 0 auto; } .headerWrap { color: white; text-align: center; clear: both; margin: 0 auto; padding-top: 20px; line-height: 25px; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } /* Remove Styling from any list with a "layout" class or inside an HTML5 Nav element */ .layout { display: block; margin: 0; padding: 0; list-style: none outside !important; } .layout > li, nav li { margin: 0; padding: 0; } blockquote.bubble { position: relative; padding: 15px; margin: 1em 0 3em; color: white; background: #171717; } blockquote.bubble:after { content: ""; position: absolute; bottom: -10px; left: 50%; border-width: 10px 10px 0; border-style: solid; border-color: #171717 transparent; display: block; width: 0; margin-left: -10px; } input.input-validation-error { -webkit-box-shadow: inset 0 0 5px rgba(255, 0, 0, 0.75); -moz-box-shadow: inset 0 0 5px rgba(255, 0, 0, 0.75); box-shadow: inset 0 0 5px rgba(255, 0, 0, 0.75); border: 1px solid red; } body { background: white; font-family: Helvetica, Arial, RobotoRegular, sans-serif; padding: 0; } a { font-family: Helvetica, Arial, RobotoRegular, sans-serif; } #statusContainer { position: absolute; z-index: 20; padding: 12px; background-color: #e6612f; width: 100%; text-align: center; display: none; color: white; font-size: 1.2em; top: 89px; } #nav-icon3 { display: none; float: right; width: 50px; height: 45px; position: relative; margin: 15px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; cursor: pointer; } #nav-icon3 span { display: block; position: absolute; height: 5px; width: 80%; background: black; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: 0.25s ease-in-out; -moz-transition: 0.25s ease-in-out; -o-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; } #nav-icon3 span:nth-child(1) { top: 8px; } #nav-icon3 span:nth-child(2), #nav-icon3 span:nth-child(3) { top: 22px; } #nav-icon3 span:nth-child(4) { top: 36px; } #nav-icon3.open span:nth-child(1) { top: 18px; width: 0%; left: 50%; } #nav-icon3.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #nav-icon3.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } #nav-icon3.open span:nth-child(4) { top: 18px; width: 0%; left: 50%; } .carousel-control { width: 8%; } .banner .item { padding: 0px; margin: 0; } .banner .item .mm { background: #f2ede7; background: url('../images/hero5.png') center center no-repeat; background-size: cover; min-height: 650px; } .banner .item .mm .logo { padding: 15px 25px 10px 25px; background-color: rgba(255, 255, 255, 0.7); width: 100%; top: 35%; bottom: -200px; } .banner .item .mm .heading { clear: both; -webkit-text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.75); text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.75); padding-right: 25%; } .banner .item .mm .heading h1, .banner .item .mm .heading h4 { filter: progid:DXImageTransform.Microsoft.Shadow(color='#222222', Direction=135, Strength=8); margin: 0; } .banner .item .mm .heading h1 { font-size: 36px; padding-top: 100px; } .banner .item .mm .heading h4 { font-size: 24px; margin: 15px 0; } .banner .item .mm .mmsite { background: #e6612f; color: white; padding: 10px; top: 20px; } .banner .item .ew { background: linen; padding-bottom: 54px; } .banner .item .ew .logo { background-color: #51abbc; top: 0px; height: 170px; } .banner .item .ew .logo .we { color: white; padding: 15px 20px 10px 15px; float: left; } .banner .item .ew .logo .we p { margin: 0; font-size: 34px; text-indent: 55px; top: 35px; color: white; float: none; } .banner .item .ew .logo .we span { font-style: italic; margin: 0; font-size: 68px; color: white; } .banner .item .ew .logo span { margin: 75px 75px 75px 0px; color: white; float: right; } .banner .item .ew h1 { color: white; } .banner .item .ew .header { font-size: 32px; max-width: 260px; margin: 50px 25px; line-height: 55px; color: #355372; float: right; text-align: right; clear: both; } .banner .item .ew .info { margin: 30px 10px 10px 25px; } .banner .item .ew .info h2 { margin: 0; color: #355372; } .banner .item .ew .info p { font-size: 14px; width: 55%; line-height: 35px; } .banner .item .ew .laptop { width: 350px; float: right; margin-top: 45px; margin-right: 8px; } .banner .item .ew .ew-dl { background: #51abbc; color: white; padding: 10px; margin: 10px; display: inline-block; } .banner .item .pay { background: #f2ede7; font-family: Calibri; } .banner .item .pay .logo { background: white; margin-top: 40px; padding: 20px 0 10px 20px; display: inline-block; width: 100%; margin-bottom: -5px; } .banner .item .pay .header { margin: 0 0 20px; color: white; font-size: 18px; font-style: italic; background: #e6612f; padding: 5px 0 5px 20px; } .banner .item .pay .info { float: right; width: 390px; color: #6e6e6e; z-index: 15; text-align: right; line-height: 35px; margin-right: 20px; } .banner .item .pay .laptop { width: 350px; float: right; margin-right: 15px; margin-top: -175px; } .banner .item .pay .infoList { margin: 10px 15px; color: #6e6e6e; float: left; } .banner .item .pay .infoList li { height: auto; float: none; margin: 20px 5px; font-size: 18px; } .banner .item .pay .mmlogo { width: 60px; overflow: hidden; display: inline-block; float: left; } .banner .item .pay .mmlogo img { float: right; } .banner .item .pay h2 { float: left; margin: -5px 20px; color: #e6612f; font-style: italic; font-size: 48px; font-family: Calibri; } .banner .item .pay .gp-dl { background: #e6612f; color: white; padding: 10px; margin: 10px; display: inline-block; } .banner .item .pay .tall { min-height: 480px; } .banner .item .bm { font-family: Calibri; } .banner .item .bm .logo { background-color: #00644a; top: 0; height: 140px; } .banner .item .bm .logo2 { color: white; font-size: 72px; top: 40px; padding: 20px; text-transform: uppercase; font-weight: bold; } .banner .item .bm .infoList { font-size: 14px; width: 35%; margin: 25px; color: #00644a; float: right; clear: both; } .banner .item .bm .infoList li { height: auto; float: none; padding: 5px; font-weight: bold; list-style: circle; } .banner .item .bm .info { width: 50%; line-height: 38px; margin: 20px; } .banner .item .bm .info h2 { color: #00644a; font-style: italic; font-family: Calibri; } .banner .item .bm .laptop { width: 350px; float: right; margin-top: 20px; margin-right: 8px; } .banner .item .bm .bm-dl { background: #00644a; color: white; padding: 10px; margin: 10px; } .banner .item .happen .topRow { background: #595e61; padding: 5px 0 0; height: 145px; } .banner .item .happen .topRow h3 { color: white; } .banner .item .happen .topRow img { top: 20px; } .banner .item .happen .mainRow h2 { font-size: 64px; margin: 0 0 60px 140px; color: #d36c2e; } .banner .item .happen .mainRow p { font-size: 16px; font-weight: bold; } .banner .item .happen .mainRow .greenCity { margin: 10px 0; } .banner .item .happen .bottomRow { float: left; margin-top: 20px; margin-bottom: 20px; } .banner .item .happen .bottomRow .store { float: left; } .banner .item .happen .bottomRow .envisionAmerica { float: right; clear: right; } .ie8 .header .nav { background-color: white; } .header .list { display: none; background: #282828; margin: 0; padding-bottom: 10px; padding-top: 10px; border-top: 1px solid white; list-style: none; } .header .list li { padding: 5px; } .header .list li a { color: white; } .header .list li :hover { color: #cc0000; } .header .mb { background: #282828; color: white; cursor: pointer; margin: 0; display: none; padding: 10px; text-align: center; font-weight: bold; } .header .nav { z-index: 10; background-color: white; height: 96px; -webkit-box-shadow: 3px 0 3px rgba(0, 0, 0, 0.12); -moz-box-shadow: 3px 0 3px rgba(0, 0, 0, 0.12); box-shadow: 3px 0 3px rgba(0, 0, 0, 0.12); border-bottom: 1px solid #bcbcbc; } .header .nav .menu-icon { background: url('../images/menu-icon.png') no-repeat; display: none; padding: 8px 32px; float: right; height: 45px; top: 19px; } .header .nav .menu-icon:active { background: url('../images/menu-icon2.png') no-repeat; } .header .nav ul { float: right; list-style: none; } .header .nav ul li { float: left; line-height: 89px; } .header .nav ul li a { padding: 22px; font-family: 'RobotoRegular', Helvetica, Arial, Sans-Serif; font-weight: normal; color: black; } .header .nav ul li :hover { color: #cc0000; } .header .nav #aiLogo { float: left; -webkit-transition: all 0.18s ease-out; -moz-transition: all 0.18s ease-out; transition: all 0.18s ease-out; z-index: 5; width: 40%; } .header .nav #aiLogo img { margin: 20px; } .header #hero .heading { color: white; } .expanded { display: list-item !important; } .expanded ul { margin-bottom: 75px; } .hidden { display: none; } #content { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: white; } #content .section { border-bottom: 1px solid #ededed; } #content .section h1 { color: #e6612f; text-align: center; margin: 20px 0 15px; } #content .section h3 { color: #bcbcbc; text-align: center; margin: 0; } #content .section .content { padding: 20px 20px 40px; } #content .section .content .colHalf, #content .section .content .colTwoThird { margin-top: 20px; font-size: 15px; } #content .section .content .colHalf p, #content .section .content .colTwoThird p { line-height: 1.75em; } #content .section .content .colHalf img, #content .section .content .colTwoThird img, #content .section .content .colHalf iframe, #content .section .content .colTwoThird iframe { padding: 20px 0; } #content .tabs { background: #282828 center center repeat-x; width: 1020px; height: 45px; margin: 13px 0 0 -10px; } #content .tabs ul { float: left; left: 50%; } #content .tabs ul li { float: left; } #content .tabs ul li a { /*line-height: 41px; height: 45px;*/ padding: 12px 20px 10px; display: block; color: white; -webkit-transition: background 0.18s ease-out; -moz-transition: background 0.18s ease-out; transition: background 0.18s ease-out; } #content .tabs ul li a .icons { margin-right: 10px; } #content .tabs ul li a:hover { color: #cc0000; } #content .tabs ul li a.active { color: #282828; border-top: 3px solid #cc0000; margin-top: -3px; background-color: white; } #content .tabs:before, #content .tabs:after { content: ' '; position: absolute; width: 0; height: 0; top: 100%; border-width: 5px; border-style: solid; } #content .tabs:before { left: 0px; border-color: #6e6e6e #6e6e6e transparent transparent; } #content .tabs:after { right: 0px; border-color: #6e6e6e transparent transparent #6e6e6e; } #content .tabContent .tab { display: none; } #content .tabContent .tab.active { display: block; } #content .tabContent ul li { line-height: 30px; } #content .tabContent .services li { list-style: none; } #content .tabContent .services li:before { content: "•"; color: #fdb827; font-size: 22px; padding-right: 10px; } #content .tabContent .tech { margin: 5px 10px; } #content .tabContent .tech li { font-weight: bold; line-height: 20px; list-style: none; } #content .tabContent .tech .subTech li { list-style: none; font-weight: normal; } #content .tabContent .tech .subTech li:before { content: none; } #content .tabContent .tech li:before { content: "•"; color: #fdb827; font-size: 20px; padding-right: 10px; } .footer .row1 { border-top: 1px solid white; background: url('../images/texture/noise3.png') center center repeat; height: 80px; } .footer .row2 { font-size: 12px; color: #bbb8b7; background: #282828; height: 170px; padding: 15px 0; } .footer .row2 a { color: #bbb8b7; } .footer .row2 a:hover { color: white; } .footer .row2 ul { float: left; margin-right: 115px; display: block; } .footer .row2 ul.contact { margin-right: 0; } .footer .row2 ul .heading { color: white; } .footer .row2 ul li { line-height: 24px; height: 24px; } .footer .row2 .follow { float: right; } .footer .row2 .follow .social { color: white; margin-bottom: 25px; float: right; } .footer .row2 .follow .social span { display: block; line-height: 24px; margin-bottom: 10px; } .footer .row2 .follow .social a { display: block; float: left; width: 27px; height: 28px; margin-right: 8px; background-repeat: no-repeat; -webkit-transition: all 0.18s ease-out; -moz-transition: all 0.18s ease-out; transition: all 0.18s ease-out; } .footer .row2 .follow .social a:last-child { margin-right: 0; } .footer .row2 .follow .social .tw { background-image: url('../images/social/tw.png'); } .footer .row2 .follow .social .tw:hover { background-image: url('../images/social/tw_hover.png'); } .footer .row2 .follow .social .fb { background-image: url('../images/social/fb.png'); } .footer .row2 .follow .social .fb:hover { background-image: url('../images/social/fb_hover.png'); } .footer .row2 .follow .logo img { width: 120px; float: right; clear: both; } .footer .row3 { font-size: 11px; color: #a0a49d; line-height: 40px; background: url('../images/texture/noise5.png') center center repeat-x; height: 40px; } .footer .row3 a { color: #a0a49d; } .footer .row3 a:hover { color: #bbb8b7; } .footer .row3 .policy { float: left; } .footer .row3 .copyright { float: right; } /*.ie8 .home .header #hero .heading { padding-right:0; width:58%;} .home { .header #hero { background-image: url('../images/hero3.jpg'); height: 709px; .heading { clear: both; padding-top: 100px; .text-shadow(2px 2px 6px rgba(0, 0, 0, 0.75)); padding-right:40%; h1, h4 { filter:progid:DXImageTransform.Microsoft.Shadow(color='#222222', Direction=135, Strength=8);margin: 0; } h1 { font-size: 36px; } h4 { font-size:24px;} } .vsDownload {min-width: 1000px; max-width: 1000px; margin: 0 auto; padding-top: 10px; a {height: 32px;} } } #content { .border-radius(0, 5px, 5px, 0); } }*/ .ie8 #home .scheduleDemo { background-color: #e1e1e1; } #home { margin-top: -80px; } #home h2 { font-family: 'RobotoRegular', Helvetica, Arial, Sans-Serif; font-weight: normal; color: #e6612f; text-align: center; font-size: 2em; } #home blockquote.bubble { position: absolute; top: -168px; left: 22px; z-index: 10; text-align: center; color: #6e6e6e; font-size: 12px; width: 240px; } #home blockquote.bubble h4 { margin: 0; color: white; font-size: 14px; } #home blockquote.bubble:before { content: ""; background: url('../images/arrow.png'); height: 36px; width: 68px; position: absolute; top: -14px; left: -90px; } #home .scheduleDemo { background-color: rgba(255, 255, 255, 0.8); -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-topleft: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-top-left-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; position: absolute; top: -80px; } #home .impact .special { text-align: center; } #home .impact .special .cycler { height: 70px; width: 456px; padding: 0; margin: -35px 0 0 -200px; overflow: hidden; position: absolute; z-index: 10; top: 50%; left: 50%; } #home .impact .special .cycler img { height: 70px; width: 70px; box-sizing: content-box; top: 0; left: 0; padding: 0; } #home .impact .special > img { max-width: 456px; } #home .tabs ul { margin-left: -155px; } #home .section { border-bottom: 1px solid #bcbcbc; } #solutions { background: white; min-height: 640px; height: 100%; } #solutions .content { padding: 5px 30px; } #solutions .content .heading { margin: 10px 0 0 10px; } #solutions .content h3 { font-size: 24px; } #solutions .content .options { background: white; } #solutions .content .options .mm { width: 100%; color: white; margin: 0; display: inline-block; background: -webkit-linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), url('../images/hero3.jpg') -330px -290px no-repeat; background: -moz-linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), url('../images/hero3.jpg') -330px -290px no-repeat; background: ms-linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), url('../images/hero3.jpg') -330px -290px no-repeat; background: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), url('../images/hero3.jpg') -330px -290px no-repeat; } #solutions .content .options .mm .logo { float: left; padding: 35px 0 25px 30px; } #solutions .content .options .mm .header { float: right; width: 45%; text-align: right; font-size: 24px; padding: 27px; background: #e6612f; } #solutions .content .options .mm .info1 { float: left; clear: both; color: black; background: #f1ecec; padding: 20px; } #solutions .content .options .mm .info1 p { font-size: 14px; line-height: 26px; } #solutions .content .options .mm .mmsite { background: #e6612f; color: white; padding: 10px; float: right; margin: 10px 10px 0px; } #solutions .content .options .goPay { width: 100%; margin: 15px 0; clear: both; display: inline-block; background: -webkit-linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), url('../images/hero3.jpg') right -20px no-repeat; background: -moz-linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), url('../images/hero3.jpg') right -20px no-repeat; background: ms-linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), url('../images/hero3.jpg') right -20px no-repeat; background: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), url('../images/hero3.jpg') right -20px no-repeat; } #solutions .content .options .goPay .logo { float: right; padding: 35px 30px 25px 0px; } #solutions .content .options .goPay .header { float: left; width: 45%; font-size: 24px; padding: 27px; background: #e6612f; color: white; } #solutions .content .options .goPay .info1 { float: left; clear: both; color: black; background: #f1ecec; padding: 20px; } #solutions .content .options .goPay .info1 p { font-size: 14px; line-height: 26px; } #solutions .content .options .goPay .gp-dl { background: #e6612f; color: white; padding: 10px; float: right; margin: 10px 10px 0px; } #solutions .content .options .energyWell { width: 100%; background: #51abbc; color: white; margin: 15px 0; display: inline-block; } #solutions .content .options .energyWell p { margin: 0; font-size: 26px; text-indent: 76px; top: 20px; float: left; } #solutions .content .options .energyWell .logoWrap { float: left; } #solutions .content .options .energyWell .logo { font-style: italic; margin: 0; font-size: 54px; margin-left: 30px; float: left; clear: both; bottom: 8px; } #solutions .content .options .energyWell .header { float: right; width: 40%; text-align: right; font-size: 22px; padding: 20px 25px; background: #51abbc; } #solutions .content .options .energyWell .info { background: #f1ecec; color: black; padding: 20px; float: left; } #solutions .content .options .energyWell .info h2 { margin: 5px 0; color: #355372; } #solutions .content .options .energyWell .info p { font-size: 14px; line-height: 26px; margin: 5px 0; text-indent: 0; top: 0; } #solutions .content .options .energyWell .ew-dl { background: #51abbc; color: white; padding: 10px; float: right; margin: 10px 10px 0px; } #solutions .content .options .benchmark { width: 100%; background: #00644a; color: white; margin: 15px 0; display: inline-block; } #solutions .content .options .benchmark .logo { font-size: 60px; margin-left: 10px; float: left; clear: both; padding: 20px; font-family: Calibri; text-transform: uppercase; } #solutions .content .options .benchmark .header { float: right; width: 30%; text-align: right; font-size: 24px; margin: 30px; font-family: Calibri; } #solutions .content .options .benchmark .info { background: #f1ecec; color: black; padding: 20px; float: left; } #solutions .content .options .benchmark .info h2 { margin: 5px 0 15px; color: #00644a; font-family: Calibri; } #solutions .content .options .benchmark .info p { font-size: 14px; line-height: 26px; margin: 5px 0; text-indent: 0; top: 0; } #solutions .content .options .benchmark .bm-dl { background: #00644a; color: white; padding: 10px; float: right; margin: 10px 10px 0px; } #solutions .content .options .happen { width: 100%; background: #595e61; color: white; margin: 15px 0; display: inline-block; } #solutions .content .options .happen img { width: 25%; } #solutions .content .options .happen .logo { font-size: 60px; margin-left: 10px; float: left; clear: both; padding: 20px; font-family: Calibri; color: #d36c2e; } #solutions .content .options .happen .header { float: right; width: 30%; text-align: right; font-size: 24px; margin: 45px 30px; font-family: Calibri; } #solutions .content .options .happen .info { background: #f1ecec; color: black; padding: 20px; float: left; } #solutions .content .options .happen .info h2 { margin: 5px 0 15px; color: #d36c2e; font-family: Calibri; font-weight: bold; } #solutions .content .options .happen .info p { font-size: 14px; line-height: 26px; margin: 5px 0; text-indent: 0; top: 0; } #news .section h1 { text-align: left; padding-left: 30px; padding-bottom: 20px; } #news .item { border-bottom: 1px solid #ededed; margin-bottom: 35px; } #news .item .date { float: left; width: 100px; text-align: center; margin: 3px 0 10px 0; } #news .item .date span { display: block; } #news .item .date .day { font-size: 28px; } #news .item .container { float: left; width: 100%; margin: 0 0 15px -100px; padding: 0 0 15px 100px; } #news .item .container h4 { margin-top: 0; } #about { margin-top: -30px; } #about .wordCloud { margin: 50px auto 30px; display: block; } #about .team .row { padding: 25px; } #about .team .row .member { width: 30%; margin-right: 3%; float: left; } #about .team .row .member img { float: left; margin-right: 8px; border: 3px solid #e5e5e5; -webkit-transition: all 0.18s ease-out; -moz-transition: all 0.18s ease-out; transition: all 0.18s ease-out; } #about .team .row .member .info { float: left; } #about .team .row .member .info * { display: block; white-space: nowrap; word-break: keep-all; } #about .team .row .member .info i { font-size: .9em; } #about .team .row .member .info h4 { margin: 0; font-size: 18px; font-weight: bold; -webkit-transition: all 0.18s ease-out; -moz-transition: all 0.18s ease-out; transition: all 0.18s ease-out; } #about .team .row .member .info .br { border-bottom: 1px solid #e5e5e5; margin: 3px 0; } #about .team .row .member .info .expand { font-family: 'mainIcons'; font-style: normal; display: inline; margin-left: 5px; font-weight: normal; } #about .team .row .member .bio { position: absolute; width: 200%; display: none; z-index: 50; background-color: white; padding: 30px; -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2); } #about .team .row .member .bio .close { font-family: 'mainIcons'; position: absolute; top: 5px; right: 10px; font-size: 20px; } #about .team .row .member .bio .close a { font-family: 'mainIcons'; } #about .team .row .member a:hover { text-decoration: none; } #about .team .row .member:hover img { border-color: #cc0000; } #about .team .row .member:hover .info h4 { color: #cc0000; } #about .team .row .member:first-child .bio { left: 0; } #about .team .row .member:last-child { margin-right: 0; } #about .team .row .member:last-child .bio { right: 0; } #about .team .row:last-child .member .bio { bottom: 0px; } .ie8 #contact .colHalf + .colHalf { width: 45%; background-color: #ded8d6; } #contact { margin-top: -30px; } #contact h1 { margin: 30px 0; padding: 30px 20px 10px; font-size: 26px; border-bottom: 1px solid #bcbcbc; max-width: 520px; } #contact .info { padding: 0px 20px 30px 5px; display: inline-block; width: 100%; } #contact .info .contactInfo { float: left; } #contact .info .contactInfo img { float: left; margin-top: 28px; } #contact .info .contactInfo .numbers { float: left; text-transform: uppercase; font-size: 14px; margin: 15px 0 0 -30px; font-weight: bold; } #contact .info .map { float: right; z-index: 999; padding: 5px 5px 5px 5px; background: #282828; height: 360px; max-height: 210px; } #contact .form { display: inline-block; } #contact .colHalf { width: 55%; padding: 20px 22px; float: left; margin: 0; } #contact .colHalf .inputContainer { padding: 12px; } #contact .colHalf .inputContainer label { display: inline-block; float: left; width: 35%; text-align: right; margin-right: 2%; font-family: 'RobotoBold', Helvetica, Arial, Sans-Serif; font-weight: normal; color: #999999; font-size: 18px; line-height: 40px; } #contact .colHalf .inputContainer input, #contact .colHalf .inputContainer textarea { width: 62%; } #contact .colHalf .inputContainer input, #contact .colHalf .inputContainer select, #contact .colHalf .inputContainer textarea { font-size: 15px; line-height: 29px; height: 40px; } #contact .colHalf .inputContainer textarea { resize: none; height: 100px; } #contact .colHalf button { margin: 12px 0 12px 37%; } #contact .colHalf h2 { margin-top: 0; } #contact .colHalf p { padding: 0; line-height: 34px; } #contact .colHalf p span { color: #e6612f; padding-bottom: 5px; display: block; font-weight: bold; } #contact .colHalf p:first-child { margin-top: 0; } #contact .colHalf p:last-child { margin-bottom: 0; } #contact .colHalf:last-child { width: 45%; background-color: #ded8d6; } .scheduleDemo { padding: 20px 22px; width: 100%; } .scheduleDemo .inputContainer, .downloadForm .inputContainer { margin-right: -196px; width: 100%; float: left; } .scheduleDemo input, .downloadForm input { font-size: 15px; line-height: 29px; height: 40px; vertical-align: top; width: 25%; margin-right: 10px; } .scheduleDemo button, .downloadForm button { float: right; font-size: 19px; } /*.pageWrap { min-height:100%; margin-bottom:-290px;} .pageWrap:after { content: ""; display: block;} .footer, .pageWrap:after { height: 290px; }*/ @media screen and (max-width: 1000px) { .contentWrap { width: 100%; min-width: 280px; } .header .nav ul li a { padding: 22px 20px; } .header #hero { background-position: 70% 0; } .header #hero .mm .heading { padding-left: 20px; width: 75%; margin: 0; } .header #hero .mm .logo { top: 25%; } .header .nav #mymeterLogo { margin-left: 20px; } #content .tabs { width: 100%; margin-left: 0; } #content .tabs:before, #content .tabs:after { display: none; } #home .impact .special .cycler { width: 95%; left: 0; margin-left: 5%; } #hero > div.vsDownload { min-width: 0px !important; } #contact .colHalf .inputContainer label { width: 45%; } #contact .colHalf .inputContainer input, #contact .colHalf .inputContainer textarea { width: 53%; } .footer .row2 { padding: 15px 25px; } .footer .row3 { padding: 0 25px; } .scheduleDemo .inputContainer input { width: 22%; } } @media screen and (max-width: 940px) { #contact .info .map { width: 94%; margin: 10px 20px; max-height: 360px; } } @media screen and (max-width: 860px) { .header .nav ul li a { padding: 22px 11px; } .header .nav #mymeterLogo { width: 60px; overflow: hidden; } .header .nav #mymeterLogo img { float: right; } body .banner .ew .info p { font-size: 12px; } body .banner .ew .laptop { width: 270px; } body .banner .pay .info { width: 310px; line-height: 30px; } body .banner .bm .laptop { display: none; } body .banner .bm .infoList { display: none; } body .banner .bm .info { width: 95%; line-height: 30px; } } @media screen and (max-width: 740px) { .nav-list #nav-icon3 { display: block; } .nav-list ul li { display: none; } #content .tabs ul { margin-left: -170px; } #content .tabs ul li a span:not(.icons) { display: none; } .home .header #hero { background-position: 55%; } .home .header #hero .heading { padding-right: 10%; } #home .impact .special .cycler { width: 456px; left: 50%; margin-left: -200px; } body #solutions .content .options .mm .header { font-size: 20px; padding: 18px; } body #solutions .content .options .goPay .header { font-size: 20px; padding: 18px; } body #solutions .content .options .goPay .info { margin-bottom: 25px; } body #solutions .content .options .energyWell .header { font-size: 18px; } body #solutions .content .options .benchmark .logo { font-size: 48px; padding: 30px 20px; } body #solutions .content .options .benchmark .header { font-size: 20px; width: 25%; } #about .wordCloud { width: 90%; } #contact .colHalf { width: 100%; } #contact .colHalf:last-child { width: 100%; } #contact .colHalf .inputContainer label { width: 37%; } #contact .colHalf .inputContainer input, #contact .colHalf .inputContainer textarea { width: 60%; } body .banner .ew .logo .we { margin-left: 20px; } body .banner .ew .header { display: none; } body .banner .ew .laptop { display: none; } body .banner .ew .info { margin-left: 30px; } body .banner .ew .info p { width: 90%; line-height: 35px; } body .banner .pay .info { line-height: 25px; } body .banner .pay .laptop { width: 280px; margin-top: -125px; } } @media screen and (min-width: 740px) { .header .list { display: none !important; } } @media screen and (max-width: 675px) { body .scheduleDemo .inputContainer input { width: 19%; } body #solutions .content .options .mm .header { width: 100%; } body #solutions .content .options .goPay { margin-bottom: 0; } body #solutions .content .options .goPay .header { float: left; width: 100%; } body #solutions .content .options .goPay .info1 { margin-bottom: 0; } body #solutions .content .options .goPay .logo { padding: 20px 30px 15px; } body #solutions .content .options .energyWell .header { float: left; clear: both; width: 100%; text-align: left; padding: 0px 15px; margin-bottom: 15px; } body #solutions .content .options .benchmark .logo { padding: 15px 20px; } body #solutions .content .options .benchmark .header { width: 100%; float: left; text-align: left; margin: 0px 0px 10px 30px; } body #solutions .content .options .benchmark .info h2 { font-size: 18px; } body #solutions .content .options .happen .header { width: 100%; float: left; text-align: left; margin: 0px 30px 20px; } body #contact .info .contactInfo .numbers { font-size: 11px; margin-top: 30px; } body .banner .pay .laptop { display: none; } body .banner .pay .info { display: none; } body .banner .pay .infoList { width: 90%; margin-left: 50px; } body .banner .pay .infoList li { font-size: 18px; } } @media screen and (max-width: 550px) { .home .header #hero .heading { padding-right: 0%; } .home #hero .banner .mm .heading { padding-right: 0; } .home #hero .banner .pay .infoList { width: 90%; } .home #hero .banner .pay .infoList li { font-size: 18px; } .home #hero .banner .pay .info { display: none; } body .footer .row2 ul { margin-right: 57px; } body .footer .row2 a img { width: 104px; } .scheduleDemo button { font-size: 17px; margin-top: 2px; } body #contact .info .contactInfo .numbers { font-size: 12px; margin: 0 0 0 30px; } } @media screen and (max-width: 480px) { .home .header #hero .heading h1 { font-size: 33px; } .home .header #hero .heading h4 { font-size: 20px; } #home .impact .special .cycler { width: 95%; left: 0; margin-left: 5%; } #home blockquote.bubble { top: -220px; left: 0; } #home .scheduleDemo { top: -135px; } #home .clients .cse, #home .clients .cse:hover { background-size: 50%; } #home .clients .he, #home .clients .he:hover { background-size: 50%; } #home .clients .hp, #home .clients .hp:hover { background-size: 50%; } #home .clients .saec, #home .clients .saec:hover { background-size: 50%; } #home .clients .lac, #home .clients .lac:hover { background-size: 50%; } body .banner .ew .info p { line-height: 30px; } body .banner .pay h2 { margin: 0px 30px; font-size: 8vw; } body .banner .pay .infoList { margin-left: 15px; } body .banner .pay .infoList li { margin: 10px 5px; } body .banner .bm .info { width: 90%; font-size: 14px; line-height: 26px; } body .banner .bm .logo2 { font-size: 40px; top: 75px; } #about .team .row { padding: 0 25px; } #about .team .row:first-child { padding-top: 25px; } #about .team .row:last-child { padding-bottom: 25px; } #about .team .row .member { float: none; width: 100%; clear: both; } #about .team .row .member .info h4 { font-size: 16px; } #about .team .row .member img { margin-bottom: 5px; } #about .team .row .member .bio { width: 100%; margin: 0 auto; } #contact .colHalf .inputContainer label { width: 45%; } #contact .colHalf .inputContainer input, #contact .colHalf .inputContainer textarea { width: 53%; } #contact .info .map { width: 86% !important; max-height: 280px !important; } .scheduleDemo .inputContainer input { width: 45%; margin-bottom: 15px; } .scheduleDemo input:last-child { margin-bottom: 0; } .scheduleDemo button { position: absolute; top: 55px; font-size: 19px; } body #solutions .content .options .mm .logo, body #solutions .content .options .goPay .logo { padding: 20px 15px 15px; } body #solutions .content .options .mm .logo img, body #solutions .content .options .goPay .logo img { width: 80%; } body #solutions .content .options .mm .header, body #solutions .content .options .goPay .header { font-size: 16px; padding: 15px; } body #solutions .content .options .goPay .logo img { float: right; } body #solutions .content .options .energyWell p { font-size: 18px; text-indent: 52px; top: 12px; } body #solutions .content .options .energyWell .logo { font-size: 38px; margin-left: 18px; } body #solutions .content .options .energyWell .info h2 { font-size: 16px; } body #solutions .content .options .benchmark .logo { font-size: 36px; padding: 15px 0px; } body #solutions .content .options .benchmark .header { margin: -10px 0px 10px 10px; font-size: 17px; } .footer .row1 { overflow: hidden; height: auto; padding-bottom: 20px; } .footer .row2 .contact { display: none; } .footer .row3 .copyright { overflow: hidden; text-overflow: ellipsis; height: 40px; } /*.pageWrap { margin-bottom:-345px; } .footer, .pageWrap:after { height:345px; }*/ } @media screen and (max-width: 420px) { #aiLogo { width: 100%; } body .banner .ew .logo { height: 140px; } body .banner .ew .logo .we { margin-left: 0px; } body .banner .ew .logo .we span { font-size: 46px; } body .banner .ew .logo .we p { font-size: 23px; text-indent: 38px; top: 25px; } body .banner .ew .info h2 { font-size: 18px; } body .banner .ew .info p { line-height: 25px; } body .banner .pay .logo { margin-top: 50px; } } @media screen and (max-width: 400px) { #content .tabs ul { margin-left: -136px; } #content .tabs ul li a { margin: 0; font-size: 13px; padding: 15px 14px 12px; } #home .impact .special .cycler { margin-left: 6%; width: 50px; height: 50px; margin-top: -25px; } #home .impact .special .cycler img { width: 50px; height: 50px; } .header #hero .mm .logo { top: 15%; } #contact .colHalf .inputContainer label { width: 100%; text-align: left; } #contact .colHalf .inputContainer input, #contact .colHalf .inputContainer textarea { width: 100%; } .scheduleDemo input { width: 45%; } .scheduleDemo button { float: left; height: 40px; right: 10px; } .scheduleDemo button span { display: none; } .footer .row3 .copyright span { display: none; } } @media screen and (max-width: 375px) { .header .nav #mymeterLogo { width: 60px; overflow: hidden; } .header .nav #mymeterLogo img { float: right; } #contact .info .numbers { font-size: 10px !important; } } @media screen and (max-width: 340px) { .header .nav ul li { padding-left: 30px; } #home .impact .special .cycler { margin-left: 9%; width: 30px; height: 30px; margin-top: -15px; } #home .impact .special .cycler img { width: 30px; height: 30px; } .footer .row2 .follow .social a { width: 24px; height: 25px; -moz-background-size: 24px 25px; -webkit-background-size: 24px 25px; -o-background-size: 24px 25px; background-size: 24px 25px; } }