/* Theme Name: Glooko Theme URI: http://themes.traverstodd.com/ Author: Travers + Todd Author URI: http://traverstodd.com/ Description: This theme is like no other. Unless you're talking about a parallel universe. Then all bets are off. Version: 040319 */ /* CSS reset. Why? Because browser makers make the www difficult to style. Enough with that. */ .paul {color: #fff;} html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, .float60 li, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent; } body { line-height: 1; } .no-scroll { overflow: hidden;} #fade-noclick{ display: block; background: #000; position: fixed; left: 0; top: 0; width: 100%; height: 100%; opacity: .6; z-index: 5; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } a { margin: 0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;outline:none;text-decoration:none; } ins {background-color:#ff9;color:#4f4f4f;text-decoration:none;} mark {background-color:#ff9;color:#4f4f4f;font-style:italic;font-weight:bold;} del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; } table { border-collapse: collapse; border-spacing: 0; } sup {font-size: .7em; padding-left: 5px;vertical-align: top;} .page-template-page-product-template sup {color:#1E8ECE; cursor: pointer; } input, select { vertical-align: middle; } /* End the Reset. Now let the games begin. */ *, *:before, *:after { box-sizing: border-box; } .hidden, .none, .hide { display: none; } .invisible { visibility: hidden; } .no-padding { padding: 0 !important } html { -webkit-font-smoothing: antialiased; } html.open-modal {overflow: hidden;} body {line-height: 1;-webkit-text-size-adjust: none; background-color: white;} body.open-modal {height: 100%; overflow: hidden; width: 100%; position: relative;} /* these are for images, below. gives a nice margin. sweet. */ .alignright { float: right;} .alignleft {float: left; } .floatnone { float: none; } /* micro clearfix below. contains floats like .clearfix. */ .cf:before, .cf:after { content: " ";display: table; } .cf:after { clear: both; } /* need to clear floats instead of contain them? use this below. */ .clear, .clear-both { clear: both; } /* need to float things? we got you covered. */ .left, .floatleft { float: left !important; } .right, .floatright { float: right !important; } /* need a middle-aligned header. don't write another CSS rule. just use these! */ .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } p, .float60 li, .float66 li { margin-top: 30px; } body { font-family: "source sans pro", sans-serif; } p, .float60 li, .float66 li { color: #4f4f4f; font-size: 20px; line-height: 1.5em;font-weight: 200;list-style: disc; } a { outline: none;text-decoration: none; color: #0690ED; transition: color 0.3s easeZ} a:hover { color: #1E8ECE; } /* section ul, ol { margin-bottom: 20px; padding-left: 20px;} */ section li {color: #4f4f4f; font-size: 20px; line-height: 1.5em; font-weight: 200; list-style: disc;margin-left: 20px;} .page-template-page-about section li {margin-left:0px} .sidebar_content ul {padding-left:0} .sidebar_content li {list-style: none;margin-left: 0px;font-size:16px} .tier li {color:#727272;font-size: 14px; line-height: 1.3em; font-weight: 200; list-style: none;margin-left: 0px;} section ol li {list-style: decimal; } header li {list-style: none} ul.ui-tabs-nav { margin-bottom: 0px; padding-left: 0px;} .ui-tabs-nav li {margin-left: 0; list-style: none} ul.in-page li{color:#4f4f4f;font-size:18px;margin-left:25px;list-style:circle;line-height:2em;font-weight:200;} h1,h2,h3,h4,h5,h6{font-family:"source sans pro",calibre,sans-serif;} h1{font-size:43px;font-weight:200;line-height:1.3em;color:white;} .home h1 {font-size: 55px; color: #fff; font-weight: 500;} .page-customers .hero-container h1 {margin-bottom: 25px;} h2{font-size:40px;font-weight:200;} .home h2 {font-weight: 600; color: #363636; margin-bottom: 50px;} h3{font-size:30px;font-weight:200;line-height:1.3em;color:white;} h4{font-size:23px;font-weight:200;} h5{font-size:28px;font-weight:200;color:#75777a;margin:-25px 0 15px 0;} header a{color:white;} small{font-size:80%;} pre{font-family:"Courier New",Courier,monospace;letter-spacing:-0.5pt;} strong{font-weight:bold;color:#4f4f4f;} .caption {font-size: 12px;display: inline-block;margin-top: 40px;} footer {font-family:lato,helvetica, sans-serif;} footer p,footer.float60 li,.float60 footer li{font-size:12px;color:#eef4f8;} footer p a,footer.float60 li a,.float60 footer li a{color:#eef4f8;font-weight:bold;} footer p a:hover,footer.float60 li a:hover,.float60 footer li a:hover{color:#eef4f8;text-decoration:underline;} footer strong{text-transform:uppercase;font-style:normal;font-weight:bold;font-size:13px;color:#eef4f8;} form.search-form{height:55px;} form.search-form label{float:left;} input.search-submit{float:left;border:none;cursor:pointer;} input.search-submit:hover{background-color:#018dc8;} button,input,select,textarea {font-size:100%; margin:0; vertical-align:baseline; vertical-align:middle;} button,input[type="button"],input[type="reset"],input[type="submit"], #nf-field-10{background:#00a1e4;width:30%;height:100%;float:right;color:#fff;text-align:center;padding-top:5px;} input[type="checkbox"],input[type="radio"]{padding:0;} input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box;} input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;} button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;} input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="search"]:focus,textarea:focus{color:#111;} input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"] {padding:10px;border:2px solid#e4e4e4;background-color:white;} textarea{overflow:auto;padding-left:3px;vertical-align:top;width:98%;} /* reusable classes */ .page-patients #tabs .inner .float33 .imgContainer, .page-providers-payers #tabs .inner .float33 .imgContainer, .page-products #tabs .inner .float33 .imgContainer, .page-patients #tabs .inner .float66 div, .page-providers-payers #tabs .inner .float66 div, .page-products #tabs .inner .float66 div {position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);transform: translateY(-50%);} .imgContainer-mobile {display: none;} .inner { max-width: 1200px; margin: 0 auto; } a.btn-blue, a.btn-orange, .btn-white {background-color:#0690ed;text-transform:uppercase;color:white!important;font-size:14px;font-weight:bold;font-family:"source sans pro",calibre,sans-serif;padding:10px 40px; font-weight: 600; border-radius: 2px; } .banner-content a.btn-blue {display: inline-block;} a.btn-blue:hover, a.btn-orange:hover {background-color: #00A4E1; } a.btn-orange {background-color: #f26522; } a.btn-white {background-color: #fff; color:#0690ed!important;text-decoration: none!important} a.btn-orange:hover { background-color: #E55A18; } a.btn-white:hover { background-color: #efefef; } .float60 ul, .float60 ol { list-style-type: circle; padding: 0 0 0 40px; margin: 1em 0; } .float60 li {display: list-item; margin-bottom: 10px; } body {min-width: 0;} .container { width: 100%;height: 100%;margin: 0 auto; background: white; } .inner { max-width: 1200px; margin: 0 auto;position: relative; padding: 0 2%;} /*free glooko modal and stuff*/ #free-banner {position: absolute;background-image:url('images/free-banner.png');background-size: contain;background-repeat: no-repeat;width: 200px;height: 200px;top: 80px;z-index: 1;} #free-banner a {display:block;width:100%;height:100%} .modal { width: 80vw; position: fixed; top: 100px; left: 50%; transform: translateX(-50%); background: white; z-index: 5; height: 44vw; overflow: auto; max-width:1500px;max-height:829px} .modal .col-one{width:63%;display:inline-block;vertical-align:middle} .modal .col-two{width:calc(36% - 4px);display:inline-block;vertical-align:middle} #close-btn { position: absolute; top: 2px; right: 2px; color: #333; cursor: pointer; padding: 2px 8px; font-size: 1.5em; z-index: 2; } #close-btn:hover { color: #666; } .fireworks {display: block;} .no-fireworks {display:none;} #new-glooko .one { color: #008ef2; text-transform: uppercase; margin-bottom:2vw; font-weight: 600; font-size: 2vw; text-decoration: underline } #new-glooko .two { color: #008ef2; text-transform: uppercase; font-weight: 700; font-size: 4vw; } #new-glooko .three { color: #008ef2; text-transform: uppercase; font-weight: 700; font-size: 6vw; margin-bottom:6vw; } #new-glooko .four { color: #333; margin-bottom:2vw; text-transform: capitalize; font-weight: 600; font-size:2vw } #new-glooko a { display: inline-block; } #new-glooko a img{ width: 10vw; padding:.5vw; display:block; } footer {background: #363636; padding: 90px 0; transition: margin 0.3s ease; margin-bottom: 0;} footer.add-margin {margin-bottom: 80px;} footer .inner {padding: 0 1%;} .footer-navs {width: 80%; float: left;} .footer-nav-left {width: 66.66%; float: left;} .footer-nav-right {width: 33.33%; float: left;} footer menu {width: 50%;} footer .footer-nav-right menu {width: 100%;} footer h3 {font-size: 18px; font-weight: bold;color: #fff;} footer menu li {line-height: 2em;} footer menu a {color: #fff; font-size: 13px;} footer menu a:hover {color: #c9c9c9;} .copyright-social {float: left;width:20%} .copyright-social .widget-area:first-child{display:none} .press-release_posts-template-default .copyright-social .widget-area:first-child{display:block} .copyright-social ul {margin-bottom: 20px;} .copyright-social li {float: left; margin-right: 10px;} .mixpanel {clear:left; float: left;} .copyright-social h3 {font-size: 14px; font-weight: 600; text-transform: uppercase; margin-bottom: 10px; margin-top: 30px;} /* Footer Nav */ .footer-nav-main menu { width: 100%; } .footer-nav-main menu li { float: left; margin-left: 10px; position: relative; padding: 10px 10px 24px; } .footer-nav-main menu li a { font-size: 18px; } .footer-nav-main .sub-menu { padding: 0; } .footer-nav-main .sub-menu li { float: none; padding: 0 0 0 10px; margin-left: 0; line-height: 1.4em; } .footer-nav-main .sub-menu li a { font-size: 13px; } .footer-nav-main menu li:hover > .sub-menu {display: block;} /** * Grid Settings */ .float20 { float: left; width: 20%; } .float25 { float: left;width: 25%; } .float30 { float: left; width: 30%; } .float33 { float: left;width: 33%; } .float40 {float: left; width: 40%; } .float50 {float: left;width: 50%; } .float60 {float: left;width: 60%; } .float66 {float: left; width: 66%; } .float75 {float: left; width: 75%; } .float80 {float: left;width: 80%; } .inline33 {display: inline-block; width: calc(33.33% - 4px);} .narrow {max-width: 660px; margin: 0 auto; width:100%;} .stButton .st-twitter-counter, .stButton .st-facebook-counter, .stButton .st-linkedin-counter { height: 30px !important; } .stButton .stButton_gradient { height: 21px !important; } img {max-width: 100%;height: auto;display: inline-block;vertical-align: middle; } img.alignright { margin: 0 0 15px 15px; } img.alignleft {margin: 0 15px 15px 0; } .contact-container {margin-bottom: 60px; } .bg-cover {background-size: cover; background-position: center center; background-repeat: no-repeat;} /* language switcher [footer] */ html:lang(en-US) .copyright-social .widget-area:first-child {margin-bottom: 70px;} html:lang(en-US) body.page-template-page-thankyou-template-php .widget-area:first-child {margin-top: 0px; margin-bottom: 70px;} html:lang(sv-SE) .copyright-social .widget-area:first-child {margin-top: 0; margin-bottom: 70px;} html body.single-resources .copyright-social .widget-area:first-child {margin-top: 0px; margin-bottom: 70px;} .copyright-social .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu, .copyright-social .wpml-ls-legacy-dropdown .wpml-ls-sub-menu {position: relative;} .copyright-social .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a, .copyright-social .wpml-ls-legacy-dropdown .wpml-ls-sub-menu a {padding-right: calc(10px + .7em + .7em);} .copyright-social .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu {position: relative;} .date {text-transform: capitalize;} /* EU Cookie Law */ :lang(en) #eu-cookie {display: none;} #eu-cookie .btn-white {margin-top:10px;display:inline-block;} #eu-cookie {opacity:0;position:absolute;top:-800px;padding: 20px;text-align:center;background-color:#0690ed;left: 0;z-index: 5;width:100vw;transition: all 1s ease;} #eu-cookie.active {opacity:1;top:80px} #eu-cookie strong {color:white} .eu-notice, .eu-notice p {color:white;font-size:18px;width: 80%;margin: 0 auto;} .eu-notice a, .eu-notice p a {color:white;text-decoration:underline;} .eu-show .close {position:absolute;right:3%;top:10px;width:24px;height:24px;color:white; cursor:pointer} /*2019 Monbile Nav*/ #mobile-menu {width: 100vw;background: white;z-index:10;display:none;} #mobile-menu a {width: 100%;height: 100%;display: block;line-height: 30px;color:#3c3c3c;padding: 10px 15px;} #mobile-menu p.mobile-parent {font-family:lato, helvetica, sans-serif; font-weight:500; font-size:16px;} #mobile-menu ul li {position:relative;border-bottom: 1px solid #E4E3E3;padding:30px 24px;} #mobile-menu ul ul li {border-bottom: 0px;padding: 20px 0 0 24px;font-size:14px;display:block} #mobile-menu ul ul li:first-child {margin-top:20px} #mobile-menu ul li .fa-caret-down {float: right;position: absolute;right: 24px;top: 35px;} #mobile-menu ul ul {display:none;} ul#ehr-links { margin-top: 20px; } li#ehr-integrations { background-position: left top; } #ehr-integrations-mobile .hcs-sub-menu {margin-top:-20px} .parent {cursor: pointer;} #mobile-menu li.menu-on ul{display:block;} #mobile-menu ul li#lang-signIn {padding:0;border: 0;height: 73px;} .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {right: -10px!important;top: 2px!important;} #mobile-menu ul .wpml-ls-statics-shortcode_actions {position: relative;margin: 0 auto;} #mobile-menu li.wpml-ls-slot-shortcode_actions {padding: 0px 30px;width: 200px;} #mobile-menu ul .wpml-ls-statics-shortcode_actions ul {display:block;float:left;} #mobile-menu .glooko-sign-in {font-size:14px;text-align: center;} #mobile-menu ul .wpml-ls-legacy-dropdown a {border:0px} #mobile-menu ul.wpml-ls-sub-menu {width:100%} #mobile-menu .wpml-ls-legacy-dropdown a:hover {background-color:white} #mobile-menu .wpml-ls-legacy-dropdown .wpml-ls-sub-menu {border:0px} /* contact page */ .ninja-forms-all-fields-wrap {padding: 20px} #ninja_forms_form_1_cont {background-color: #F6F6F6; padding: 20px; } #ninja_forms_form_1_cont .field-wrap { width: 50%; padding-right: 5%; float: left; } #ninja_forms_form_1_cont #ninja_forms_field_9_div_wrap.field-wrap {clear: left; } #ninja_forms_form_1_cont .field-wrap.textarea-wrap {width: 100%; } #ninja_forms_form_1_cont .text-wrap.label-above label, .ninja-forms-form .label-above label {font-weight: normal; } #ninja_forms_form_1_cont .textarea-wrap textarea { height: 100px; } .contact-us h1 { font-size: 45px; color: #363636; font-weight: 600; } .contact-us p { font-weight: 400; } .page-template-page-contact-us-php form.mktoForm {width: 100% !important; padding: 20px !important;} .page-template-page-contact-us-php form.mktoForm:before, .page-template-page-contact-us-php form.mktoForm:after { content: " ";display: table; } .page-template-page-contact-us-php form.mktoForm:after { clear: both; } .page-template-page-contact-us-php .mktoForm .mktoFormRow {float: left !important; width: 40% !important; clear: none !important; margin: 8px 25px !important;} .page-template-page-contact-us-php .mktoForm .mktoFormCol,.page-template-page-contact-us-php .mktoForm .mktoFieldWrap, .page-template-page-contact-us-php .mktoForm .mktoRequiredField label.mktoLabel {width: 100% !important; font-family: "source sans pro", sans-serif; } .page-template-page-contact-us-php .mktoForm .mktoRequiredField label.mktoLabel,.page-template-page-contact-us-php .mktoForm .mktoLabel {font-size: 15px !important; font-weight: 400 !important;} .page-template-page-contact-us-php .mktoForm .mktoGutter {display: none !important;} .page-template-page-contact-us-php .mktoForm input[type="text"], .page-template-page-contact-us-php .mktoForm input[type="email"],.page-template-page-contact-us-php .mktoForm input[type="tel"],.page-template-page-contact-us-php .mktoForm select.mktoField , .page-template-page-contact-us-php .mktoForm textarea.mktoField {width: 100% !important; border-radius: 0 !important; box-shadow: none !important; border: 2px solid #e4e4e4 !important; font-size: 17px !important;} .page-template-page-contact-us-php .mktoForm .mktoRequiredField .mktoAsterix {float: left;} .page-template-page-contact-us-php .mktoButtonRow {clear: left !important; float: left !important; display: block !important; width: 520px !important; margin-left: 25px !important;} /*#commentCapture {width: 520px !important;} */ .page-id-8586 #commentCapture {width: 240px !important;} .page-template-page-contact-us-php .mktoButtonWrap.mktoRound {margin-left: 0px !important; width: 100% !important;} .page-template-page-contact-us-php button.mktoButton {float: left; display: inline-block; width: 100% !important; background-color: #00aeef !important; color: white !important; padding: 20px 0 20px !important; text-align: center;height: 52px !important; font-size: 16px !important; font-weight: bold !important; border: none !important; cursor: pointer; background-image: none !important; border-radius: 0 !important;} .page-template-page-contact-us-php .mktoForm .mktoButtonWrap.mktoRound .mktoButton {background-color: #00aeef !important;} #contact-success {display: none;background-color: #eeeeee; padding: 30px 20px;} input[type="submit"], #nf-field-10 {float: left; background-color: #00aeef;color: white; padding: 20px 40px 20px 40px;width: 139px; height: 52px;font-size: 16px; font-weight: bold;border: none; margin: 20px 0 0 0px; cursor: pointer; } .ninja-forms-req-symbol strong {color: #F00; } .form-container .required {color: #F00; font-size: 16px; } .form-container .required p, .form-container .required .float60 li, .float60 .form-container .required li {margin-top: 0px; } .form-container h4 {margin-bottom: 10px; } .contact-info p, .contact-info .float60 li, .float60 .contact-info li {margin-top: 0px;line-height: 1.6em; } .ninja-forms-required-items {display: none; } .contact-info {background-image: url(/images/map-icon.png);background-position: left top;padding-left: 40px; background-repeat: no-repeat;margin-bottom: 30px; } .map-container {padding-left: 20px;margin-top: 33px; } .field-wrap {margin-bottom: 10px; } .contact-field {float: left; width: 47%; margin-right: 2%; margin-bottom: 15px;} .contact-field input, .contact-field select {width: 100%; margin-top: 10px;} .form-container form {background-color: #F6F6F6; padding: 30px;} #emea_contact_us .mktoAsterix {color: red} /* Validation */ input.parsley-success, select.parsley-success, textarea.parsley-success { color: #468847; background-color: #DFF0D8; border: 1px solid #D6E9C6; } input.parsley-error, select.parsley-error, textarea.parsley-error { color: #B94A48; background-color: #F2DEDE; border: 1px solid #EED3D7; } .parsley-errors-list { margin: 2px 0 3px; padding: 0; list-style-type: none; font-size: 0.9em; line-height: 0.9em; opacity: 0; transition: all .3s ease-in; -o-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -webkit-transition: all .3s ease-in; } .parsley-errors-list.filled { opacity: 1; } /* end contact page */ /* resource mkto */ .type-resources .mktoForm select{background:white} .mktoForm .mktoFieldWrap label[for=cASLOptin]{margin-left: 30px; } #cASLOptin {margin-top: -80px;margin-left: 0px;} #mobileBurger, #sidr {display: none; } #main {width: 100%; margin: 0 auto; padding: 0 10%; } /* header styles */ body.page-template-page-home-php {min-width: 0;} img {display: inline-block; vertical-align: text-bottom; border: 0; max-width: 100%; height: auto;} header {height: 80px; position: fixed; top: 0; width: 100%; min-width:1060px; z-index: 5; background-color: #fff; background: #fff;} header .logo {float: left; position: relative; float: left; top: auto; width: 100px; margin-top: 24px;} header nav.top a{ color: #3c3c3c; } header nav.top.sign-in a.btn-blue { background-color: #0690ed;border: 1px solid #0690ed; border-radius: 2px;} header nav.top.sign-in a.glooko-sign-in,.home header nav.top.sign-in a.glooko-sign-in{ color: #363636;} .home header nav.top.sign-in a.glooko-sign-in {color: #363636;} header nav.top.sign-in .wpml-ls-statics-shortcode_actions { float: left; background: none; } header nav.top.sign-in .wpml-ls-legacy-dropdown-click, header nav.top.sign-in .wpml-ls-legacy-dropdown { width: 16.5em; margin-top: -6px; } header nav.top.sign-in .wpml-ls-legacy-dropdown-click a, header nav.top.sign-in .wpml-ls-legacy-dropdown a { background: none; } header nav.top.sign-in .wpml-ls-legacy-dropdown-click a:after, header nav.top.sign-in .wpml-ls-legacy-dropdown a:after { right: -10px; } header nav.top.sign-in .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu, header nav.top.sign-in .wpml-ls-legacy-dropdown .wpml-ls-sub-menu { position: relative;background: white;padding-bottom: 10px;} header .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after { position: relative !important; } .page-template-page-resource-template-php .content, .page-template-page-press-php .content,.page-template-page-thankyou-template-php .content{padding-top: 130px;} .blog #content, .category #content {padding-top: 200px;} .page-template-page-contact-us-php .content {padding-top: 120px;} .single-resources .content {padding-top: 90px;} .single .content {padding-top: 110px;} .single-press-release_posts .content{padding-top: 160px;} .container {height: auto; background: none;} .hero-container {height: 600px; background-size: cover; background-position: center center; padding-top: 80px; } .page-template-page-with-hero-php .content {margin: 50px 0;} /* nav styles */ nav.top li {margin-left: 0;} nav.top a {color: #3c3c3c; transition: color 0.3s ease; border-bottom: 3px solid transparent; padding: 0 0 5px;font-family:lato,helvetica,sans-serif;font-weight: 500;} nav.top {margin-left: 5px; margin-top: 40px;} nav.top a:hover {color: #0690ed;} nav.top {margin-top: 30px; font-size: 14px;font-weight: 500; } nav.top a.btn {padding: 10px 40px;} nav.top.left li {float: left;margin-left: 2px; position: relative; padding:10px 10px 24px; display: flex;justify-content: center;align-items: center;} ul.sub-nav li a {font-size: 20px;} .sub-menu {position: fixed; top: 80px;left:0px;width: 100vw; padding:82px 20vw; display: none; background-color: #efefef;column-count:3} nav #menu-main > li:before {display:none;content:'';position:absolute;top: 30px; border-left: 30px solid transparent;border-right: 30px solid transparent;border-bottom: 30px solid #efefef;} nav #menu-main > li:hover:before {display:block} li#menu-item-8908 { border-top: 1px solid #ccc;padding-top:10px} /* .page-resources header .sub-menu, .blog header .sub-menu, .single-resources header .sub-menu, .page-template-page-contact-us-php header .sub-menu, .page-template-page-press-php header .sub-menu {background-color: #efefef;} */ nav.top .sub-menu li {float: none; text-align: left; padding: 0; display: block; margin-bottom: 40px;} nav.top li.menu-item-has-children .sub-menu li a:after {content: '';} nav.top li .sub-menu a:hover, nav.top li .sub-menu .current_page_parent a{border-bottom: none; } nav.top li:hover > .sub-menu {display: block;} .no-cols {column-count: 1!important} .no-cols li {font-size:16px} .no-cols p {font-size:16px;font-weight:500} .no-cols p.cta-contain {margin-top:50px} p.list-title {font-size:20px;margin-bottom:25px} p.main-title {font-size:24px;margin-bottom:25px} .hcs-sub-menu {margin-left:30px} .hcs-sub-menu li {font-size:14px} .sub-menu.no-cols li {list-style: none;background: url("/wp-content/uploads/li_small_arrow.png") no-repeat left center; padding-left: 20px!important;margin-bottom: 25px!important;} .blue-nav nav.top {margin-left: 0px;} .blue-nav nav.top.left {margin-top: 80px;} .blue-nav nav.top.left a {font-size: 18px; text-transform: capitalize; padding:8px 0 35px 0;border: none; color: #fff; font-weight: 400; margin-left: 20px;} .blue-nav nav.top.left a:hover {text-decoration: underline; color: #fff; border: none;} .blue-nav nav.top.right {margin-top: 20px;} .blue-nav nav.top.sign-in li {margin-left: 10px;} .blue-nav nav.top.sign-in a {color: #fff; padding: 0; } .blue-nav nav.top.sign-in a.btn-outline {padding: 10px 20px; display: inline-block; margin-top: 15px;} .blue-nav nav.top.sign-in a.btn-outline:hover{color:#727272} .container {background-size: cover;background-position: center center; } .no-navigation #menu-main, .no-navigation #menu-footer { display: none;} .getGlooko { position: absolute; z-index:1000; top: 50px; right: 0px; border: 2px solid white; } .getGlooko:hover { background-color: white; } .getGlooko:hover a {color: #727272; } .getGlooko a { padding: 10px 28px;display: block;color: #FFF;text-transform: uppercase; font-size: 12px;font-weight: bold; } .hero { position: relative; padding-top: 140px; height: 400px; } .hero h1, .hero h3 { width: 500px; } .hero h3 { margin-top: 10px; } .hero .owl-controls {display: inline-block !important;} .hero .owl-theme .owl-controls .owl-buttons div {position: absolute; margin:0;padding:0;font-size: 0;border-radius: 0;background-color: transparent;opacity: 1} .hero .owl-theme .owl-controls .owl-buttons .owl-prev{left: -55px;top: -5px; } .hero .owl-theme .owl-controls .owl-buttons .owl-next{right: -55px;top: -5px;} /* home page styles */ .home .hero-container {height: 700px; position: relative; background-color: #000;padding-top: 0px;} .home-bg {position: absolute; height: 100%; width: 100%; opacity: .6; } .home .hero-container .inner {position: relative; text-align: center; display: block; top:50%; transform: translateY(-50%); -moz-transform: translateY(-50%);-webkit-transform: translateY(-50%); height: auto;} .hero-container .float50 {padding-top: 100px; padding-right: 3%;} .hero-container .inner {position: relative; height: 100%;} .hero-container p {color: #fff;} .page-template-page-about-landing-php .hero-container p {font-size: 26px;} .hero-ipad {width: 42%; position: absolute; right: 0; bottom: 0px;} .home-cta {margin: 0 20px;width: 155px; padding-left: 0 !important;padding-right: 0 !important; text-align: center;display: inline-block;} .home-hero-ctas {margin-top: 20px;} a.cta-outline {text-transform: uppercase;color: white !important; font-size: 14px;font-weight: bold;font-family: "source sans pro",calibre,sans-serif; padding: 13px 20px; color: #fff; border: 2px solid #fff; position: relative; border-radius: 2px;} .blur-bg {position: absolute; height: 100%; width: 100%; filter: blur(3px); -webkit-filter: blur(3px); top: 0; left: 0; background-color: rgba(10,10,10,0.4); } #hero-vid-link span {position: relative; z-index: 2;} .btn-outline { font-family: "source sans pro", sans-serif; padding: 7px 28px;display: block;color: #FFF;text-transform: uppercase;font-size: 14px;font-weight: bold;-webkit-box-shadow: inset 0px 0px 0px 2px rgba(255,255,255,1);-moz-box-shadow: inset 0px 0px 0px 2px rgba(255,255,255,1);box-shadow: inset 0px 0px 0px 2px rgba(255,255,255,1);} .btn-outline:hover {color:#96C0E7;background:#fff;} .partners-home {background-color: #fff; padding: 100px 0;} .partners-carousel {position: relative; height: 180px;} .stat sup {margin-left: 0; position: relative; top: -5px; padding: 0 0 1px; border-bottom: 1px solid;} .partners-container {width: calc(100% - 100px); margin: 0 auto; height: 100%; overflow: hidden; position: relative;} .partners-wrap {position: absolute; left:0; top: 0;height: 100%;} .slides-wrapper {height: 100%;} #glooko-partners {display: none;} .partner {float: left; position: relative; height: 90px; padding: 0 1%;} .partner img, #partners-left img, #partners-right img {position: relative; top: 50%; transform: translateY(-50%);-moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); display: block;width: auto; margin: 0 auto;} .partner img {max-height: 100%;} #partners-left {left: 0;top: 0; width: 50px;position: absolute; height: 100%; cursor: pointer;} #partners-right {right: 0;top: 0;width: 50px; position: absolute; height: 100%; cursor: pointer;} #partners-right img, #partners-left {max-width: 25px; display: block;} #partners-right.innactive, #partners-left.innactive {display: none;} #glooko-stats {height: 555px; padding: 100px 3% 0; background-color: #000;position: relative;} #glooko-stats a {color: #fff; font-size: 23px;} .glooko-stats-bg {position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.6;} #glooko-stats h4,#glooko-stats p{color: #fff; font-weight: 400;} #glooko-stats h2 {margin-bottom: 70px; color: #fff;} #glooko-stats h4 {font-size: 70px; font-weight: 100; margin-bottom: 20px;} .stat-disclaimer {position: absolute;bottom: 20px;text-align: center;width: 80%;font-size: 10px;display: block;margin: 0 auto;left: 10%;} .stat-disclaimer p {font-size: 12px;} .stats {margin-bottom: 80px; } .stat {padding:0 1%;} .stat sup {cursor: pointer;} .stat p {font-size: 20px;} #regulatory-partners {background-color: #9fc4e8; padding: 5px 0;} #regulatory-partners .inner {text-align: center;} .reg-partner {display: inline-block;margin: 0 4%} .home #resources, .home #promos {padding-top:80px;} .home-resources {margin-bottom: 20px;} .home-resource {margin-top: 50px;} .home-more-res a {font-size: 23px; } #steps {text-align: center;padding: 50px 0;padding-top: 50px; } .steps-intro {width: 100%; max-width: 690px; margin: 0 auto 40px;} .home .steps-intro h2 {margin-bottom: 20px;} .steps-intro p {font-size: 22px; color: #363636; font-weight: 400;} #steps .step h3 {text-transform: capitalize;font-size: 24px; color: #363636;font-weight: 600; } .stepImage {margin-bottom: 30px; height: 85px} .stepImage img {max-height: 100%;} #steps h4 {padding: 10px 0 20px; } .step {padding: 0 3%; vertical-align: top; } .step p{font-size: 20px; color:#363636; font-weight: normal;} /* end home page styles */ /* patients page styles */ .page-patients #tabs, .page-providers-payers #tabs, .page-products #tabs { position: relative; } .page-patients #tabs ul, .page-providers-payers #tabs ul, .page-products #tabs ul {height: 110px;width: 100%; border-bottom: 1px solid #d7d7d7;} .page-patients #tabs ul li, .page-providers-payers #tabs ul li, .page-products #tabs ul li {display: inline-block; width: 16%; height: 110px; background-position: center bottom; background-repeat: no-repeat; border-left: 1px solid #d7d7d7; } .page-patients #tabs ul li a, .page-providers-payers #tabs ul li a, .page-products #tabs ul li a { width: 100%; height: 100%;display: block; } .page-patients #tabs ul li:hover, .page-providers-payers #tabs ul li:hover, .page-products #tabs ul li:hover {background-position: center top; } .page-patients #tabs ul li.ui-tabs-active, .page-providers-payers #tabs ul li.ui-tabs-active, .page-products #tabs ul li.ui-tabs-active {background-position: center top; } .page-patients #tabs .inner .float33, .page-providers-payers #tabs .inner .float33, .page-products #tabs .inner .float33 {height: 600px; } .page-patients #tabs .inner .float33 .imgContainer, .page-providers-payers #tabs .inner .float33 .imgContainer, .page-products #tabs .inner .float33 .imgContainer {float: right; } .page-patients #tabs .inner .float66, .page-providers-payers #tabs .inner .float66, .page-products #tabs .inner .float66 {height: 600px; padding-left: 50px; } .page-patients #tabs .inner .float66 div h3, .page-patients #tabs .inner .float66 div p, .page-patients #tabs .inner .float66 div .float60 li, .float60 .page-patients #tabs .inner .float66 div li, .page-providers-payers #tabs .inner .float66 div h3, .page-providers-payers #tabs .inner .float66 div p, .page-providers-payers #tabs .inner .float66 div .float60 li, .float60 .page-providers-payers #tabs .inner .float66 div li, .page-products #tabs .inner .float66 div h3, .page-products #tabs .inner .float66 div p, .page-products #tabs .inner .float66 div .float60 li, .float60 .page-products #tabs .inner .float66 div li {color: #727272; } .page-patients #tabs .inner .float66 div a, .page-providers-payers #tabs .inner .float66 div a, .page-products #tabs .inner .float66 div a.btn {margin-top: 40px; display: inline-block; } .page-providers-payers #tabs ul li {width: 16% !important; } /* pricing page styles */ .page-products #tabs ul li { width: 16%!important; } .page-products#tabs.section{height:600px;}.page-products#tabs.section:nth-child(2){background-color:#f7f7f7;} .page-pricing section { display: none; } .page-pricing section .inner {padding: 60px 0; } .page-pricing section .inner .float33 { width: 29%; margin-left: 5%; } .page-pricing section .inner .float33:first-child { margin-left: 0px; } .page-pricing section .inner .float33 .topper {width: 100%; height: 190px; background-color: #0072bc; text-align: center; padding-top: 30px; } .page-pricing section .inner .float33 .topper .header {font-size: 23px;font-weight: 500; color: white;margin-bottom: 20px; } .page-pricing section .inner .float33 .topper .price {font-size: 42px; font-weight: 200; color: white; } .page-pricing section .inner .float33 .topper .timeframe {font-size: 18px; font-weight: bold; color: #fff; opacity: .4; text-transform: uppercase; } .page-pricing section .inner .float33 ul {width: 100%; } .page-pricing section .inner .float33 ul li {font-size: 13px;font-weight: normal;color: #727272; font-weight: bold; } .page-pricing section .inner .float33 ul li .featureIncludes {color: #00aeef;font-weight: bold; } .page-pricing section .inner .float33 ul li a {color: white; text-transform: uppercase; } .page-pricing section .inner .float33 .info p, .page-pricing section .inner .float33 .info .float60 li, .float60 .page-pricing section .inner .float33 .info li {margin-top: 20px; font-size: 12px !important; } .page-pricing .hero-container {height: 380px;} .page-pricing .hero {top: 0; width: 50%; margin: 0 auto; height: auto; position: relative; text-align: center; padding-top: 80px;} .page-pricing .hero h1 {font-size: 28px; width: auto;} .pricing-left.float50, .pricing-right.float50 {width: 49%; margin-right: 2%} .pricing-right.float50 {margin-right: 0px;} .pricing-tiers h2 {padding: 32px 0; color: #fff; text-transform: uppercase; font-weight: bold; font-size: 23px; text-align: center;} .pricing-tiers:first-child h2 {padding: 20px 0;} .pricing-tiers h3 {line-height: 1em; margin-bottom: 15px;} .tier {background-color: #f4f4f4; text-align: center;} .tier.float50 {width: 48%;} .tier-disclaimer {border-top: 20px solid; background-color: #ffffff; padding: 10px 0;} .tier .tier-disclaimer p {font-size: 12px; text-align: left;} /* .individual-tier, .kiosk-tier{margin-right: 4%;} */ .tier p {font-size: 14px; line-height: 1.3em; color: #727272; margin-bottom: 25px;} .tier-info {padding: 20px; position: relative; border-bottom: 2px solid #fff;} .tier .tier-info p {color: #252525;} .tier-info h4 {font-size: 32px; font-weight: bold; line-height: 20px; height: 90px;} .tier-info h4 small {font-size: 13px; font-weight: bold; text-transform: uppercase;} .pricing-cta {color: #fff; padding: 10px 0;text-transform: uppercase; display: inline-block; width: 100%; font-weight: bold;} .pricing-features {padding: 20px; } .pricing-features li {text-align: left; } .feature-toggle {display: none;} .tier li p {font-weight: bold;} a.pricing-cta {transition: background-color 0.3s ease;} .individual-tier a.pricing-cta:hover {background-color:#e25d26 !important;; color: #fff;} .research-tier a.pricing-cta:hover {background-color:#0d6fbb !important; color: #fff;} .kiosk-tier a.pricing-cta:hover, .enterprise-tier a.pricing-cta:hover {background-color: #00a2e3 !important; color: #fff;} .price-faq {background-color: #f4f4f4; } .faq {margin-bottom: 20px; padding-right: 20px;} .faq-cols {margin-top: 20px;} .faq p {font-size: 14px; font-weight: bold;} .question {padding-left: 30px; position: relative; color: #727272; font-weight: bold; cursor: pointer; font-size: 14px;} .question:before {content:'\f067'; font-family:FontAwesome; position: absolute; left: 0; padding-top: 5px;} .question:hover, .question.down,.question:hover p, .question.down p {color: #00a2e3;} .question.down:before {content:'\f068'; } .answer {background-color: #ffffff; padding: 10px 10px 10px 30px; } .faq .answer p {font-weight: 300; color: #252525;} .price-faq h2 {color: #727272;} .faq p {color: #727272;} /* end Travers + Todd pricing page styles */ .link-box:hover .customers-icon, .link-box:hover .partners-icon, .link-box:hover .awards-icon {fill: #EA5E00;} /* about landing page styles */ .page-template-page-about-landing-php .container {padding-top: 80px;} .page-template-page-about-landing-php .hero-container {max-width:1400px; margin: 0 auto;} .page-template-page-about-landing-php .content p {font-size: 20px; margin-bottom: 20px; font-weight: 400; line-height: 1.5em;} .page-template-page-about-landing-php h2 {font-weight: 600; margin-bottom: 50px;color:#363636} .about-intro {padding: 80px 0;} .page-template-page-about-landing-php .hero-container {height: 500px;position: relative;z-index: 0;} .hero-slide,.career-slide {position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; transition: opacity 0.5s ease;} .hero-slide.active, .career-slide.active {opacity: 1; z-index: 1;} .slide-caption {position: absolute; right: 20px; bottom: 20px;font-size: 18px; color: #fff; opacity: 0; transition: all 0.5s ease; transition-delay: .5s; transform: translateY(20px); -moz-transform: translateY(20px); -webkit-transform: translateY(20px);} .active .slide-caption {opacity: 1; transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0);} .team-member {display: inline-block; vertical-align: top; margin-bottom: 50px; } .team-member h3, .team-member h4 {font-size: 18px; color: #363636; font-weight: 700; margin-bottom: 10px;} .team-member h4 {font-weight: 400; margin-bottom: 0px; line-height: 23px;} .team-member {width: calc(33.33% - 4px);} .tm-info {width: 100%; max-width: 250px; margin: 0 auto;} .headshot { margin: 0 auto 20px;width: 100%; max-width:170px; position: relative;} .team-inner {max-width: 870px;} section ul.about-social {position: absolute; width: 100%; bottom: 0; left: 0;padding: 5px; margin-bottom: 0px;} .about-social li {float: right; margin-left: 10px; list-style: none; line-height: 1em; width: 25px;} .about-social .fa-inverse {color: #e8e8e8;} .about-social .fa {font-size: 16px;transition: opacity 0.3s ease;} .about-social .fa:hover {opacity: .8;} .about-social .fa-stack {width: 1.2em; height: 1.2em; line-height: 1.2em;} .about-social .fa.fa-stack-2x {font-size: 1.2em;} .about-social .fa-square {color: #ffffff;} .about-social .fa-circle {color:#ffffff ;} #join-team .float50 {height: 100%; text-align: center;} .job-btn {padding-top: 12vw;} .careers-slides {height:45vw;max-height: 350px; position: relative; width: 100%; max-width:350px; margin: 0 auto;} .career-slide { height: 100%;} .career-dots {width: 100%; text-align: center;margin: 30px 0 0;} .slide-pag {height: 12px; width:12px; border-radius: 50%;background-color: #E4E3E3;display: inline-block; margin: 0 10px; transition: background-color 0.3s ease; cursor: pointer; } .slide-pag.active,.slide-pag:hover {background-color: #727272;} #glooko-board,#leadership-team, #glooko-advisors, #join-team {padding: 100px 0 50px;} #join-team {padding-bottom: 100px;} #leadership-team, #glooko-advisors {background-color:#f3f3f3; } /* end about landing page styles */ /* customers page */ .page-template-page-customers-php .hero-container .float75 {padding-right: 30px; height: 100%;} .page-template-page-customers-php .hero-container {position: relative; height: 500px;} .page-template-page-customers-php .hero-container .inner {padding-top: 0;} .page-template-page-customers-php .hero-container p{font-size: 28px; color: #363636; font-weight: 400;} .page-template-page-customers-php .hero-container .hero-quoter p{font-size: 20px;} .hero-customer {position: absolute; right: 0; bottom: 0;} .organizations, .partners,.recognition {background-color: #fff; padding: 100px 0;} .partner-logos {margin-bottom: 50px;} .recognition{background-color: #f6f6f6; } .organizations h2, .partners h2, .recognition h2 {margin-bottom: 40px;font-weight: 600;} .user-quote {background-color: #F3F3F3; padding: 60px 0;} .user-quote p {color: #363636; font-size: 28px; line-height: 1.2em;} .user-quote p span {font-weight: 500; font-size: 20px;} .user-part.float20{padding: 20px; position: relative;} .award.float25 { margin: .5%; width: 24%; background-color: #fff; border-top: 5px solid transparent; padding: 0 2%; height: 170px; transition: background 0.3s ease;} .user-part img {width: 100%; height: auto;} .award h4, .award p {color: #363636;} .award:hover h4, .award:hover p {color: #0690ED; } .award h4 {font-size: 20px; font-weight: 400; line-height: 1.3em; margin-bottom: 10px;} .award p {font-size: 17px; font-weight: 100; line-height: 1.3em;} .vertical-middle {position: relative; top: 50%; transform: translateY(-50%);-moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); display:inline-block;} .page-template-page-press-php .content {padding-top: 90px;} .see-all-logos {cursor: pointer; color: #0690ED; font-size: 22px;font-weight: 400;} #modal { width:90vw; left: 50%; margin-left: -45vw; position: fixed; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); height: auto; z-index: 5; display: none;background-color: #fff; box-shadow: 0 10px 20px -15px rgba(0,0,0,0.4); padding: 40px 50px 50px;overflow: hidden; border-radius: 5px;} #fade {z-index: 4; position: fixed; width: 100%; height: 100%; background-color: rgba(36,36,36,0.7);left: 0; top: 0;} #modal-content {heigth: auto; max-height: calc(80vh - 90px); overflow: auto;position: relative;} #modal-close {text-align: right;font-size: 30px;padding: 5px 15px 9px; cursor: pointer;color: #727272;position: absolute;right: 0;top: 0;line-height: 1em;} .all-logo {padding: 1%;} /* end customers page */ /* page product template */ #download-from-app-store {display:none} #download-from-app-store.active {display:block} #download-from-app-store p:first-child {font-weight: bold} .in-page-nav-inner div.float33:first-child {display: none;} /*remove hero from in-page nav*/ .device-compatibility {padding: 75px 0; background-color: #fff;} .device-carousel {position: relative; height: 170px;} .device-container {width: calc(100% - 100px);position: relative; height: 100%; overflow: hidden; margin: 0 auto;} .devices-wrap { position: absolute; left: 0; top: 0; height: 100%;} .device {float: left; position: relative;height: 100%;padding: 0 2%; transition: opacity 0.3s ease; opacity: .9} #device-left {left: 0;top: 0; width: 50px;position: absolute; height: 100%; cursor: pointer;} #device-right {right: 0;top: 0;width: 50px; position: absolute; height: 100%; cursor: pointer;} .device a {display: block; position: relative;height: 100%; text-align: center;} .device img {max-height: 100%; } .device-carousel .carousel-arrow img, .device img{ display: block; position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);} .device:hover {opacity: 1;} #device-right img, #device-left { display: block;} #device-right.innactive, #device-left.innactive {display: none;} #footnote-tip {width: 300px;background-color: #fff; color: #00AEEF; padding: 20px; box-shadow: 0 3px 5px rgba(0,0,0,0.15);height: auto; position: fixed;} /* about team page */ .page-team #summary p {text-align: left; margin-bottom: 20px;} .page-team .aboutContent { text-align: center; padding: 60px 0; } .page-team .aboutContent h1 { color: #727272; } .page-team #memberGrid { height: 100%; } .page-team #memberGrid li { display: inline-block;float: left; width: 16.66%;height: 290px;overflow: hidden;background-size: cover; background-position: center center; } .page-team #memberGrid li .overlay { position: relative;padding: 100px 50px;display: block;width: 100%; height: 100%; } .page-team #memberGrid li .overlay:hover {background-color: #1E8ECE;opacity: .88; } .page-team #memberGrid li .overlay:hover strong, .page-team #memberGrid li .overlay:hover p, .page-team #memberGrid li .overlay:hover .float60 li, .float60 .page-team #memberGrid li .overlay:hover li, .page-team #memberGrid li .overlay:hover ul { display: block; } .page-team #memberGrid li .overlay strong {font-size: 23px;font-weight: bold; color: white;display: none; } .page-team #memberGrid li .overlay p, .page-team #memberGrid li .overlay .float60 li, .float60 .page-team #memberGrid li .overlay li {font-size: 18px; font-weight: 200;color: white; display: none; } .page-team #memberGrid li .overlay ul {display: none;position: absolute; bottom: 0px; right: 0px; } .page-team #memberGrid li .overlay ul li {display: inline-block;float: left; width: 45px; height: 45px; } .page-team #memberGrid li .overlay ul li:first-child {margin-right: -10px; } .page-team #memberGrid li .overlay ul li img {width: 50%; height: 50%; } .page-team #investor-bod {margin-top: 80px; text-align: left; -webkit-columns: 2; -moz-columns: 2; columns: 2; } .page-team #investor-bod > li {display: block; background-image: none !important; margin-bottom: 30px;height: 95px; } .page-team #investor-bod > li .overlay {position: relative;display: block;width: 100%; height: 100%; } .page-team #investor-bod > li .overlay strong {font-size: 23px; font-weight: bold; color: #727272; } .page-team #investor-bod > li .overlay p, .page-team #investor-bod > li .overlay .float60 li, .float60 .page-team #investor-bod > li .overlay li {font-size: 18px;font-weight: 200; color: #727272; width: 300px; margin-top: 0px; } .page-team #investor-bod > li .overlay ul {margin-left: 350px; margin-top: -45px; } .page-team #investor-bod > li .overlay ul li {display: inline-block; } .page-team #investor-bod > li .overlay ul li:first-child { margin-right: -10px; } .page-team #investor-bod > li .overlay ul li img { width: 50%; height: 50%; } /* single landing page stylea */ .single-landing_pages .post { padding-top: 60px;margin-bottom: 60px; } .single-landing_pages .post h3 {color: #727272; } .single-landing_pages .post p, .single-landing_pages .post .float60 li, .float60 .single-landing_pages .post li {margin: 20px 0; } .single-landing_pages .post .float66 {font-weight: 500;font-size: 16px; } .single-landing_pages .post .float33 {padding-left: 40px; } .single-landing_pages .post .float33 .sidebar_top, .single-landing_pages .post .float33 .sidebar_bottom {background-color:#f26522;text-transform:uppercase;color:white;font-size:14px;font-weight:bold;font-family:"source sans pro",calibre,sans-serif;width:360px;height:68px;text-align:center;line-height:20px;padding:16px;} .single-landing_pages .post .float33 .sidebar_bottom { /*margin-top: 60px;*/background-color: #00aeef; } .single-landing_pages .post .float33 .sidebar_content {padding: 10px; background-color: #f3f3f3; width: 360px; } .single-landing_pages .post .float33 .sidebar_content a {display: inline-block; line-height: 1.5em;color: #242424; } .single-landing_pages .post .float33 .sidebar_content a:hover {color: #00aeef; } .single-landing_pages .post .float33 .sidebar_content a.btn-blue, .single-landing_pages .post .float33 .sidebar_content a.btn-orange{margin-top: 40px; } /* desktop blog styles */ .blog h2, .category h2 { margin: 30px 0 20px; font-size: 21px;font-weight: bold; } .blog h2:first-child, .category h2:first-chile { margin-top: 0px; } .blog h2 a, .category h2 a { color: black; } .blog .post-content p, .blog .post-content .float60 li, .float60 .blog .post-content li, .category .post-content p {font-size: 16px; } .blog #post-panels { max-width: 1000px; width: 100%;} .blog #post-panels .post-panel {display: inline-block;float: left;width: 31%; margin:0 1% 60px;height:270px;border:1px solid#ccc;font-weight:200;font-size:23px;text-align:center; } .blog #post-panels .post-panel:first-child { margin-left: 0px; } .blog #post-panels .post-panel:nth-child(3) {margin-right: 0px; } .blog #post-panels .post-panel a {display: block; width: 100%; height: 100%; } .blog #post-panels .post-panel a span {display: block; padding: 20px 20px 0; color: #505050; } .blog .float66 { margin-bottom: 60px;} .blog .float33, .category .float33 {padding-left: 40px; } .blog .float33 .sidebar_top, .blog .single-landing_pages .post .float33 .sidebar_bottom, .single-landing_pages .post .blog .float33 .sidebar_bottom, .category .float33 .sidebar_top {background-color: #00aeef; text-transform: uppercase; color: white;font-size: 14px;font-weight: bold;font-family: "source sans pro", sans-serif;width: 290px;height: 68px; text-align: center;line-height: 68px; } .main-loop {padding-bottom: 20px;} .older {width: 50%; float: left;} .newer {width: 50%; float: right; text-align: right;} .category .float33 .sidebar_content, .blog .float33 .sidebar_content {padding: 20px 0px 20px 40px; background-color: #f3f3f3;width: 290px; } .category .float33 .sidebar_content li, .blog .float33 .sidebar_content li {margin-bottom: 10px;width: 200px; } .category .float33 .sidebar_content li a, .blog .float33 .sidebar_content li a {display: inline-block;line-height: 1.5em; color: #242424;font-weight: bold; } .category .float33 .sidebar_content li a:hover, .blog .float33 .sidebar_content li a:hover { color: #00aeef; } .category h1 {color: #252525;} /*Hides the first three posts in the main loop since they are already displayed as featured posts. */ .blog .main-loop-post:first-child, .blog .main-loop-post:nth-child(2), .blog .main-loop-post:nth-child(3){display: none;} .main-loop-post {margin-bottom: 40px;} .post-meta {margin-top: 20px; } .post-meta p, .post-meta .float60 li, .float60 .post-meta li {text-transform: uppercase;font-size: 12px;font-weight: bold; } /* End blog landing page styles */ /* thankyou page */ .page-thankyou h2 { margin: 30px 0 20px;font-size: 21px; font-weight: bold; } .page-thankyou h2:first-child { margin-top: 0px; } .page-thankyou h2 a { color: black; } /* resources 2017 */ .page-template-page-resources-2017 .content {margin-top: 80px;} .page-template-page-resources-2017 .content .inner {padding: 20px 2%; width: 100%;} .res-grey-bg, .grey-bg {background-color: #F3F3F3;} .featured-resource {width: calc(32.33% - 4px); display: inline-block; vertical-align: top; height: 345px; position: relative; margin-right: 1.65%; margin-bottom: 1.66%;} .featured-resource:last-child {margin-right: 0px;} .feat-resource-image {position: absolute; width: 100%; height: 100%; background-size: cover; background-position: center center; opacity: 1; transition: opacity 0.3s ease;} .featured-resource a:hover .feat-resource-image {opacity: .8;} .feat-resource-title {height: 110px; position: absolute; bottom: 0px; left: 0; width: 100%; padding: 10px 20px; background-color: #fff;} .res-nav .inner {padding: 0 2%;} .feat-resource-title h3, .res-title h3{color: #363636; font-size: 20px; font-weight: 400;} section .resource-nav ul {margin-bottom: 0px; padding-left: 0px;} .resource-section {padding: 30px 0;} .resource-nav li {display: inline-block; margin-left: 0px; } .resource-nav li a {padding: 40px 20px; color: #0690ED; font-size: 20px; font-weight: 400; display: block;} .resource-nav li a:hover {color: #1E8ECE;} .resource {width: calc(32.33% - 4px); margin-right: 1.65%; display: inline-block; vertical-align: top; margin-bottom: 40px;transition: all 0.3s ease;} .resource.no-show {height: 0; opacity: 0; margin-bottom: 0px; display:none;overflow: hidden; transition: height 0.3s ease, opacity 0.3s ease, margin-bottom 0.3s ease;} .resource.no-show.mo {height: auto; opacity: 1; margin-bottom: 40px; display: inline-block;transition: height 0.3s ease, opacity 0.3s ease, margin-bottom 0.3s ease;} .resource:nth-child(3n) {margin-right: 0px;} .res-image {height: 200px; background-color: #777; margin-bottom: 20px; background-size: cover; background-position: center center; opacity: 1; transition: opacity 0.3s ease;} .resource a:hover .res-image {opacity: .8;} .res-title {text-align: left;} .see-more-res {color: #0690ED; font-size: 23px; font-weight: 400; cursor: pointer; text-transform:capitalize;} .see-more-res:hover {color: #1E8ECE;} .see-more-res:after {content: '\f078';font-family: 'FontAwesome'; display: inline-block; vertical-align: middle; padding-left: 10px; font-size: 14px;} .see-more-res.open:after {content: '\f077';} .see-more-res:hover {color: #3997d6} /* Promo */ .featured-promo {width: calc(32.33% - 4px); display: inline-block; vertical-align: top; height: 345px; position: relative; margin-right: 1.66%; margin-bottom: 1.66%;} .featured-promo:last-child {margin-right: 0px;} .feat-promo-image {position: absolute; width: 100%; height: 100%; background-size: cover; background-position: center center; opacity: 1; transition: opacity 0.3s ease;} .featured-promo a:hover .feat-promo-image {opacity: .8;} .feat-promo-title {height: 110px; position: absolute; bottom: 0px; left: 0; width: 100%; padding: 10px 20px; background-color: #fff;} .feat-promo-title h3 {color: #363636; font-size: 20px; font-weight: 400;} .promo-link-wrapper { display: flex; justify-content: center; } .home .featured-promo { flex: 1; max-width: calc(32.33% - 4px); } /* resource page */ .page-resources h2 { margin: 30px 0 20px; font-size: 21px; font-weight: bold;text-transform: uppercase; } .page-resources h2:first-child {margin-top: 0px; } .page-resources h2 a {color: black; } .page-resources .post-content p, .blog .post-content .float60 li, .float60 .blog .post-content li {font-size: 16px; } .page-resources #post-panels {width: 1000px;/*margin-bottom: 100px; */} .page-resources #post-panels .post-panel {display: inline-block;float: left;width: 31%; margin: 0 15px 60px;height: 270px; border: 1px solid #ccc; font-weight: 200; font-size: 23px; text-align: center; } .page-resources #post-panels .post-panel:first-child {margin-left: 0px; } .page-resources #post-panels .post-panel:nth-child(3) { margin-right: 0px; } .page-resources #post-panels .post-panel a {display: block;width: 100%;height: 100%; } .page-resources #post-panels .post-panel a span {display: block;padding: 20px 20px 0;color: #505050; } .page-resources .float66 { margin-bottom: 60px;} .page-resources .float33 { padding-left: 40px; } .page-resources .float33 .sidebar_top, .blog .single-landing_pages .post .float33 .sidebar_bottom, .single-landing_pages .post .blog .float33 .sidebar_bottom {background-color:#00aeef;text-transform:uppercase;color:white;font-size:14px;font-weight:bold;font-family:"source sans pro",calibre,sans-serif;width:290px;height:68px;text-align:center;line-height:68px; } .page-resources .float33 .sidebar_content {padding:20px 0px 20px 40px;background-color:#f3f3f3;width:290px;} .page-resources .float33 .sidebar_content li {margin-bottom:10px;width:200px;} .page-resources .float33 .sidebar_content li a {display:inline-block;line-height:1.5em;color:#242424;font-weight:bold; } .page-resources .float33 .sidebar_content li a:hover {color: #00aeef; } .page-resources h1 {font-size: 30px; color: #727272; font-weight: 200; text-align: center; padding-top: 80px; margin-top: 60px; margin: 0px auto;} .page-resources li:first-child.cf { margin-left: 0px;} .page-resources div.owl-item {width:315px !important; font-size: 23px; color: #505050;font-weight: 200; margin: 40px 8px 40px 8px;} .page-resources div.owl-item:nth-child(3n+5) { margin-left:15px;} .page-resources li:nth-child(3).cf { margin-right: 0px;} .page-resources item span { display: block;float: left; margin-top: 20px;} .page-resources .shortlink { width: 1000px;text-align: right; margin: 0 auto; padding-bottom: 20px; color:#00aeef;font-weight: bold;font-size: 16px; background-color: #f6f6f6; cursor: pointer;} .page-resources .cf-featured { width: 31%; display: inline-block; float: left; height: 410px; margin: 0 15px 0 15px;} .page-resources li:nth-child(3).cf-featured {margin-right: 0px;} .page-resources li:first-child.cf-featured { margin-left: 0px;} .page-resources .featured-title {background: rgba(0, 174, 239, 0.9);padding: 20px 20px 0 20px;height: 105px;width: 100%;position: relative;top: -104px;cursor: pointer;} .page-resources .featured-title a {color: white;font-size: 23px; font-weight: 200;} .page-resources .arrow-down {width:100%;position: absolute;top: 80px;left: 148px;} .page-resources .cf-text {text-align: left;theight: 120px;toverflow: hidden; } .page-resources .cf-text a {font-size: 16px;text-align: left;font-weight: normal; } .page-resources .cf-text p {margin-top: 10px;line-height: 25px; } .page-resources .text-btn {text-align: left;color: white;font-weight: bold;margin: 12px 0 0 0;font-size: 18px; } p, .float60 li {margin-top: 0px; } .single-resources p {margin: 15px 0} #socialicons { text-align: left; width: 100%; float: left; padding: 20px 0 50px 0; } #resourcetypename{ margin-bottom: 0px; } .resource-post a { color: #505050; font-size: 23px; font-weight: 200; } .resource-post a:hover { color: #00aeef; } .resource-post a img { opacity: 0.9; } .resource-post a:hover img { opacity: 1; } .section-heading-style { background-color:#f6f6f6; width: 100%;} .page-careers table {width: 100%;} /* medical advisory board */ .advisoryText {margin-bottom: 50px;} .advisoryText .float80 li {margin-bottom: 10px;} .advisoryText .float80 li.small {margin-bottom: 20px;} /* end medical advisory board */ .single .float66 ul { margin-bottom: 20px; padding-left: 20px;} .single .float66 ol {margin-bottom: 20px; padding-left: 20px;} .single .content .float66 li {color: #4f4f4f; font-size: 20px; line-height: 1.5em; font-weight: 200; list-style: disc;} .single .float66 ol li {list-style: decimal; } /* Resources Page Custom CSS End */ .single-landing_pages.single .content {padding-top: 0px;} .single-post nav.main { margin-left: 170px; } .single-post .container {background-image: none !important; } .single-post h1 {color: #252525; } .single-post .post-meta {margin-bottom: 30px; } .single-post .float50:nth-child(3) { text-align: right; padding-top: 17px; } .single-post .float66 .sub-header {font-weight: bold;margin-bottom: 20px; } .single-post .float66 p, .single-post .float66 .float60 li, .float60 .single-post .float66 li { margin-bottom: 40px; } .single-post .float66 .author {width: 100%;height: 100%;background-color: #ccc;padding: 20px;margin-bottom: 60px; } .single-post .float66 .author img { width: 100px; } .single-resources .float33 {padding-left: 40px; } /*single-resources*/ .single-resources .float33 .sidebar_top, .single-resources .single-landing_pages .post .float33 .sidebar_bottom, .single-landing_pages .post .single-resources .float33 .sidebar_bottom {background-color: #00aeef;text-transform: uppercase;color: white;font-size: 14px;font-weight: bold;font-family: "source sans pro", sans-serif; width: 290px;height: 68px; text-align: center;line-height: 68px; } .single-resources .float33 .sidebar_content { background-color: #f3f3f3; width: 290px; } .single-resources .float33 .sidebar_content a {display: inline-block;line-height: 1.5em;color: #242424;font-weight: bold; } .single-resources .float33 .sidebar_content a:hover {color: #00aeef; } .error404 > .inner, .page-template-page-blank > .inner, .page-press > .inner, .page-contact-us > .inner { height: 220px; } .error404 .getGlooko, .page-template-page-blank .getGlooko, .page-press .getGlooko, .page-contact-us .getGlooko { top: -90px; } .error404 header {top: -140px; position: relative; height: auto; background-color: #0082d7; } .page-template-page-blank .content {margin-top: -200px; } .page-template-page-blank .content .inner {height: 1800px; } .page-template-page-blank .content .inner iframe {width: 1000px;height: 1800px; } .level-0 h2 {width: 50%; float: left;} .page-compatibility .container {height: auto;} .page-template-page-blank.page-compatibility .content .inner {height: auto;} .page-template-page-blank.page-compatibility .content .inner iframe {height: 3000px;} #transmitter-compat svg {width: 40px} button#transmitter-compat {height: 90px;} button#transmitter-compat:hover svg .cls-1, button#transmitter-compat.active svg .cls-1 {fill:#fff} .page-press .content h1 { color: #727272; } .page-press .content h3 {color: #727272; margin-top: 60px; } .page-press .content ul {border-top: 1px solid lightgray; } .page-press .content ul li {padding: 30px 0;font-size: 16px;font-weight: 200; } .press-item {display: none;list-style:none} .press-item.always {display: block !important;} .single-press-release_posts .content .inner {max-width: 880px; padding-bottom: 50px;} .single-press-release_posts h1 {color: #333; margin-bottom: 30px;} .single-press-release_posts h2 {color: #333; margin-bottom: 10px; font-size: 25px; font-weight: 400;} .press-release_posts p {margin-bottom: 20px;} .single-press-release_posts .content ul {padding-left: 40px; margin-bottom: 50px;} .single-press-release_posts .content li {font-size: 20px; list-style: disc;font-weight: 200; line-height: 1.5em; margin-bottom: 10px;color: #4f4f4f;} .page-press .content .inner ul {overflow:hidden;} .page-press .content .inner ul.heightAuto {height: auto; } .press-media {display:none;margin-top: 70px;} .see-all, .see-less {cursor: pointer; color:#1E8ECE;font-size: .6em} .see-less {display: none} .page-template-page-template section { margin: 90px 0; } .page-privacypolicy p,.page-terms-of-use p {margin-bottom: 20px;} .resp-logo {display: none;} footer .mobile {display: none; } footer .inner .float66 nav {margin-top: 45px; } footer .inner .float66 nav ul {float: left;margin-right: 30px; height: auto; -webkit-column-count: 2;-moz-column-count: 2; column-count: 2; } footer .inner .float66 nav ul li a {font-size: 15px;color: white;line-height: 2em; } footer .inner .float66 nav ul li a:hover { text-decoration: underline; } footer .inner .float33 .widget-area {float: right; margin-top: 45px; } footer .inner .float33 .widget-area ul {margin-top: 10px; } footer .inner .float33 .widget-area ul li {display: inline;float: left;margin-right: 15px; } footer .inner .float33 .widget-area p, footer .inner .float33 .widget-area .float60 li, .float60 footer .inner .float33 .widget-area li { margin-top: 0px; } #footer-subscribe {position:fixed; background-color: #f7931d; width: 100%; left: 0; bottom:0; height: 115px; z-index: 1000; text-align: center; padding: 15px; overflow: hidden;} #footer-subscribe p {color: #fff; margin-bottom: 10px;} #close-subscribe {color: #fff; right: 25px; top: 35px; font-size: 25px;position: absolute; cursor: pointer;} /* Marketo */ form.mktoForm{ background: #F3F3F3;width: 290px !important;padding: 20px 0;margin-bottom: 20px; } .page-resources form.mktoForm, .single-resources form#mktoForm_1144.mktoForm {background-color: transparent !important; margin: 0 auto !important; padding: 0 !important;width: 400px !important;} .page-resources .mktoForm .mktoClear, .single-resources #mktoForm_1144.mktoForm .mktoClear{display: none;} .page-resources .mktoFormRow, .page-resources .mktoButtonRow,.single-resources #mktoForm_1144 .mktoFormRow, .single-resources #mktoForm_1144 .mktoButtonRow {display: inline-block; vertical-align: middle;} .page-resources .mktoButtonWrap.mktoRound, .single-resources #mktoForm_1144 .mktoButtonWrap.mktoRound {margin-left: 0px !important; border-radius: 0 !important;} .page-resources .mktoForm .mktoButtonWrap.mktoRound .mktoButton,.single-resources #mktoForm_1144.mktoForm .mktoButtonWrap.mktoRound .mktoButton {border-radius: 0 !important; width: auto !important; background-image: none !important; background-color: transparent !important; border: 2px solid #fff !important; padding: 9px 20px !important; text-transform: uppercase !important; font-size: 14px !important; margin-top: -9px !important; margin-left: 5px !important;} .page-resources .mktoForm .mktoButtonWrap.mktoRound .mktoButton:hover,.single-resources #mktoForm_1144.mktoForm .mktoButtonWrap.mktoRound .mktoButton:hover { background-color: #fff !important; color: #777;} .page-resources .mktoEmailField, .single-resources #mktoForm_1144 mktoEmailField {border-radius: 0px !important; border: none !important;} .page-resources .mktoForm .mktoRequiredField label.mktoLabel, .single-resources #mktoForm_1144.mktoForm .mktoRequiredField label.mktoLabel{display: none;} #footer-sucess{display: none;} #footer-sucess {padding-top: 25px;} #footer-success p{font-size: 24px; margin: 0;} .single-resources #footer-subscribe p {margin: 0;} .single-landing_pages form.mktoForm {padding: 0!important; margin: 0 0 20px -10px!important;} /* Kiosk Page */ #kioskSlider { padding: 30px 0px 15px 0px } #kioskSlider .noBackground { background-color: transparent !important; color: #727272 !important; width: 120px !important; display: block; text-align: center; margin-top: -10px } #kioskSlider .float60 { margin: 80px 0px 0px 0px; } #kioskSlider .stepImage { background-image:url(/wp-content/uploads/android_tablet.png); width:296px; height:497px; margin-left: 44px } #kioskSlider .stepImage img { margin: 43px 0px 0px 19px; } #kioskSlider h3 { font-size:30px; color:#727272; font-weight:200; line-height:1.3em } #kioskSlider .detail { font-size:20px; color:#727272; font-weight:200; margin: 20px 0px 50px 0px; line-height: 1.5em; padding-right: 150px } #kioskSlider a { cursor: pointer } /* owl controls */ #kioskSlider .owl-page span { background-color:transparent !important; background-image:url(/wp-content/uploads/slider_point_na.png); width:14px !important; height:14px !important; opacity:1; } #kioskSlider .active span { background-color:transparent !important; background-image:url(/wp-content/uploads/slider_point_active.png); width:14px !important; height:14px !important; opacity:1; } #kioskSlider .owl-controls { position:relative; } #kioskSlider .owl-pagination { left: -2px !important; top: -20px !important; position:absolute; } #supportedDevices { padding: 40px 0px 40px 0px; background-color:#f6f6f6; text-align:center } #supportedDevices #meterListBtn { cursor:pointer } #supportedDevices #meterListBtn { background:transparent url("/wp-content/uploads/kiosk_arrow.png") no-repeat center -21px; background-position: 0% -21px; margin:0px auto; display:block; padding-left:15px; padding-top:5px; width: 440px; } #pricing { padding: 50px 0px 50px 0px } #pricing .float60 { margin: 50px 0px 0px 0px; } #pricing .stepImage { background-image:url(/wp-content/uploads/android_tablet.png); width:296px; height:497px; margin-left: 44px } #pricing .stepImage img { margin: 43px 0px 0px 19px; } #pricing h3 { font-size:30px; color:#727272; font-weight:200; line-height:1.3em } #pricing .detail { font-size:20px; color:#727272; font-weight:200; margin: 20px 0px 0px 0px; } #pricing .detail ul { line-height:2.3em; padding-left: 23px; } #pricing .detail li { list-style-type: square; } #readyToStart { padding: 50px 0px 50px 0px; background-color:#f6f6f6 } #readyToStart .stepImage img { margin: 0px 0px 0px 50px; } #readyToStart h3 { font-size:30px; color:#727272; font-weight:200; line-height:1.3em; padding-top:30px; } #readyToStart .detail { font-size:20px; color:#727272; font-weight:200; margin: 20px 0px 0px 23px } #readyToStart .detail ul { line-height:2em; padding-bottom: 20px; } #readyToStart .detail li { list-style-type: decimal; margin-left: 5px; } #kiosksubscription { padding: 50px 0px 80px 0px; color: #727272; } #kiosksubscription h3 { color: #727272; } #kiosksubscription .detail { padding: 40px 40px 80px 40px; font-size: 20px; font-weight: 200; text-align: center; } #kiosksubscription .step1Heading { border: 1px solid #ebebeb; width: 100%; padding: 33px 0 33px 0; line-height: 1.5em; } #kiosksubscription .orangeHeading { font-size: 52px; color: #f26522; } #kiosksubscription .itemscontainer { border: 1px solid #ebebeb; border-top: none; line-height: 1.5em; text-align: left; margin: 0 auto; } #kiosksubscription .itemscontainer ul { padding: 25px 0 20px 0; } #kiosksubscription .itemscontainer li { width: 48%; display: inline-block; padding: 10px 0 0 40px; } #kiosksubscription .image { float:left; display: block; } #kiosksubscription .imageText { float:left; display: block; margin: 14px 0 0 40px; } #kiosksubscription .greyHeading {font-size: 45px; color: #b7b7b7; } #kiosksubscription .step2Heading { border: 1px solid #ebebeb; width: 47%; padding: 33px 0 10px 0; line-height: 1.5em; float: left; } #kiosksubscription .itemscontainer2 { border-top: 1px solid #ebebeb; line-height: 1.5em; text-align: left; margin: 30px 0 0 0; } #kiosksubscription .itemscontainer2 ul { padding: 0 0 20px 0; } #kiosksubscription .itemscontainer2 li { width: 100%; display: inline-block; padding: 20px 0 0 40px; } #kiosksubscription a.btn-blue { background-color: #00aeef; text-transform: uppercase; color: white !important; font-size: 14px; font-weight: bold; font-family: "source sans pro", sans-serif; padding: 15px 50px; margin-left: 90px; } #kiosksubscription a.btn-blue:hover { background-color: #00A4E1; } #kiosksubscription .recommend { background-image:url(/wp-content/uploads/kiosk_recommend.png); width:143px; height:32px; position: relative; left: 776px; bottom: 32px; } #kioskForm { font-size:20px; color:#767676; font-weight:200; } #kioskForm label { margin:0px; padding: 10px 0px 10px 0px; } #kioskForm p { margin:0px; padding: 2px 0px 2px 0px; } #kioskForm input { border:2px #e4e4e4 solid; height:40px; width: 100%; } #kioskForm select { border:2px #e4e4e4 solid; height:40px; width: 100%; } #kioskForm .padRight { padding-right:60px; } #kioskForm .padTop { padding-top:20px; } #kioskForm .inputHalf { width: 470px !important; } #kioskForm .inputFull { width: 1000px !important; } #kioskForm .floatLeft { float: left; margin-bottom: 20px} #kioskForm .clear { clear: both; margin-bottom: 20px } #kioskForm .grey { background-color:#f6f6f6; padding: 50px 0px 50px 0px; } #kioskForm #header { text-align: center } #kioskForm #header img { padding: 40px 0px 20px 0px; } #kioskForm #header h4 { padding: 10px 0px 50px 0px; font-size:30px; font-weight:300 } #kioskForm .btn-orange { width:100%; margin: 10px 0px 70px 0px; display:block; text-align:center } #kioskForm input[type="submit"] { background-color:#f0652f; border:none; margin:20px auto !important; padding:0px; width:40%; height:60px; cursor:pointer; color:white; font-size:14px; font-weight:bold; float:none !important; } #kioskForm .disabled { background-color:#666666 !important; } #kioskForm #loading { margin-top: -60px; } #site { font-size:20px; color:#767676; font-weight:200; background-color:#f6f6f6; margin-bottom: 0px } #site label { margin:0px; padding: 10px 0px 10px 0px; } #site p { margin:0px; padding: 2px 0px 2px 0px; } #site input { border:2px #e4e4e4 solid; height:40px; width: 100%; } #site select { border:2px #e4e4e4 solid; height:40px; width: 100%; } #site .padRight { padding-right:60px; } #site .inputHalf { width: 470px !important; } #site .inputFull { width: 1000px !important; } #site .floatLeft { float: left; margin-bottom: 20px} #site .clear { clear: both; margin-bottom: 20px } #site .grey { padding: 40px 0px 20px 0px; } #site h4 { padding: 0px 0px 30px 0px; } imp { color:red; font-weight:bold } /*GoToWebinar Form Start*/ .tableborder{ background-color: #f6f6f6; width: 100%; border: none !important; margin-bottom: 100px; } .gotowp-subject{ height: 68px; background-color: #00aeef; color: white; font-size: 18px; text-transform: uppercase; text-align: center; line-height: 68px; } #webinarregistration .tableheader{ background-color: #f26522 !important; line-height: 1.5em; padding: 10px; } .tableborder td { padding: 20px 0 0 20px; } .gotowp-input-text{ width: 100%; } th.tableheader.subject:before { content: 'Webinar: '; } #webinarregistration tr {height:70px} #webinarregistration input[type=submit]{ background: #f26522 !important; color: #ffffff; font-weight: bold; width: 200px; margin: 0 auto; text-transform: uppercase; margin:0 20px 20px 0;} .gotowp-date{ color: #000;} .webinar-single table thead tr:first-child { display: none; } .webinar-registration-header,#webinar-registration-form {width: 100%; max-width: 320px; margin: 0 auto;} .webinar-registration-header h3 {background-color: #f26522; text-align: center; text-transform: uppercase; font-size: 20px; font-weight: 700; padding: 10px;} .webinar-registration-header em {display: none;} .webinar-registration-header span {line-height: 2em;} #webinar-registration-form .webinar-registration {margin-top: 0px;} #webinar-registration-form {margin-bottom: 20px;} .webinar-registration .gotowebinar-field, .webinar-registration .gotowebinar-question {margin-bottom: 20px;} .webinar-registration input[type="submit"] {width: auto; padding: 10px 20px; text-align: center; font-size: 18px; font-weight: 700; color: #fff; background-color: #f26522 !important; margin-top: 0px; text-transform: uppercase;} .webinar-registration-header span {font-size: 12px;} .webinar-registration label {display: block; margin-bottom: 5px;} #date-time-duration-details {text-align: center;} .sidebar_content {margin-bottom: 20px;} .webinar-registration .success-message, .webinar-registration .error-message {display: block; clear: left; padding-top: 20px;} .page-careers .hero {margin-top: 460px;} .page-careers h2 {text-align: center; width:80%; margin:0 auto 100px;} .page-careers img.wp-image-972 {margin-bottom:60px;} .page-careers table {width:900px; margin:60px auto;} .page-careers td {height: 110px;} .page-careers table strong {font-size: 23px; font-weight: bold; color: #727272;} .page-careers table p {font-size: 18px; font-weight: 200; color: #727272;width: 300px; margin-top: 0px;} .department {margin-bottom: 10px; padding: 15px 0; border-bottom: 1px solid #ddd;} .department:last-child {border-bottom: none;} .job {margin-bottom: 15px;} .department h3 {color: #777; font-weight: bold; font-size: 24px;} .department h4 {font-size: 20px; font-weight: 400; line-height: 1.3em;} .department h5 {margin-top: 0px; font-size: 16px; color: #aaa; font-weight: 400;} /* TT's styles dec 29,2015 */ #steps h4 {font-size: 31px;} #resources, #promos {background-color: #f6f6f6; padding-bottom: 60px;} .resource-image {height: 130px; overflow: hidden;} .home #resources .resource-info h3 {color: #00aeef; font-size: 16px; font-weight: bold;margin: 10px 0; text-transform: uppercase;} .resource-info h4 {color: #2f2f2f; font-size: 26px;margin-bottom: 15px;line-height: 30px;} .home #resources .cta {color: #00aeef; text-transform: uppercase;font-size: 15px; font-weight: lighter;} .resource-info {text-align: center; padding: 15px 15px 0;} .home .hero {padding-top: 120px; position: relative; top: auto;} #heroQuoteSlider {width: 100%; max-width: 1000px;} .home-hero-cta {text-align: center} .home-hero-cta a {display: inline-block; margin: 20px;width: 200px;} .home-hero-cta a.btn-outline { padding: 15px 30px;} nav.top.sign-in {margin-top: 40px;} nav.top.sign-in a {padding: 5px 15px; border: none; margin: 0 5px;} nav.top.sign-in a.btn-blue {color: #fff; background-color: transparent;border: 1px solid #fff; font-size: 11px; margin-bottom: 10px;} nav.top.sign-in a.btn-blue:hover { background-color: #1E8ECE!important; } nav.top.sign-in a.btn-blue { background-color: #00aeef; border: 1px solid #00aeef; } nav.top.sign-in a.btn-blue:hover { border: 1px solid #1E8ECE;} .resource-info {text-align: center;width: 100%;position: relative;} .resource-link {background-color:#fff;padding-bottom:15px;text-align: center;width: 100%;position:absolute; bottom: 0;} .home-resource .resource-link a {font-family: 'Source Sans Pro', sans-serif; text-transform: uppercase; color:#2f2f2f;} .home-resource .resource-link a:hover {color: #1E8ECE;} .resource-info a { bottom: 15px; position: relative;} .mobile-stats {display: none;} #branded {float: left;} .fade {background-color: #000; background-color: rgba(0,0,0,0.8); position: fixed; height: 100%; width: 100%; z-index: 5;} .video-container {position: fixed; width: auto; left: 50%; margin-left: -400px;z-index: 6; transform: translate(0); top: 100px;height: 80%; width: 800px;} #close-vid {position: absolute; right: 0; top: 0; background-color: #ffffff; padding: 3px 8px;} .single-landing_pages .post .float33 .sidebar_top, .single-landing_pages .post .float33 .sidebar_bottom,.single-landing_pages .post .float33 .sidebar_content {width: auto;} .mobile-play {display: none;} .featured-section {margin-bottom: 60px;} .featured-resource .attachment-post-thumbnail {height: 410px; width: 100%;} .press-news {margin-bottom: 60px;} .resource-hero {width: 100%; height: 150px; text-align: left; padding: 50px 0; } .single-resources .author .float20 {padding-right: 10px; max-height: 150px; overflow: hidden;} .single-resources .author {margin-top: 20px; margin-bottom: 50px; margin-top: 20px; padding-top: 20px; border-top: 1px solid #ccc;} .single-resource-content {padding-right: 5%;margin-bottom:30px;} .single-resource-content .cf {padding: 0 10px 10px 0} .roi-related-resources {background-color: #efefef; padding: 50px 0; } .roi-related-resources .resource-info h3 {color: #00aeef; font-size: 16px; font-weight: bold; margin: 10px 0; text-transform: uppercase; } .related-resource {margin-right: 5%; background-color: #fff; height: 320px; position: relative;} .related-resource:nth-child(3n) {margin-right: 0;} .resources-link {text-align: center; position: absolute; bottom: 0; padding-bottom: 10px; width: 100%;} .resources-link a {font-family: 'Source Sans Pro', sans-serif;text-transform: uppercase;color: #2f2f2f;} /* Promo */ .featured-promo .attachment-post-thumbnail {height: 410px; width: 100%;} /* single resource styles */ /* calculator */ #calc-date {text-transform: uppercase; float: right; width: 50%; text-align: right; padding-top: 20px;} .roi-print-logo {width: 170px; float: left;} .print-contact-info p, .print-contact-info p strong{color: #3c89c9; font-weight: 400;} .print-contact-info p strong {font-weight: 600;} .page-template-page-calculator-php .content {padding-top: 80px;} .page-template-page-calculator-php h1 {color: #3c89c9; font-size: 58px; margin-bottom: 50px;} .calculator-intro {padding: 100px 20px 50px;} .calculator-intro p {color:#3c89c9; } .page-template-page-calculator-php h2 {margin-bottom: 50px; font-size: 36px;} .page-template-page-calculator-php h2, .page-template-page-calculator-php h2 strong {color: #f7931e;} .page-template-page-calculator-php h2 strong {font-weight: 400;} .about-org {color: #666666; font-weight: 300;} .about-org input {border: none; border-bottom: 2px solid #fff; width: 100%; color: #777; font-size: 18px; padding: 5px 0; font-weight: 300; transition: border 0.3s ease; } .about-org input:hover, .about-org input:focus {border-color: #666; outline: none;} .about-org input[type="text"]#percent-glooko:hover , .about-org input[type="text"]#percent-diabetes:hover{border-color: #fff;text-decoration: none;} .about-org label {font-weight: 400; line-height: 1.2em;font-size:20px; position: relative; display: block;} .info-bubble {position: absolute; top: -265px; height: 250px; left: 0; background-color: rgba(255,255,255,0.95); box-shadow: 0 0 5px #ccc; padding: 0 10%; text-align: center; width: 100%; display: none;z-index: 2;} .quest .info-bubble, .summ-quest .info-bubble {position: absolute; z-index: 3; top: -200px; width: 320px; left: 50%; margin-left: -160px; padding: 0 3%;} .summ-quest .info-bubble { top: -270px; width: 100%; margin-left: -50%; } .info-icon, .pop-info-icon, .quest-sum-info-icon, .quest-info-icon, .quest-sum-info {color: #ccc; cursor: pointer;} .info-bubble:before {content: '\f05a'; font-family: 'FontAwesome'; color: #ccc; font-size: 24px; position: absolute; left: 10px; top: 10px;} .bubble-arrow {top: 100%; left: 50%; position: absolute; background-image: url(/images/bubble-arrow.png); width: 25px; height: 20px; margin-left: -12px; background-size: 120%; background-repeat: no-repeat; background-position: center top;} .info-bubble p {font-size: 16px; color: #777; font-weight: 400; text-align: left;} .info-bubble h3 {display: inline-block; padding: 0 10px 10px; border-bottom: 2px solid #777; color: #777; font-size: 18px; font-weight: 500; margin-bottom: 10px;} #calculator {box-shadow: 0 0 7px #ccc; padding-top: 70px; margin-bottom: 70px;border-radius: 13px 13px 0 0; } .step-three-cover {position: absolute; width: 100%; height: 100%;z-index: 2; background-color: rgba(255,255,255,0.01); left:0; top:0;} .step-one, .step-two {padding: 0 8%;} .step-one {border-radius: 13px 13px 0 0;} #calculator .float50 {width: 45%; margin-right: 10%; margin-bottom: 30px; border-bottom: 1px solid #666; position: relative;} #calculator .float50.noborder {border:0px} #calculator .float50#pop-diabetes,#calculator .float50#pop-eligible {border: none; } #calculator .float50:nth-child(2n){margin-right: 0px;} #decision-tree {position: relative; border: 1px solid #3c89c9; padding: 20px; margin-bottom: 30px;} .tree-questions p {font-weight: 400; margin-bottom: 20px;} .tree-response {background-color: #cbc9c9; color: #fff; text-transform: uppercase; padding: 10px 40px; font-size: 18px; display: inline-block; margin: 0 5px; cursor: pointer; transition: background 0.3s ease;} .quest {width: 100%; max-width: 600px; margin: 0 auto 50px;;} .quest img {margin-bottom: 10px;} .tree-response:hover {background-color:#b3b2b2 } .tree-controls {margin-top: 0;} .tree-pagination {position: relative; display: inline-block; opacity: 1; transition: opacity 0.3s ease; margin-bottom: 0px;} .tree-pagination.inactive {opacity: 0;} .last {position: absolute; left: -20px; top: 3px;} .tree-pagination li {display: inline-block; color: #ccc; border: 1px solid #ccc; margin: 0 5px; border-radius: 50%; height: 20px; width: 20px; text-align: center; padding-top: 1px; font-size: 11px;} .tree-pagination li.active {color: #3c89c9; border-color: #3c89c9;} .tree-pagination li.complete {color: #fff; background-color:#3c89c9; border-color: #3c89c9; } .start-over, .clear-form {color:#3c89c9; position: absolute; bottom: 20px; right: 30px; border-bottom: 1px solid #3c89c9; padding-bottom: 3px; font-size: 12px; text-transform: uppercase; cursor: pointer;} .clear-form {color: #fff; border-color: #fff; cursor: pointer; bottom: 30px; right: 30px;} .step-three {background-color: #ccc; padding: 30px; position: relative; transition: background 0.3s ease;} .step-three.active {background-color: #4b86c8;} .step-three p {color: #fff; font-size:30px; } .pot-save {font-size: 48px; font-weight: 400;} .appear-here {font-size: 18px; text-transform: uppercase;} .results-btn {margin-top: 40px;} .results-btn li {color: #fff; border: 1px solid #fff; background-color: transparent;text-transform: uppercase; padding: 10px 40px; font-size: 18px; display: inline-block; margin: 0 5px; cursor: pointer; transition: background 0.3s ease;} .results-btn a {color: #fff;} .results-btn li:hover a {color: #ccc;} .results-btn li:hover {background-color: #fff; color: #ccc;} .results-btn li:hover a {color: #3c89c9;} .active .results-btn li:hover {color: #3c89c9;} #quest-summary h3 {color: #777; font-weight: 600;font-size: 22px; margin-bottom: 30px;} .summ-quest {width: 48%; display: inline-block; vertical-align: top; margin-right: 4%; position: relative;} .summ-quest:nth-child(2n) {margin-right: 0px;} .yes .blue-yes, .no .blue-no {color: #1E83C0;} .question-text {width: calc(100% - 100px); float: left;} .sum-responses {width: 100px; float: left; text-align: center; padding-top: 5px;font-weight: 600; color: #ccc; text-transform: uppercase;} .question-text p {color: #666; font-size: 17px;} .sum-responses span {margin: 0 11px;} .roi-disclaimer {margin-bottom: 50px;} .roi-disclaimer p {font-size: 12px; color: #aaa;} #study-summary {position: absolute; width: 100%; height: 95%; margin-top: 2.5%; margin-bottom: 2.5%; background-color: rgba(255,255,255,0.95); left:0; top: 0;} #close-summary {position: absolute; right: 20px; top: 20px; font-size: 20px; color: #777;} .summary-text { width: 100%; max-width: 80%; margin: 0 auto; height: 100%; position: relative; text-align: center;} .summary-text h3 {color: #777; font-size: 26px; font-weight: 400; padding: 0 10px 20px; border-bottom: 2px solid #777; margin-bottom: 20px; display: inline-block;} .summary-text p {font-size: 16px; color: #333; text-align: left } #summary-link {width: 50%; margin: 0 auto; color:#fff; font-size: 16px;} .step-three #summary-link p {font-size: 16px;} .potential-savings p, .savings p {line-height: 60px;} .potential-savings strong, .savings strong {color: #fff; font-size: 60px; font-weight: 400;} #summary-link a {color: #fff; text-decoration: underline;} #summary-link a:hover {color: #ccc;} #close-summary {cursor: pointer;} /* research page */ .page-template-page-research .content {padding: 50px 30px;} .page-template-page-research .hero-content p, .page-template-page-research .content p, .page-template-page-research .content li {font-weight: 400; font-size: 21px; line-height: 1.3em; margin-bottom: 20px; color: #545454;} .page-template-page-research .content li strong {color: #545454;} .page-template-page-research .hero-content h1 {color: #545454;} .page-template-page-research .hero-content h2, .page-template-page-research .hero-conten h3,.page-template-page-research .content h2, .page-template-page-research .content h3 {font-weight: 400;color:#545454} .hero-content {z-index: 1;} .hero-content h1 {font-size: 40px; color: #545454; font-weight: 500;} .research-hero {height: 595px; width: 100%; background-size: cover; background-position: center top; position: relative; margin-top: 80px;} .sub-hero {padding-bottom: 20px; border-bottom: 1px solid #ccc; margin-bottom: 30px;} .rs-hero-bg {width: 100%; height: 100%; background-size: cover; background-position: center bottom; position: absolute;} .research-hero .hero-content {background-color: rgba(255,255,255,0.8); width: 100%; position: absolute; bottom: 0px; padding: 20px 30px;} .blue-btn {margin: 8px 5px;display: inline-block;width: 280px;background-color: #3CAEF5;border-radius: 4px;text-align: center;padding: 11px;font-size: 20px;color: #ffffff;position: relative; line-height: 1em; transition: background-color 0.3s ease;} .blue-btn:hover {color: #fff; background-color:#1c8ed5 } .hiw-section {padding: 20px 0; margin-bottom: 20px; border-bottom: 1px solid #ccc;} .hiw-section:last-child {border: none;} .hiw-section .float80 {padding-left: 2%;} .page-template-page-research .hiw-section h3 {margin-bottom: 30px; font-weight: 600;} .page-template-page-research .hiw-section ul {padding-left: 20px;} .page-template-page-research .hiw-section li {list-style: disc; } /* compatibility page */ .page-template-page-compatibility-2015 .content, .page-template-page-compatibility-2017 .content {min-height: 750px; padding-top: 130px;} .page-template-page-compatibility-2015 h1, .page-template-page-compatibility-2017 h1 {color: #333; padding-bottom: 0px; padding: 0 10px;} .page-template-page-compatibility-2015 h2, .page-template-page-compatibility-2017 h2 {font-size: 30px;} #select-device {padding-top: 30px; opacity: 1; transition: opacity 0.3s ease;} #select-device.zero {opacity: 0;} #faux-meter {display: table; margin-top: 15px;} .faux-img { max-width:170px; padding-right: 20px; display: table-cell; vertical-align: middle;} .faux-img img {max-width: 70%;} .faux-text { display: table-cell;vertical-align: middle; max-width: 500px;} .faux-text p {line-height: 1.2em;} .page-template-page-compatibility-2015 h2, .page-template-page-compatibility-2017 h2 {margin-bottom: 20px;} .page-template-page-compatibility-2015 .getGlooko,.page-template-page-compatibility-2017 .getGlooko {top: 50px; z-index: 1;} .page-template-page-compatibility-2015 p, .page-template-page-compatibility-2017 p {margin: 0 0 15px;} .page-template-page-compatibility-2015 h3, .page-template-page-compatibility-2017 h3 {color: #222; margin-bottom: 10px;} .page-template-page-compatibility-2015 footer h3, .page-template-page-compatibility-2017 footer h3 {color: #fff;} #reset {position: fixed; text-align: center; background-color: #F7931D; color: #fff; font-size: 20px; top: -100px; left:0; padding: 24px 25px; transition: all .3s ease; cursor: pointer; z-index: 5; border-radius: 0 0 5px 0; box-shadow: 0 0 3px #888;} #reset:hover {background-color: #E08111;} #reset .fa {color: #fff; font-size: 20px; } #reset.on {transform: translateY(100px); -webkit-transform: translateY(100px); -moz-transform: translateY(100px);transition: all .3s ease;} #device-container {position: relative;} #device-container.sticky-filter {padding-top: 82px;} .glucose-meters {text-align: center; margin-bottom: 50px;} .glucose-meter {cursor: pointer; position: relative; border: 1px solid rgba(0, 130, 215, 0.34); margin: 0 0.5% 1%; width: 19%; height: 230px; padding: 1%; text-align: center;} .glucose-meter[data-devicetype='Fitness'] img {width: 80%; height: auto;} #show-meters.disabled {background-color: #cccccc; border-color: #cccccc; pointer-events: none; opacity: 0; transition: opacity 0.3s ease;} #show-meters {background-color: #F7931D; border-color: #F7931D; color: #ffffff; opacity: 1;transition: opacity 0.3s ease; transition-delay: .5s; } .page-template-page-compatibility-2015 .device-filters button#show-meters, .page-template-page-compatibility-2017 .device-filters button#show-meters {margin-left: 0px; margin-right: 10px;} #show-meters:hover {background-color: #EAA14B; border-color: #EAA14B;} .glucose-meter[data-devicetype='Pumps & CGMS'] img {width: 60%; height: auto;} .glucose-meter:hover {background-color: #efefef;} .glucose-meter p {position: relative; z-index: 1; color: #000; font-size: 14px; font-weight: bold; color: #0082D7; } .page-template-page-compatibility-2015 button, .page-template-page-compatibility-2017 button {float: none;width: auto; border:1px solid rgb(0, 130, 215); border:1px solid rgba(0, 130, 215, 0.34); background-color: #fff; color: #ACACAC; margin-bottom: 10px;padding: 10px 15px;text-transform: uppercase;box-shadow: none !important;cursor: pointer; font-weight: bold; font-size: 12px;} .button-border { border: 2px solid rgb(0, 130, 215); color: rgb(0, 130, 215); display: none;} .meter-sync-copy a {display: inline-block; padding: 5px 20px; background-color: #F26522; color: #fff; font-size: 14px; font-weight: bold; text-transform: uppercase; } .meter-sync-copy a:hover {background-color: #E55A18;} .page-template-page-compatibility-2015 button:hover, .page-template-page-compatibility-2015 button.active, .page-template-page-compatibility-2017 button:hover, .page-template-page-compatibility-2017 button.active {background-color: #0082D7; color: #fff; } .page-template-page-compatibility-2015 button.button-border.inactive, .page-template-page-compatibility-2017 button.button-border.inactive {background-color: #ccc; display: inline-block; border: 2px solid #ccc; color: #eee; cursor: not-allowed; } .not-compat-text {transition: opacity 0.3s ease;position: absolute; left: 0; top: 90px; background-color: #999; height: auto; width: 400px; color: #fff; padding: 15px; text-align: left;} .not-compat-text p {color: #fff; font-size: 16px;} .page-template-page-compatibility-2015 button.button-border.inactive:hover > .not-compat-text, .page-template-page-compatibility-2017 button.button-border.inactive:hover > .not-compat-text {display: block;} .meter-sync-copy em {font-size: 0.8em;} .page-template-page-compatibility-2015 .device-filters button , .page-template-page-compatibility-2017 .device-filters button {margin-left: 10px; font-weight: bold;} .operating-system {margin-bottom: 50px;} .operating-system button {font-size: 40px; line-height: 16px; border: 2px solid #0082D7; display: inline-block; position: relative;} .operating-system button span {font-size: 14px;} .meter-image {width: 100%; height: 70%; margin-bottom: 1%; padding: 1%;} .device-name {position: absolute; top: 170px; width: 90%; text-transform: uppercase;} .meter-image img{height: 100%; width: auto;} .meter-sync-copy {padding-right: 3%;} .meter-sync-image {text-align: center;} .meter-sync-image img { max-height: 170px; width: auto;} .double-image img {display: block; margin: 0 auto;} .meter-sync-image .double-image img {max-height: 150px;} .or {margin: 10px auto; font-size: 18px; color: #777;} .glooko-meter {margin-bottom: 60px;} .compat-list {background-color: #0082D7;padding: 20px;} .compat-list p {color: #fff; font-weight: 400; } .compat-list ul {padding-left: 20px;-moz-column-count: 2;-webkit-column-count: 2; column-count: 2;} .float66 .compat-list li {color: #fff; list-style: disc; font-size: 16px; line-height: 1.5em; list-style: inside; margin-top: 0px;} .meter-compatibility ul,.mobile-compatibility ul{-moz-column-count: 3;-webkit-column-count: 3; column-count: 3;} .meter-compatibility li,.mobile-compatibility li {line-height: 1.5em;} .meter-compatibility,.mobile-compatibility {margin-bottom: 30px;} .meter-compatibility .msb-apple {color:#42BBFF;} .meter-compatibility .usb-micro-to-micro, .meter-compatibility .usb-micro-to-female, .meter-compatibility .usb-micro-to-mini,.meter-compatibility .msb-android {color:#7FC140;} .meter-compatibility .msb-android.msb-apple {color: #000;} .android-list,.not-Apple-Devices {color: #7FC140;} .apple-list,.not-Android-Devices {color:#42BBFF;} .apple-list.android-list {color: #000;} #device-count {width: 100%; text-align: right; padding-bottom: 20px; font-size: 14px; color: #555;} .legend {margin: 15px 0;} .legend .not-Apple-Devices,.legend .not-Android-Devices {margin-left: 20px;} input.search{ border:1px solid rgba(0, 130, 215, 0.34);padding: 9px 6px; color: #ACACAC; font-size: 14px; margin-left: 7px;} .device-filters input.search{margin-top: -10px;} input.search:focus {background-color: #edf6fc;} .device-filters {margin-bottom: 0px; color: #ACACAC; backgound-color: #fff; transition: background-color 0.3s ease;padding: 15px 0 5px; text-align: right;} #full-compat-list {margin-bottom: 50px; } .disclaimer p {font-size: 15px;} .usb-micro-to-micro h2 i, .usb-micro-to-mini h2 i, .usb-micro-to-female h2 i {color: #ccc;} .sticky {opacity: 0;transition: all 0.3s ease;} .sticky.device-filters {position: fixed; opacity: 1; top: 0; z-index: 2; background-color: rgba(239,239,230,0.97); width: 100%; left: 0; box-shadow: 0 0 7px rgba(0,0,0,0.9);} .filter-inner {max-width: 1000px; margin: 0 auto; padding-left: 10px; padding-right: 10px;} .filter-inner span {font-size: 17px;} .disclaimer {margin-bottom: 50px;} .web-usb-a-to-mini.sync-meter .compat-list {display: none;} /*Advisory Board Page*/ .page-medicaladvisoryboard .advisoryContent { text-align: center; padding: 60px 0; } .page-medicaladvisoryboard .advisoryContent h1 { color: #727272; width: 100%;} .page-medicaladvisoryboard #advisorName { font-family: "source sans pro", sans-serif; font-size: 25px; font-weight: bold; color: #4f4f4f;} .page-medicaladvisoryboard #advisorList { width: 100%; height: 100%; margin: 0 auto;} .page-medicaladvisoryboard .small { margin-top: 5px; color: #4f4f4f;} .page-medicaladvisoryboard .float80 { padding-left: 15px;} #peek {background-color: #f16831; overflow: hidden; position: fixed; bottom: 0; width: 100%; transform: translateY(80px); -moz-transform: translateY(80px); -webkit-transform: translateY(80px); transition: transform 0.3s ease; box-shadow: 0 0 5px rgba(0,0,0,0.3);} #peek-closer {position: absolute; padding:5px; right:13px;color: #f16831; top: 0; font-size: 40px; text-align: center; display: none;} .open #peek-closer {display: block; } #peek-closer .fa {font-size: 24px;} #peek.pop-up {transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0); } #peek.open {background-color: #fff;} #peek-topper .fa-angle-double-up {display: none;} #peek.open #peek-topper .fa-angle-double-down {display: none;} #peek.open #peek-topper .fa-angle-double-up {display: block;} #peek-topper {padding: 0 3%; height: 80px; transition: background-color 0.3s ease; cursor: pointer; position: relative;} #peek-topper .fa {font-size: 30px; color: #fff;} .open #peek-topper .fa {color:#f16831; } #peek-topper:hover {background-color:#dc511b; } .open #peek-topper:hover {background-color: transparent;} #peek .inner {padding: 0 3% 50px;} #peek-topper p {font-size: 24px; color:#fff; font-weight: 600; } .open #peek-topper p {color: #f16831;} .form-left {padding-right: 3%;} .form-right {padding-left: 3%;} .field-wrapper {position: relative;margin-bottom: 35px;} .field-error {position: absolute; width: 100%; text-align: right; color:#f16831; padding-top: 10px;} .agreement .field-error {position: relative; margin-top: 5px;} label {width: 100%; display: block; padding: 5px 10px 5px 0;color: #525252; font-size: 16px; font-weight: 500;} .nf-form-fields-required {display:none;} #subscribe input[type="text"], #contact-inline input[type="text"], #contact-inline input[type="tel"], #subscribe select, #contact-inline select, #subscribe input[type="email"], #contact-inline input[type="email"] {display: block; width: 100%; font-size: 18px; padding: 5px 10px; border: none; height: 35px; border: 1px solid #525252; border-radius: 3px;} #subscribe input[type="checkbox"], #contact-inline input[type="checkbox"]{width: 25px; height: 25px;} #subscribe, #contact-inline {opacity: 1; transition: opacity 0.3s ease; width: 100%; max-width: 800px; margin: 0 auto;} #subscribe.fade-me, #contact-inline.fade-me {opacity: 0} #subscribe-success {position: fixed; top: 50%; transform: translateY(-50%); -webkit- transform: translateY(-50%); -moz- transform: translateY(-50%); width: 50%; left: 25%;} #contact-inline .success {position: relative; top: 50%; transform: translateY(-50%); -webkit- transform: translateY(-50%); -moz- transform: translateY(-50%); width: 50%; left: 25%;} #subscribe-success p, .success p {color: #f16831; font-size: 36px;font-weight: 400;} /*Contact In Page*/ #contact-us-iframe {height: 740px;} /*on home and PwD*/ .page-template-page-contact-us #contact-us-iframe {height: 1100px;} /*on contact us*/ #contact-in-page {background:#D6EFFF; padding:80px 0;width:100vw; margin-bottom: 0px;} .page-contact #contact-in-page {background-color:transparent;width:100%; padding:0;} #contact-inline {margin:55px 0 0;max-width:100vw} .page-contact #contact-inline {margin:20px 55px 55px 0px} #contact-inline .float50:last-child {padding-left:50px;} #contact-inline input[type="submit"]#submit-form, #nf-field-10 {margin:0;border:0!important;-webkit-appearance: none;} #contact-in-page p {font-size:20px;margin-top:20px;font-weight: 500} #contact-inline label {margin-bottom:18px} .nf-field-label label {font-weight: 500} #contact-inline label:after {content:'*';color: red;margin-left: 5px;} #contact-inline label:after {color: transparent;} #contact-inline input, #contact-inline textarea {border:1px solid #ABB5C6!important;border-radius:0px!important;} #contact-inline input[type="button"] {border:none!important;} #contact-inline select { color:#988B8B; display: block; font-size: 13px; font-family: 'lato', sans-serif; font-weight: 500; line-height: 1.3; width: 100%; max-width: 100%; box-sizing: border-box; margin: 0; padding-left:20px; border:1px solid #ABB5C6; border-radius: 0; -moz-appearance: none; -webkit-appearance: none; appearance: none; background-color: #fff; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='22px' height='13px' viewBox='0 0 22 13' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Edown%3C/title%3E%3Cg id='Welcome' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Healthcare-Professionals' transform='translate(-1213.000000, -1828.000000)' fill='%233C3C3C'%3E%3Cpolygon id='Rectangle' transform='translate(1224.000000, 1834.500000) rotate(180.000000) translate(-1224.000000, -1834.500000) ' points='1224 1828 1235 1841 1213 1841'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat, repeat; background-position: right .7em top 50%, 0 0; background-size: .65em auto, 100%;} #primary-form {transform: translateX(50%); -transform: translateX(50%); -transform: translateX(50%); transition: transform 0.3s ease; } #primary-form.move-over {transform: translateX(0); -moz-transform: translateX(0);-webkit-transform: translateX(0);} #footnote-text {color: #4f4f4f;} #close-tip {position: absolute; right: 0; top: 0; padding: 5px; font-size: 20px; cursor: pointer;color:#00AEEF} input[type="submit"]#submit-form, #nf-field-10 {width: 200px; float: none; display: block; margin: 0 auto; background-color: #0690ed; line-height: 1em;} #contact-inline input[type="submit"], #nf-field-10 {border:0;width: 200px; float: none;font-weight: 500; display: block; margin: 0 auto; background-color: #33ADFF; line-height: 1em;text-transform:uppercase;font-family:lato, helvetica, sans-serif;} .agreement {margin-bottom: 10px;padding-top: 10px;} .agreement-text {width: calc(100% - 30px); padding-left: 15px;} .agreement-text p {padding: 0; color: #525252; font-size: 14px; font-weight: 400; margin: 0px;} #form-errors {background-color: #dd0c0c; color: #fff; font-size: 14px; padding: 20px; border-radius: 5px; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);-moz-transform: translateY(-50%); width: 600px;left: 50%; margin-left: -300px; box-shadow: 0 0 5px rgba(101, 61, 7, 0.57); cursor: pointer;} .form-closer {position: absolute; right: 7px; top: 7px; color: #fff; font-size: 18px;} #error-list {column-count: 2; column-gap: 20px;} #error-list li {line-height: 1.1em; margin-bottom: 5px;} /* end compatibility page styles */ @media only screen and (min-width: 1281px) { .research-hero {height: 700px; } } @media only screen and (min-width: 1801px) { .research-hero {height: 1000px; } } /* SIAM Careers css */ .page-template-page-careers header,.page-template-page-single-job header{ box-shadow: 0 0 13px rgba(0,0,0,0.1);} .page-wrap {width: 100%; max-width: 1400px; margin: 0 auto;} .banner-section{height: 500px; background-size: cover; background-position: center center; margin-top: 80px;} section.banner-section { position: relative;} .banner-content { width: 100%; position: absolute; top: 0; height: 100%; display: flex; justify-content: center; align-items: center;} .banner-content div { text-align: center;} .banner-content h1 { width: 100%; color: #fff; margin: 0 0 45px 0; font-size: 45px;font-weight: 400;} section.icon-section { padding: 59px 0px; background-color: #fff;} .icon-row { display: flex; justify-content: space-between;} .icon-col { flex: 1; text-align: center;} .icon-col h2 { color: #363636; font-weight: 600; font-size: 22px; margin: 0 0px 10px 0; width: 100%;} .icon-col p { color: #5b5b5b; font-size: 18px; margin: 0 auto; font-weight: 400; width: 70%; text-align: center;} .icon-col div { height: 90px; margin: 0 0px 40px 0; display: flex; align-items: flex-end; justify-content: center;} section.apply-section { padding: 100px 0 70px 0; background-color: #ffffff;} section.apply-section h2 { width: 100%; font-size: 40px;font-weight: 600; color: #363636; margin: 0 0 40px 0;text-align: center;} .apply-row { margin: 0 0 70px 0;clear: both;} .apply-row p { display: flex; align-items: center; justify-content: space-between; margin: 0 0 10px 0;} .apply-row h4 { font-size: 17px; font-weight: 600; margin: 40px 0 20px 0; color: #363636;} .apply-row h4:first-child {margin-top: 0px;} .apply-row p a { color: #0690ED; font-weight: 400; font-size: 18px;} .apply-row p span { color: #727272; font-weight: 400; font-size: 16px;} .jobs-fitler-bar {padding: 10px 15px; margin-bottom: 20px;} #country-select {position: relative; width: 230px; height: 46px; margin-left: 5px; display: inline-block;vertical-align: middle; float: right;} .filter-desc {display: inline-block; vertical-align: middle; font-weight: 600; font-size: 18px;} .select-val {position: absolute; left: 0; top: 0; width: 100%; height: 100%;background-color: #fff;color: #505050; font-size: 18px; padding: 12px 32px; cursor: pointer; border: 1px solid #e6e5e5; border-radius: 4px;} .select-val:hover, .select-val.on {background-color: #efefef; } .select-val:after {content: '\f078';font-family: 'FontAwesome';display: inline-block;vertical-align: middle;padding-left: 10px;font-size: 14px;position: absolute; right: 30px; color: #2caeef;} section #country-options {position: absolute; top: 58px; width: 100%; left: 0;background-color:#fff; padding: 24px 0; margin-bottom:0px;display: none;border: 1px solid #e6e5e5; border-radius:4px; box-shadow: 0 10px 15px -10px rgba(0,0,0,0.5);} section #country-options li {padding:8px 32px; color: #363636; line-height: 1em; font-weight: 400; font-size: 16px; list-style: none; margin-left: 0; cursor: pointer; } section #country-options li:hover {background-color: #eee; } section #country-options li.curr-lang {font-weight: 700;} .grid-row { display: flex; flex-wrap: wrap;} .grid-col.grid-in-row { display: flex;} .grid-col:first-child { width: 66.66666667%;} .grid-col { overflow: hidden; width: 33.33333333%;} .grid-in { overflow: hidden;} .grid-col img { width: 100%; transition: transform 0.5s ease-in-out;} /*career section*/ .opening-row { display: grid; grid-template-columns: 32% 68%;} .opening-row > div:first-child { background: #F3F3F3; padding: 60px 5%;} .opening-row>div:last-child { background: #FFFFFF; padding: 60px 3%;} .opening-content h2 { color: #353535; text-align: left; width: 100%; font-weight: 500; margin: 0 0 50px 0;} .opening-content h2 {font-size: 24px;} .opening-content h4 {color: #353535;font-weight: 600; margin-top: 0;margin-bottom: 20px;font-size: 17px;} .opening-content h5 { color: #353535; margin: 0 0 0 0; margin-bottom: 5px; font-weight: 500; font-size: 18px; } .opening-content h5 a { color: #3190ED; text-decoration: none; } .opening-content p { color: #717171; font-weight: 600; margin-bottom: 30px; font-size: 13px; } .opening-row>div:last-child .opening-details h2 { font-weight: 600; margin-bottom: 0px; text-align: left; margin: 0 0 0 0; width: 100%; font-size: 26px; } .opening-row>div:last-child .opening-details h3 { color: #71718A; font-weight: 500; display: flex; font-size: 16px; align-items: center; justify-content: space-between; } .opening-row>div:last-child .opening-details h3 a { background: #F16421; color: #fff; font-size: 20px; padding: 10px 40px; font-weight: 500; transition: all 0.5s ease-in-out; } .opening-row>div:last-child .opening-details h3 a:hover { background: #1282c2; } div#content-detail { margin-top: 40px; } .opening-details {max-width: 880px; width: 100%;} .opening-content { width: 100%; float: right;} .opening-details h4 { font-weight: bold; margin-bottom: 20px; color: #353535; } .opening-details p { font-weight: 500; margin-bottom: 35px; color: rgba(53, 53, 53, 0.8); padding-left: 0; font-size: 16px; } .opening-details p span { padding-left: 15px; display: block; } .opening-details p strong { font-size: 23px; color: #353535; } .opening-details ul { padding-left: 40px; } .opening-details ul li { font-weight: 500; margin-bottom: 0px; color: #353535; font-size: 16px; } .opening-form h4 { font-size: 24px; display: flex; justify-content: space-between; font-weight: 700; margin-bottom: 30px; } .opening-form h4 span { font-weight: 400; } .opening-form sup { font-weight: 600; color: #FD203A; font-size: 20px; } .form-group { margin-bottom: 15px; align-items: center; display: flex; } .top-form {padding-bottom: 50px; border-bottom: 1px solid #ddd;margin-bottom: 50px;} .field {margin-bottom: 15px; padding: 3px;} .field textarea {width: 80%; float: right;} .form-group span, .field label { font-size: 20px; font-weight: 500; width: 20%; text-align: right; padding-right: 1em; float: left; } .full-input label {width: 100%; display: block; text-align: left; padding-bottom: 15px;} .req {color: red;} .opening-forms { width: 100%; max-width: 800px; } .form-group input, .field input, .upload-options { width: 80%; } #form-message {width: 600px; left: 50%; margin-left: -300px; text-align: center; position: fixed; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);-moz-transform: translateY(-50%); padding: 30px; background-color: #fff; border-radius: 4px; box-shadow: 0 3px 5px rgba(0,0,0,0.3);z-index: 2; cursor: pointer;} #form-message h3 {font-weight: 600; font-size: 25px; margin-bottom: 15px; color: #333;} #form-message {font-size: 18px;} #close-req-message {color: #0690ED; font-size: 20px; position: absolute; right: 0; top: 0; padding: 10px;} .req-red {border: 2px solid red;} .upload-options {float: right;} .upload-options a, .upload-options span {font-size: 18px; color: #0690ED;} .full-input input {width: 100%;} .form-padding { padding-right: 2em; } .opening-form { background: #F3F3F3; padding: 2.5em; margin-top: 5em; } .form-group ul { display: flex; padding: 0; margin: 0; } .form-group ul li { list-style-type: none; margin: 0; } .form-group ul li a { font-weight: 600; padding-right: 0.5em; } .form-group.form-group-column { display: block; margin-bottom: 2em; } .form-line { background: #E0E0E0; height: 1px; margin: 3em 0; } .form-group.form-group-column span { width: 100%; margin-bottom: 15px; display: block; text-align: left; } .form-group.form-group-column input { width: 100%; } #resume {display: none;} #cover_letter {display: none;} .field-resume label, .field-cover_letter label {pointer-events: none;} .form-group button, #job-application button { background: linear-gradient(to bottom, #8BBF5B, #77A450); color: #fff; font-weight: 700; padding: 0.8em 2em; border-radius: 5px; border: 0px; width: auto; cursor: pointer; margin: 0 0 0 auto; transition: all 0.5s ease-in-out; display: inline-block; } .form-group button:hover { background: linear-gradient(to bottom, #77A450, #8BBF5B); } /*carousel*/ .carousel { position: relative; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner>.item { position: relative; display: none; -webkit-transition: .6s ease-in-out left; transition: .6s ease-in-out left; } .carousel-inner>.item>img, .carousel-inner>.item>a>img { line-height: 1; } @media all and (transform-3d), (-webkit-transform-3d) { .carousel-inner>.item { -webkit-transition: -webkit-transform .6s ease-in-out; transition: -webkit-transform .6s ease-in-out; transition: transform .6s ease-in-out; transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px; } .carousel-inner>.item.next, .carousel-inner>.item.active.right { left: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .carousel-inner>.item.prev, .carousel-inner>.item.active.left { left: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .carousel-inner>.item.next.left, .carousel-inner>.item.prev.right, .carousel-inner>.item.active { left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .carousel-inner>.active, .carousel-inner>.next, .carousel-inner>.prev { display: block; } .carousel-inner>.active { left: 0; } .carousel-inner>.next, .carousel-inner>.prev { position: absolute; top: 0; width: 100%; } .carousel-inner>.next { left: 100%; } .carousel-inner>.prev { left: -100%; } .carousel-inner>.next.left, .carousel-inner>.prev.right { left: 0; } .carousel-inner>.active.left { left: -100%; } .carousel-inner>.active.right { left: 100%; } /*carousel*/ .carousel-fade .carousel-inner .item { -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; } .carousel-fade .carousel-inner .item, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { opacity: 0; } .carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1; } .carousel-fade .carousel-inner .next, .carousel-fade .carousel-inner .prev, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } ol.carousel-indicators.slide-list { left: inherit; right: 0px; width: 100px; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; top: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; list-style-type: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } ol.carousel-indicators.slide-list li { text-indent: 0px; border-radius: 50%; margin: 0px 0px 10px 0px; width: 50px; height: 50px; border: 0px; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; opacity: 0.5; } ol.carousel-indicators.slide-list li.active { width: 60px; height: 60px; opacity: 1; } ol.carousel-indicators.slide-list li img { border-radius: 50%; width: 100%; } .opening-row>div:last-child .opening-details h6 { display: none; } /* gerard */ .mt-40 {margin:40px 0 20px 0} .page-template-page-home-2019-php body, .page-template-page-home-2019-php h3, .page-template-page-home-2019-php h4, .page-template-page-home-2019-php h5, .page-template-page-home-2019-php h6 .page-template-page-home-2019-php p, .page-template-page-home-2019-php a {font-family: lato,sans-serif!important;font-weight: normal!important;color:#363636; font-family: 'Lato', sans-serif; line-height: 1.5em;} .page-template-page-home-2019-php h1 {font-family:lato,sans-serif;font-weight: bold;font-size:40px;line-height: 1.5em;} .page-template-page-home-2019-php h2 { padding-top: 50px; font-size: 36px;line-height: 1.5em;font-weight: bold; color: #363636; font-family: 'Lato', sans-serif;} .page-template-page-home-2019-php #compatible-devices h2{font-weight: 500; font-size: 24px;} .page-template-page-home-2019-php a.btn-blue {color: white!important} .page-template-page-home-2019-php .device-compatibility {padding-top: 50px;} .page-template-page-home-2019-php footer h3 { font-family: "source sans pro"!important; margin-bottom: 20px; font-size: 18px!important; font-weight: bold!important; color: #fff!important; } .page-template-page-home-2019-php footer menu a { font-family: "lato"!important; color: #fff!important; font-size: 13px!important; } .page-template-page-home-2019-php footer p {color: #eef4f8!important;font-size:12px;font-weight: 400} .page-template-page-home-2019-php footer p a {color: #eef4f8!important;font-weight: bold!important;} #home-2019-hero {width: 100vw;background-size: cover; background-position: center bottom;} #home-2019-hero h2{ color: #fff!important;padding-top:30px;font-size:20px;line-height: 1.55em;} .hero-message { width: 486px; padding-top: 260px;} .page-template-page-home-2019-php .device-carousel, .page-template-page-pwd-2019-php .device-carousel, .page-template-page-hcs-2019 .device-carousel { margin: 60px;height: 230px;} .page-template-page-home-2019-php .device p, .page-template-page-pwd-2019-php .device p,.page-template-page-hcs-2019 .device p {font-size:16px;color:#3C3C3C;font-weight:normal;text-align:center} .popular-devices {margin-top: 60px; } .page-template-page-home-2019-php .device, .page-template-page-pwd-2019-php .device,.page-template-page-hcs-2019 .device {padding: 34px 2%;height: 190px;} .page-template-page-home-2019-php .device img, .page-template-page-pwd-2019-php .device img,.page-template-page-hcs-2019 .device img{margin:0 auto;top: 40%;} #how-glooko-works{position: relative} #how-steps {margin: 80px auto;text-align: center;} .glooko-people-systems { background-color: #fff; width: 100%; margin: 75px auto; box-shadow: 0 0 40px 0 rgba(21,130,203,0.17);padding:0 0 40px 0;z-index: 4;position: relative; max-width: 1200px;} .use { width: 50%; height: 125px;display: flex;align-items: center;justify-content: center; float: left; background-color:#33ADFF;color:#fff;font-family: lato;font-size: 30px;text-align: center;transition: all 0.3s ease;font-weight: bold;} .use:hover {background-color:rgb(42, 147, 218)} .use:not(.active) {cursor:pointer;} .use svg {margin-left:10px;margin-top: 8px;width: 24px;height: 24px;} .use svg polygon{fill:#fff;} .use svg circle {stroke:#fff} .use.active {background-color:#fff;color:#33ADFF;} .use.active svg {transform-origin: center center;transform: rotateZ(180deg);} .use.active svg polygon{fill:#33ADFF;} .use.active svg circle {stroke:#33ADFF} .background-stripe{position: absolute;width: 100vw;height: 50%;z-index: 3;left: 0;top: 540px;background-color: #2B4861;} #useone,#usetwo {padding:30px 0} .glooko-people-systems p {font-weight: normal;color: #3c3c3c; font-size:24px;font-family:lato} .glooko-people-systems a{color:#33adff} #useone, #usetwo {display: none} #useone.active, #usetwo.active {display: block} .use-text { margin-top: 20%; margin-left: 15%; font-family:lato;font-size:24px;font-weight: normal} .glooko-people-systems ul { list-style-type: none; } ul.use-text { padding: 0; } .glooko-people-systems li { list-style: none;background: url("/g_images/arrow-bullets.png") no-repeat left 10px; padding-left: 30px; line-height: 35px; } .use-image { height: 100%; } .use-image img { height: 100%; vertical-align: middle; } #compatible-devices {min-height: 300px} #compatible-devices a.btn-blue {background-color:#33ADFF} .testimonial-popout .vertical-middle {display: block;} #glooko-mobile-app {position:relative; background-image: url("/g_images/mobile-app-bg.png"); background-repeat: no-repeat; background-position: center; } #glooko-mobile-app .content {position: absolute; top: 360px;} #glooko-mobile-app .float50:last-child .vertical-middle {padding:0 0 30px 30px} .dl-today {font-family:lato;font-weight:normal;font-size:30px;margin:40px 0} .one-time {font-family:lato;font-size:13px;font-weight:normal;margin-top:100px} .data-on-file{text-align: center;} .mobile-app-feature { margin-top: 50px; } .mobile-app-feature img {max-width: 95%;} .app-callout { padding-left: 60px; padding-top: 140px; } .download-badges ul { margin-left: -20px; padding: 0; } .download-badges li { display: inline-block; } .page-template-page-home-2019-php #leading-health-systems h2 { color: #FFF; padding-top: 120px; margin-bottom: 0px;} #leading-health-systems h3 { color: #FFF; padding: 50px; font-size: 24px;} #leading-health-systems { margin-top: 140px; background: url("/glooko_images/leading-health-systems-bg.jpg") no-repeat center top; background-size: 1500px; } .flexed {width: 45%;} .client-example-container {display:flex; justify-content: space-between; align-items: stretch;} .client-example { padding: 5%; background-color: #fff; box-shadow: 0px 2px 4px #dedede; } .client-example h4 {line-height: 30px;width: 100%; max-width: 380px; margin: 0 auto; line-height: 1.5em;} .client-stats {margin: 40px auto 40px auto;} .client-stats p {font-size:14px;font-weight: normal} .client-example img { display: block; margin: 20px auto; } .client-example a { display: inline-block; text-transform:none } .example-highlight {font-weight: normal; margin-bottom: 20px; font-size: 20px; color: #33ADFF;} .glooko-outcomes ul { width: 100%; max-width: 200px; margin: 0 auto; } .glooko-outcomes.inline33 {vertical-align: top;padding:0 2%;} #glooko-improves-outcomes {height: 555px; padding: 50px 3% 0; background-color: #fff;position: relative;} #glooko-improves-outcomes p { margin: 0 auto; padding: 40px;font-weight: 500; font-size: 24px; } #glooko-improves-outcomes h2, .home #glooko-improves-outcomes h2 {margin-bottom:0px;} #glooko-improves-outcomes a {color: #000; font-size: 23px;} .glooko-improves-outcomes-bg {position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.6;} #glooko-improves-outcomes img { display: block; margin: 25px auto; } #glooko-improves-outcomes h4 {font-family: lato;font-size:20px;font-weight: normal; margin-bottom: 20px; color: #33ADFF; text-align: center;} #glooko-improves-outcomes li { list-style-type: none; margin-left: 0px; } .glooko-check { background: url("/g_images/checkmark-list-bullet.png") no-repeat left top; padding-left: 30px; line-height: 1.4em;font-weight: normal; font-size: 16px; margin-left:0px; } .btn-cases {position:relative;margin-top: 3em; background-color:#D5F0FF; text-transform:uppercase; color: #33ADFF!important; font-size:14px;font-weight:bold;padding:10px 29px;font-weight: 600;border-radius: 2px; } #privacy-security .float50 img {margin-top:130px} #what-users-say { overflow: hidden;background-image: url("/glooko_images/quotes-bg.png"); background-position: center 90%; background-repeat: no-repeat; } .featured-user {position: absolute;right: 0; background: url("/g_images/woman-child-drawing.png") right; background-repeat: no-repeat; z-index: 2; background-size: contain; height: 400px; width: 600px; margin-top: 80px; opacity: 0; transition: all 2s ease-in-out;} .active .featured-user {opacity: 1; } .testimonial-popout {position:relative;background-color: #fff; max-width: 800px; width: 100%; height: 457px; margin: 360px auto 0 auto; padding: 5%; border-radius: 10px; box-shadow: 0px 28px 40px -20px #dedede; z-index: 3; position: relative;} .testimonial { font-size: 24px; max-width: 600px;width: 100%; margin: 0 auto; font-weight: normal} .testimonial-credit {padding: 40px 40px 0; text-transform: uppercase; font-size: 16px;} .testimonial-name { font-weight: 600; font-size: 16px; } .testimonial-type { font-size: 16px; font-weight: normal} .slider-controls { max-width: 800px; margin: 10px auto; } #slide-right a, #slide-left a {width:50px;} #news-and-events h2 { text-align: center; } .new-events-wrap {max-width: 800px; width: 100%; margin: 0 auto;} .news-popout { background-color: #fff; margin: 30px 0; min-height: 162px; padding: 0px; box-shadow: 0px 2px 4px #dedede;} .news-feature-image-1 {min-height:165px;} .news-popout h4 { color: #000; margin-bottom: 10px;line-height: 1.5em; } #news-and-events p { font-size: 14px; } /* #news-and-events img { display: block; margin: 0 auto; } */ .news-item {max-width: 400px; margin: 15px 0 0 25px; } .news-item p{font-weight: normal} .link-arrow { margin-top: 45px; margin-left: 50px; } .quote-slider {height: 820px; position: relative;} .quote-slider .slide, .phone-slides-wrapper .slide {position: absolute; width: 100%; height: 100%; opacity: 0;z-index: 1; } .quote-slider .slide.active , .phone-slides-wrapper .slide.active{ opacity: 1;transition: all 0.5s ease; z-index: 2;} .slide-pagination {text-align: right; padding-top: 25px;} .pag-dot {background-color: #D4D4D4; width:12px; height: 12px; border-radius: 50%; margin:0 10px; display: inline-block;} .pag-dot.active-dot {background-color:#33ADFF;} .content-wrap {overflow: hidden;width: 100vw;} .relative {position:relative;} .ht-100 {height: 100%;} .shape-bg-section {width: 1400px; left:50%; transform: translateX(-50%);position:relative;} .shape-bg-section.shape-bg-section__1600 {width: 1600px;} .shape-bg-section.shape-bg-section__1700 {width: 1700px;} .shape-bg-section.shape-bg-section__1800 {width: 1800px;} .shape-bg-section .inner {width: 100vw;} .pad-right-10 {padding-right: 10%;} /* End Gerard */ /* end single resource styles */ @media only screen and (min-width: 1200px){ .job-btn {padding-top: 120px;} } @media only screen and (max-width: 1200px) { .page-about #memberGrid > li { width: 20%; } } @media (max-width: 1440px) { .opening-row { grid-template-columns: 30% 70% } } @media only screen and (max-width: 1024px){ .page-template-page-customers-php .hero-container .float75 {width: 66%;} .hero-customer {} .resource-nav li a {font-size: 15px; padding: 30px 20px} .award.float25 {width: 32%;} .device-filters input.search {margin-top: 0px;} } @media only screen and (max-width: 970px){ footer {padding: 50px 0px 0px;} footer .inner {padding: 0px;} .footer-navs {width: 100%; padding-bottom: 50px; padding-left: 3%; padding-right: 3%;} .copyright-social {float: none !important; width: 100%; text-align: center; background-color:#545353; clear: left; padding: 30px 5%; } .wpml-ls-sidebars-footer_right {background-color:#545353!important} .copyright-social .widget-area:first-child {/*display: inline-block;*/} .copyright-social br {display: none;} .copyright-social h3{display: inline-block; margin: 0; margin-right: 20px; vertical-align: middle;} .copyright-social ul {display: inline-block; vertical-align: middle; margin: 0;} .mixpanel {display: none;} } @media only screen and (max-width: 900px){ .float50.pricing-left, .float50.pricing-right {width: 100%; float: none;} .page-pricing section .inner {padding: 30px 5px;} .pricing-left, .pricing-right {margin-bottom: 30px;} .page-pricing .content .float66 {width: 100%;} .page-pricing .hero {padding-left: 10px;} footer .inner {padding: 0 0;} .all-logo.float20 {width: 25%;} header nav.top.sign-in .wpml-ls-legacy-dropdown-click a, header nav.top.sign-in .wpml-ls-legacy-dropdown a { background: none; padding: 5px 0; } } @media only screen and (max-width: 800px) { #contact-us-iframe {height: 1100px;} #pwd-sub-menu, #hcs-sub-menu, #support-sub-menu{display:none} header {min-width:100vw} .use-image img {height:auto} /* home page */ .home .hero-container .float50 {width: 70%;} .hero-ipad {width: 35%;} .inner {padding: 0 5%;} header nav.top.sign-in .wpml-ls-legacy-dropdown-click, header nav.top.sign-in .wpml-ls-legacy-dropdown { width: 100%; } .home header nav.top.sign-in a.glooko-sign-in, .home header nav.top a {color:#5c5c5c; } .home-hero-cta a { font-size: 14px; margin: 0 10px;padding: 10px 0;} .home-hero-cta a.btn-outline {padding: 10px 0;} header {background-color: #ffffff; background-color: rgba(246,246,246,0.9);height: 60px;} .home .hero-container {height: 443px;} .home h1 {font-size: 40px;} .home h2 {font-size: 30px;} .hero-container {padding-top: 60px;} .hero-container .float50 {padding-top: 60px;} .video-container {position: fixed; width: auto; left: 50%; margin-left: -300px;z-index: 6; transform: translate(0); top: 100px;height: 80%; width:600px;} .video-container iframe {height: 350px !important;} h1 {font-size: 36px; line-height: 1.1em;} .home .hero-container h1 {font-size: 33px;color:#fff; font-weight: 600;} .home .hero-container p {font-size: 15px;} .home-cta {margin-right: 5px;} .home-cta:last-child {margin-right: 0px;} #steps .step h3 {font-size: 20px;} #steps h4 {font-size: 21px;} .home #steps p {font-size: 18px;} .steps-intro {max-width: 480px;} .home #steps .steps-intro p {font-size: 20px;} .step {padding: 0 1%;} #glooko-stats {padding: 60px 3% 30px; height: auto;} #glooko-stats h4 {font-size: 60px;} #glooko-stats p {font-size: 18px;} #glooko-stats a {font-size: 20px;} .home #resources { padding: 50px 0;} .home #resources .float30 {margin-top: 40px;} .home #resources .float30 {margin-right: 5%;} .home-resource .resource-link a {font-size: 12px;} .home-more-res a {font-size: 20px; } .home .featured-resource, .home .featured-resource:last-child, .home .featured-resource:nth-child(2n) {height: 220px; width: calc(32.33% - 4px);margin-right: 1%;} .home .featured-resource:last-child {margin-right: 0px;} .home .feat-resource-title {padding: 15px 20px; height: 80px;} .home .feat-resource-title h3 {font-size: 13px;} .resource-info h4 {font-size: 17px;} .reg-partner img {width: 90%;} #branded {float: none;} .home section#video p a {font-size: 40px;} .home section#video p a .fa {font-size: 100px;} .home .featured-promo, .home .featured-promo:last-child, .home .featured-promo:nth-child(2n) {height: 220px; width: calc(32.33% - 4px);margin-right: 1%;} .home .featured-promo:last-child {margin-right: 0px;} .home .feat-promo-title {padding: 15px 20px; height: 80px;} .home .feat-promo-title h3 {font-size: 13px;} .feat-promo-title { padding: 15px 30px;} /* mobile nav */ header .logo {margin-left: auto; margin-right: auto; float: none; margin-top: 10px;} #mobileBurger {display: block; float: right; color: #ccc; font-size: 30px; margin-top: 10px; margin-right: 20px;} nav.top {padding: 0; margin: 0; width: 100%;} nav.top li.menu-item-has-children a::after {display: none;} .main-nav{width: 300px; background-color: #ffffff; position: absolute; right: 0;z-index: 2; top: 60px; display: none; padding: 20px; max-height: calc(100vh - 60px); overflow-y: auto;} nav.top li {float: none; display: block; padding: 0px; margin-bottom: 20px; line-height: 1em; } nav.top a { font-size: 17px; border-bottom: 0px; padding: 0; border: none; color: #7f7f7f; display: block; height: 100%; font-weight: 400;} nav.top .sub-menu a {font-size: 14px;} .sub-menu {display: block; position: relative; top: 0px; left: auto; box-shadow: none; margin-top: 5px; width: auto; padding:20px 0 0 5px; background-color: transparent;} nav.top .sub-menu li {margin-bottom: 20px; line-height: 1.1em;} nav.top.sign-in a.glooko-sign-in {color: #00aeef;} nav.top.sign-in a.btn-blue {background-color:#00aeef; border-color: #00aeef; } nav.top.left a {padding: 0px;} nav.top a:hover {border: none;} /* Footer nav */ .footer-nav-main .sub-menu li { padding: 0; } nav.top.sign-in a.glooko-sign-in {display: block; padding-left: 0px; float: left; clear: left;} /* end mobile nav */ .home .resource-image {height: 100px;} .home #resources .resource-info h3 {font-size: 10px;} /* about landing page */ .page-template-page-about-landing-php .hero-container {height: 350px;;} .team-member {width: calc(50% - 4px);} .job-btn {padding-top: 12vw;} .page-template-page-about-landing-php .container {padding-top: 60px;} /* end about landing page mobiel */ .resource-info h4 {font-size: 17px; line-height: 1.5em;} .home #resources .float30 {height: 270px;} .home .resource-info { height: 150px;} nav.top.sign-in {width: 100%;} nav.top.sign-in a.btn-blue {float: left; font-size: 15px; padding: 5px 20px;} .page-resources h2 {font-size: 20px;} .see-more-res {font-size: 20px;} .single-resource-content.float66, .single-landing_pages .post .float66 {width: 100%; float: none; padding-right: 0px;} .single-resources .float33 ,.single-landing_pages .post .float33{width: 100%; padding: 0; float: none;} .single-landing_pages .post .float33 {max-width: 350px; margin: 0 auto;} .single-resources .float33 .sidebar_content {margin: 0 auto;} .resource-hero {height: auto; padding: 0 0 30px;} .resource-hero h2 {font-size: 30px;} .page-pricing .hero {top: 50px;} .page-pricing .pricing-tiers h2 {padding: 43px 0;} .page-pricing .pricing-tiers:first-child h2 {padding: 20px 0;} /* blog landing */ .blog .float66, .category .float66 {width: 100%; float: none;} .blog .float33, .category .float33 {width: 100%; float: none; text-align: center; padding-left: 0; margin-bottom: 50px;} .sidebar_top, .sidebar_content {margin: 0 auto;} .blog #post-panels .post-panel a span {font-size: 20px;} /* blog landing */ /* team page */ .page-about #memberGrid > li {width: 25%;} .page-about #memberGrid li .overlay {padding: 50px 20px} /* contact us */ .form-container.float60 {width: 100%; float: none;} .map-container.float40 {width: 100%; float: none;} .contact-info {width: 50%; float: left; padding-left: 0px;} .map-container iframe {width: 50% !important;} /* customers */ .page-template-page-customers-php .hero-container {height: 440px;} .hero-customer {width: 33%; text-align: right;} .see-all-logos {font-size: 20px;} .user-quote p {font-size: 20px;} .user-quote p span {font-size: 15px;} .user-quote {padding: 30px 0;} .page-template-page-customers-php .hero-container p {font-size: 22px;} .award.float25 {width: 48%; } .awards-container {width: 100%; max-width: 560px; margin: 0 auto;} /* compatibility page styles */ .float20.glucose-meter {width: 32%;} .content .inner {padding-left: 10px; padding-right: 10px;} .filter-inner {text-align: center;} .filter-inner span {display: block; text-align: center; margin-bottom: 10px;} .page-template-page-compatibility-2015 .device-filters button,.page-template-page-compatibility-2017 .device-filters button {width: 35%; margin-left: 1%;} .page-template-page-compatibility-2015 .device-filters button:first-child, .page-template-page-compatibility-2017 .device-filters button:first-child{margin-left: 0;} #show-meters, input.search {width: 31%;} #device-container.sticky-filter {padding-top: 0;} .sticky.device-filters {position: relative; top: auto; background-color: #ffffff; box-shadow: none; left: auto;} input.search {display: none !important;} #reset {padding: 10px 25px; width: 100%; text-align: center;} /* end compat page styles */ .footer-contact {clear: left; margin-top: 20px; width: 100%;} .footer-nav-left {width: 34%;} .footer-nav-right {width: 64%;} .footer-resources, .footer-company {width: 50%;} .copyright-social .textwidget span {margin: 0 10px;} html:lang(en-US) .copyright-social .widget-area:first-child {margin-top: 0px; margin-bottom: 0;} .wpml-ls-sidebars-footer_right {background-color: transparent !important;} html:lang(sv-SE) .copyright-social .widget-area:first-child {margin-top: 0px;margin-bottom: 0;} /* .wpml-ls-legacy-dropdown-click, .wpml-ls-legacy-dropdown {margin: 0 auto !important;} */ /* resources 2017 */ .featured-resource,.featured-resource:last-child, .resource, .resource:nth-child(3n) {width: calc(49% - 4px); margin-right: 2%; margin-bottom:30px;} .resource, .resource:nth-child(3n) {margin-bottom: 40px;} .feat-resource-title {background-color: #fff;} .featured-resource:nth-child(2n), .resource:nth-child(2n) {margin-right: 0;} .feat-resource-title h3, .res-title h3 {font-size: 18px;} .feat-resource-title { padding: 15px 30px;} .resource-nav li a {padding: 30px 10px;} /* research */ .research-hero {margin-top: 60px; height: 575px;} .user-part.float20 {width: 25%;} /* Promo */ .featured-promo {width: calc(32.33% - 4px); display: inline-block; vertical-align: top; height: 345px; position: relative; margin-right: 1.66%; margin-bottom: 1.66%;} .featured-promo:last-child {margin-right: 0px;} .feat-promo-image {position: absolute; width: 100%; height: 100%; background-size: cover; background-position: center center; opacity: 1; transition: opacity 0.3s ease;} .featured-promo a:hover .feat-promo-image {opacity: .8;} .feat-promo-title {height: 110px; position: absolute; bottom: 0px; left: 0; width: 100%; padding: 10px 20px; background-color: #fff;} .feat-promo-title h3 {color: #363636; font-size: 20px; font-weight: 400;} .promo-link-wrapper { display: flex; justify-content: center; } .home .featured-promo { flex: 1; max-width: calc(32.33% - 4px); } #modal {padding: 40px 30px 30px;} .feat-promo-title { padding: 15px 30px;} .banner-section {margin-top: 60px;} .field label,.field input, .upload-options,.field textarea {display: block; width: 100%; float: none; text-align: left;} .field textarea {magin-bottom: 15px;} .form-group ul li a, .upload-options a {font-weight: 600; padding-right: 0.5em; background: #f7f6f7; display: block; margin: 0px 0px 10px 0px; padding: 10px 0px; text-align: center; color: #4c583c; border: 1px solid #e0e0e0;} .upload-options span {display: none;} /* homage page 2019 */ .page-template-page-home-2019-php .device-carousel, .page-template-page-pwd-2019-php .device-carousel, .page-template-page-hcs-2019 .device-carousel {margin: 0;} .page-template-page-home-2019 .stepImage {height: 55px; } .page-template-page-home-2019 .stepImage h3 {font-size: 24px;} .page-template-page-home-2019 .step p {font-size: 18px;} .use {font-size: 18px; height: 75px;} .use-text {margin-top: 30px; margin-left: 5%;} .glooko-people-systems p , .glooko-people-systems li{font-size: 18px;} .glooko-people-systems {padding-bottom: 0px; border-top: 15px solid #2B4861; border-bottom: 15px solid #2B4861;margin-bottom: 0px;} .dl-today {font-size: 24px;} #glooko-improves-outcomes {padding: 20px 0px;} #leading-health-systems {margin-top: 50px;} #leading-health-systems h2 {padding-top: 70px; line-height: 1.3em;} #leading-health-systems h3 {font-size: 24px;} .client-example h4 {font-size: 18px; line-height: 1.4em;} .client-stats .float50 {float:none; width: 100%; margin-bottom: 20px;} .client-stats {margin: 15px 0;} .left-questions.float50,.right-questions.float50 {width: 100%; float:none;} .right-questions.float50,#contact-inline .float50:last-child {padding-left: 0px;} #contact-inline textarea {width: 100%;} #contact-in-page h2 {font-size: 24px; text-align: center;} #contact-in-page p {text-align: center;} #contact-inline input, #nf-field-10[type="submit"] {width: 100%;} #contact-in-page {padding: 60px 0;} } @media only screen and (max-width: 700px){ .user-part.float20 {width: 33.33%;} } @media only screen and (max-width: 600px){ /* home styles */ .full-600 {width: 100% !important; float:none !important;} .hero-container .float50, .home .hero-container .float50 {width: 100%; text-align: center;} .home h1 {font-size: 32px;} .home h2 {font-size: 25px;} .home-cta {display: block;float: none; margin: 0 auto 25px; width: 165px;} .home-cta:last-child {margin-right: auto;} .home #steps .steps-intro p {font-size: 17px;} .home-more-res a {font-size: 18px;} .video-container {position: fixed; width: auto; left: 50%; margin-left: -200px;z-index: 6; transform: translate(0); top: 100px;height: 80%; width:400px;} .video-container iframe {height: 300px !important;} .partners-home {padding: 50px 0;} .partners-home h2 {margin-bottom: 30px;} .partners-wrap {display: none;} .partners-wrap {width: 100% !important;} .partners-wrap:first-child {display: block;} .stepImage {margin-bottom: 10px; height: 42px;} .step.inline33 {display: block; width: 100%; max-width: 225px; margin: 0 auto 30px;} .stats {width: 100%;} #steps .step h3 {font-size: 22px;} #steps .step h4 {font-size: 42px;color: #363636;} #glooko-stats { background-color: #F3F3F3;} #glooko-stats h2 {color: #363636;margin-bottom: 30px;} #glooko-stats a {color: #0690ED;font-size: 18px;} .glooko-stats {display: none;} #glooko-stats p {font-size: 17px;color: #363636;} .home #resources h3 {margin-bottom: 40px;} #glooko-stats h4 {font-size: 50px; color: #363636; margin-bottom: 10px;} .stat.float33 {width: 100%; float: none; max-width: 240px; margin: 0px auto; margin-bottom: 30px;} .stat.float33:last-child {margin-bottom: 0px;} .stats {margin-bottom: 40px;} .home .featured-resource,.home .featured-resource, .home .featured-resource:last-child, .home .featured-resource:nth-child(2n) {width: 100%; display: block;} .home .feat-resource-title h3 {font-size: 16px;} .about-links .float33:first-child, .about-links .float33 {width: 100%; float: none; margin: 0 auto 30px; float: none; display: block;} .link-box{max-width: 400px; margin: 0 auto; height: auto;} .link-box p {font-size: 20px; color: #727272; font-weight: 400;} a.btn-blue.wide-btn {padding: 15px 40px; font-size: 17px; display: inline-block;} #glooko-team {height: 320px;} #black-opac {display: block;} .home .featured-promo,.home .featured-promo, .home .featured-promo:last-child, .home .featured-promo:nth-child(2n) {width: 100%; max-width: 100%; display: block;} .home .feat-promo-title h3 {font-size: 16px;} .promo-link-wrapper { display: block; } /* customers */ .organizations h2, .partners h2, .recognition h2 {font-size: 25px; line-height: 1.3em; margin-bottom: 20px;} .organizations, .partners, .recognition {padding: 50px 0;} /* end customers */ .investors .float25 {width: 50%;} .foot-partners-big {display: none;} .foot-partners-mobile {display: block;} /* end home styles */ .tier.float50 {width: 100%;} .tier-container {display: none;} .pricing-left.float50, .pricing-right.float50 {margin: 0px;} .pricing-left h2, .pricing-right h2 {cursor: pointer;} .faq-cols .float50 {width: 100%; float: none;} .pricing-features { padding: 0px 25px 45px; display: none;} .tier-info {background-color: #ffffff; border-bottom: 45px solid #F4F4F4; padding-bottom: 45px;} .tier-info h3 br {display: none;} .page-pricing .hero-container {height: 280px;padding-top: 60px;} .page-pricing .hero {top: 20px;} .page-pricing .hero h1 {font-size: 22px;} .page-pricing .tier {cursor: pointer} .feature-toggle {display: block; height: 46px; width: 46px; border: 3px solid; position: absolute; bottom: -23px; left: 50%; margin-left: -23px; border-radius: 50%; background-color: #ffffff; cursor: pointer;} .toggle-symbol, .plus, .minus { font-size: 40px;} .minus {letter-spacing: -5px; font-weight: bold;top: -3px;position: relative; margin-left: -3px; font-weight: 400;} .plus{position: relative; top: -3px;} .hide-symbol {display: none;} .prov-pay {display: none;} .prov-pay .tier-container, .price-open .tier-container {display: block;} .page-pricing section .inner {padding: 60px 0px 0;} .tier-disclaimer {padding: 10px 20px; display: none;} .page-pricing section .inner .float33 {width: 100%;margin-left:0px;} .page-pricing .price-faq .inner {padding: 30px 20px;} .pricing-tiers.price-open .tier {border-bottom: 10px solid #00AEEF;} .page-pricing .pricing-tiers h2 {padding: 28px 0;} #download-from-app-store {float: none} .footer-nav-left,.footer-nav-right {width: 50%;} .content {padding-bottom: 50px;} ul.ui-tabs-nav {display: none;} #tab-1, #tab-2,#tab-3, #tab-4, #tab-5, #tab-6 {display: block !important; margin-top: 30px;} .ui-tabs-panel h3 {margin-top: 30px;} .page-patients #tabs .inner .float66, .page-providers-payers #tabs .inner .float66, .page-products #tabs .inner .float66,.page-patients #tabs .inner .float33, .page-providers-payers #tabs .inner .float33, .page-products #tabs .inner .float33 {width: 100% !important; height: auto; text-align: center; padding: 0 15px !important; float:none;} .page-patients #tabs .inner .float33 .imgContainer, .page-providers-payers #tabs .inner .float33 .imgContainer, .page-products #tabs .inner .float33 .imgContainer,.page-patients #tabs .inner .float66 div, .page-providers-payers #tabs .inner .float66 div, .page-products #tabs .inner .float66 div {margin: 0 auto; float: none !important; height: auto !important; top: 0; transform: translateY(0); -moz-transform: translateY(0);-webkit-transform: translateY(0);} .page-products #tabs .inner .float33 {display: none;} .page-products #tabs .section {height: auto;} .page-products #tabs .section:nth-child(2) {background-color: #fff;} .advisoryText .float20 {width: 100%; float: none; display: block; margin: 0 auto;max-width: 300px; margin-bottom: 30px; text-align: center;} .page-medicaladvisoryboard .float80 {width: 100%; float: none; padding-left: 0;} .page-about #memberGrid > li {width: 33.33%;} .page-about #investor-bod {column-count:1; -moz-column-count:1; -webkit-column-count:1;} .hero {height: auto; padding-top: 150px; top: 0;} .hero h1, .hero h3 {width: 100%;} /* about page */ .leadership-top .headshot, .board-of-directors .headshot, .med-advisory .headshot {max-width: 140px;} #join-team .float50 {width: 100%;} .careers-slides {height: 89vw;max-height: 350px;position: relative;max-width: 350px; margin: 20px auto 0; width: 100%;} .page-template-page-about-landing-php h2 {margin-bottom: 20px; font-size: 25px; line-height: 30px;} #join-team .inner {margin-bottom: 100px;} .job-btn {padding-top: 0px;} .about-intro {padding: 100px 0 100px;} #glooko-board,#glooko-advisors,#leadership-team {padding: 70px 0 30px;} #join-team {padding: 70px 0;} #join-team .inner {margin-bottom: 0px;} .team-member {margin-bottom: 70px;} .page-template-page-about-landing-php .content p {font-size: 18px;} /* blog landing */ .blog #post-panels .post-panel {width: 100%; float: none; display: block; margin: 0 auto 20px; max-width: 320px;} .blog #post-panels .post-panel:first-child, .blog #post-panels .post-panel:nth-child(3) {margin: 0 auto 20px;} /* contact us */ .page-template-page-contact-us-php .mktoForm .mktoFormRow {float: left !important; width: 95% !important; clear: none !important; margin: 0 15px !important;} .page-template-page-contact-us-php .mktoForm .mktoFormCol,.page-template-page-contact-us-php .mktoForm .mktoFieldWrap, .page-template-page-contact-us-php .mktoForm .mktoRequiredField label.mktoLabel {width: 100% !important; font-family: "source sans pro", sans-serif; } #commentCapture {width: 100% !important;} .page-template-page-contact-us-php .mktoButtonWrap.mktoRound {margin-left: 0px !important; width: 100% !important;} .page-template-page-contact-us-php button.mktoButton {float: left; display: inline-block; width: 100% !important;background-color: #00aeef !important; color: white !important; padding: 20px 0 20px !important; text-align: center;height: 52px !important; font-size: 16px !important; font-weight: bold !important; border: none !important; cursor: pointer; background-image: none !important; border-radius: 0 !important;} .page-template-page-contact-us-php .mktoForm .mktoButtonWrap.mktoRound .mktoButton {background-color: #00aeef !important;} .page-template-page-contact-us-php .mktoButtonRow {width: calc(100% - 25px) !important; left: -10px !important; } /* compatibility page styles */ .float20.glucose-meter {width: 49%;} .meter-compatibility ul, .mobile-compatibility ul {-moz-column-count:2; -webkit-column-count: 2; column-count: 2;} .meter-sync-copy.float66, .meter-sync-image.float33 {width: 100%;} .meter-sync-image img {max-height: 90%;} .page-template-page-compatibility-2015 .device-filters button,#show-meters, input.search, .page-template-page-compatibility-2017 .device-filters button,#show-meters, input.search {width: 100%; margin: 0 0 5px;} h2 {font-size: 26px; } h3 {font-size: 22px;} /* end compat page */ .copyright-social br {display: block;} footer .textwidget p {margin-bottom: 10px; line-height: 2em;} #calculator { box-shadow: none; border-radius: 0; padding-top: 0px;} .calculator-intro {padding: 30px 20px;} .calculator-intro p br {display: none;} .page-template-page-calculator-php h1 {font-size: 40px;} .page-template-page-calculator-php h2 {font-size: 26px;} .step-one, .step-two {padding: 2% 2%; margin-bottom: 10px;} #calculator .float50 {width: 100%; float: none; margin: 0 0 20px;} .about-org {width: 100%; max-width: 400px; margin: 0 auto;} .summ-quest {width: 100%; margin-right: 0; display: block;} #summary-link {width: 100%;} .results-btn li {margin-bottom: 15px;} .potential-savings strong, .savings strong {font-size: 36px;} .potential-savings p, .savings p {line-height: 36px;} .results-btn {margin-top: 20px;} .related-resource {width: 100%; margin: 0 0 20px;} .contact-field {width: 100%;} /* careers */ .department h3, .department .float66 {width: 100%;} .department h3 {margin-bottom: 30px;} /* resources */ .resource-nav {display: none;} .device-compatibility {display: none;} .hero-ctas .blue-btn:last-child {margin-bottom: 0px;} .research-hero { margin-top: 60px; height: auto;} .rs-hero-bg {position: relative; height: 215px;} .research-hero .hero-content {position: relative; background-color: #f2eeef;} .blue-btn {width: 100%; max-width: 380px;} .page-template-page-research .content h2 {margin-bottom: 30px;} .hiw-section .float80 {padding-left: 0;} .hiw-section .float20 ,.hiw-section .float80{width: 100%;float: none;} .hiw-section .float20 {text-align: center; margin-bottom: 20px;} .hiw-section .float20 img {max-width: 180px;} .desk-title {display: none;} .mobile-title {display: block; width: 100%; background-color: #fff; padding: 10px;} .hero-content h1{font-size: 28px;font-weight: 500; color: #515151; position: relative;} .research-hero .hero-content {padding: 20px 0;} #footnote-tip{ left: 50% !important; top: 50% !important; transform: translateY(-50%) !important; -moz-transform: translateY(-50%) !important; -webkit-transform: translateY(-50%) !important; margin-left: -150px !important; cursor: pointer;} .opening-row > div:first-child {display: none;} .opening-details ul {padding-left: 0px;} .icon-col h2 { font-size: 20px; margin: 0 0px 15px 0; } .banner-content h2 { margin: 0 0 15px 0; font-size: 30px; } .banner-content a { font-size: 14px; height: 35px; } .icon-col p { font-size: 16px; } .apply-row h4 { font-size: 16px; margin: 0 0 20px 0; } .apply-row p a { font-size: 18px; } .apply-row p span { font-size: 15px; } .opening-row>div:first-child { padding: 3em 15px; display: none; } .opening-forms { width: 100%; } .form-padding { padding-right: 0; } .form-group ul { display: block; } .form-group ul li a label { display: none; } .form-group ul li a{ font-weight: 600; padding-right: 0.5em; background: #f7f6f7; display: block; margin: 0px 0px 10px 0px; padding: 10px 0px; text-align: center; color: #4c583c; border: 1px solid #e0e0e0; } .opening-row { display: block; } .opening-row>div:last-child .opening-details h6 { display: block; } .opening-row>div:last-child .opening-details h3 a { padding: 5px 13px; } .opening-row>div:first-child { padding: 3em 15px; } .opening-form { padding: 1em 1em 4em 1em; margin-top: 2em; } .form-group span { font-size: 16px; margin: 0 0 10px 0; display: block; width: 100%; text-align: left; } .form-group input { width: 100%; } .form-group button { width: auto; font-size: 14px; } .opening-row>div:last-child { padding: 3em 15px; } .form-group { display: block; } .opening-row>div:last-child .opening-details h3 a { font-size: 18px; padding: 10px 25px; } #form-message {width: 90vw; left: 5vw; margin-left: 0;} /* home 2019 */ #home-2019-hero {height: auto !important;padding-top: 60px;} #home-2019-hero .hero-message{text-align: center; width: auto; padding: 80px 0 100px; max-width: 300px; margin: 0 auto; } .page-template-page-home-2019-php h1 {font-size: 24px;} #home-2019-hero h2 {font-size: 16px; font-weight: normal;} .page-template-page-home-2019-php h2 {font-size: 24px;} .background-stripe {display: none;} .use {font-size: 14px; height: 48px;} .use svg {display: none;} .use-image.float50 , .use-txt-wrap.float50{float:none !important; width: 100%; text-align: center;} .float50.use-image {text-align: center; max-width: 200px; width: 100%; margin-bottom: 50px; margin: 0 auto;} .use-text {margin-left: 0px; padding: 0 3%;} .use-text ul {text-align: left; max-width: 350px; margin: 0 auto;} .use-text li {margin-bottom: 15px;} #compatible-devices .device-compatibility {display: block; padding-top: 40px;} .page-template-page-home-2019-php #compatible-devices h2 {font-size: 18px; line-height: 1.4em; font-weight: regular} #what-users-say {background-image:none;} .testimonial-popout .vertical-middle {top: auto; transform: translateY(0);} .no-bg-600 {background-image:none !important;} .lt-blue-bg-600 {background-color: #E7F6FF;} .dl-today {font-size: 16px;} .page-template-page-home-2019-php .app-description a {display: block; margin-bottom: 15px;} #glooko-mobile-app, #glooko-improves-outcomes, #what-users-say {height: auto !important; min-height:0 !important} #glooko-mobile-app {margin-top: 60px; } .app-image, .app-description {height: auto; text-align: center;} .app-image .vertical-middle, .app-description .vertical-middle { top: auto; transform: translateY(0);display:block;} #glooko-mobile-app .float50:last-child .vertical-middle {padding-left: 0px;} .glooko-outcomes.inline33 {display:block; max-width: 300px; margin:0 auto; width: 100%;} #leading-health-systems {background-image: linear-gradient(#2F86ED , #33ADFF) !important;} .client-example-container {display:block;} .client-example-container .flexed {width: 100%;} .client-example-container .flexed:first-child {margin-bottom: 20px;} #what-users-say {text-align:center;} #what-users-say h2 {text-align: center;} .featured-user {display:none;} .testimonial-popout {margin: 50px auto 0 auto; height: auto;box-shadow: 0px 10px 60px -5px #dedede} .testimonial, .testimonial-name ,.testimonial-type {font-size: 14px;text-align: center; margin-top: 10px;} #contact-in-page h2 {padding-top: 0px;} #contact-in-page p {font-size: 20px; font-weight: normal;} .quote-slider {height: 400px;} .news-popout {padding: 0 0 15px 0;} .news-item {margin: 25px 0 0 0; max-width: 100%} .news-popout .float20, .news-popout .float60 {width: 100%; float:none; text-align:center; padding-left: 15px; padding-right: 15px;} .news-popout .float20:not(.news-feature-image-1){padding: 0px;} .news-popout .float60 {margin-top: 60px;} .client-stats {max-width: 200px; margin: 0 auto;} .news-popout h4 {font-size: 16px; margin-bottom: 20px;} .new-popout p {font-size: 14px;} .news-feature-image-1 {height: 55vw; max-height: 100%;} .link-arrow {margin-top: 10px; margin-left: 0px;} #leading-health-systems h3 {font-size: 16px;} } @media only screen and (max-width: 540px) { .contact-info {width: 100%; } .map-container iframe {width: 100% !important;} /* resources 2017 */ .page-template-page-resources-2017 .content {padding-bottom: 0px;} .page-template-page-resources-2017 .content .inner {padding: 20px 30px;} .featured-resource,.featured-resource:last-child,.resource, .resource:nth-child(3n) {width: 100%; margin-right: 0%; margin-bottom: 30px;} .resource, .resource:nth-child(3n),.resource.no-show.mo {margin-bottom: 20px;} .featured-resource:nth-child(2n),.resource, .resource:nth-child(2n) {margin-right: 0;} .resource-section {background-color: #f3f3f3;} .res-grey-bg {background-color: #fff;} .res-image {display: none;} .resource-nav li a {font-size: 22px;} .feat-resource-title {height: auto;} .resource-section h2 {text-align: center;font-size: 18px;margin-bottom: 30px;} .all-resources {margin-bottom: 15px;} .res-title h3 {font-size: 16px;margin-bottom: 0px;} .res-title h3 {color: #0690ED;} .feat-resource-title h3 { margin-bottom: 0px;} .page-template-page-customers-php .hero-container {height: 320px;} .page-template-page-customers-php .hero-container p,.page-template-page-customers-php .hero-container .hero-quoter p {font-size: 16px;} .page-template-page-customers-php .hero-container .float75{padding-right: 5px; width: 70%;} .user-quote p {font-size:16px;} .user-quote p span {font-size: 13px;} .award.float25 {width: 100%; float: none; text-align: center; background-color: transparent; height: auto;margin-bottom: 35px;} .award.float25:hover {background-color: transparent;} .award.float25 .vertical-middle {top: auto; transform: translateY(0); -moz-transform: translateY(0);-webkit-transform: translateY(0);} .award.float25 br {display: none;} .see-all-logos {font-size: 18px;} .see-more-res {font-size: 18px;} /* Promo */ .featured-promo,.featured-promo:last-child {width: 100%; margin-right: 0%; margin-bottom: 30px;} .featured-promo:nth-child(2n) {margin-right: 0;} #subscribe .float50, #contact-inline .float50 {width: 100%;} #primary-form {transform: translateX(0); -moz-transform: translateX(0);-webkit-transform: translateX(0);} .field-wrapper {margin-bottom: 20px;} #peek-topper { height: 80px;} #peek-topper p {font-size: 20px;} #subscribe .float50#secondary-form {padding-top: 0px; margin-bottom: 20px;} .form-right {padding-left: 0;} .form-left {padding-right: 0;} #peek.open {height: 100%;overflow: auto;z-index: 2;left:0; top: 0; } /* about page */ .page-template-page-about-landing-php .hero-container {height: 220px;} .slide-caption {font-size: 16px;} /* careers */ section.banner-section { height: 200px; overflow: hidden; background: url(./img/banner-image.jpg); background-size: cover; background-position: center center; } section.icon-section {padding: 50px 10px;} .banner-content h1 {font-size: 30px; margin-bottom: 20px; } .icon-col h2 {font-size: 25px; margin-bottom: 20px;} section.apply-section h2 {font-size: 25px;} .icon-row { display: block; } .icon-col { width: 100%; margin: 0 0 20px 0; } .grid-col:first-child { width: 100%; order: 1; } .grid-col { width: 50%; } .grid-col:nth-of-type(2) { order: 2; } .grid-col:nth-of-type(3) { order: 5; } .grid-col:nth-of-type(4) { order: 3; } .grid-col:nth-of-type(5) { order: 4; } .apply-row p { display: block; margin-bottom: 20px; } .apply-row p a { display: block; } .opening-row { display: block; } .filter-desc {display: block;margin-bottom: 20px; text-align: center;} #country-select {float: none; margin: 0 auto 20px; display: block;} } @media only screen and (max-width: 500px) { .user-part.float20 {width: 50%;} } @media only screen and (max-width: 468px) { .mobile-play {display: inline; } .reg-play {display: none;} .page-template-page-about-landing-php .hero-container .float50 {padding-top: 40px;} .asset.float33 {width: 100%; float: none; max-width: 160px; margin: 0 auto; margin-bottom: 20px;} #media-list .float66 {width: 100%;} footer .inner {background-color: #363636;} .footer-nav-right {margin-bottom: 20px;} .footer-nav-left {width: 100%; float: none; margin: 0 0 20px;} .footer-nav-right {width: 100%; float: none;} .footer-company {width: 100%; float: none; margin: 0; margin-bottom: 20px;} #glooko-team {height: 240px;} #glooko-team h2 {margin-bottom: 20px;} } @media only screen and (min-width: 1885px) { #new-glooko .one {font-size:37px;} #new-glooko .two {font-size:75px ;} #new-glooko .three {font-size:113px;} #new-glooko .four {font-size:37px;} #new-glooko a img {width:188px} } @media only screen and (max-width: 414px) { .modal {width:94vw} .modal .col-one{width:30%;padding: 50px 10px;} .modal .col-two{width:calc(69% - 4px);} .modal { height:auto; min-width: 277px} .modal img { max-width: 400px;} .fireworks {display: none;width: 90px;height: 180px;} .no-fireworks {display:block;width: 90px;height: 180px; margin-left: 15px;} #new-glooko .one {font-size:4vw;margin-bottom: 7vw;} #new-glooko .two {font-size: 11vw;} #new-glooko .three {font-size: 14vw;} #new-glooko .four {font-size:4vw} #new-glooko a img {width: 23vw} #free-banner {top:60px;width:100px;height:100px} .open #peek-closer {display: none;} #to-app {width: 155px;} .opening-form h4 {font-size: 20px;} body {min-width: 0 !important;} .home .imgContainer {background-color: #F6F6F6; padding: 0 0 20px; display: block;} .page-template-default .hero-container {height: auto; background-image: inherit !important;} .join-box {width: 90%;} .page-pricing .hero-container {background-image: inherit !important; } .hero-container .hero {position: relative; top: auto;} .page-pricing .hero h1 {font-size: 26px; width: 100%;} .page-pricing .hero {top: 30px; width: 90%;} .link-box p {font-size: 18px;} .video-container {position: fixed; width: auto; left: 50%; margin-left:-160px;z-index: 6; transform: translate(0); top: 100px;height: 80%; width:320px;} .video-container iframe {height: 280px !important;} /* home page */ .home #video{height: auto !important; } .home section#steps .stepImage img, .home section#video div, .page-patients #tabs .inner .float33 .imgContainer, .page-providers-payers #tabs .inner .float33 .imgContainer, .page-products #tabs .inner .float33 .imgContainer, .page-patients #tabs .inner .float66 div, .page-providers-payers #tabs .inner .float66 div, .page-products #tabs .inner .float66 div {top: auto;-webkit-transform: translateY(0);-ms-transform: translateY(0); transform: translateY(0);} /* resonsive header */ .investors h3 {font-size: 17px;} .getGlooko {display: none;} .hero h3 {display: none;} .hero h1, .hero h3 {width: auto; text-align: center;} .hero h1 span, .hero h3 span { color: #000 !important;} .resp-logo {display: block; width: 100%; height: 33px; position: relative;top: 25px; text-align: center;} nav.main {display: none;} .page-about #memberGrid > li {width: 50%;} /* responsive layout */ .page-template-default .container {background: none!important;} .page-template-default .hero {padding-top: 40px;} .page-template-default .hero h1 {font-size: 30px; padding: 0 20px;} .inner {max-width: 1000px; min-width: auto;} header { background-color: #f4f4f4;} .hero {height: auto; top: 80px;} .content {max-width: 1000px; margin-top: auto;} h1, h3 {color: #000;} h3 {font-size: 22px; margin-bottom: 20px;} .imgContainer {display: none;} .imgContainer-mobile {display:block; width: 100% !important; ; height: auto !important;} .page-pricing .hero {padding-top: 30px;} /* about page */ .leadership-top .team-member,.board-of-directors .team-member, .med-advisory .team-member {width: 100%; margin-bottom: 40px;} .leadership-top .headshot, .board-of-directors .headshot, .med-advisory .headshot {width: 100%; max-width: 220px; margin: 0 auto 20px;} .leadership-separator {margin-bottom: 50px;} /* additional responsise styles 5-19-2015 by Paul */ .form-container.float60 {width: 100%; margin-left: 0px;} #header-background { height: 140px;top: 0px;left: 0px; z-index: 1; display: none !important;} .single-post .content {margin-top: 0px;} .error404 header, .page-template-page-blank header, .page-press header, .page-contact-us header,.blog header,.single-post header { top: 0px; position: relative; height: 80px;} .single-landing_pages .container {background:none !important;} .single-landing_pages .post .float33 {padding-left: 8px;margin: 0 auto;} .single-landing_pages .post .float66 {padding: 0 15px;} .blog #post-panels {max-width: 1000px; width: auto;} .blog #post-panels .post-panel {width: 100%; margin-left: auto;} .blog .float66 {padding: 0 15px;} .page-template-page-contact-us .content .inner {padding: 0 15px;} #kioskForm { margin: 0px 2% } #kioskForm input { width: 100% !important; padding-left: 0px !important; padding-right: 0px !important; } #kioskForm select { width: 100% !important; padding-left: 0px !important; padding-right: 0px !important; } #kioskForm input[type="submit"] { width: 100% !important; } #kioskForm .inputHalf { width: 100% !important; } #kioskForm .inputFull { width: 100% !important; } #kioskForm .padRight { padding: 0px !important; width: 100% !important; } #kioskForm .padLeft { padding: 0px !important; width: 100% !important; } #kioskForm .floatLeft { padding: 0px !important; width: 100% !important; } #site { padding: 0px 5px } #site input { width: 100% !important; padding-left: 0px !important; padding-right: 0px !important; } #site select { width: 100% !important; padding-left: 0px !important; padding-right: 0px !important; } #site input[type="submit"] { width: 100% !important; } #site .inputHalf { width: 100% !important; } #site .inputFull { width: 100% !important; } #site .padRight { padding: 0px !important; width: 100% !important; } #site .padLeft { padding: 0px !important; width: 100% !important; } #site .floatLeft { padding: 0px !important; width: 100% !important; } #readyToStart { margin: 0px 5px; padding: 10px 0px; } #readyToStart .float50 { padding-bottom: 50px } #readyToStart .float50 img { margin: 0px } #pricing { margin: 0px 5px; padding: 30px 0px 0px 0px; } #pricing .stepImage { margin: 0 auto !important; } #kioskSlider { margin: 0px 5px; margin-top:40px; padding: 50px 0px 0px 0px; } #kioskSlider .float60 { padding-bottom: 50px; text-align:center } #kioskSlider .float60 .detail { padding: 0px; text-align:center } #kioskSlider .stepImage { margin: 0 auto !important; } .page-glookokiosk .hero { width: 100%; text-align:center; height:120px !important; } .page-glookokiosk .container { height: 220px !important; } #supportedDevices #meterListBtn { width: 85% !important; margin: 0px auto; } /* Terms of services styles */ body.page-id-552 { min-width: 0 !important; } .page-id-552 .content .inner {padding: 10px 20px;} .page-id-552 .container {height: 230px;} .page-id-552 .content {margin-top: 180px;} .page-template-page-customers-php .hero-container {height: 320px;} .all-logo.float20 {width: 50%;} /* home 2019 */ .page-template-page-home-2019-php h1 {color: #fff;} } @media only screen and (max-width: 375px) { #glooko-team {height: 200px;} }