@charset "UTF-8"; /* Sets the encoding of the style sheet to Unicode UTF-8. Don't move it. */ /* ------------------------------------------------------------------------------------------------- //////////////////////////////////////////////////////////////////////////////////////////////////// 01 - STYLE.CSS : GENERAL STUFF FIRST //////////////////////////////////////////////////////////////////////////////////////////////////// -webkit- -moz- -ms- -o- ------------------------------------------------------------------------------------------------- */ html, .wrapper { height: 100%;} .wrapper { transition: 0.35s ease all; z-index: 1;} body { background:#fff; font-family:"AvenirNextLTPro-Regular", sans-serif; font-size:24px; font-size: 18px; color:#5e6267; overflow-y: scroll; /* padding-top: 124px; */ } .section_full, .section { font-size: 20px; line-height:1.25em; } /* Leave the font-size in a non-body selector. */ img { max-width:100%; display:block; vertical-align:bottom; } /* Responsive images. Also, fixed spacing at bottom of image sometimes. */ div,span, ol,ol li, ul,ul li { list-style-type:none; vertical-align:top; } /* Fixes alignment issues */ p { margin-bottom:1em; vertical-align:top; } /* Makes all paragraphs have 1em scaling margin on bottom. */ [class^="col_0"] p:last-child { margin-bottom:0; } /* Makes last paragraph in containers have 0px margin on bottom. */ h1 { display:block; font-size:50px; font-family:"AvenirNextLTPro-Regular", sans-serif; font-weight:400; line-height:1.125em; font-style:normal; } h2 { display:block; font-size: 40px; font-family:"AvenirNextLTPro-Regular", sans-serif; font-weight:normal; line-height:1.125em; font-style:normal; color:#333940; } h3 { display:block; font-size:36px; font-family:"AvenirNextLTPro-Regular", sans-serif; font-weight:normal; line-height:1.125em; font-style:normal; } h4 { display:block; font-size: 30px; font-family:"AvenirNextLTPro-Regular", sans-serif; font-weight:normal; line-height:1.125em; font-style:normal; } h5 { display:block; font-size:1.0em; font-family:"AvenirNextLTPro-Regular", sans-serif; font-weight:400; line-height:1.125em; font-style:normal; } h6 { display:block; font-size:0.5em; font-family:"AvenirNextLTPro-Regular", sans-serif; font-weight:400; line-height:1.125em; font-style:normal; } a { color: #069; } /* Default definition for all links. */ .hidden { display:none !important; } .desktop .mobile-nav li a, .transition { position: relative; -webkit-transition:all .25s; -moz-transition:all .25s; -ms-transition:all .25s; -o-transition:all .25s; transition:all .25s; } .boxing { padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .nomrgn { margin: 0 !important; } body > iframe { position:absolute; bottom:0; } /* Fix so that the Google Remarketing tag doesn't create a white banner at the bottom of the page */ /* ------------------------------------------------------------------------------------------------- //////////////////////////////////////////////////////////////////////////////////////////////////// 02 - STYLE.CSS : LAYOUT //////////////////////////////////////////////////////////////////////////////////////////////////// ------------------------------------------------------------------------------------------------- */ /* Common Section Styles ----------------------------------------------- /////////////////////////////////////////////// */ /* general rules for sections */ .section { height:auto; padding-top:80px; padding-bottom:80px; background-position:center !important; background-repeat:no-repeat !important; background-size:cover !important; } .section .col_06 { text-align:center; } .section h2 { line-height: 50px; margin-bottom:40px; } .section h4 { line-height:30px; margin-bottom:40px; } .section p { max-width:80%; margin:30px auto; line-height:28px; } div.offset-cont p { max-width:100%; } p.lead { color:#333940; } span.hlpr { display:inline-block; height:100%; vertical-align:middle; } .popup-cont { position:fixed; top:0; right:0; left:0; bottom:0; z-index:999; background:rgba(0,0,0,0.5); } .inner-popup { height:450px; width: 740px; margin:20% auto 0; } .inner-popup .area { } .inner-popup .close { color:#fff; display:block; border:1px solid #fff; height:24px; width:30px; padding-top:6px; margin-bottom:6px; float:right; margin-right:0; text-align:center; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; } /* banners -possibly remove the section class from banners */ .banner { padding:0; text-align:center; background-position:center !important; background-repeat:no-repeat !important; background-size:cover !important; } .banner.short {} .banner div.banner-text { margin-top:220px; margin-left: 10%; max-width:450px; text-align:left; } .banner div.banner-text h2 { margin-bottom:30px; } .banner div.banner-text h4 { /* margin-bottom:40px; */ line-height:40px; } .banner div.banner-text.white-text h2 { color:#fff } .banner div.banner-text.white-text h4 { color:#d4d4d4; } .banner div.banner-text.center-aligned h2 { text-align:center; } .banner div.banner-text.center-aligned h4 { text-align:center; } /*.banner .col_06 { padding-top:300px; }*/ /*.section.banner h2 { color:#fff; font-size:60px; line-height:64px; text-shadow:0 0 8px #000; }*/ .banner h2 > span { font-family:"AvenirNextLTPro-Bold", sans-serif; } /* content sections */ /*.section.content { padding-top:80px; padding-bottom:80px; } .section.content h2 {} .section.content h4 {}*/ /*.section.content p { max-width:80%; margin-right:auto; margin-left:auto; }*/ /*.section.content .button { margin-top:30px; } .section.content .button:hover { margin-top:26px; margin-bottom:4px; }*/ .section.short {} /* solid color backgrounds */ .section.tan { background:#ffcd7f !important; } .section.lgrey { background:#ededed !important; } .section.dgray { background:#323a40 !important; color:#fff; } .section.dgray h2 { color:#fff; } .section.orange { background: #f9a01b !important; color:#fff; } .section.lblue { background:#5674b8 !important; color:#fff; } .section.lblue h2 { color:#fff; } /* quotes/testimonials */ .section.quote { padding-top:100px; padding-bottom: 120px; background-repeat:no-repeat !important; background-position:center !important; background-size:cover !important; } .section.quote div.offset-cont { width:50%; text-align:left; } .section.quote .quote { margin-bottom:48px; } .section.quote .quote p { max-width:100% } .section.quote .qte-by { /* margin-bottom:48px; */ } .section.quote .button { padding:20px; } /* Misc ----------------------------------------------- /////////////////////////////////////////////// */ .velocity-animating { transition:none !important; } .img { background:#ccc; display:inline-block; overflow:hidden; } .img img { opacity:0; transition:opacity 1s; -webkit-transition:opacity 1s; -moz-transition:opacity 1s; -ms-transition:opacity 1s; } .img.loaded img { opacity:1; } ul.cf > li { display:block; float:left; } ul.tri > li { background:url(../img/tri_bullet.png) no-repeat; background-position:0% 50%; padding:15px 0 15px 30px; } strong { font-family:"AvenirNextLTPro-Demi", sans-serif; } .right { float:right; } .left { float:left; } .centered { margin-left: auto !important; margin-right: auto !important; display: block !important;} /* Desaturation filter */ .desat { transition:0.5s ease all; -webkit-filter: grayscale(1); -webkit-filter: grayscale(100%); filter: gray; filter: grayscale(100%); filter: url(desaturate.svg#greyscale); } .desat:hover { -webkit-filter:none; filter:none; } /* Fade-ins */ div.tfx { margin-bottom:40px; margin-top: 0;} /*div.tfx.fadeout { opacity:0; margin-top:0px; display:none; }*/ .desktop h2.tfx.fadeout { /* display:none; */ opacity:0; } .desktop h2.tfx.fadeout > span { /* display:none; */ opacity:0; } .desktop div.tfx.fadeout > h2 { /* display:none; */ opacity:0; } .desktop div.tfx.fadeout > h4 { /* display:none; */ opacity:0; } .desktop div.tfx.fadeout > p { /* display:none; */ opacity:0; } .desktop div.tfx.fadeout > ul { /* display:none; */ opacity:0; } .desktop div.tfx.fadeout > span { /* display:none; */ opacity:0; } .desktop div.tfx.fadeout > a.button { /* display:none; */ opacity:0; } /*.fadeout { opacity:0; margin-top:0px; display:none; }*/ /* Buttons */ ul.buttons { width: 426px; } ul.buttons > li:first-child { margin-right:18px; } .button { display:block; height: 15px; width: 200px; margin-top:30px; font-size: 16px; font-family:"AvenirNextLTPro-Demi", sans-serif; padding: 20px 0; text-align:center; line-height:20px; border: 2px solid; transition: ease 0.5s all; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; } .button:hover { margin-top: 26px !important; margin-bottom: 4px !important; } .button.center-vert { margin-top: 76px !important; } .button.orange-fill { background:#f9a01b; border:2px solid #f9a01b; color:#fff; } .button.orange-fill:hover { background:none; color:#f9a01b; box-shadow:0px 4px 0px #f9a01b; -webkit-box-shadow:0px 4px 0px #f9a01b; -moz-box-shadow:0px 4px 0px #f9a01b; } .button.orange-outline { border:2px solid #f9a01b; color:#f9a01b; } .button.orange-outline:hover { background:#f9a01b; color:#fff; box-shadow:0px 4px 0px #ce8416; -webkit-box-shadow:0px 4px 0px #ce8416; -moz-box-shadow:0px 4px 0px #ce8416; } .button.white-fill { background:#fff; border:2px solid #fff; color:#89b410; } .button.white-fill:hover { background:none; color:#fff; box-shadow:0px 4px 0px #71950d; -webkit-box-shadow:0px 4px 0px #71950d; -moz-box-shadow:0px 4px 0px #71950d; } .button.white-fill.dark-text { color:#333940; } .button.white-fill.dark-text:hover { color:#fff; box-shadow:0px 4px 0px #333940; -webkit-box-shadow:0px 4px 0px #333940; -moz-box-shadow:0px 4px 0px #333940; } .button.white-fill.orange-text { color:#f9a01b; } .button.white-fill.orange-text:hover { color:#fff; box-shadow:0px 4px 0px #ce8416; -webkit-box-shadow:0px 4px 0px #ce8416; -moz-box-shadow:0px 4px 0px #ce8416;} .button.white-outline { border:2px solid #fff; color:#fff; } .button.white-outline:hover { background:#fff; color:#89b410; box-shadow:0px 4px 0px #71950d; -webkit-box-shadow:0px 4px 0px #71950d; -moz-box-shadow:0px 4px 0px #71950d; } .button.white-outline.dark-text:hover { color:#333940; box-shadow:0px 4px 0px #333940; -webkit-box-shadow:0px 4px 0px #333940; -moz-box-shadow:0px 4px 0px #333940; } .button.white-outline.blue-text:hover { color:#1b4e9d; box-shadow:0px 4px 0px #1b4e9d; -webkit-box-shadow:0px 4px 0px #1b4e9d; -moz-box-shadow:0px 4px 0px #1b4e9d; } .button.white-outline.green-hover:hover { background:#8dca15; border:2px solid #8dca15; color:#fff; box-shadow:0px 4px 0px #74a711; -webkit-box-shadow:0px 4px 0px #74a711; -moz-box-shadow:0px 4px 0px #74a711; } .button.blue-fill { background:#1b4e9d; border:2px solid #1b4e9d; color:#f4f4f4; } .button.blue-fill:hover { background:none; color:#1b4e9d; box-shadow:0px 4px 0px #164081; -webkit-box-shadow:0px 4px 0px #164081; -moz-box-shadow:0px 4px 0px #164081; } .button.blue-outline { border:2px solid #1b4e9d; color:#1b4e9d; } .button.blue-outline:hover { background:#1b4e9d; color:#f4f4f4; box-shadow:0px 4px 0px #164081; -webkit-box-shadow:0px 4px 0px #164081; -moz-box-shadow:0px 4px 0px #164081; } .button.lblue-fill { background:#0072ba; border:2px solid #0072ba; color:#f4f4f4; } .button.lblue-fill:hover { background:none; color:#0072ba; box-shadow:0px 4px 0px #0062a0; -webkit-box-shadow:0px 4px 0px #0062a0; -moz-box-shadow:0px 4px 0px #0062a0; } .button.lblue-outline { border:2px solid #0072ba; color:#0072ba; } .button.lblue-outline:hover { background:#0072ba; color:#f4f4f4; box-shadow:0px 4px 0px #0062a0; -webkit-box-shadow:0px 4px 0px #0062a0; -moz-box-shadow:0px 4px 0px #0062a0; } .button.dgray-fill { background:#343941; border:2px solid #343941; color:#fff; } .button.dgray-fill:hover { background:none; color:#343941; box-shadow:0px 4px 0px #212429; -webkit-box-shadow:0px 4px 0px #212429; -moz-box-shadow:0px 4px 0px #212429; } .button.dgray-outline { border:2px solid #343941; color:#343941; } .button.dgray-outline:hover { background:#343941; color:#f4f4f4; box-shadow:0px 4px 0px #212429; -webkit-box-shadow:0px 4px 0px #212429; -moz-box-shadow:0px 4px 0px #212429; } .button.green-fill { background:#8dca15; border:2px solid #8dca15; color:#fff; } .button.green-fill:hover { background:none; color:#8dca15; box-shadow:0px 4px 0px #74a711; -webkit-box-shadow:0px 4px 0px #74a711; -moz-box-shadow:0px 4px 0px #74a711; } .play-btn { display:block; height:75px; width:75px; margin:30px auto 20px; background:url('../img/play-btn-dark.png') no-repeat; transition:0.3s ease all; } .play-btn:hover { height:79px; background:url('../img/play-btn-hover-dark.png') no-repeat; margin-top:26px; } .play-btn.white { background:url('../img/play-btn.png') no-repeat; } .play-btn.white:hover { background:url('../img/play-btn-hover.png') no-repeat; } .play-btn-text { color:#fff; display:block; width:180px; } .play-btn-text.dark { color:#343941; } /* .play-btn-text:hover { border-bottom:1px solid #fff; } */ /* Header ----------------------------------------------- /////////////////////////////////////////////// */ .header.desktop { display:block; } .header.mobile { display:none; } .header { padding:0; /*padding-bottom: 20px;*/ transition: 0.35s ease all; position: fixed; z-index:900; top:0;left:0;right:0; /* width:100%; */ background:#fff; } .header .col_06 { margin-top:20px; } .header .contact-links { float:right; line-height: 20px; } .header .contact-links > li { margin-left: 30px; font-size: 14px; padding-top:2px; color:#656b73; } .header .contact-links > li > a { color:#656b73; } .header .contact-links li > ul > li { margin:0 10px; } .header .contact-links li > ul > li > a { display: block; } .header .contact-links .facebook { height:16px; width:8px; background:url('../img/facebook.png'); } .header .contact-links .google-plus { height: 18px; width:18px; background:url('../img/google-plus.png'); } .header .contact-links .twitter { height:14px; width:16px; background:url('../img/twitter.png'); } .header .contact-links .linkedin { height:16px; width:16px; background:url('../img/linkedin.png'); } .header .logo { max-width: 380px; transition: 0.5s ease all; float: left; margin-bottom: 14px; margin-top: 4px;} /* Top Level Nav */ .header .nav { } .header .nav > ul { float:right; /* padding-top:22px; */} .header .nav > ul > li:first-child { margin-left:0; } .header .nav > ul > li { margin-left:24px; line-height: 15px; position:relative; } .header .nav > ul > li > a { font-size: 18px; line-height: 17px; padding-bottom: 21px; display: block; padding-top: 22px; color: #333940;} .header .nav > ul > li > a.button { padding: 10px 0; width: 140px; margin-top: 10px; color: #fff; font-size: 16px; } .header .nav > ul > li > a.button:hover { margin-top: 8px !important; margin-bottom:4px; color: #1b4e9d !important; } /*.header .nav > ul > li.current {}*/ /* Drop Down Styles */ .header .nav > ul > li:hover { } .header .nav > ul > li:hover > a { color:#0072ba !important; /*font-family:"AvenirNextLTPro-Demi", sans-serif;*/ } .header .nav > ul > li:hover > ul { display:block; } .header .nav > ul > li > ul { display:none; position: absolute; z-index:900; max-width: 250px; min-width:200px;; box-shadow: 0px 0px 5px #000; -webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 5px #000; } .header .nav > ul > li > ul > li { display:block; /*border:1px solid #888;*/ border-bottom:none; background:#fff; position:relative; text-align:left; } .header .nav > ul > li > ul > li:last-child { /*border-bottom:1px solid #888;*/ } .header .nav > ul > li > ul > li:hover a { background:#0072ba; color:#fff !important; } .header .nav > ul > li > ul > li > a { background:#f4f4f4; padding: 10px 15px 10px 15px; display:block; text-transform:none; font-weight:normal; font-size: 16px; line-height:18px; color:#000; } /* First Drop Down */ .header .nav > ul > li > ul { left: -15px; top:60px; } /* When Scrolling */ .header.short { margin-top: -45px; /*padding-bottom: 14px;*/ position:fixed; top:0; left:0; right:0; /*bottom:auto;*/ box-shadow: 0px 0px 5px #000; -webkit-box-shadow: 0px 0px 5px #000; -moz-box-shadow: 0px 0px 5px #000; } /* .header.short .nav { padding-top:16px; } */ .header.short .nav > ul > li > a { padding-top:16px; } .header.short .nav > ul > li > a.button { padding-top:10px; margin-top: 4px; } .header.short .nav > ul > li > a.button:hover { margin-top: 0px !important; } .header.short .nav > ul > li > ul { left: -15px; top: 54px; } .header.short .logo { width:350px; } /* Homepage ----------------------------------------------- /////////////////////////////////////////////// */ /* Banner */ .home.banner { height:764px; background:url('../img/homepage_banner.jpg') no-repeat center; background-size: cover;} .home.banner.pad { margin-top:124px; } .home.banner h2 { font-family:"AvenirNextLTPro-Bold", sans-serif; color:#fff; font-size:30px; text-shadow:0 0 8px #333; transition:0.35s ease all; } .home.banner .hl { margin-top: 370px; } .home.banner .hl.left { text-align:left; } .home.banner .hl.right { text-align:right; } /* OnBoard */ .onboard { padding-top: 140px; padding-bottom: 240px; background: url('../img/onboard_full_v2.jpg') no-repeat center; background-size: cover; } .onboard .col_06 { /* margin-top:90px; */ text-align:left; } .onboard h2 { margin-bottom: 24px; } .onboard h4 { margin-bottom: 24px; max-width: 54%;} .onboard p { max-width: 50%; margin-left: 0; } .onboard ul.buttons {} /* Employee Portal */ .employee-portal { height: 848px; background:#89b410; overflow: hidden; padding-top: 0; padding-bottom: 0;} .employee-portal img { position:absolute; z-index: 1; right: -60%; top: -109px; width: 1252px !important; max-width: 1360px; max-width: 1252px; height: 840px; height: 777px; opacity:1; transition:ease 1s all; } .desktop .employee-portal img.fadeout { opacity:0; right: -80%; } .employee-portal .col_06 { margin-top: 180px; text-align:left; } .employee-portal h2 { color:#24272a; margin-bottom: 40px; position:relative; z-index: 2;} .employee-portal p { color:#24272a; margin-bottom: 40px; margin-left: 0; margin-right: 0; position:relative; z-index: 2; max-width: 480px; } .employee-portal ul.buttons { position:relative; z-index:2; } /* Collaboration */ .collaboration { height:584px; padding: 0 10px; background: url('../img/by_the_numbers_full.jpg') no-repeat center; background-size: cover; color:#fff; text-align: center;} .collaboration .col_06 { margin-top:150px; } .collaboration h2 { color:#fff; margin-bottom: 90px; font-size: 48px;} .collaboration ul { width: 912px; margin:0 auto; opacity:1; } .desktop .collaboration ul.fadeout { opacity:0; } .collaboration ul > li:first-child { margin-left:0px; } .collaboration ul > li { margin-left: 60px; } .collaboration ul > li > span { font-family:"AvenirNextLTPro-Bold", sans-serif; font-size:72px; line-height: 70px; } .collaboration ul > li > p { font-size: 22px; margin-top:30px; } /* Blog */ .blog { padding-bottom: 80px; background:#f4f4f4; } .blog .col_06 { /* margin-top: 80px; */} .blog h2 { margin-bottom: 30px;} .blog div.tfx { margin-bottom: 30px; height:25px; } .blog a.button { margin: 0 auto; } .blog a.button:hover { margin-bottom:64px; } .blog .slides { margin-top: 60px; } .blog .slides li:first-child { margin-left: 0; } .blog .slides li { margin-left: 20px; position:relative; } .blog .slides li img { opacity:1; transition:ease 0.25s all; } .blog .slides li:hover img { filter:none; -webkit-filter:none; opacity:1; } .blog .slides li a { padding:210px 20px 28px; position:absolute; top:0; right:0; bottom:0; left:0; z-index:3; /*opacity:0;*/ transition:ease 0.5s all; color:#fff; text-align:left; text-decoration:none; } .blog .slides li:hover a { opacity:1; } .blog .slides li .ovr { background:#1b4e9d; position:absolute; top:0; right:0; bottom:0; left:0; opacity:0.7; transition:ease 0.5s all; } .blog .slides li:hover .ovr { background:none; opacity:0.75; -webkit-box-shadow: inset 0px -162px 190px -30px rgba(0,0,0,0.9); -moz-box-shadow: inset 0px -162px 190px -30px rgba(0,0,0,0.9); box-shadow: inset 0px -162px 190px -30px rgba(0,0,0,0.9); } .blog .slides li a span { font-family:"AvenirNextLTPro-Demi", sans-serif; font-size:14px; text-transform:uppercase; display:block; margin-bottom:12px; } .blog .slides li a p { font-family:"AvenirNextLTPro-Demi", sans-serif; font-size:22px; line-height: 24px; margin: 0 0 14px; max-width: 100%;} .blog .slides li a span.author { font-family:"AvenirNextLTPro", sans-serif; font-size:12px; position:absolute; bottom:0; } .blog .slides li a:hover span, .blog .slides li a:hover p { text-shadow:0px 2px 5px #000; } /* OnBoard ----------------------------------------------- /////////////////////////////////////////////// */ /* Banner */ /*.onb.banner.default { height:760px; background:url('../img/onboard_banner.jpg') no-repeat center; background-size:cover; }*/ .onb.banner.default { position:relative; height:760px; background:url('../img/onboard_banner_blank.jpg') no-repeat center; background-size:cover; } .onb.banner img { position:absolute; top:290px; left: 50%; /* margin-left:-800px; */ margin-left: -42%; transition:0.5s ease all; max-width: 41%;} /* OnBoard - Easy. Powerful. Secure. */ .onb.overview { height:852px; background:url('../img/onboard_eps.jpg') no-repeat center; /* background-size:cover; */ color: #fff;} .onb.overview .col_06 { /* padding-top:60px; */ } .onb.overview h2 { margin-bottom:20px; color: #fff;} .onb.overview span { font-size: 30px; line-height: 34px;} .onb.overview p { margin:0 auto; max-width:90%; } /* It's Just That Easy */ .onb.easy { height:820px; background:#f9a01b; color:#fff; } .onb.easy .col_03 { padding-top:48px; } .onb.easy img { margin:0 auto; } .onb.easy h2 { color:#fff; margin-top:140px; margin-bottom:30px; } .onb.easy p { max-width:100%; } .onb.easy a.button { padding-left:20px; padding-right:20px; } /* More Powerful Than Paper */ .onb.powerful { height:922px; background: url('../img/onboard_powerful.jpg') no-repeat center; background-size:cover; color:#fff; } .onb.powerful .col_06 { /* padding-top:60px; */ } .onb.powerful div.tfx { max-width:840px; padding:0 10px; margin:0 auto; } .onb.powerful h2 { font-size:48px; line-height:48px; color:#fff; margin-bottom: 40px; } .onb.powerful p { max-width:840px; margin:0 auto; } /* .onb.powerful p > a { color:#fff; font-weight: bold; border-bottom: 2px solid #fff; } */ .onb.powerful .button { margin:30px auto 0; } .onb.powerful .button:hover {} /* World Class Security */ .onb.security { height:680px; padding-top:145px; background:#8fc73e; } .onb.security img { margin:0 auto; } .onb.security h2 { color:#fff; margin-bottom:50px; } .onb.security p { line-height:32px; color:#fff; /* margin-bottom:50px; */ margin-left: 0; max-width:550px; } /* First Quote */ .onb.q1 { /* height:650px; */ background:url('../img/onboard_quote.jpg') no-repeat center; background-size:cover; } .onb.q1 .col_06 { /* padding-top:85px; */ } .onb.q1 div.offset-cont { width:70%; /* text-align:left; */ } .onb.q1 .quote { /* margin-bottom:40px; */ } .onb.q1 .quote p { font-size:32px; line-height:36px; max-width: 100%;} .onb.q1 .qte-by { /* margin-bottom: 60px; */ } .onb.q1 .qte-by > li:first-child { padding:0; } .onb.q1 .qte-by > li { line-height:30px; padding-left:11px; max-width: 470px; } /* Panels */ .onb.panels { padding: 0; } .onb.panels > ul { width:100%; } .onb.panels > ul > li { width:50%; text-align:center; padding:14% 0; position:relative; } .onb.panels > ul > li.banks { background:url('../img/panel_banks.jpg') no-repeat center; background-size:cover; } .onb.panels > ul > li.credit { background:url('../img/panel_credit.jpg') no-repeat center; background-size:cover; } .onb.panels > ul > li.health { background:url('../img/panel_healthcare.jpg') no-repeat center; background-size:cover; } .onb.panels > ul > li.education { background:url('../img/panel_education.jpg') no-repeat center; background-size:cover; } .onb.panels > ul > li > a { text-shadow:0 0 10px #000; position:absolute; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,0.35); } .onb.panels > ul > li > a > h2 { color:#fff; font-size:60px; margin-top:20%; margin-bottom:20px; } .onb.panels > ul > li > a > p { color:#fff; max-width:550px; margin:0 auto 20px; } .onb.panels a > hr.underl { display:block; opacity:0; width:12%; border: 1px solid #fff; margin:0 auto 10px; -webkit-transition: 1s ease all; transition: 1s ease all; } .onb.panels a:hover > hr.underl { opacity:1; width:33.33%; } /* Second Quote */ .onb.q2 { /* height: 450px; */ background:#f5f5f5; } .onb.q2 .col_06 { /* padding-top:60px; */ } .onb.q2 .quote { margin:0 auto 30px; max-width:90%; } .onb.q2 .quote p { font-size:24px; line-height:36px; } .onb.q2 .qte-by { margin-bottom: 60px; } .onb.q2 .qte-by > li:first-child { padding:0; } .onb.q2 .qte-by > li { line-height:30px; } .onb.q2 a.button { margin:0 auto; } /* A Passionate Team to Support You At Every Step */ .onb.team { height:800px; background:url('../img/onboard_team.jpg') no-repeat center; background-size:cover; color:#fff; } .onb.team .col_06 { padding-top:120px; } .onb.team h2 { line-height:52px; max-width: 570px; color:#fff; margin:0 auto 40px; } .onb.team h2 > span { display: block !important; } .onb.team p { max-width: 600px; margin: 0 auto; } .onb.team a.button { margin:60px auto 0; width:264px; } .onb.team a.button:hover { margin-top:54px !important; margin-bottom:4px; } /* The Company We Keep */ .onb.partners ul > li { width:20%; } .onb.partners ul > li img { margin:0 auto; } /* OnBoard - Security ----------------------------------------------- /////////////////////////////////////////////// */ .sec.banner { height:760px; background:url('../img/security/onboard_security_banner.jpg') no-repeat center; background-size:cover; } .sec.banner img { margin:16% auto 0; } .sec.banner h2 { color:#fff; } .sec.body { /* height:3147px; */ padding-top: 140px; padding-bottom: 160px; background:url('../img/security/security_body.jpg') no-repeat center; background-size:cover; color:#fff; } .sec.body h2 { color:#fff; margin-bottom:40px; font-size:58px; line-height:60px; } .sec.body p { margin:0 auto 30px; max-width:80%; } .sec.body .cloud {} .sec.body .ground { margin-top: 220px; } /* OnBoard - Features ----------------------------------------------- /////////////////////////////////////////////// */ .fea.banner { background:url('../img/onboard_features_banner.jpg') no-repeat center; position:relative; } .fea.banner div.logo { width:450px; /* margin:15% auto 0; */ margin: 15% 50px 0 auto;} /* .fea.banner div.logo img { max-width:450px; } */ .fea.banner h2 { color:#fff; font-family:"AvenirNextLTPro-Bold", sans-serif; text-align: center; text-shadow:0 0 8px #333;} .fea.basics { height:auto; min-height: 540px; padding:80px 0 200px; background: url('../img/ipad_half.png') no-repeat center, rgb(244,244,244); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url('../img/ipad_half.png') no-repeat center, url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0ZjRmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg0JSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: url('../img/ipad_half.png') no-repeat center, -moz-linear-gradient(top, rgba(244,244,244,1) 0%, rgba(230,230,230,1) 84%); /* FF3.6+ */ background: url('../img/ipad_half.png') no-repeat center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(244,244,244,1)), color-stop(84%,rgba(230,230,230,1))); /* Chrome,Safari4+ */ background: url('../img/ipad_half.png') no-repeat center, -webkit-linear-gradient(top, rgba(244,244,244,1) 0%,rgba(230,230,230,1) 84%); /* Chrome10+,Safari5.1+ */ background: url('../img/ipad_half.png') no-repeat center, -o-linear-gradient(top, rgba(244,244,244,1) 0%,rgba(230,230,230,1) 84%); /* Opera 11.10+ */ background: url('../img/ipad_half.png') no-repeat center, -ms-linear-gradient(top, rgba(244,244,244,1) 0%,rgba(230,230,230,1) 84%); /* IE10+ */ background: url('../img/ipad_half.png') no-repeat center, linear-gradient(to bottom, rgba(244,244,244,1) 0%,rgba(230,230,230,1) 84%); /* W3C */ background-position: 50% 100%, 100% 100% !important; background-size: auto,100% !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-8 */ } .fea.basics h2 { margin-bottom:30px; } .fea.basics .col_03 p { text-align:left; max-width:98%; margin:0 auto; } .fea.control { background:url('../img/features_control_bg.jpg') no-repeat center; min-height:858px; padding-top:140px; } .fea.control div.offset-cont { text-align:left; max-width:75%; } .fea.control h2 { margin-bottom:40px; font-size:60px; line-height:60px; } .fea.control p { max-width:75%; margin: 30px 0 0;} .fea.tsb { padding:80px 0 60px; background: rgb(243,244,243); /* Old browsers */ /* I E9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YzZjRmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, rgba(243,244,243,1) 0%, rgba(255,255,255,1) 80%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(243,244,243,1)), color-stop(80%,rgba(255,255,255,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(243,244,243,1) 0%,rgba(255,255,255,1) 80%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(243,244,243,1) 0%,rgba(255,255,255,1) 80%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(243,244,243,1) 0%,rgba(255,255,255,1) 80%); /* IE10+ */ background: linear-gradient(to bottom, rgba(243,244,243,1) 0%,rgba(255,255,255,1) 80%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f4f3', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */ } .fea.tsb h2 { margin-bottom:30px; } .fea.tsb .col_06 .row { margin-bottom:100px; } .fea.tsb .col_03 p { text-align:left; max-width:98%; margin:0 auto 20px; } .fea.cud { padding-top:100px; height: 848px; color:#fff; background:url('../img/features_cud_bg.png'); } .fea.cud img { position:absolute; left:0; } .fea.cud div.offset-cont { max-width:41%; text-align:left; margin-left:50%; padding-top:30px; } .fea.cud h2 { color:#fff; margin-bottom:30px; line-height:46px; } /* Industry-Specific Pages ----------------------------------------------- /////////////////////////////////////////////// */ .industry-banner { height:764px;} .industry-banner h4 { color:#fff; font-size:54px; font-family:'Georgia', serif; font-style:italic; margin-top:21%; margin-bottom:20px; text-shadow:0 0 20px #000; } .industry-banner h2 { color:#fff; font-size:100px; text-shadow:0 0 20px #000; } .industry-case-study { padding-top:80px; padding-bottom:100px; } .industry-case-study img { margin:0 auto; } .industry-benefits { padding:80px 0; background-repeat:no-repeat !important; background-position:center !important; background-size:cover !important; } .industry-benefits p { max-width:80%; margin:0 auto; } .industry-quote { padding-top:100px; background-repeat:no-repeat !important; background-position:center !important; background-size:cover !important; } .industry-quote div.offset-cont { width:50%; text-align:left; } .industry-quote .quote { margin-bottom:48px; } .industry-quote .qte-by { margin-bottom:48px; } .industry-quote .button { padding:20px; } /* Banks */ .banks.industry-banner { background:url('../img/industry/bank_banner.jpg') ;} .banks.industry-case-study { background:#f5f5f5; } .banks.industry-benefits { height:710px; background:url('../img/industry/bank_onboard_benefits.jpg'); } .banks.industry-quote { /* height:700px; */ background:url('../img/industry/bank_quote.jpg'); } .banks.partners { /* min-height: 540px; */ background:#fff; } .banks.partners ul > li { width: 25%; } /* Credit Unions */ .cu.industry-banner { height:764px; background:url('../img/industry/cu_banner.jpg'); } .cu.industry-benefits { padding:120px 0; background:url('../img/industry/cu_onboard_benefits.jpg'); } .cu.industry-benefits h2 { color:#fff; } .cu.industry-benefits p { color:#fff; max-width:82%; } .cu.industry-quote { padding-top:130px; /* height:564px; */ background:url('../img/industry/cu_quote.jpg'); } .cu.industry-quote div.offset-cont { width:75%; } .cu.industry-quote .quote p { font-size:36px; line-height:40px } .cu.partners { /* min-height: 540px; */ background:#fff; } .cu.partners ul > li { width: 25%; } /* Healthcare */ .hc.industry-banner { background:url('../img/industry/hc_banner.jpg'); } .hc.industry-case-study { background:#f5f5f5; } .hc.industry-benefits { color:#fff; /* height:312px; */ /* padding-top:180px; */ background:url('../img/industry/hc_onboard_benefits.jpg'); } .hc.industry-benefits h2 { color:#fff; } .hc.partners ul > li { width: 25%; } .hc.industry-quote { color:#fff; /* height:490px; */ /* padding-top:160px; */ padding-bottom: 120px; background:url('../img/industry/hc_quote.jpg'); } /* Education */ .edu.industry-banner { background:url('../img/industry/edu_banner.jpg'); } .edu.industry-benefits { color:#fff; background:url('../img/industry/edu_onboard_benefits.jpg'); } .edu.industry-benefits h2 { color:#fff; } .edu.partners ul > li { width: 16.66%; } .edu.industry-quote { padding-top:140px; /* height:510px; */ padding-bottom: 160px; background:url('../img/industry/edu_quote.jpg'); } .edu.industry-quote div.offset-cont { margin-left:50%; } /* Employee Portal ----------------------------------------------- /////////////////////////////////////////////// */ .ep.banner { height:764px; background:url('../img/ep/ep_banner.jpg') no-repeat center; background-size:cover; } .ep.banner div.offset-cont { margin-top: 124px; max-width:450px; } .ep.banner h2 { margin-bottom:30px; } .ep.banner h4 { margin-bottom:0px; line-height:40px; } .ep.overview { /* height:759px; */ /* padding:100px 0; */ padding-bottom: 120px; color:#fff; background:url('../img/ep/ep_overview.jpg') no-repeat center; background-size:cover; } .ep.overview h2 { color:#fff; margin-bottom:40px; } .ep.overview p { max-width:80%; margin: 0 auto; } .ep.overview a.button { margin:30px auto; } .ep.overview a.button:hover { margin-bottom:34px !important; } .ep.overview ul li { width:50%; min-height: 150px;} .ep.overview ul li > img { margin:0 auto; } .ep.video { height:200px; padding:100px 0; background:url('../img/ep/ep_video.jpg') no-repeat center; background-size:cover; } .ep.video div.tfx { margin-bottom:0; } .ep.video h2 { color:#587e21; font-size:54px; margin-bottom:20px; } .ep.video h2 > span { color:#fff; } /* Tools Section (styles reused later) */ .tools { padding:80px 0; background: rgb(237,237,237); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, rgba(237,237,237,1) 0%, rgba(247,247,247,1) 20%, rgba(255,255,255,1) 40%, rgba(255,255,255,1) 40%, rgba(255,255,255,1) 60%, rgba(247,247,247,1) 80%, rgba(237,237,237,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(237,237,237,1)), color-stop(20%,rgba(247,247,247,1)), color-stop(40%,rgba(255,255,255,1)), color-stop(40%,rgba(255,255,255,1)), color-stop(60%,rgba(255,255,255,1)), color-stop(80%,rgba(247,247,247,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(237,237,237,1) 0%,rgba(247,247,247,1) 20%,rgba(255,255,255,1) 40%,rgba(255,255,255,1) 40%,rgba(255,255,255,1) 60%,rgba(247,247,247,1) 80%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(237,237,237,1) 0%,rgba(247,247,247,1) 20%,rgba(255,255,255,1) 40%,rgba(255,255,255,1) 40%,rgba(255,255,255,1) 60%,rgba(247,247,247,1) 80%,rgba(237,237,237,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(237,237,237,1) 0%,rgba(247,247,247,1) 20%,rgba(255,255,255,1) 40%,rgba(255,255,255,1) 40%,rgba(255,255,255,1) 60%,rgba(247,247,247,1) 80%,rgba(237,237,237,1) 100%); /* IE10+ */ background: linear-gradient(to right, rgba(237,237,237,1) 0%,rgba(247,247,247,1) 20%,rgba(255,255,255,1) 40%,rgba(255,255,255,1) 40%,rgba(255,255,255,1) 60%,rgba(247,247,247,1) 80%,rgba(237,237,237,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ededed',GradientType=1 ); /* IE6-8 */ } .tools h2 { color:#727272; margin-bottom:40px; } .tools .col_06 > p { width:80%; margin:0 auto 40px; } .tools a.button { margin: 30px auto 0;} .tools .tool-nav { width: 785px; margin: 60px auto 60px; } .tools .tool-nav li { padding: 10px 36px 20px; text-align:center; text-transform:uppercase; border-bottom:2px solid #bdbdbd; } .tools .tool-nav li:first-child { text-align:left; padding-left:0; } .tools .tool-nav li:last-child { text-align:right; padding-right:0; } .tools .tool-nav li a { color:#989898; } .tools .tool-nav li.active { border-bottom:4px solid #1b4e9d; box-shadow:0px 5px 4px -5px #999; } .tools .tool-nav li.active a { font-family:"AvenirNextLTPro-Demi", sans-serif; color:#1b4e9d; } .tools .tool-items .tool-tip { font-family:"AvenirNextLTPro-Regular", sans-serif; position:absolute; top: -30px; left: 300px; width: 300px; z-index:300; background:#333; background:rgba(0,0,0,0.9); color:#fff; padding:20px; } .ep.tools .tool-item-container { height: 326px; } .ep.tools .tool-items { width:80%; margin:0 auto; display:none; } .ep.tools .tool-items.active { display:block; } .ep.tools .tool-items ul { margin-bottom:60px; } /* .ep.tools .tool-items ul.row2 { width:690px; margin:0 auto; } .ep.tools .tool-items li { width:230px;} */ .ep.tools .tool-items ul.row1 li { width:25%; position: relative;} .ep.tools .tool-items ul.row2 li { width:33.3%; position:relative; } .ep.tools .tool-items li img { margin:0 auto 45px; } .ep.tools .tool-items li a { color:#1b4e9d; display: block; font-family:"AvenirNextLTPro-Demi", sans-serif; } .ep.tools .tool-items.customer-services .row1 li{ width:33%; } .ep.tools .tool-items.customer-services .row2 li{ width:50%; } .ep.customer-portals { height:1060px; padding-top:60px; background:url('../img/ep/layout-slider.jpg') no-repeat center; background-size:cover; } .ep.customer-portals h2 { color:#fff; } .ep.difference { padding:80px 0; } .ep.difference h2 { margin-bottom:60px; } .ep.difference .col_06 > p { max-width:80%; margin:0 auto 30px; color:#0072ba ; } .ep.difference .img-cont { height:220px; position: relative; margin-bottom:30px; } /* .ep.difference .img-cont:before { display:inline-block; height:100%; width:0; vertical-align:middle; } */ .ep.difference .img-cont img { margin: 0 auto; display: inline-block; vertical-align: middle;} .ep.difference .txt-cont { height:200px; } .ep.difference h4 { font-family:"AvenirNextLTPro-Demi", sans-serif; margin-bottom:30px; color:#7a7d81; } .ep.difference .col_02 p { color:#7a7d81; /* margin-bottom:60px; */ } .ep.difference a.button { /* margin: 8px auto 0; */ /* margin-top: 4px; */ margin-right: auto; margin-left: auto;} .ep.difference a.button:hover { /* margin-top: 0px !important; */} .ep.packages { padding:80px 0; min-height: 881px; background: rgb(17,63,95); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMxMTNmNWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI2NiUiIHN0b3AtY29sb3I9IiMwNzI2M2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvcmFkaWFsR3JhZGllbnQ+CiAgPHJlY3QgeD0iLTUwIiB5PSItNTAiIHdpZHRoPSIxMDEiIGhlaWdodD0iMTAxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-radial-gradient(center, ellipse cover, rgba(17,63,95,1) 0%, rgba(7,38,60,1) 66%); /* FF3.6+ */ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(17,63,95,1)), color-stop(66%,rgba(7,38,60,1))); /* Chrome,Safari4+ */ background: -webkit-radial-gradient(center, ellipse cover, rgba(17,63,95,1) 0%,rgba(7,38,60,1) 66%); /* Chrome10+,Safari5.1+ */ background: -o-radial-gradient(center, ellipse cover, rgba(17,63,95,1) 0%,rgba(7,38,60,1) 66%); /* Opera 12+ */ background: -ms-radial-gradient(center, ellipse cover, rgba(17,63,95,1) 0%,rgba(7,38,60,1) 66%); /* IE10+ */ background: radial-gradient(ellipse at center, rgba(17,63,95,1) 0%,rgba(7,38,60,1) 66%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#113f5f', endColorstr='#07263c',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */ } .ep.packages h2 { /* margin-bottom:60px; */ color:#fff; } .ep.packages h4 { font-family:"AvenirNextLTPro-Demi", sans-serif; margin-bottom:30px; color:#d5d9dd; } .ep.packages .col_02 p { font-size:20px; color:#bbced8; margin-bottom:30px; } .ep.packages li { color:#d5d9dd; max-width:80%; margin:0 auto 30px } .ep.packages li:first-child { font-family:"AvenirNextLTPro-Demi", sans-serif; color:#3991d1; max-width:100%; } .ep.packages p { margin-top:60px; font-size:30px; color:#d5d8dc; } .ep.packages p > a.button { display:inline-block; margin-top:-29px; margin-left:20px; } .ep.packages p > a.button:hover { margin-top: -29px !important; /* margin-bottom:4px; */ } .ep.implementation { padding:160px 0 100px; /* height:878px; */ background:url('../img/ep/ep_implementation.jpg') no-repeat center; background-size:cover; } .ep.implementation h2 { margin-bottom:60px; } .ep.implementation p { width:80%; margin:0 auto; } .ep.implementation .bar { margin:60px auto 30px; width:858px; } .ep.implementation .col_02 img { margin:0 auto 30px } .ep.implementation .col_02 h4 { font-family:"AvenirNextLTPro-Demi", sans-serif; margin-bottom:30px; color:#0072ba; } .ep.implementation .col_02 li { text-align:left; width:240px; margin:0 auto; padding-left:40px; } .ep.quote { padding:100px 0; background:url('../img/ep/ep_quote.jpg') no-repeat center; background-size:cover; color:#fff; } .ep.quote .quote { text-align:left; max-width:75%; } .ep.quote .qte-by li:first-child { padding-left:0; } .ep.quote .qte-by li { padding-left:10px; } .ep.quote .qte-by { text-align:left; } /* About Us ----------------------------------------------- /////////////////////////////////////////////// */ .about-us.banner { height:764px; background:url('../img/about/banner.jpg'); } .about-us.leadership { background:#f4f4f4; padding:80px 10px 100px; } .about-us.leadership ul { margin-top:80px; } .about-us.leadership ul > li img { margin:0px auto 0; } .about-us.leadership ul.label { margin-top:30px; height: 65px;} .about-us.leadership ul.label li { width:100% !important; font-size:18px; } .about-us.leadership ul.label .name { } .about-us.leadership ul.label .title { font-size:16px; } .about-us.leadership ul.social-media { margin:20px auto 0; max-width: 70px; display: inline-block;} .about-us.leadership ul.social-media li { width: 16px !important; margin: 0 8px;} /* Leadership Bio Hovers */ .about-us.leadership ul.desktop li { /* width:20%; */ width: 16.6666666%; position: relative;} .about-us.leadership ul.desktop > li .info { font-family:"AvenirNextLTPro-Regular", sans-serif; position:absolute; top: -20px; left: 200px; width: 404px; z-index:300; background:#fff; padding:48px; text-align:left; box-shadow:0px 3px 10px rgba(0,0,0,0.35); -webkit-box-shadow: 0px 3px 10px rgba(0,0,0,0.5); -moz-box-shadow:0px 3px 10px rgba(0,0,0,0.35); border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; } .about-us.leadership ul > li .info ul { margin-top:0; margin-bottom:14px; } .about-us.leadership ul > li .info ul > li { width:auto; } .about-us.leadership ul > li .info .name { font-family:"AvenirNextLTPro-Bold", sans-serif; color:#0072ba; line-height:36px; } .about-us.leadership ul > li .info .title { color:#333940; } .about-us.leadership ul > li .info .bio > p { font-size:18px; max-width:100%; } .about-us.leadership ul > li .info .tail { background-position: 100% 22.5% !important; display:block; position: absolute; width: 25px; height: 100%; top: 0; } .about-us.leadership ul > li .info .tail-left { background:url('../img/about/popup_tail_left.png') no-repeat; left: -25px; } .about-us.leadership ul > li .info .tail-right{ background:url('../img/about/popup_tail_right.png') no-repeat; right: -25px; } /* Mobile Version (static) */ .about-us.leadership ul.mobile > li { margin-top:80px; } .about-us div.content-cont { padding: 100px 80px; margin:0 auto; background:#fff; background:rgba(255,255,255,0.95); box-shadow: 0px 3px 8px #333; -webkit-box-shadow: 0px 3px 8px #333; -moz-box-shadow: 0px 3px 8px #333; } .about-us div.content-cont p { max-width:100%; margin-bottom:0; } .about-us.culture { padding:120px 10px 140px; background:url('../img/about/culture_banner.jpg'); } .about-us.culture div.content-cont { max-width:500px; } .about-us.giving { height:1000px; padding:120px 10px 140px; background:url('../img/about/giving_back_banner.jpg'); } .about-us.giving div.content-cont { max-width:400px; float:right; } /* Vendor Management ----------------------------------------------- /////////////////////////////////////////////// */ .vendor-management.banner { height:764px; background:url('../img/vendor_management_banner.jpg'); } .vendor-management.banner div.banner-text { text-align:center; } .vendor-management.overview { padding-top:80px; padding-bottom:80px; } .vendor-management.overview p { width:80%; margin:40px auto 0; } .vendor-management.tools .tool-nav { width: 768px; margin: 0 auto; } .vendor-management.tools .tool-nav li { padding: 10px 0 20px; width: 50%; text-align:center; text-transform:uppercase; border-bottom:2px solid #bdbdbd; } .vendor-management.tools .tool-nav li a { color:#989898; } .vendor-management.tools .tool-nav li.active { border-bottom:4px solid #1b4e9d; box-shadow:0px 5px 4px -5px #999; } .vendor-management.tools .tool-nav li.active a{ font-family:"AvenirNextLTPro-Demi", sans-serif; color:#1b4e9d; } .vendor-management.tools .tool-item-container { height: 400px;} .vendor-management.tools .tool-items { width:80%; margin:0 auto; text-align:left; display:none; } .vendor-management.tools .tool-items.active { display:block; } .vendor-management.tools .tool-items p { font-family:"AvenirNextLTPro-Demi", sans-serif; color:#0072ba; } .vendor-management.tools .tool-items ul {} .vendor-management.tools .tool-items li {background:url(../img/tri_bullet.png) no-repeat; background-position:0% 50%; padding:15px 0 15px 30px;} .vendor-management.difference { background:url('../img/vm_difference_bg.jpg'); padding-top:80px; padding-bottom:100px; color:#fff; } .vendor-management.difference h2 { color:#fff; } .vendor-management.difference p { width:80%; margin:40px auto 0; } .vendor-management.difference a.button { margin-left:auto; margin-right:auto; width:260px } .vendor-management.implementation { background:#f5f5f5; padding-top:80px; padding-bottom:100px; } .vendor-management.implementation p { width:80%; margin:40px auto 0; } .vendor-management.implementation img { margin:80px auto 0; } .vendor-management.quote { background:url('../img/vm_quote.jpg'); /* min-height:440px; */ padding-top:140px; padding-bottom:100px; } .vendor-management.quote .quote { text-align:left; max-width:60%; margin-bottom:40px; } .vendor-management.quote .qte-by { text-align:left; margin-bottom: 40px; } .vendor-management.quote .qte-by > li:first-child{ padding:0; } .vendor-management.quote .qte-by > li { line-height:30px; padding-left:11px; max-width: 470px; } .vendor-management.partners ul > li { width:20%; } /* Customers ----------------------------------------------- /////////////////////////////////////////////// */ .customers.banner { height:760px; padding:0 10px; background:url('../img/customers/customers_banner.jpg'); } .customers.banner .collaboration { height:auto; background:none; margin-top:20%; } .customers.banner .collaboration h2 { font-size:60px; line-height:64px; } .customers.tools { background:#fff; } .customers.tools .tool-nav { margin-top:0; } .customers.tools .tool-nav li { width:20%; padding: 10px 0 20px; text-align: center; } .customers.tools .tool-item-container { min-height:1400px; } .customers.tools .tool-items { width:80% margin:0 auto; display:none; } .customers.tools .tool-items.active { display:block; } .customers.tools .tool-items li { width:33.333333%; height:200px; position:relative; margin-top: 80px;} .customers.tools .tool-items li > img { margin:0 auto; display:inline-block; vertical-align:middle; max-height: 100%;} .customers.tools .tool-items li > .hlpr { vertical-align:middle; display:inline-block; height:100%; } /* Careers ----------------------------------------------- /////////////////////////////////////////////// */ .careers.banner { height:760px; background:url('../img/careers_banner.jpg'); } .careers.banner h2 { color:#fff; font-size:60px; line-height:64px; text-shadow:0 0 8px #000; margin-top:21%; } .careers.banner h2 > span { font-family:"AvenirNextLTPro-Bold", sans-serif; } .careers.body { padding-top:80px; padding-bottom:80px; } .careers.body h2 { color:#f99b1c; } .careers.body .col_06 > p { width:80%; margin:0 auto; } .careers.body a.button { margin-bottom:80px; } .careers.body a.button:hover { margin-bottom:84px !important; } .careers.body .listings { border-top:1px solid #cfcfcf; padding-top:80px; margin:0 auto 0; width:80%; } .careers.body .listings h4 { text-align:left; } .careers.body .listings .menu, .careers.body .listings .listing { margin:0; } .careers.body .listings .menu { } .careers.body .listings .menu li { text-align:left; } .careers.body .listings .menu li > a { display:block; width: 80%; padding: 10px 10%; color: #5e6267; } .careers.body .listings .menu li > a:hover { background:#f5f5f5; } .careers.body .listings .menu li > a.active { background:#f5f5f5; } .careers.body .listings .listing { height:700px; overflow-y:scroll; text-align:left; background:#f5f5f5; } .careers.body .listings .listing > div { padding:10px 20px; display:none; } .careers.body .listings .listing > div.active { display:block; } .careers.body .listings .listing > div p { max-width:100%; } .careers.body .listings .listing > div ul { list-style-type:disc; } .careers.body .listings .listing > div li { list-style-type:disc; max-width:80%; margin:12px auto 0; } /* Consulting ----------------------------------------------- /////////////////////////////////////////////// */ .consulting.banner { height:760px; background:url('../img/consulting_banner.jpg') no-repeat center; background-size:cover; } .consulting.banner .col_06 { padding-top:300px; } .consulting.banner h2 { color:#fff; font-size:60px; line-height:64px; text-shadow:0 0 8px #000; } .consulting.banner h2 > span { font-family:"AvenirNextLTPro-Bold", sans-serif; } .consulting.banner a.button { margin:100px auto 0; } .consulting.banner a.button:hover { margin:96px auto 0; } /* University ----------------------------------------------- /////////////////////////////////////////////// */ .uni.sessions { background:#f4f4f4; padding-bottom:20px; } .uni.sessions .col_02 { padding-top:280px; padding-bottom:120px; text-align:center; color:#fff; background-position:center; background-repeat:no-repeat; background-size:cover; height: 226px;} .uni.sessions .col_02.spring { background:url('../img/university/spring.jpg'); } .uni.sessions .col_02.summer { background:url('../img/university/summer.jpg'); } .uni.sessions .col_02.fall { background:url('../img/university/fall.jpg'); } .uni.sessions .col_02 h4 { font-size:34px; max-width: 90%; margin: 0 auto;} .uni.sessions .col_02 span.date { margin-top:12px; text-transform:uppercase; display:block; font-size:18px; } .uni.sessions .reg-btn { font-family:"AvenirNextLTPro-Demi", sans-serif; text-transform:uppercase; line-height:30px; display:block; color:#fff; width:60%; padding:10px; border:2px solid #fff; /* margin:100px auto 0; */ transition:0.35s ease all; position: absolute; bottom: 120px; right: 18%; left: 18%;} .uni.sessions .reg-btn:hover { color:#343941; background:#fff; } .uni.sessions .reg-btn.closed { color:#ec0606; background:#fff; } .uni.reasons img { width:80%; margin:0 auto; } .uni.reasons p { margin-bottom:0; max-width:67%; } .uni.q1 p { max-width:67%; margin-top:0; margin-bottom:30px; font-size:24px; line-height: 32px;} .uni.q1 .qte-by li { line-height:28px; } .uni.overview { padding-top:140px; padding-bottom:160px; background:url('../img/university/university_bg.jpg'); } .uni.overview div.content-cont { max-width:500px; padding: 80px 60px; position:relative; margin:0 auto; background:#fff; background:rgba(255,255,255,0.95); box-shadow: 0px 3px 8px #333; -webkit-box-shadow: 0px 3px 8px #333; -moz-box-shadow: 0px 3px 8px #333; } .uni.overview div.content-cont h2 { line-height:40px; } .uni.overview div.content-cont ul li { background:url(../img/tri_bullet.png) no-repeat; background-position: 0% 8%; padding: 0 0 0 30px; max-width: 80%; margin: 30px auto 0; text-align:left; } .uni.overview div.content-cont ul li > p { margin-top:0; } .uni.overview div.content-cont p { max-width:100%; margin-bottom:0; } .uni.overview div.content-cont a.button { width: 290px; position: absolute; bottom: -26px; right: 50%; margin-right: -145px; } .uni.overview div.content-cont a.button:hover { color:#8dca15; background:#fff; border:2px solid #8dca15; } .uni.video p { margin-bottom:0; } .uni.quote { background:url('../img/university/quote_bg.jpg'); } /* PowWoW ----------------------------------------------- /////////////////////////////////////////////// */ .powwow.banner-panels { background:#f4f4f4; padding-bottom:20px; } .powwow.banner-panels .col_02 { height: 64px; padding: 280px 0; text-align:center; color:#fff; background-position:center; background-repeat:no-repeat; background-size:cover !important; } .powwow.banner-panels .col_02.besties { background:url('../img/powwow/besties-awards.jpg'); } .powwow.banner-panels .col_02.pw2015 { background:url('../img/powwow/powwow-2015.jpg'); } .powwow.banner-panels .col_02.luminaries { background:url('../img/powwow/luminaries.jpg'); } .powwow.banner-panels a { color:#fff; } .powwow.video { background:url('../img/powwow/intro_bg.jpg'); color:#fff; } .powwow.relive img { max-width:60%; margin:0 auto; } .powwow.relive .play-btn-text { width:auto; max-width: 310px; } .powwow.overview { padding-top: 120px; padding-bottom: 140px; background:url('../img/powwow/collage.jpg'); } .powwow.overview div.content-cont { max-width: 840px; padding: 80px 0px; position:relative; margin:0 auto; background:#fff; background:rgba(255,255,255,0.95); box-shadow: 0px 3px 8px #333; -webkit-box-shadow: 0px 3px 8px #333; -moz-box-shadow: 0px 3px 8px #333; } .powwow.overview div.content-cont h2 { line-height:40px; } .powwow.overview div.content-cont ul li { background:url(../img/tri_bullet.png) no-repeat; background-position: 0% 8%; padding: 0 0 0 30px; max-width: 80%; margin: 30px auto 0; text-align:left; } .powwow.overview div.content-cont ul li > p { margin-top:0; } .powwow.overview div.content-cont p { max-width:100%; margin-bottom:0; } .powwow.overview div.content-cont a.button { width: 290px; position: absolute; bottom: -26px; right: 50%; margin-right: -145px; } .powwow.overview div.content-cont a.button:hover{ color:#8dca15; background:#fff; border:2px solid #8dca15; } .powwow.q1 p { max-width:67%; margin-top:0; margin-bottom:30px; font-size:24px; line-height: 32px;} .powwow.q1 .qte-by li { line-height:28px; } .powwow.pledge { background:url('../img/powwow/pledge.jpg'); color:#fff; padding-top:100px; padding-bottom: 120px; background-repeat:no-repeat !important; background-position:center !important; background-size:cover !important; } .powwow.pledge h2 { color:#fff; } .powwow.pledge div.offset-cont { margin-left:50%; width:50%; text-align:left; } /* Webinars ----------------------------------------------- /////////////////////////////////////////////// */ .webinars.section { padding:80px 10px 100px; } .webinars.section p { margin: 0 auto; } .webinars.banner { height:764px; padding:0 10px; background:url('../img/webinars_banner.jpg'); } .webinars.banner h2 { color:#fff; line-height:50px; margin-top:28%; } .webinars.listing h3 { font-family:"AvenirNextLTPro-Demi", sans-serif; font-size:28px; margin:30px auto 0; } .webinars.listing p { text-align:left; } .webinars.listing .button { margin:30px auto 0; } .webinars.listing .button:hover { margin-top:26px; margin-bottom:4px; } /* Help Center ----------------------------------------------- /////////////////////////////////////////////// */ .helpcenter.section { padding:80px 10px 100px; } .helpcenter.section p { max-width:80%; margin:0 auto; } .helpcenter.banner { height:760px; padding:0 10px; background:url('../img/helpcenter_banner.jpg'); } .helpcenter.banner div.banner-text { margin-left:50%; max-width: 50%;} .helpcenter.banner h2 { color:#fff; font-size:54px; line-height:64px; text-shadow:0 0 8px #000; } .helpcenter.banner h2 > span { font-family:"AvenirNextLTPro-Bold", sans-serif; } .helpcenter.overview ul.buttons { margin:60px auto 0; width: 540px; } .helpcenter.overview ul.buttons > li:first-child{ margin-right:58px; } .helpcenter.overview .button { width:auto; padding-left:24px; padding-right:24px; } /* Services and Support ----------------------------------------------- /////////////////////////////////////////////// */ .services-support.section { padding:80px 10px 100px; } .services-support.banner { height:760px; padding:0 10px; background:url('../img/supportservice_banner.jpg'); } .services-support.banner h2 { color:#fff; font-size:60px; line-height:64px; text-shadow:0 0 8px #000; margin-top: 21%;} .services-support.overview h2 { color:#fff; } .services-support.overview p { width:80%; margin:0 auto; } .services-support.q1 { background:url('../img/ss_testimonial1.jpg'); color:#fff; } .services-support.q1 div.offset-cont { width:40%; margin-left:10%; text-align:left; } .services-support.q1 .quote { margin-bottom:40px; } .services-support.q1 .quote p { font-size:30px; line-height:36px; } .services-support.q1 .qte-by li { max-width:270px; } .services-support.revolutionizing p { width:80%; margin:0 auto; } .services-support.q2 { background:url('../img/ss_testimonial2.jpg'); } .services-support.q2 div.offset-cont { width:50%; margin-left:10%; text-align:left; } .services-support.q2 .quote { margin-bottom:40px; } .services-support.q2 .quote p { font-size:30px; line-height:36px; } /* Community ----------------------------------------------- /////////////////////////////////////////////// */ .community.banner { height:760px; background: url('../img/community_banner2.jpg'); } .community.banner .col_06 { padding-top:300px; } .community.banner h2 { color:#fff; font-size:60px; line-height:64px; text-shadow:0 0 8px #000; } .community.banner h2 > span { font-family:"AvenirNextLTPro-Bold", sans-serif; } .community.banner a.button { margin: 60px auto 0; } .community.banner a.button:hover { margin: 56px auto 0 !important; } /* Resources ----------------------------------------------- /////////////////////////////////////////////// */ .resources.banner { height: 300px; } .resources.banner div.banner-text { margin-top: 44px; margin-left: 10%; max-width:450px; text-align:left; } .resources.banner div.banner-text h2 { margin-bottom:10px; } .resources.banner div.banner-text h4 { line-height:30px; font-size:24px; } .resources .filters select { background:#fff; border:1px solid #d0d0d0; margin:0 10px; } .resources .filters { margin-top:10px; float: right;} .resources .filters > li { /* width: 50%; */ min-width: 150px; position: relative;} .resources .filters > li > a { width:200px; width: 77%; padding: 10px 34px 10px 0 !important; text-align: right !important; background-position: right center; } .resources .filters > li.closed > a { background:url('../img/down-icon-arrow.png') no-repeat; background-position: right center; } .resources .filters > li.open > a { background:url('../img/up-icon-arrow.png') no-repeat; background-position: right center; } .resources .filters li > a { color:#000; display: inline-block; padding: 10px 20px; font-size:18px; text-align:left; } .resources .filters li > ul { display:none; background:#fff; width: 220px; border:1px solid #d0d0d0; position:absolute; right: 0; z-index:500; } .resources .filters li.open > ul { display:block; } .resources .filters li > ul li {} .resources .filters li > ul li a { color:#6a717b; text-align:left; display: block; background: #fff;} .resources .filters li > ul li a:hover { background:#d0d0d0; } .resources .filters li > ul li.active a { color:#000 !important; font-weight: bold; } .resources .grid { padding:0 -15px; margin:0 -15px; } .resources .grid > li { width:25%; height: 340px; margin-bottom: 40px; display: none;} .resources .grid > li > div { border:1px solid #d0d0d0; min-height: 253px; padding:0; margin:0 15px; position:relative; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; display: none;} span.featured-ribbon { display:block; height:36px; width:29px; position:absolute; top:0; right: 12px; background:url('../img/resources/featured.png'); } .resources .grid div.blog { background:none; } .resources .grid div.onboard { background:none; } .resources .grid div > a { display:block; width:100%; /* background:red; */ background-position: center !important; background-size: cover !important; background-repeat: no-repeat !important; height:160px; border-top-right-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-top-right-radius:5px; border-top-left-radius:5px; -webkit-border-top-left-radius:5px; -moz-border-top-left-radius:5px; } .resources .grid div > div ul > li { padding: 30px 20px 10px; text-align: left;} .resources .grid div > ul > li:first-child { /* width: 188px; */ width: 70%; padding-left: 5%; padding-top: 10px; padding-bottom: 10px;} .resources .grid div > ul > li { width:25%; } .resources .grid div > ul > li p { text-align:left; max-width:100%; margin:0 0 20px; font-size:20px; } .resources .grid div > ul > li p > a { color:#000; } .resources .grid div > ul > li div { color:#a3a3a3; font-size:18px; margin:0; float: left;} .resources .grid div > ul > li div.icon { display:block; float: none; margin: 20px auto 0; height:32px; width: 34px; background-repeat: no-repeat !important; background-position: center !important; } .resources .grid div.blog div.icon { background:url('../img/resources/blog_icon.png');} .resources .grid div.brochure div.icon { background:url('../img/resources/brochure_icon.png');} .resources .grid div.calculator div.icon { background:url('../img/resources/calculator_icon.png');} .resources .grid div.case-study div.icon { background:url('../img/resources/case_study_icon.png');} .resources .grid div.grad-spotlight div.icon { background:url('../img/resources/grad_spotlight_icon.png');} .resources .grid div.video div.icon { background:url('../img/resources/video_icon.png');} .resources .grid div.webinar div.icon { background:url('../img/resources/webinars_icon.png');} /* Case Studies ----------------------------------------------- /////////////////////////////////////////////// */ .case-studies.banner { height:300px; background:url('../img/about/banner.jpg'); } .case-studies.banner div.banner-text { margin-top: 44px; margin-left: 10%; max-width:450px; text-align:left; } .case-studies.banner div.banner-text h2 { margin-bottom:10px; } .case-studies.banner div.banner-text h4 { line-height:30px; font-size:24px; } .case-studies.body h2 { text-align:left; } .case-studies .grid { padding:0 -15px; margin:0 -15px; } .case-studies .grid > li { width:25%; width: 22.5%; padding: 0 1%; height: 280px; margin-bottom: 20px; } .case-studies .grid > li > div { border:1px solid #d0d0d0; position:relative; display:block; width: 100%; max-width: 277px; height:253px; margin:0 15px; vertical-align: top; background:url('../img/case-studies/education.jpg'); background-size:cover !important; background-position:center !important; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; } .case-studies .grid > li > div > img { max-height:120px; max-width:80%; /* margin:22% auto; */ margin: 0 auto; display: inline-block; vertical-align: middle; transition:0.5s ease all; } .case-studies .grid > li > div:hover > img { opacity:0.5; } .case-studies .grid > li > div .hover-text { opacity:0; position:absolute; top:0; left:0; right:0; bottom:0; transition:0.5s ease all; background:rgba(0,0,0,0.8); color:#fff; padding:0 10px; } .case-studies .grid > li .hover-text:hover { opacity:1; } .case-studies .grid > li .hover-text p.lead { color:#fff; margin-bottom:10px; margin-top:30px; } .case-studies .grid > li .hover-text p { margin-top:10px; } .case-studies .grid > li div hr.underl { display:block; opacity:0; width:12%; border: 1px solid #fff; margin:0 auto 0px; -webkit-transition: 1s ease all; transition: 1s ease all; } .case-studies .grid > li div:hover hr.underl { opacity:1; width:33.33%; } .case-studies .grid > li .hover-text a { position:absolute; top:0; right:0; bottom:0; left:0; } /* .case-studies .grid > li .hover-text a:hover { border-bottom:1px solid #fff; } */ /* Industry Specific Styles */ .case-studies .grid div.healthcare { background:url('../img/case-studies/healthcare.jpg'); } .case-studies .grid div.healthcare .hover-text{ background:rgba(20,94,157,0.8); } .case-studies .grid div.credit-unions { background:url('../img/case-studies/credit-unions.jpg'); } .case-studies .grid div.credit-unions .hover-text{ background:rgba(236,136,28,0.8); } .case-studies .grid div.banks { background:url('../img/case-studies/banks.jpg'); } .case-studies .grid div.banks .hover-text { background:rgba(129,188,59,0.8); } /* commented out because defaults are the same .case-studies .grid div.education { background:url('../img/case-studies/education.jpg'); } .case-studies .grid div.education .hover-text{ background:rgba(0,0,0,0.8); } */ /* Blank Content Page ----------------------------------------------- /////////////////////////////////////////////// */ .bc.banner { height:500px; } .bc.banner div.banner-text { margin:80px auto 0; max-width:450px; text-align:left; } /*.bc.banner div.banner-text {}*/ .bc.banner div.banner-text h2 { margin-bottom:30px; } .bc.banner div.banner-text h4 { line-height:40px; } .bc.white-text h2 { color:#fff; } .bc.white-text h4 { color:#fff; } .bc.white-text { color:#fff; } /* write the offset cont */ .bc.text-pos-left .offset-cont { max-width:50%; float:left; text-align:left; } .bc.text-pos-right .offset-cont { max-width:50%; float:right; text-align:left; } /* The Company We Keep ----------------------------------------------- /////////////////////////////////////////////// */ .partners-main.banner { height:760px; background:url('../img/partners/partners_banner.jpg'); } .partners-main.callout { background:url('../img/partners/partner_callout.jpg');} .partners-main.callout .col_03 { padding-top: 28px; } .partners-main.callout .col_03:first-child { padding-top: 36px; } .partners-main.callout h2 { color:#fff; } .partners-main.callout a.button { margin-top:4px; } .partners-main.callout a.button:hover { margin-top:0px !important; } .partners-main.overview { height:700px; padding-top:200px; background:url('../img/partners/body_bg.jpg'); color:#fff; } .partners-main.overview h2 { color:#fff; } .partners-main.overview div.offset-cont { text-align:left; width:50%; text-shadow:0 0 8px #333; } .partners-main.grid { padding-top:80px; padding-bottom:80px; } .partners-main ul.top-row > li { width:33.33% } .partners-main ul { margin-top:40px; } .partners-main ul > li { width:25%; height: 300px; position:relative; display: inline-block;} .partners-main ul > li > span { display:inline-block; vertical-align:middle; height: 100%; width: 0;} .partners-main ul > li > img { margin:0 auto; display:inline-block; vertical-align:middle; max-width: 98%;} .partners-main ul > li > div.desc { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: #f5f5f5; padding: 20px 10px; overflow-y: auto;} .partners-main ul > li > div.desc h4 { font-size:22px; line-height:22px; margin-bottom:20px; } .partners-main ul > li > div.desc p { font-size:14px; line-height:16px; } .partners { /* min-height: 540px; */ background:#fff; padding-top: 100px; padding-bottom: 120px;} .partners .col_06 { /* margin-top:110px; */} .partners h2 { line-height: 42px; font-size: 48px; /* margin-bottom: 48px; */} .partners ul { margin-top: 140px; opacity:1; } .desktop .partners ul.fadeout { opacity:0; } .partners ul > li { width:16.6666666%; } .partners ul > li img { max-width:90%; margin:0 auto; } .partners ul > li img:hover { } /* Homepage */ .partners ul > li img.nch { } .partners ul > li img.snbc { margin-top:-62px; } .partners ul > li img.hf { } .partners ul > li img.mch { margin-top:-62px; } .partners ul > li img.exc { } .partners ul > li img.cuna { margin-top:-60px; } .partners ul > li img.icba { margin-top:-10px; } /* OnBoard */ .partners ul > li img.alnt {} .partners ul > li img.mknu { margin-top:-30px; } .partners ul > li img.ncnp {} .partners ul > li img.abcb {} .partners ul > li img.sosh {} /* Industry - Banks */ .partners ul > li img.csbk {} .partners ul > li img.fsbk {} .partners ul > li img.fidb {} /* Industry - Credit Unions */ .partners ul > li img.stcu {} .partners ul > li img.incu {} .partners ul > li img.glcu {} .partners ul > li img.wccu {} .partners ul > li img.cujl {} .partners ul > li img.i500 { margin-top:-30px; } /* Industry - Healthcare */ .partners ul > li img.mvh {} .partners ul > li img.mpmc {} .partners ul > li img.exc {} /* Industry - Education */ .partners ul > li img.cuc {} .partners ul > li img.lcss {} .partners ul > li img.hcc {} .partners ul > li img.bpu {} /* About Us Page */ .partners ul > li img.pudp { margin-top:15px; } .partners ul > li img.isa15 { margin-top:-40px } .partners ul > li img.sdsu { margin-top:-40px; } .partners ul > li img.bai { margin-top:-42px; } /* Countdown Template ----------------------------------------------- /////////////////////////////////////////////// */ /* .bc.countdown.banner { height:500px; } */ .bc.countdown.banner div.banner-text { margin:80px auto 0; max-width: 590px; text-align:left; } .bc.countdown.banner div.banner-text h2 { margin-top:30px; margin-bottom:30px; } .bc.countdown.banner div.banner-text h4 { line-height:40px; color: #333940;} #countdowntimer span { font-family:"AvenirNextLTPro-Demi", sans-serif; letter-spacing: 12px; font-size:80px; line-height: 78px; color: #fff; display: block; margin: 0 auto; text-align: center; text-shadow: 2px 3px 8px #333; text-shadow: 2px 3px 8px rgba(0,0,0,0.3);} .countdown-labels li { width:25%; text-align:center; color:#333; } /* Contact ----------------------------------------------- /////////////////////////////////////////////// */ /* Contact Us Page */ .contact-us.banner { height:760px; background:url('../img/contact_banner.jpg'); } .contact-us.banner div.banner-text { float:right; } .contact-us.banner h2 { color:#fff; font-size:60px; line-height:64px; text-shadow:0 0 8px #000; } .contact-us.banner h2 > span { font-family:"AvenirNextLTPro-Bold", sans-serif; } .contact-us.body { padding-top:80px; padding-bottom:100px; } .contact-us.body .frm-cont { border:1px solid #b5b5b5; padding:60px; } .contact-us.body img { margin-bottom:30px; } .contact-us.body address { font-style:normal; line-height:30px; margin-bottom:30px; } .contact-us.body address > p { max-width:100%; } .contact-us.body div.sep { margin-bottom:60px; } .contact-us.body strong { color:#333940; font-family:"AvenirNextLTPro-Bold", sans-serif; } .contact-us.info { background:#f6f6f6; padding-top:60px; padding-bottom:60px; } .contact-us.info li { width:50%; text-align:left; } .contact-us.info li > ul > li { width:auto; padding-left:40px; } .contact-us.info li > ul > li:first-child { padding-left:0; } .contact-us.info h4 { margin-top:40px; margin-bottom:20px; } /* Footer */ .contact { height:238px; background:url('../img/contact_bg.jpg') no-repeat center; background-size: cover; color:#fff; padding-top: 0; padding-bottom: 0;} .contact .col_03 { margin-top:82px; text-align:left; } .contact h2 { font-size: 38px; line-height: 32px; margin-bottom: 28px; color:#fff; } .contact p { font-size: 18px; max-width: 100%;} .contact a.button { margin-top:12px; margin-right:52px; float:right; } .contact a.button:hover { margin-top: 8px !important; } /* Footer ----------------------------------------------- /////////////////////////////////////////////// */ .footer { min-height: 682px; background:#1b4e9d; color:#c6d3e6; font-size: 16px; text-align: center;} .footer .col_06 { margin-top:56px; } .footer .footer-links > li { width:25%; text-align:left; } .footer #twitter-feed { width: 90%; font-size:14px; } .footer #twitter-feed li { margin-top:24px; position:relative; } .footer #twitter-feed li > span { font-family:"AvenirNextLTPro-Demi", sans-serif; display:block; margin-bottom:12px; } .footer #twitter-feed li a > span { display: inline-block; } .footer #twitter-feed p { width:100%; white-space: normal; line-height:22px } .footer #twitter-feed p.tweet a { color:#95acce; widt } .footer #twitter-feed p.tweet a:hover { color:#fff; } .footer #twitter-feed p.timePosted { position:absolute; top:0; right:-110px; font-size:12px; line-height: 18px;} .footer .footer-links > li.contact-us { font-size:14px; } .footer .footer-links > li > span { display:block; width:196px; padding-bottom:28px; border-bottom:1px solid #fff; font-size:20px; color:#fff; } .footer .footer-links > li > span.social { margin-top:54px; } .footer .footer-links ul.sm-links > li:first-child{ margin-left:0; } .footer .footer-links ul.sm-links > li { margin-left:22px; } .footer .footer-links ul.sm-links > li > a { height:35px; } .footer ul.sm-links > li > a > img { opacity:0.7; } .footer ul.sm-links > li > a:hover > img { opacity:1; } .footer .footer-links > li > ul > li { margin-top:24px; } .footer .footer-links > li > ul > li a { color:#c6d3e6; display: block; height: 17px; } .footer .footer-links > li > ul > li a:hover { color:#fff; } .footer-links > li > ul > li > ul > li { margin-top:24px; padding-left:24px; } .footer .contact-us li { padding-left:50px; line-height:18px; } .footer .contact-us li.email { background:url('../img/envelope.png') no-repeat; background-position: 0 3px; } .footer .contact-us li.email a { height:20px; } .footer .contact-us li.phone { background:url('../img/phone.png') no-repeat; background-position: 0 3px; } .footer .contact-us li.location { background:url('../img/location.png') no-repeat; background-position: 0 3px; } .footer .contact-us address { font-style:normal; } .footer .copyright { padding: 10px 0 60px; } .footer .copy { color:#7891bf; } /* ------------------------------------------------------------------------------------------------- //////////////////////////////////////////////////////////////////////////////////////////////////// 03 - STYLE.CSS : KEYFRAMES //////////////////////////////////////////////////////////////////////////////////////////////////// ------------------------------------------------------------------------------------------------- */ @keyframes slidein { 0% { opacity:0; transform: translate(0,50px); -ms-transform: translate(0,50px); -webkit-transform: translate(0,50px); } 100% { opacity:1; transform: translate(0,0); -ms-transform: translate(0,0); -webkit-transform: translate(0,0); } } @-webkit-keyframes slidein { 0% { opacity:0; transform: translate(0,50px); -ms-transform: translate(0,50px); -webkit-transform: translate(0,50px); } 100% { opacity:1; transform: translate(0,0); -ms-transform: translate(0,0); -webkit-transform: translate(0,0); } } /* ------------------------------------------------------------------------------------------------- //////////////////////////////////////////////////////////////////////////////////////////////////// 03 - STYLE.CSS : MEDIAQUERIES //////////////////////////////////////////////////////////////////////////////////////////////////// ------------------------------------------------------------------------------------------------- */ /* Dektop ----------------------------------------------- /////////////////////////////////////////////// */ @media (min-width:3021px) and (max-width: 3800px) { /* hide mobile-specific content */ .section .mobile { display:none; } .section .desktop { display:block; } /* OnBoard Page */ .onboard { height:1400px; background-position: 0% 100%; } .onb.powerful { height:1500px; } .onb.powerful .col_06 { padding-top:260px; } .fea.banner { height: 760px; } } @media (min-width:2545px) and (max-width: 3020px) { /* hide mobile-specific content */ .section .mobile { display:none; } .section .desktop { display:block; } /* OnBoard Page */ .onboard { /* height:1200px; */ height: 600px; /* background-position: 0% 100%; */ } .onb.powerful { height:1300px; } .onb.powerful .col_06 { padding-top:200px; } .fea.banner { height: 700px; } } @media (min-width:1921px) and (max-width: 2544px) { /* hide mobile-specific content */ .section .mobile { display:none; } .section .desktop { display:block; } .onboard { /* height: 1100px; */ /* background-position: 0% 100%; */ } /* OnBoard Page */ .onb.banner img { left:40%; margin-left:-500px; } .onb.powerful { height:1200px; } .onb.powerful .col_06 { padding-top:160px; } .fea.banner { height: 650px; } } @media screen and (max-width: 1920px) { /* hide mobile-specific content */ .section .mobile { display:none; } .section .desktop { display:block; } .home.banner { /* background-size: contain; */ } /* OnBoard Page */ .onb.banner.default { } .fea.banner { height: 650px; } } @media screen and (max-width: 1620px) { .header.desktop { display:block; } .header.mobile { display:none; } /* OnBoard Page */ .onb.banner.default { height:600px; } .onb.banner img { width:50%; top:40%; margin-left:-600px; } .fea.banner { height: 600px; } } @media screen and (max-width: 1240px) { .row { padding:0 20px; } .header .logo { max-width: 230px; /* max-width: 35%; */ margin-top: 16px;} .header .nav > ul > li { margin-left:18px; } .home.banner { /* background-size: 142%; */ /* background-position:center; */ /* height: 535px; */ } /* .home.banner .hl { margin-top:250px; } */ .home.banner h2 { font-size:26px; } .onboard { } .fea.basics { background-size: 85%, 100% !important; } .employee-portal img { right: -720px; } .desktop .employee-portal img.fadeout { right:-870px; } /* OnBoard Page */ .onb.banner.default { height:480px; } .onb.banner img { top:42%; margin-left:-500px; } .onb.q1 { background-position: 70% 100%; } .onb.panels ul > li > a > h2 { font-size:48px; margin-bottom:20px; } .onb.panels p { font-size:18px; } .fea.banner { height: 550px; } /* Employee Portal */ .ep.difference .txt-cont { height:250px; } .ep.packages p > a.button { display:block; margin-top:30px; margin-left:auto; margin-right:auto; } .ep.packages p > a.button:hover { margin-top:-26px; margin-bottom:4px; } .blog .row { padding:0; } .blog .slides li { width:23.75%; margin-left:1.66%; } .blog .slides li a { padding-top:66%; } .blog .slides li a span { font-size:12px; margin-bottom:12px; } .blog .slides li a p { font-size:18px; line-height: 20px; margin-bottom:12px; } .blog .slides li a span.author { font-size:12px; } .contact h2 { font-size: 32px; line-height: 32px; margin-bottom: 24px; } } /* Tablet ----------------------------------------------- /////////////////////////////////////////////// */ @media screen and (max-width: 1024px) { .header .nav > ul > li { margin-left:16px; } .header .nav > ul > li > a { font-size: 16px; } .home.banner h2 { font-size:22px; line-height: 28px;} .onboard { } .onboard .col_06 { /* margin-top:60px; */ } .employee-portal img { right:-780px; } .desktop .employee-portal img.fadeout { right:-860px; } /* OnBoard Page */ .onb.banner img { margin-left:-380px; } /* Employee Portal Page */ .tools .tool-nav { width: 678px; margin: 60px auto 60px; } .tools .tool-nav li { padding: 10px 28px 20px; } .tools .tool-nav li a { font-size:18px; color:#989898; } .ep.tools .tool-items { width:95%; } .ep.tools .tool-items li a { font-size:18px; } .uni.sessions .col_02 { padding-top:200px; padding-bottom:80px; } .uni.sessions .col_02 h4 { font-size:28px; } .uni.sessions .col_02 span.date { font-size:16px; } /* Case Studies Page */ .case-studies .grid > li { width: 31.3%; padding: 0 1%; height: 280px; margin-bottom: 20px; } .case-studies .grid > li .hover-text p { font-size:16px; } .blog .slides li a { padding-top:55%; } .footer #twitter-feed p.timePosted { font-size:10px; } } @media screen and (max-width: 960px) { .section .col_03 { width:100%; margin-left:0; } /* hiding desktop specific content */ .section .mobile { display:block; } .section .desktop { display:none; } /* Threshold for mobile menu */ .header.desktop { display:none; } .header.mobile { display:block; } .header.mobile .logo { width:250px; } .button.center-vert { margin-top: 176px !important; } .banner { height: 500px !important; } .home.banner { background-size: cover; height:600px; } .home.banner .hl.left { float:none; text-align:center; margin-top:340px; margin-bottom: 0;} .home.banner .hl.right { float:none; text-align:center; margin-top:10px; } .vendor-management.banner { background-position:10% !important; } .vendor-management.banner div.banner-text { margin-top:120px; } .consulting.banner .col_06 { padding-top: 120px; } .consulting.banner h2 { font-size:40px; line-height:48px } .consulting.banner a.button { margin:30px auto 0; } .helpcenter.banner div.banner-text { margin-top: 120px; margin-left:auto; margin-right:auto; max-width: 80%; text-align:center; } .helpcenter.banner div.banner-text h2 { margin-bottom:0; font-size:40px; line-height:48px } .webinars.banner h2 { font-size:36px; line-height:44px; margin-top:22%; } .customers.banner { padding-bottom:80px; height: auto !important;} .customers.banner .collaboration { height:auto; background:none; margin-top:80px; } .customers.banner .collaboration h2 { font-size:40px; line-height:48px; margin-bottom:60px } .contact-us.banner { background-position:100% !important; } .contact-us.banner div.banner-text { float: none; margin-top: 120px; margin-left: auto; margin-right: auto; text-align:center; } .contact-us.banner div.banner-text h2 { text-shadow:0 0 20px #000; } .contact-us.banner div.banner-text .button { margin:30px auto 0; } .employee-portal { height: auto; padding-bottom:90px; } .employee-portal .col_06 { margin-top:110px; text-align:left; } .employee-portal img { position:absolute; z-index: 1; right:-370px; top:0px; width: 650px !important; height:404px; opacity:1; } .desktop .employee-portal img.fadeout { opacity:0; right:-460px; } .collaboration ul { width:696px; margin:0 auto; } .collaboration ul > li { margin-left:40px; } .collaboration ul > li > span { font-family:"AvenirNextLTPro-Bold", sans-serif; font-size:56px; line-height: 70px; } .collaboration ul > li > p { font-size: 22px; margin-top: 10px; } /* OnBoard Page */ .onb.banner img { width:471px; } .onb.easy { height:auto; padding-top:40px; padding-bottom:80px } .onb.easy .col_03 { width:100%; padding-top:0px; } .onb.easy img { width:351px; } .onb.easy h2 { margin-top:0; text-align:center; } .onb.easy p { text-align:center; } .onb.easy a.button { margin-left:auto; margin-right:auto; } .onb.security { height:auto; padding-top:80px; padding-bottom:80px; } .onb.security .col_03 { width:100%; } .onb.security h2 { text-align:center; } .onb.security p { max-width: none;} .onb.security a.button { margin-left:auto; margin-right:auto; } .onb.panels ul > li > a > h2 { font-size:36px; margin-top:16%; margin-bottom:10px; } .onb.panels ul > li > a > p { font-size:18px; max-width:82%; } .partners ul > li img { max-width:80%; } .partners ul > li img.nch { } .partners ul > li img.snbc { margin-top:-32px; } .partners ul > li img.hf { } .partners ul > li img.mch { margin-top:-32px; } .partners ul > li img.exc { } .partners ul > li img.cuna { margin-top:-60px; } .partners ul > li img.icba { margin-top:-10px; } .community.banner .col_06 { padding-top:150px; } .community.banner h2 { font-size:40px; line-height:48px; } /* Employee Portal */ .ep.banner { background-position:40% !important; } .ep.banner div.offset-cont { margin-top: 80px; max-width:450px; text-align:left; } .ep.banner div.offset-cont h4 { font-size:26px; line-height:32px; margin-bottom:10px; } .ep.difference h4 { font-size:24px; } .ep.difference .txt-cont { height:300px; } .customers.tools .tool-items li { width:50%; height: 150px; margin-top: 80px;} .customers.tools .tool-items li > img { max-width:75%; } /* Vendor Management */ .vendor-management.tools .tool-nav { width:580px; margin: 0 auto; } .vendor-management.tools .tool-nav li { padding:10px 0 20px; width:50%;} .vendor-management.tools .tool-item-container { height: 450px;} /* Resources */ .resources .grid > li { width:33.3333%; } /* Careers Page */ .careers.body .listings { width:100%; } .careers.body .listings h4 { font-size:24px; } .blog .slides li a { padding-top:35%; } .blog .slides li a p { font-size:16px; line-height: 20px; margin-bottom:12px; } .contact { min-height:195px; height:auto; padding-bottom: 40px !important; } .contact .col_03:first-child { margin-top:40px; } .contact .col_03 { margin-top:20px; text-align:center; width: 98%; display:block;} .contact h2 { margin-bottom: 20px; } .contact a.button { margin:12px auto 0; float:none; } .contact a.button:hover { margin-top:8px; } .footer { min-height: 20px; padding: 60px 0 !important; } .footer .col_06 { margin-top:0; } .footer .copyright { padding:0; } .footer .desktop { display:none; } } @media screen and (max-width: 768px) { .section p { max-width: 100% !important; } .inner-popup { height: 261px; width: 381px; margin:20% auto 0; } .home.banner .hl.left { } .home.banner .hl.right { margin-top:10px; } .section h2 { font-size: 44px; } .onboard { padding-top: 80px; padding-bottom: 80px; background:#f3f4f5; } .onboard h4 { max-width:100%; } .employee-portal img { display:none; } /* .employee-portal { height: auto; padding-bottom:90px; } .employee-portal img { position:relative; z-index: 1; right:auto; top:auto; margin:0 auto; max-width:100%; height:auto; } .desktop .employee-portal img.fadeout { opacity:0; right: auto; } */ .collaboration { height:620px; } .collaboration .col_06 { margin-top:80px; } .collaboration h2 { color:#fff; margin-bottom: 40px; font-size:36px;} .collaboration ul { width: 100%; margin:0 auto; } .collaboration ul > li:first-child { margin-right:0; margin-top:0px; } .collaboration ul > li { float:none; margin:30px auto 0; width:auto; } .collaboration ul > li > span { font-family:"AvenirNextLTPro-Bold", sans-serif; font-size:54px; line-height: 70px; } .collaboration ul > li > p { font-size: 22px; margin-top: 10px; } /* OnBoard Page */ .onb.banner.default { height:480px !important; background-position:70% 100%; } .onb.banner img { width:340px; top:47%; margin-left:-320px; } /* div.section { height:auto; padding-bottom:120px; } */ .onb.overview { background:#d9e0df; height:auto; color:#5e6267; } .onb.overview h2 { color: #333940; } .onb.overview .play-btn { margin-top:60px; } .onb.overview .play-btn:hover { margin-top:54px; margin-bottom: 22px; } .onb.overview .play-btn-text { color:#5e6267; } .onb.powerful { background:url('../img/onboard_powerful_mobile.jpg'); height:auto; padding-bottom: 100px; } .onb.security p { text-align:left; } .onb.q1 { background:url(../img/onb_q1_bg.png); height:auto; padding-bottom:85px; } .onb.q1 div.offset-cont { width:100%; margin:0 auto; } .onb.q1 ul.buttons { /* margin:0 auto; */ } .onb.panels { padding:0 !important; } .onb.panels ul > li { width:100%; min-height:136px; } .onb.panels ul > li > a > h2 { font-size:36px; margin-top:16%; margin-bottom:10px; } .onb.panels ul > li > a > p { font-size:18px; max-width:82%; } .sec.banner { height:auto; padding-bottom:100px; } .sec.body { height: auto; padding-top: 100px; padding-bottom: 120px;} .sec.body p { max-width: 100%; } .sec.body .cloud {} .sec.body .ground { margin-top:320px; } .industry-quote div.offset-cont { width: 100% !important;} .industry-quote div.offset-cont .quote p { font-size: 22px !important; line-height:30px; } .banks.industry-quote { background-position:10% 100% !important; } .edu.industry-quote { background-position:70% 100% !important; } .edu.industry-quote div.offset-cont { margin-left:0; } /* Employee Portal */ .ep.banner { background-position:30% !important; } .ep .col_02 { width:100%; margin-left:0; } .ep.video h2 { font-size:44px; } .tools .tool-nav { width: 580px; margin: 60px auto 60px; } .tools .tool-nav li { padding: 10px 12px 20px; } .ep.packages .col_02 { margin-top:60px; } .ep.difference .txt-cont { height:auto } /* Vendor Management */ .vendor-management.tools .tool-nav { width:100%; margin: 0 auto; } .vendor-management.tools .tool-nav li { padding:10px 0 20px; width:50%;} .vendor-management.quote { padding-top:80px; padding-bottom:100px; } .vendor-management.quote .quote { max-width:100%; margin-bottom:40px; } /* Resources */ .resources .grid > li { width:50%; } .customers.tools .tool-nav li { width:100%; padding: 10px 0 20px; text-align: center; } .customers.tools .tool-items li { height: 150px; margin-top: 60px;} /* Blank content */ .bc.text-pos-left .offset-cont { max-width:100%; } .bc.text-pos-right .offset-cont { max-width:100%; } /* Case Studies Page */ .case-studies .grid > li { width: 48%; } .case-studies .grid > li .hover-text p { font-size:16px; } /* Careers Page */ /* TODO ADJUST */ .careers.body .listings h4 { text-align:left; } .careers.body .listings .menu { width:100%; } /* .careers.body .listings .menu li { width:33.33%; float:left; } */ .careers.body .listings .listing { width:100% } .contact-us.info li:first-child, .contact-us.info li > ul > li { margin-top:0; } .contact-us.info li { width:100%; margin-top:60px; } .partners { padding-bottom: 20px !important; background:#fff; } .partners h2 { line-height: 42px; font-size: 36px; margin-bottom: 48px;} .partners ul { margin-top:80px; } .partners ul > li { width: 50% !important; height: 150px;} .partners ul > li img { max-width:90%; } .partners ul > li img:hover { } .partners ul > li img.nch { } .partners ul > li img.snbc { margin-top:-28px; } .partners ul > li img.hf { margin-top:30px; } .partners ul > li img.mch { margin-top:-30px; } .partners ul > li img.exc { } .partners ul > li img.cuna { margin-top:-20px; } .partners ul > li img.icba { margin-top:-10px; } .uni.sessions .col_02 { display:block; float: none; width: auto; max-width: 598px; margin: 15px auto 0 !important; } .uni.quote div.offset-cont { width:80%; } .powwow.banner-panels .col_02 { display:block; float: none; width: auto; max-width: 598px; margin: 15px auto 0 !important; } .powwow.pledge { background-position:100% 100% !important; } .powwow.pledge div.offset-cont { margin-left:0; width:100%; } .blog .row { padding:0; } .blog .slides li { width: 50%; margin:10px 0px !important; } .blog .slides li > div { width:285px; position: relative; margin:0 auto;} .blog .slides li a { padding-top:80%; } .blog .slides li a span { font-size:12px; margin-bottom:12px; } .blog .slides li a p { font-size:18px; line-height: 20px; margin-bottom:12px; } .blog .slides li a span.author { font-size:12px; } } /* Cell Phone ----------------------------------------------- /////////////////////////////////////////////// */ @media screen and (max-width: 667px) { .section h2 { font-size:36px; line-height: 40px;} ul.buttons { width: 354px;} a.button { height: 18px; width: 140px; font-size: 14px; padding: 12px !important; border-radius:24px; -webkit-border-radius:24px; -moz-border-radius:24px; } .home.banner h2 { font-size:22px; line-height:28px; } /* About Page */ .about-us div.content-cont { padding: 100px 10%; } /* OnBoard Page */ .onb.banner.default { display: none; /*background-position:90% 100%;*/ } .onb.banner img { /*width:360px; margin-left:-220px;*/ display:none; } .onb.q1 ul.buttons { width: 376px;} .onb.q1 a.button { width:175px;} .onb.q2 { height:auto; padding-bottom:80px; } .onb.q1 .quote { font-size:26px; } .onb.q2 .quote { font-size:22px; } .onb.q1 .qte-by li, .onb.q2 .qte-by li { font-size: 18px; } .onb.security a.button { width:180px; } .onb.team { height:auto; padding-bottom:60px; } .onb.team .col_06 { padding-top:60px; } .onb.team h2 { font-size:30px; line-height:36px; max-width:440px; } .industry-quote .button { width:180px; } /* Employee Portal */ .ep.overview ul li { width:100%; margin-top:60px; } .ep.quote .quote { text-align:left; max-width:100%; } .tools .tool-nav { width: 100%; } .tools .tool-nav li { padding: 10px 0 20px; width:100%; } .tools .tool-nav li:first-child { text-align:center; } .tools .tool-nav li:last-child { text-align:center; } .ep.tools .tool-item-container { height:600px; } .ep.tools .tool-items { height:600px; } .ep.tools .tool-items ul { margin-bottom:0px; } .ep.tools .tool-items ul li { margin-top:30px; } .ep.tools .tool-items ul.row1 li { width:100%; } .ep.tools .tool-items ul.row2 li { width:100%; } .community.banner ul.buttons { width: 380px;} .community.banner a.button { margin: 30px 0 0; width:150px; } /* Countdown Template */ .bc.countdown.banner div.banner-text { max-width: 90%;} #countdowntimer span { letter-spacing: 8px; font-size:60px; line-height: 78px; color: #fff; } .blog .slides li { width: 100%; margin:10px 0px !important; } } @media screen and (max-width: 480px) { /* .section p { text-align:left; } */ .banner { height: 380px !important; } .home.banner .hl.left { float:none; text-align:center; margin-top:240px; margin-bottom: 0;} .vendor-management.banner div.banner-text { margin-top:60px; margin-left: 0;} .vendor-management.banner div.banner-text h2 { font-size:36px; line-height:40px; margin-bottom:15px; } .vendor-management.banner div.banner-text h4 { font-size:28px; line-height:32px; } .consulting.banner .col_06 { padding-top: 60px; } .consulting.banner h2 { font-size:36px; line-height:40px; } .helpcenter.banner div.banner-text { margin-top: 60px; max-width:100%; } .webinars.banner { padding:0 10px 40px; } .webinars.banner h2 > span { display:block; } .header.mobile .logo { width:225px; max-width: 100%;} ul.buttons { width:auto;} ul.buttons > li:first-child { margin-right:0; margin-top:0x; } ul.buttons > li { width: 100%; margin-top:12px; height: 50px;} ul.buttons > li > a { margin: 30px auto 0; } .employee-portal .col_06 { margin-top:60px; } .onb.q1 ul.buttons { width:179px;} .industry-banner h4 { color:#fff; font-size:42px; line-height:44px; font-family:'Georgia', serif; font-style:italic; margin-top:21%; margin-bottom:15px; text-shadow:0 0 20px #000; } .industry-banner h2 { color:#fff; font-size:80px; line-height:80px; text-shadow:0 0 20px #000; } .banks.industry-benefits { height:auto; background:#fafafa; padding-bottom:100px; } .fea.banner div.logo { width: 350px; } /* Employee Portal */ .ep.banner { background-position:20% !important; } .ep.banner div.offset-cont { margin-top: 40px; } .ep.banner div.offset-cont h2 { margin-bottom:12px; } .ep.banner div.offset-cont h4 { font-size:20px; line-height:30px; margin-bottom:0px; } /* Vendor Management */ .vendor-management.tools .tool-nav li { width:100%;} /* Resources */ .resources .grid > li { width:100%; } /* Case Studies Page */ .case-studies .grid > li { width:100%; padding:0; } .case-studies .grid > li > div { margin:0 auto; } .case-studies .grid > li .hover-text p { font-size:16px; } .uni.overview div.content-cont a.button { width: 290px; margin-right: -158px; } .powwow.overview div.content-cont a.button { width: 290px; margin-right: -158px; } .community.banner .col_06 { padding-top:50px; } .community.banner h2 { font-size:40px; line-height:48px; } .community.banner a.button { margin: 0px auto 0; } .community.banner a.button:hover { margin: -4px auto 0 !important; } .customers.tools .tool-item-container { min-height:800px; } .customers.tools .tool-items li { height: 110px; margin-top: 30px;} .helpcenter.overview ul.buttons { margin:30px auto 0; width:100%; } .helpcenter.overview .button { width:220px; } .services-support.banner h2 { font-size:48px; line-height:54px; } /* Countdown Template */ #countdowntimer span { font-size:40px; line-height: 50px; } .countdown-labels li { font-size:16px } } @media screen and (max-width: 375px) { .section h2 { font-size: 34px !important; } .header.mobile .logo { width:180px; margin-top:4px; } .home.banner .hl.right h2 { font-size:18px; } .employee-portal { height: auto; padding-bottom: 80px; } .employee-portal .col_06 { margin-top:80px; } .employee-portal h2 { font-size: 32px; } .ep.video { height:auto; padding:80px 0; } .partners h2 { line-height: 42px; font-size: 32px; margin-bottom: 48px; } .partners ul { margin-top:80px; } .partners ul > li { /* height: 100px; */} .partners ul > li img:hover { } .partners ul > li img.nch { } .partners ul > li img.snbc { margin-top:-62px; } .partners ul > li img.hf { margin-top:0px; } .partners ul > li img.mch { margin-top:-40px; } .partners ul > li img.exc { } .partners ul > li img.cuna { margin-top:-20px; } .partners ul > li img.icba { margin-top:-10px; } .contact { min-height: 252px; height:auto; padding-bottom:40px; } }