/* CSS Document */ /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; font-family: sans-serif; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } .header { width: 100%; height: 100px; background-color: #00274C; } .container { width: 1080px; margin: 0 auto; } .container2 { width: 540px; margin: 0 auto; } .logo { float:left; padding: 7px 0px 0px 0px; } .logo h1 a { font-family: sans-serif; text-decoration: none; color: #1C97CA; font-size: 40px; font-weight: 100; padding: 15px 0px; display: block; letter-spacing: 4px; text-transform: uppercase; } .menu { float: right; } .menu ul li { display: inline-block; padding: 45px 15px; } .menu ul li a { float:right; font-family: sans-serif; text-decoration: none; color: #fff; font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; transition: color 0.3s ease-in; -moz-transition: color 0.3s ease-in; -o-transition: color 0.3s ease-in; -webkit-transition: color 0.3s ease-in; -ms-transition: color 0.3s ease-in; } .menu ul li a:hover { color: #65a4be; } .banner { background: url(/user/images/content_images/lead_collection/Background_20150914104535.jpg) no-repeat fixed 0% 0%/cover; padding: 60px 0px; cursor: default; } .header-text { text-align:center; color: #fff; } .big-text { font-size: 30px; line-height: 50px; font-family: sans-serif; font-weight: 300; } .header-text h2 { font-size: 40px; font-weight: 600; font-family: sans-serif; line-height: 60px; } .description-text { width: 65%; margin: 0 auto; font-size: 18px; font-family: sans-serif; font-weight: 400; line-height: 25px; color: #333; } .description-text a { color: #fff; border-bottom: 1px dotted #fff; text-decoration: none; } .small-text { width: 65%; margin: 0 auto; font-size: 18px; font-family: sans-serif; font-weight: 400; line-height: 40px; } .small-text a { color: #fff; border-bottom: 1px dotted #fff; text-decoration: none; } .button-section ul li { display: inline-block; margin: 50px 20px; } .top-button { text-decoration: none; border-radius: 5px; font-family: sans-serif; font-weight: 600; font-size: 18px; text-transform: uppercase; } .orange { color: #fff; padding: 17px 30px; background-color: #ff8a00; } .white { background-color: #fff; padding: 17px 30px; color: #4e4f4f; } .color-border { background:url(/user/images/content_images/lead_collection/color_border_20150825143455.jpg) repeat-x scroll center top; width: 100%; float: left; display: block; height: 5px; } .features { background: url(images/bg.png) repeat; } .desc { font-family: sans-serif; text-align: center; padding: 60px 0px; } .desc h2 { font-size: 30px; font-weight: 600; padding: 15px 0px; color: #00274C; } .desc p { font-size: 18px; font-weight: 400; line-height: 30px; width: 85%; margin: 0 auto; font-family: 'Open Sans', sans-serif; color: #333; } .desc ul li { font-size: 18px; width: 100% margin: 0 0 0 50px; padding: 0; line-height: 30px; list-style: disc; list-style: inside; text-align: left; } .ce { background: url(images/bg.png) repeat; } .features { padding: 60px 0px; background-color: #f1f1f1; float: left; width: 100%; } .features-section { text-align: center; } .ce { padding: 60px 0px; background-color: #fff; float: left; width: 100%; } .ce-section { text-align: center; } h3.text-head { color: #00274C; font-size: 27px; font-weight: 600; font-family: sans-serif; text-align: center; } p.box-desc { color: #333; font-size: 17px; font-family: 'Open Sans', sans-serif; line-height: 60px; text-align: center; } .features-section ul { margin: 50px 0px; } .features-section ul li { width: 360px; display: block; text-align: center; float: left; } .relationships-icon { background:url(/user/images/content_images/lead_collection/PatientConnect_Icon_Relationships_20150825143553.png) no-repeat; width: 60px; height: 60px; display: inline-block; } .patients-icon { background:url(/user/images/content_images/lead_collection/PatientConnect_Icon_Patients_20150825143536.png) no-repeat; width: 60px; height: 60px; display: inline-block; } .topofmind-icon { background:url(/user/images/content_images/lead_collection/PatientConnect_Icon_TopOfMind_20150825143602.png) no-repeat; width: 60px; height: 60px; display: inline-block; } .ce-icon { background:url(/user/images/content_images/lead_collection/PatientConnect_Icon_CE_20150825143519.png) no-repeat; width: 60px; height: 60px; display: inline-block; } .news-icon { background:url(/user/images/content_images/lead_collection/PatientConnect_Icon_News_20150825143528.png) no-repeat; width: 60px; height: 60px; display: inline-block; } .pebls-icon { background:url(/user/images/content_images/lead_collection/PatientConnect_Icon_PeBLS_20150825143545.png) no-repeat; width: 60px; height: 60px; display: inline-block; } .features-section ul li h4 { font-size: 17px; font-weight: 600; color: #FF8A00; font-family: sans-serif; line-height: 50px; margin-top: 20px; } .features-section ul li p { color: #333; font-size: 15px; line-height: 20px; width: 90%; margin: 0 auto; font-weight: 400; font-family: 'Open Sans', sans-serif; } .stories { padding: 60px 0px; float: left; width: 100%; background: #f1f1f1; } .stories-section ul li { width: 318px; margin: 40px 20px 0px; border-radius: 5px; background-color: #fff; float: left; transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; } .stories-section ul li a { text-decoration: none; } .story-img img { width: 318px; height: 200px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .story-box { border: 1px solid #ccc; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top: none; text-align: center; padding: 10px 0px 20px; } .story-box h4 { color: #4E4F4F; font-size: 16px; font-family: sans-serif; font-weight: 600; line-height: 50px; } .story-box p { color: #888; font-family: 'Open Sans', sans-serif; font-size: 15px; font-weight: 400; line-height: 20px; } .stories-section ul li:hover { box-shadow: 0px 0px 6px 0px #ccc; } .contact { padding: 60px 0px; width: 100%; float: left; font-family: 'Open Sans', sans-serif; background-color: #f1f1f1; } .contact-section { width: 60%; margin: 0 auto; font-family: 'Open Sans', sans-serif; } form input { background: none repeat scroll 0% 0% #fff; padding: 15px; width: 100%; border-radius: 5px; font-size: 16px; font-weight: 400; margin-top: 30px; font-family: 'Open Sans', sans-serif; box-shadow: none; border: 2px solid #f7f6f6; transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; -webkit-transition: all 0.5s ease-in; margin-left: -20px; } form textarea { width: 100%; border-radius: 5px; box-shadow: none; background: none repeat scroll 0% 0% #fff; padding: 15px; font-size: 16px; font-weight: 400; height: 180px; margin-top: 30px; font-family: inherit; border: 2px solid #f7f6f6; font-family: 'Open Sans', sans-serif; resize: none; transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; -webkit-transition: all 0.5s ease-in; margin-left: -20px; } button.submit { background: #65a4be; border: medium none; color: #FFF; padding: 15px 10px; font-size: 14px; font-weight: 600; font-family: "Open Sans",sans-serif; transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; margin-top: 20px; transition: background 0.3s ease-in; cursor: pointer; display: block; margin: 30px auto 0px; border-radius : 5px; } button.submit:hover { background:#888; } form input:focus { border: 2px solid #888; background-color: #fff; } form textarea:focus { border: 2px solid #888; background-color: #fff; } .footer { width: 100%; background-color: #00274C; float: left; padding: 50px 0px; text-align: center; } .footer p.copyright { color: #FFFFFF; font-weight: 300; font-size: 14px; } .footer p.copyright a { color: #FFFFFF; text-decoration: none; border-bottom: 1px dotted #585c65; } ul.socialmedia { margin: 0; list-style:none; margin-top: 25px; } ul.socialmedia li { display: inline-block; margin-left: 15px; margin-right: 15px; color: #FFFFFF; font-size: 26px; } ul.socialmedia li a { color: #FFFFFF; font-size: 26px; } i.icon-twitter { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } i.icon-twitter:hover { height: 100%; color: #FFFFFF; } i.icon-facebook { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } i.icon-facebook:hover { height: 100%; color: #FFFFFF; } ul.socialmedia li a { text-decoration: none; } .responsive-menu-button { float: right; padding: 24px 0px; } #mobile-header { display: none; }