@charset "utf-8"; /* AuthLite Website www.authlite.com ©2016 Side Six Media www.sidesixmedia.com #7d8c9c #00c955 */ /*#region Font Faces */ @font-face { font-family: 'humnstBold'; src: url('/fonts/humanist_777_bold_bt-webfont.eot'); src: url('/fonts/humanist_777_bold_bt-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/humanist_777_bold_bt-webfont.woff') format('woff'), url('/fonts/humanist_777_bold_bt-webfont.ttf') format('truetype'), url('/fonts/humanist_777_bold_bt-webfont.svg#humnst777_btbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'humnst'; src: url('/fonts/humanist_777_bt-webfont.eot'); src: url('/fonts/humanist_777_bt-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/humanist_777_bt-webfont.woff') format('woff'), url('/fonts/humanist_777_bt-webfont.ttf') format('truetype'), url('/fonts/humanist_777_bt-webfont.svg#humnst777_btroman') format('svg'); font-weight: normal; font-style: normal; } /*#endregion Font Faces */ /*#region Default Structure and Tags */ * { margin:0px; padding:0px; } img { border:none; } html, body, form { position:relative; max-width: 100%; height: 100%; min-height: 100%; } body { font-size:16px; line-height:2em; font-weight:300; font-family: Roboto, Arial, Helvetica, sans-serif; background: #fff; margin: 0; padding: 0; color: #555; } #wrap, #main { width:100%; min-height: 100%; height:100%; padding: 0 0 50px 0; } #mainRow { min-height:100%; height:100%; padding-top:15px; background-color:#fff; } html.noscroll, body.noscroll, #wrap.noscroll { position: fixed; overflow-y: hidden; -webkit-overflow-scrolling: touch; } p { font-size:.95em; line-height:1.6; } ul, ol, dl { padding: 0; margin: 0; list-style-position:inside; } ul { list-style-type:disc; } ul li { line-height:1.6em; margin-bottom:.8em; } ul.short li { margin-top:3px; } h1, h2, h3, h4, h5, h6, p { margin-top: 0; padding-right: 0px; padding-left: 0px; } h1 { font-size: 3em; font-weight: bold; line-height: 1.1em; margin: 0 0 15px; position: relative; text-transform: none; } h2 { font-size:2em; font-weight:bold; margin:0px; padding:8px 0px 14px 0px; } h3 { font-size:1.5em; font-weight:500; margin:0px; padding:8px 0px 14px 0px; } h4 { font-size:1.25em; font-weight:500; padding:9px 0px 4px 0px; } h5 { font-size:1.1em; font-weight:500;} strong { font-family: 'Roboto'; font-weight:700; font-size:1.05em; } em { font-style:italic; } /*#endregion Default Structure and Tags */ /*#region Links */ a { cursor:pointer; color: #0bcb5c; text-decoration:none; outline:0; font-weight:400; } a img { border: none; } a:link { color: #0bcb5c; text-decoration:none; } a:visited { color: #0bcb5c; text-decoration:none; } a:hover, a:active, a:focus { color: #0bcb5c; text-decoration: underline;} a.external, a.video { background: url("/images/design/linkExternalIcon.png") no-repeat scroll 3px 3px transparent; color:#b74b43; display: block; height: 35px; text-indent: 35px; width: 430px; } a.video { background: url('/images/design/linkVideoIcon.png') 3px 3px no-repeat; color:#0bcb5c;} a.linkRSS { color: #E87320; margin: 5px 0 5px; position: relative; top: 0px; } a.linkRSS img { vertical-align: text-bottom; } a.btn { color:#fff; } a.btnBack { display:inline-block; border:none; color:#ffffff; background-color:#7c8c9c; height: 33px; padding-left: 30px; margin: 0 0 15px; padding-right:25px; border-radius:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } a.btnPlay, button.btnPlay { display:inline-block; font-weight:300; border:none; color:#ffffff; background: url('/images/design/imgBoxBG.png') right center repeat-x; border-radius:5px; background-color:#fff; padding:3px 6px 3px 12px; width:auto; margin: 5px 0px 8px 5px } .btnVideo { padding: 2.5% 8%; background-color: #619e7a; display: inline-block; color: #fff; font-size: 1.25em; text-align: center; vertical-align:middle; margin: 0 10% 10%; font-weight: 100; border-radius: 6px; box-shadow: 0 4px 0 #528467; text-decoration:none; } a.btnVideo:hover { background-color:#67aa83; } a.btnVideo:hover, a.btnVideo:active, a.btnVideo:visited { text-decoration:none; } a.btnVideo .im { margin-left:10px; font-size:1.5em; } .im { vertical-align:middle; } .btn.btn-small, a.btn.btn-small { font-size: .9em; padding: 10px 18px; } .btnPlay:hover, .btnPlay:focus, button.btnPlay:hover, button.btnPlay:focus { text-decoration:none; background-position-y:top; } .btnPlay .caret, button.btnPlay .caret { position:relative; bottom:1px; margin-left:8px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left:7px solid #fff; content:"" } .btnPlay .caretDown, button.btnPlay .caretDown { position:relative; top:1px; margin-left:6px; border-top:7px solid #fff; border-left: 5px solid transparent; border-right: 5px solid transparent; content:"" } .btn .icon-attach_money { margin-left:-5px; /* negative margin visually balances narrow */ } a.text-link, .text-link { color:#fff; text-decoration:underline; font-weight:bold; } .text-link-small { font-size:.85em; } ul.videoList li { margin-top:0; margin-bottom:5px; margin-left:30px; text-indent:0; } ul.videoList li .videoText { display:inline-block; width:100%; } /*ul.videoList:before, ul.videoList li:before,*/ ul.videoList li .hash-anchor:before { display: block; content: " "; margin-top: -285px; height: 285px; visibility: hidden; } ul.videoList li .btnPlay { vertical-align:top; } ul.videoList li :target .videoText, ul.videoList li .ietarget .videoText { background-color:#78a3c5; color:#fff; border-radius:5px; padding:4px 4px 4px 10px; position:relative; top:-5px; } /* Specific caret adjustments for video buttons for compatibility with new license manager carets */ .videoList .caret { border-right:none; } .videoList .caretDown { border-right:5px solid transparent; } /*ul.videoList li :target, ul.videoList li .ietarget { background-color:#78a3c5; color:#fff; border-radius:5px; padding:4px 4px 4px 10px; position:relativse; top:-5px; }*/ /*#endregion Links */ /* #region Sections */ .section { position:relative; width:100%; min-height:100%; /*height:100%; no height for mobile */ padding-top:15px; } .section-table { display:table; width:100%; height:100%; } .section-table-content { display:table-cell; vertical-align:middle; } .section-blue, .section-marketing.section-blue { background-color:#7d8c9c; color:#fff; } .section-green, .section-marketing.section-green { background-color:#67A882; color:#fff; } /* #endregion Sections*/ /*#region Mobile Site Navigation */ /*#region Boostrap Menu Overrides */ /*#endregion Bootstrap Menu Overrides */ /*#region Mobile Menu Placement */ .navbar { padding:0; left:0; margin-bottom:0; width:100%; background-color:#fff; border:0; } .navbar-nav { margin:0; } .navbar-toggle { -webkit-transition:background-color 0.25s linear; transition:background-color 0.25s linear; } .navbar-toggle { float:right; top:5px; right:0; border-radius:0; margin-right:8px; padding:7px; color:#fff; z-index:99999; } .navbar-toggle:hover { } .navbar-toggle:hover .icon-bar { } .navbar-toggle:focus, .navbar-toggle.collapsed { background-color:transparent; } .navbar-toggle .icon-bar { background-color:#7d8c9c; width:24px; height:3px; } .navbar-close { z-index:10001; } .mobile-menu-header { position:fixed; left:0; top:0; width:100%; height:30px; background-color:#efefef; z-index:10000; } .s6-menu-link-mobile .s6-menu-icon { width:40px; width:40px; } .navbar li a .caret { display:none; } #footer-menu-nav.navbar { opacity:1; background-color:transparent; color:#fff; } #footer-menu-nav.navbar .dropdown-menu { display:block; float:none; position:relative; width:100%; background-color:transparent; box-shadow:none; -webkit-box-shadow:none; border:none; } #footer-menu-nav.navbar ul li a { font-size:1.1em; border-top:1px solid #777; } #footer-menu-nav.navbar .dropdown-menu li a { color:#fff; font-size:.9em; background-color:transparent; text-align:center; border-top:none; } /*#endregion Mobile Menu Placement */ /*#region Mobile Menu Styles */ .navbar-nav .menu-icon { display:inline-block; text-align:center; font-size:1.6em; margin-bottom:6px; margin-right:8px; vertical-align:middle; } .navbar-nav > li { margin-left:0; margin-bottom:0; } .navbar-nav > li > a { text-transform:uppercase; font-size:.9em; font-weight:400; color:#7d8c9c; border-bottom:1px solid #ddd; } #main-menu-nav .navbar-nav > li > a:hover, #main-menu-nav .navbar-nav > li > a:focus, #main-menu-nav .navbar-nav > li.active > a:hover { color:#00c955; background-color:#fff; background-color:rgba(255,255,255,.5); } #main-menu-nav .nav .open > a, #main-menu-nav .nav .open > a:hover { color:#7d8c9c; border:none; } #main-menu-nav .navbar-nav > li > a:focus { color:#7d8c9c; border-bottom:none; outline:0; } .nav > li > a:focus, .nav .open > a:focus { background-color:transparent; } .navbar-nav > li > a:hover, .nav > li > a:hover, .nav .open > a, .nav .open > a:hover { color:#00c955; background-color:#fff; background-color:rgba(255,255,255,.5); } ul.dropdown-menu { padding-top:0; } ul.dropdown-menu li { margin-bottom:0; margin-left:0; } .navbar-nav .open .dropdown-menu > li > a { padding-top:10px; padding-bottom:10px; } .dropdown-menu > li > a { color:#7d8c9c; font-size:13px; background-color:#fff; background-color:rgba(255,255,255,.9); cursor:pointer; padding:8px 6px 8px 20px; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color:#00c955; text-decoration:none; color:#00c955; background-color:rgba(255,255,255,.9); } .dropdown-menu > li.active > a { color:#00c955; background-color:#fff; background-color:rgba(255,255,255,.9); } .dropdown-menu > li.active > a:hover { color:#00c955; background-color:rgba(255,255,255,.9); } /*#endregion Mobile Menu Styles*/ /*#endregion Mobile Site Navigation */ /*#region Site Header */ .logoLink { position: relative; float:left; display:block; margin:5px 5px 0 5px; height:90%; top:2px; z-index:10; max-width:332px; z-index:9999; } .logoLink .logo { position:absolute; top:0; width:auto; height:100%; } .logoLink #logo-lite { display:block; position:relative; } .logoLink #logo-dark, .logoLink #logo-white { } .header { position:fixed; width:100%; z-index:99999; } .stripe { position:absolute; width:100%; height:10px; z-index:10; } .stripe .left, .stripe .right { position:relative; width:50%; height:100%; } .stripe .left { float:left; background-color:#7d8c9c; } .stripe .right { float:right; background-color:#00c955; } .header, .header-content, .header-stint { height:50px; } #authlite { position:absolute; float:left; height:100%; width:auto; } #headerbg, #watermark { position:absolute; top:0px; left:0px; width:100%; height:50px; z-index:0; } #headerbg { background-color:#fff; background-color:rgba(255,255,255,.9); } #watermark { width:520px; } .mainMenu { float:right; position:relative; } #titlebg h1, #titlebg .titleText { color:#fff; margin-bottom:0; line-height:1.2em; width:auto; text-indent:0; font-weight:normal; } .title-wrapper { width:100%; height:65px; /*background: url('/images/design/titlebgLeft.png') left top no-repeat;*/ text-indent: 44px; margin-bottom:15px; } .title-wrapper .end { float: right; width:44px; height: 65px; } /*#endregion Site Header*/ /* #region Page Headers */ .section-page-header { width:100%; color:#fff; background:#00c955 url('/images/design/swooshes-green.jpg') center center no-repeat; background-size:cover; min-height:75px; height:76px; } .header-tag { text-transform:uppercase; font-family:'Roboto'; font-weight:400; margin-bottom:0; font-size:1.5em; } span.page-header-icon {float: right; font-size: 3em; } /* #endregion Page Headers */ /*#region Home Page */ .section-hero { height:100%; background:#7d8c9c url('/images/design/bg-hero-xs.jpg') center center no-repeat; padding:0 8%; background-size:cover; } .section-hero .section-table-content { text-align:center; overflow-x: hidden; } .section-hero .hero-header { text-align:center; color:#fff; font-family:'Roboto Condensed'; font-weight:300; margin:8% 5% 15% 0; font-size:2em; text-transform:uppercase; line-height:.85; text-shadow:0 0 2px rgba(0,0,0,.85); } .section-hero .hero-header .emphasis { font-weight:700; } .section-hero .hero-header .new-line { display:block; } .section-hero .hero-header .two-factor { font-size:1.35em; } .section-hero .hero-header .for { line-height:1em; font-size:.7em; } .section-hero .hero-header .active-directory { font-size:.9em; } .section-hero { color:#fff; text-align:center; } .hero-lead { margin:0 0 10% 0; line-height:1.4em; font-size:1.1em; text-shadow:0 0 2px rgba(0,0,0,.85); } /* #region Homepage hero variant w/ modal video */ .section-hero-vid { padding-top:7%; padding-bottom:5%; min-height:100%; background:#f8f8f8 url('/images/design/grad-bg.png') top center repeat-x; padding:0 8%; background-size:contain; } .section-hero-vid .col-hero-vid { text-align:right; } .section-hero-vid .hero-header { font-weight:300; padding-top:20px; text-transform:uppercase; color:#333; font-family:'Roboto Condensed'; font-size:3em; line-height:0.9em; } .section-hero-vid .hero-header .emphasis { font-weight:700;color:#00c955; } .section-hero-vid .hero-header .new-line { display:block; } .section-hero-vid .hero-header .two-factor { font-size:1em; } .section-hero-vid .hero-header .for { line-height:1em; font-size:.6em; } .section-hero-vid .hero-header .active-directory { font-size:.9em; } .section-hero-vid .hero-vid-preview { } .section-hero-vid .vid-text { color:#00c955; font-weight:500; } .section-hero-vid .hero-vid-preview .vid-wrap { position:relative; cursor:pointer; } .section-hero-vid .hero-vid-preview .vid-hover { position:absolute; top:0; right:0; bottom:0; left:0; z-index:3; } .section-hero-vid .hero-vid-preview .vid-hover:hover { border: 10px solid #00c955; } .section-hero-vid .vid-shadow { padding-bottom:65px; background: url('/images/design/shadow-float-2.png') center bottom no-repeat; background-size:contain; } .section-hero-vid .img-btn-play { position: absolute; left: 0; right: 0; margin:0 auto; /*transform: translate(0,50%);*/ z-index: 2; } .section-hero-vid .hero-lead { text-shadow:none; } /* #endregion Homepage hero variant w/ modal video */ .section-details { text-align:center; /* < Center buttons */ background:#fff url('/images/design/bg-touch-xs.jpg') left top no-repeat; background-size:contain; } .section-details ul { text-align:left; margin-top:60%; background-color:#fff; background-color:rgba(255,255,255,.8); } .section-details li { margin-bottom:2em; } .section-marketing { text-align:center; padding:75px 0; background:#fff; } .section-marketing .header-tag, .section-marketing .subheader-tag { text-align:center; } .section-marketing .vpn-col { display:table-cell; vertical-align:middle; } .section-marketing .header-tag { color:#444; text-transform:uppercase; font-size:4em; font-weight:300; line-height:.85em; } .section-marketing .subheader-tag { text-transform:uppercase; font-family:'Roboto Condensed'; font-size:2.25em; font-weight:300; line-height:.9; margin-bottom:25px; } .section-marketing .subheader-tag .emphasis { font-weight:700; } .section-marketing .subheader-tag.paragraph, .section-marketing .subheader-tag.paragraph .header-tag { color:#444; text-transform: none; font-weight:400; font-size: 1.3em; line-height: 1.2em; margin-top: 25px; } .section-marketing .subheader-tag.paragraph .header-tag { display:inline; font-size:1em; font-family:'Roboto Condensed', sans-serif; } .section-vpn { background:#00c955 url('/images/design/swooshes-green.jpg') center center no-repeat; background-size:cover; } .section-videos { background:#fff url('/images/design/bg-videos-xs.jpg') right top no-repeat; background-size:contain; } .section-documentation { background:#fff url('/images/design/docs-bg-xs.jpg') right top no-repeat; background-size:contain; } .section-capabilities { text-align:center; background-color:#fff; padding:50px 0; } .section-capabilities .icon { font-size:3.5em; display:block; text-align:center; margin-bottom:15px; } .section-capabilities .capabilities-col { width:100%; margin:.5% .5% 2em .5%; border-bottom:1px solid #a4b0bc; } .section-capabilities .header-tag { font-size:2em; font-weight:300; text-align:center; margin-bottom:20px; } .section-capabilities .subheader-tag { float:none; text-align:center; margin-bottom:15px; font-family:'Roboto Condensed'; text-transform:uppercase; font-weight:300; line-height:.9em; max-width: 400px; margin: 0 auto; } .section-capabilities .subheader-tag span { font-weight:700; } .section-capabilities-tiles { padding-bottom:100px; } .capability-tile { position:relative; text-align:center; min-height:225px; padding: 45px 15px 15px 15px; border:1px solid #e6e6e6; border-top:none; border-left:none; border-bottom:none; } .capability-tile a { position:absolute; left:0; top:0; right:0; bottom:0; } .capability-tile a:hover { text-decoration:none; border:10px solid #67A882; /*border-top:none; border-bottom:none;*/ } .capability-tile.border-left { border-left:1px solid #e6e6e6; } .capability-tile .icon { font-size:3.5em; margin-bottom:.5em; color: #7d8c9c; } .capability-tile .title { font-size:1.6em; line-height:1.1em; max-width:225px; margin:0 auto; } /*#endregion Home Page */ /*#region Content Panels */ .content-panel { position:relative; } .content-panel .header-tag { } .content-panel .panel-bg-image { left:0; top:0; right:0; bottom:0; background-image: url('/images/design/domain-admin-login-fade.jpg'); background-position:center; background-size:cover; } .content-panel .panel-bg-image { position: relative; min-height: 350px; left: 0; background-repeat: no-repeat; } .content-panel .panel-image { } .content-panel .panel-image img { margin:0 auto; width:100%; max-width:200px; } .content-panel .subheader-tag { font-size:2.5em; } .content-panel .content-text { font-size:1.1em; /*line-height:1.6em;*/ padding:0; margin-top:3em; } .content-panel .btn { margin-top:50px; } .content-panel .panel-footnote, .content-panel p.panel-footnote { font-size:.85em; } .content-panel p.panel-footnote .text-link-small { font-size:1em; } .content-panel.panel-vpn, /*.content-panel.panel-admin,*/ .content-panel.panel-offline, .content-panel.panel-rdp { background-image: url('/images/design/bg-curves-2.png'); background-position: center center; background-repeat: no-repeat; background-size:100% auto; } .content-panel.panel-rdp .text-link { color:#7d8c9c; } .content-panel.panel-admin { padding-top:0; /* No top padding if full image on mobile */} .content-panel.panel-admin .subheader-tag { padding-top:10%; } .content-panel.panel-admin .panel-image { margin-top:0; } .content-panel.panel-admin .panel-image img, .content-panel.panel-admin img.domain-admin-image { /*max-height:500px; right:0; margin:0 0 0 auto;*/ max-height:none; max-width:none; width:100%; } /*#endregion Content Panels */ /*#region Solutions Page */ /*#endregion Solutions Page */ /*#region Downloads Page */ .section-downloads { text-align:center; background-color:#f6f6f6; padding-bottom:75px; } .section-divider { width:100%; height:1px; border-bottom:1px solid #fff; border-top:1px solid #bababa; } .link-list .icon {margin-right:10px; } .section-latest-downloads { } .latest-product-header { font-size:2em; font-weight:400; color:#7d8c9c; margin:25px 0 0 0; } .latest-product-header .emphasis { font-weight:bold; } .latest-product-header-rule { margin:0 auto; width:75px; display:block; border-bottom:3px solid #00c955; } /*#endregion Downloads Page */ .latest-downloads { } .download-item .row { min-height:.6em; } .download-item .col { padding:0; } .download-item { overflow-y:hidden; text-align:left; line-height:1.1em; background-color:#fff; margin:4px 0; padding:25px 15px; box-shadow: rgba(0,0,0,.1) 0px 0px 4px; } .download-item .download-cell { } .download-item .col.download-icon { bottom: 4em; text-align:center; } .download-item .col.download-icon { position: absolute; bottom: 2.25em; left: 6px; } .download-item .download-icon .icon { position: absolute; font-size: 3em; left:0; right:0; } .download-item .download-icon .icon:before { color:#d8dce1; } .download-item .download-name { } .download-item a { font-weight:normal !important; color: #0bb251; /* Darker green for readability */ } .download-item a, .download-item .download-name, .download-item .download-version, .download-item .download-desc, .download-item .download-desc p { font-size:14px; line-height:2em; } .download-item .download-item-header { display: inline-block; font-weight: bold; font-size: 15px; } .download-item .download-item-header.download-version { font-weight: normal; margin-top: auto; } a.minor-download-item-header { color:#7d8c9c; margin-top:5px; display:block; } .download-name a.minor-download-item-header { display:inline-block; margin-top:0; margin-left:0px; } .download-item .download-desc, .download-item .download-desc p { margin: 0; line-height: 1.3em; } /*#region Product Page */ .section-downloads .subheader-tag { font-size:1.5em; font-weight:300; color:#555; padding:50px 0 0 0; } .section-older-downloads { background-color:#f6f6f6; } .section-older-downloads .product-item-header { color:#7d8c9c; font-size:1.25em; padding-top:50px; } .section-older-downloads a { color:#0bb251; /* Darker green for readability */ } .section-older-downloads a.minor-download-item-header { color:#7d8c9c; } .old-downloads { } .old-downloads .download-item { background-color:transparent; box-shadow:none; border-bottom:1px solid #ddd; } .old-downloads .download-item .col.download-icon .icon { color:#a4b0bc; font-size:2em; } .old-downloads .download-item .col.download-icon .icon:before { color:#a4b0bc; } .old-downloads .download-item .download-desc, .old-downloads .download-item .download-desc p { color:#444; } /*#endregion Product Page*/ /*#region Support Page */ /*#endregion Support Page */ /*#region Knowledge Base */ .faqs-column { padding:0; } .faqs-column .question { font-size:2em; margin-top:20px; } .faqs-column h2 { font-size:1.5em; } .faqs-column ul li { list-style-position: outside; margin-left: 1.5em; margin-top: 0.5em; margin-bottom: 0.5em; } .faqs-column ul li li { list-style-type:circle; } /*#endregion Knowledge Base */ /*#region About Page */ /*#endregion About Page */ /*#region Contact Page */ /*#endregion Contact Page */ /*#region Product Subpages TODO Review from CS */ .imgBox { width:100%; position:relative; left:5px; float:right; margin:30px 0px 20px 30px; -moz-border-radius: 6px; border-left: 5px solid #e2e9f0; border-radius: 0px 0px 10px 10px;} /*.imgBox img { width:100%; height:auto; left:-10px; position: relative; top:-10px; }*/ .imgBox img { left: 0; position: relative; top: 0; border: none; } .imgBox, .imgBox img { margin: 0 0 20px 0; padding-top:0px; border-color:#e2e9f0; border-radius:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; background-color:transparent; padding-left: 0px; } .imgBox .caption { color:#222; font-size:.9em; line-height: 1.4em; padding: 0px 25px 0px 0px; background-color: #e2e9f0; margin: 0; border-radius: 0 0 50px; border: 10px solid #e2e9f0; float:left; }} .imgBox .caption span { font-weight: bold; } .imgBox .caption .caption-title { font-weight:bold; display:block; } .pullQuote { float:right; margin: 0 0 25px 25px; width:100%; max-width:425px; } .pullQuote .quote-text { position:relative; text-align:center; color:#ffffff; font-size:17px; font-style:italic; padding:25px 25px 48px 25px; margin: 0 0 -30px; background: url('/images/pullQuoteBg.png') right bottom no-repeat; } .pullQuote .quote-text span.authlite { font-weight:bold; } .pullQuote .quote-text span.quote-mark { font-size:29px; } .pullQuote img { width:100%; height:auto; } .articleImages .imgBox { clear: both; margin: 25px 0 25px 50px; } /*#endregion Product Subpages */ /*#region DFARS Landing Page */ .section-hero.section-hero-dfars { padding-bottom:30px; background: url(/images/design/yubico-bg-2-xs.jpg) left top no-repeat; background-size: 100%; height: 100%; max-height: none; min-height:60%; } .section-hero.section-hero-dfars .section-table-content { vertical-align:bottom; } .section-hero.section-hero-dfars .hero-header { color:#7d8c9c; background-color: rgba(255,255,255,.9); padding: 15px 15px 15px 0; text-shadow:none; border-radius: 7px; } .section-dfars { } /*#endregion DFARS Landing Page */ /*#region Store */ .cart-summary { margin:15px 0; } .cart-summary, .cart-summary .imageLink { height:30px; padding:2px; } .cart-summary .imageLink { float:left; margin-right:10px; } .store-items-grid { margin-bottom:50px; display: table; width: 100%; border-collapse: separate; border-spacing: 16px 10px; } .store-items-grid .store-items-row { display:block; } .shop-item { position: relative; padding: 20px; margin-bottom:5%; width: 100%; background: #FFFFFF url('../images/design/shopBoxBG.png') left top repeat-x; border: 1px solid #e6e6e6; -moz-border-radius: 10px; border-radius: 5px; } .shop-item p { margin-bottom:0; } .shop-item h2 { font-size:18px; color: #7d8c9c; padding-bottom:10px; } .shop-item img { display: block; margin:0 auto; width: 200px; height: auto; } .shop-item img.invoice-image { max-width:150px; } .shop-item .description { } .shop-item .details { margin: 10px 0 0 0px; } .shop-item .unit-tag { } .shop-item .price { color: #67A882; font-size: 28px; } .shop-item .price span.currency { font-size: 14px; margin-left: 7px; } .shop-item .small { color: #67A882; font-size: 11px; } .shop-item a.btn-add { background: url("../images/design/imgBoxBG.png") repeat-x left -8px; border-radius: 6px 6px 6px 6px; bottom: 20px; color: #FFFFFF; float: right; height: 33px; padding: 0 15px; position: absolute; right: 20px; } .shop-item a.btn-add:hover { text-decoration:none; } div#colorbox{ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; /* ColorBox edges fix */} .out-of-stock { color:#bb3333; font-weight:700; } /*#region Store Wizard */ .store-wizard { background-color:#f0f0f0; min-height:100%; } .store-wizard .purchase-panels { margin-bottom:30px; } .store-wizard .purchase-panel { min-width:290px; max-width:400px; margin: 30px auto 0 auto; font-size:14.5px; line-height:1.6em; position:relative; text-align:center; background-color:#fff; color:#4e6782; padding:30px; cursor:pointer; box-shadow: 0px 0px 9px rgba(0,0,0,.15); } .store-wizard .purchase-panel:hover { background-color:#e2ebf3; } .store-wizard .purchase-panel.blue { background-color:#a4b0bc; color:#fff; } .store-wizard .purchase-panel.blue:hover { background-color:#b5c0cc; } .store-wizard .purchase-panel .fg { } .store-wizard .bg-img { position:absolute; left:0; top:0; width:100%; height:30%; min-height:200px; background: url('../images/design/yubiKey-4-touch.jpg') center center no-repeat; background-size:100%; } .store-wizard .img-ko { position:absolute; top:0; left:0; width:100%; height:100%; background:url('../images/design/grad-white-bottom.png') center top repeat-x; background-size:contain; } .store-wizard .bg-img .img-glyph { position:absolute; width:100%; height:80%; background-repeat:no-repeat; background-position:center center; background-size:25%; } .store-wizard .panel-authlite-new-domain .bg-img { background: url('../images/design/bundle-domain-blue.jpg') center center no-repeat; background-size:100%; } .store-wizard .panel-authlite-new-domain .bg-img .img-glyph { background-image: url('../images/design/new-domain-glyph.png'); } .store-wizard .panel-authlite-existing-domain .bg-img { background: url('../images/design/bundle-domain-green.jpg') center center no-repeat; background-size:100%; } .store-wizard .panel-authlite-existing-domain .bg-img .img-glyph { background-image: url('../images/design/existing-domain-glyph.png'); } .store-wizard .panel-authlite-support-hours .bg-img { background-image: url('../images/design/bundle-support-bg.jpg'); background-position:top center; } .store-wizard .panel-authlite-new-domain:hover, .store-wizard .panel-authlite-existing-domain:hover, .store-wizard .panel-yubikeys-only:hover, .store-wizard .panel-authlite-support-hours:hover { background-color:#fff; } .store-wizard .panel-authlite-existing-domain { } .store-wizard .panel-authlite-support-hours { } .store-wizard .panel-yubikeys-only { } .store-wizard .purchase-panel .header-tag { font-size:30px; margin-top:125px; margin-bottom:0; line-height:1.05em; color:#607488; text-transform:none; font-family:'Roboto Condensed'; font-weight:300; } .store-wizard .purchase-panel .header-tag .emphasis { font-weight:400; } .store-wizard .purchase-panel .subheader-tag { font-size:16px; text-transform:uppercase; margin:30px 0; line-height:1.15em; font-weight:400; font-family:'Roboto Condensed'; } .store-wizard .purchase-panel .btn-container { margin-top:30px; } .store-wizard .purchase-panel .btn:active { top:auto; /* Prevent "push" state b/c of pos:abs */} .store-wizard .purchase-panel .emphasis { font-weight:900; } .store-wizard .wizard-page-frame .btn-back-top { position:absolute; cursor:pointer; left:0; top:0; padding:10px 30px; color:#444; font-size:14px; text-transform:uppercase; background-color:#ebf2f8; border-radius:0 0 7px 0; } .store-wizard .wizard-page-frame .btn-back-top span { margin-right:5px; } .store-wizard .wizard-page-frame .display-table { width:100%; } .store-wizard .wizard-page-frame { padding:5% 5% 3% 5%; background-color:#fff; box-shadow: 0px 0px 9px rgba(0,0,0,.15); } .store-wizard .wizard-page-frame .row-question { border-top:1px solid #dcdcdc; margin-bottom: 15px; overflow-y:hidden; /* overflow-y hidden for bg-color */ } .store-wizard .wizard-page { } .store-wizard .wizard-page .emphasis { font-weight:900; } .store-wizard .wizard-page .subheader-tag { color:#607488; font-weight:300; font-family:'Roboto Condensed'; font-size:30px; } .store-wizard .wizard-page .subheader-tag .emphasis { font-weight:700; } .store-wizard .list-bundle-panel-features { margin-left:-15px; text-align:left; } .store-wizard .list-bundle-panel-features li { font-size:14.5px; line-height:1.4em; text-indent:-2em; margin-bottom:1.2em; } .store-wizard .list-bundle-panel-features li:before { font-size:1.4em; } .store-wizard .col-question { } .store-wizard .col-question .bg-color { position:absolute; /*width:100%; dont set width if BS cos are being assigned */ height: 9000px;background-color:#7c8c9c; } .store-wizard .col-question-icon, .store-wizard .question-text, .store-wizard .col-question-info { padding-top:50px; /* Set consistant top spacing for each product row column */ } .store-wizard .col-question-icon { text-align:center; } .store-wizard .col-question-icon .col-question-icon-table { background-color:#7c8c9c; } .store-wizard .col-question-icon .icon { font-size:4em; color:#fff; } .store-wizard .col-question-icon .icon.icon-bubbles { font-size:3.5em; } .store-wizard .question-text { font-size:18px; font-weight: 300; margin-top:10px; padding-bottom:25px; line-height: 1.3em; color:#466e96; } .store-wizard .col-question-input { } .store-wizard .col-question-info { padding: 3%; line-height: 1.3em; /*background-color: #f6f6f6;*/ color: #333; } .store-wizard .col-question-info p { font-size:.95em; } .store-wizard .col-question-info li { font-size:.95em; } .store-wizard input[type=text], .store-wizard input[type=number], .store-wizard textarea { border-radius: 5px; background-color: #eaf0f4; border: none; font-size: 1.5em; font-weight: 400; color: #3a9862; padding: 5px 15px; box-shadow: inset rgba(44,84,104,.15) 2px 2px 8px; } .store-wizard input.tb-numeric { text-align:right; } .store-wizard button, .store-wizard input[type=submit] { margin: 1em 20px 2em 20px; padding: 15px 30px; } .store-wizard .col-question-icon .caret { position: absolute; z-index: 2; width: auto; height: auto; right:-36px; border-top: 32px solid transparent; border-bottom: 32px solid transparent; border-right: 4px solid transparent; border-left: 32px solid #7c8c9c; content: ""; } .field-validation-valid { display:none; } .validation-summary-valid { display: none; } input.input-validation-error { background-color: #f4e5e5; color: #bb2222; box-shadow: inset rgba(204,189,189,.5) 2px 2px 8px; } .field-validation-error { color:#dd2222; display:block; font-size:.9em; line-height:1.3em; margin-top:5px; } .validation-summary-errors { color:#dd2222; } .store-wizard div.store-line-item:nth-of-type(2) { border-top:none; } .store-wizard .store-line-item { padding:15px 0; vertical-align:middle; border-top:1px solid #eee; } .store-wizard .store-line-item-image img { max-width:100px; max-height:100px; margin-left:auto; margin-right:0; } .store-wizard .store-line-item-title { font-size:14px; font-weight:bold; } .store-wizard .store-line-item-desc { } .store-wizard .yubikey-label { line-height:1.2em; } .store-wizard input.tb-numeric, .store-wizard input.tb-yubikey-count { width:90px; } .yubikey-variants-toggle { cursor:pointer; background-color: #acb9c7; color: #fff; text-align: center; border-radius: 4px; } .yubikey-variants-container { } .yubikey-group-error-indicator { color: #dd2222; font-size: 1.15em; font-weight: bold; vertical-align: top; display: inline; line-height: 1em; } /*#endregion Store Wizard */ /*#endregion Store */ /*#region Blog */ blockquote { font-size:inherit; font-style:italic; } /*#endregion Blog */ /*#region Evaluation Landing Page */ .page-e53761e2-0d33-418a-a424-dc139ffe37b5 { background: url('../../images/design/eval-landing-page-bg.jpg') center center no-repeat; background-attachment:fixed; } .page-e53761e2-0d33-418a-a424-dc139ffe37b5 .section { height:auto !important; padding-top:0; min-height:0; margin:55px 0; } .page-e53761e2-0d33-418a-a424-dc139ffe37b5 .section .header-tag, .page-e53761e2-0d33-418a-a424-dc139ffe37b5 .section .subheader-tag { font-family:"Roboto Condensed"; font-weight:300; } .page-e53761e2-0d33-418a-a424-dc139ffe37b5 .section .emphasis { font-weight:700; } .page-e53761e2-0d33-418a-a424-dc139ffe37b5 .section .icon-bg { position: absolute; overflow: hidden; left: 0; top: 0; right: 0; text-align: right; bottom: 0; } .page-e53761e2-0d33-418a-a424-dc139ffe37b5 .section .icon-bg .icon { color:#8d9dae; font-size: 20em; position: absolute; right: 0; top: 100%; transform: translate(30%, -75%); } .page-e53761e2-0d33-418a-a424-dc139ffe37b5 .section.section-eval-scheduler { text-align:center; background-color:#fff; padding:5% 15px; } .page-e53761e2-0d33-418a-a424-dc139ffe37b5 .section.section-eval-scheduler .header-tag { font-size:2.5em; text-align:center; margin-bottom:5%; } .step-panel .header-tag, .step-panel .subheader-tag { font-family:'Roboto Condensed'; font-weight:300; text-transform:uppercase; } .step-panel .header-tag .emphasis, .step-panel .subheader-tag .emphasis { font-weight:700; } .section.section-eval-hero { margin:0; padding:10% 0; background-color:#fff; } .section.section-eval-hero .display-table { width:100%; max-width:1100px; margin:0 auto; } .section.section-eval-hero .col-hero-text { padding:0 30px; margin-bottom:60px; } .section.section-eval-hero .col-hero-text .subheader-tag { max-width:465px; margin-top:25px; } .section.section-eval-hero .eval-hero-img { width:100%; max-width:425px; margin: 0 auto; } .section.section-eval-hero .header-tag { color:#7c8c9c; font-family:Roboto; font-weight:300; margin-bottom:15px; margin-top: 25px; font-size: 1.75em; } .section.section-eval-hero .header-tag .emphasis { font-weight:700; font-size:1.75em; } .section.section-eval-hero .subheader-tag { font-family:"Roboto"; line-height:1.6em; } .section.section-eval-hero .scroll-indicator { width:84px; text-align:center; color:#fff; bottom:0; border-radius:1000px 1000px 0 0; background-color:#3a9862; } .section.section-eval-hero .scroll-indicator .icon { font-size:1.75em; position:relative; top:10px; padding-top:10px; } .section.section-eval-download { background-color:#3a9862; padding:10% 25px; margin:0; color:#fff; font-family:"Roboto Condensed"; } .section.section-eval-download .icon-bg .icon { color:#44a56e; } .eval-step { float:left; font-size:6em; /*7.65em*/ line-height:1em; margin-right:10px; font-family:'Roboto Condensed'; } @media only screen and (min-width:375px){ .clear-float-xs { display:none; } } .section.section-eval-download .header-tag { font-size:2.8em; /*3.5*/ line-height:.9em; } .section.section-eval-download .instructions { font-size:1.5em; padding:15px 0 0 5px; display:block; } .section.section-eval-download .col-download-btns { text-align:center; margin-top:45px; } .section.section-eval-download .btn { padding:20px 30px; } .section.section-eval-download .btn span { font-size:1em; line-height:1em; margin:0; font-weight:400; } .section.section-eval-download .btn .emphasis { margin-right:10px; } .section.section-eval-download .btn .de-emphasis { margin-left:10px; text-transform:none; } .section.section-eval-download a.installer32 { display:block; color:#cfe5d8; text-decoration:underline; } .step-panel-bg, .step-panel-bg.bg { position:absolute; z-index:1; background-color:#fff; left:0; top:0; right:15px; bottom:0; min-width:0; box-shadow: 0px 0px 10px 0px rgba(0,0,0,.15); } .step-panel.step-panel-right .step-panel-bg, .step-panel.step-panel-right .step-panel-bg.bg { left:15px; right:0; } .step-panel .col-step-info { position:relative; background-color:#7c8c9c; color:#fff; padding:30px 30px 60px 30px; margin-right:15px; font-family:'Roboto Condensed'; } .step-panel .col-step-info .eval-step { font-size:5.45em; } .step-panel .col-step-info .header-tag { font-size: 2.5em; line-height: .9em; } .step-panel .col-step-info .instructions { font-size:1.2em; margin-top:10px; padding:5px; } .step-panel.step-panel-right .col-step-info { margin-left:15px; } .step-panel .col-step-content { padding:45px; } .step-panel .col-step-content p { font-size:1em; } .step-panel .caret { border-color:transparent; border-left-color:#00c955; position:absolute; bottom:auto; left:0; } .step-panel .caret.caret-left { border-color:transparent; border-right-color:#00c955; } .step-panel.section-scheduler .step-panel-bg, .step-panel.section-scheduler .step-panel-bg.bg { background-color:#fff; /* background-color:#eee; margin-right:15%; width:auto; max-width:100%;*/ } .step-panel.section-scheduler .col-step-content { padding:2.5%; } .col { /*border:1px solid #ff00ff;*/ } /*#endregion Evaluation Landing Page */ /*#region Contact Page */ .contact-email-panel { display:block; position:relative; overflow:hidden; background-color: #8e9dad; border-radius:6px; padding: 3% 4% 4% 4%; color: #fff; margin: 0 0 5% 0; width: 100%; } .contact-email-panel .contact-email-link { position:absolute; left:0; top:0; right:0; bottom:0; } .contact-email-panel .email-at { position: absolute; right:6%; top:23%; font-size:14em; font-weight:bold; opacity:.5; } .contact-email-panel:hover { text-decoration:none; color:#fff; } .contact-email { font-size: 1.2em; } /*#endregion Contact Page*/ /*#region Common Sidebar OLD */ .sidebar { } .sidebar p { padding-left:15px; } .sidebar h3 { color: #7d8c9c; font-size: 16px; padding: 8px; margin: 0px 0px 10px 0px; } .sidebar .linkList li { width:100%; display:table; border-bottom: 1px solid #e0e0e0; } .sidebar .linkList li:hover { background-color:#f3f3f3; } .sidebar .linkList li a { float:none; display:table-cell; vertical-align:middle; position:relative; z-index:2; width: 100%; min-height: 47px; font-size:14px; line-height:1.3; color: #555555; text-decoration: none; background-color: none; text-indent:0px; padding:10px 12px; white-space:normal; } .sidebar .linkList li:hover a { color:#4387B7; } .sidebar .linkList li img.icon { display:inline; width:16px; height:16px; margin-right:10px; } /*#region Sidebar Panel */ .panel { background:none; border-bottom:none; } .panel ul { list-style:none; } .panel li { height:47px; text-indent:0px; padding:0px; border-bottom:1px solid #e8e8e8; margin:0; } .panel li a { float:left; width:100%; height:47px; color:#555555; text-decoration:none; font-size:14px; background-color:none; white-space:nowrap; vertical-align:middle; text-indent:13px; } .panel li:hover { background-color:#f3f3f3; } .panel li:hover a { color:#4387B7; background: url('/images/design/empty.png') left top repeat; /* Handle IE text click-thru */ } /*#endregion Sidebar Panel */ /*#endregion Common Sidebar */ /*#region Error Pages OLD */ .errorContent { padding-top:75px; } .errorContent .errorHeader, .errorContent .errorHeader500 { font-size:90px; color:#7d8c9c; margin-left:-15px; } .errorContent .errorHeader500 { font-size:50px; } /*#endregion Error Pages*/ /*#region Table Structures OLD */ /*#endregion Table Structures */ /*#region Site Footer OLD */ .siteFooter { color:#FFF; position: relative; background-color:#5f6163; } .footer-logo { display:block; margin:40px auto 0 auto; max-width:200px; } .siteFooter .sidesix { bottom:7px; position: relative; text-align:center; margin-top:1.2em; } .siteFooter .sidesix a:hover { text-decoration:none; } .siteFooter .sidesix img { width:94px; height:auto; } .siteFooter .siteFooterContent { min-height:200px; padding-top:0px; text-align:center; } .siteFooterMenu { position:relative; margin-top:20px; margin-bottom:15px; } .siteFooterMenu li { display:block; margin-left:0; margin-bottom:0; } .siteFooterMenu li a { display:block; color:#fff; padding:13px 20px; text-transform:uppercase; } .siteFooterMenu li a:hover { color:#00c955; text-decoration:none; background-color:transparent; } .siteFooterMenu p { line-height:normal; margin:-5px 17px 0px 0px; } .siteFooter .affiliates-row { background-color:#fff; } .siteFooter .affiliates-inner-row { max-width:100%; width:800px; margin:0 auto; padding-top:15px; text-align:center; } .siteFooter .affiliates-row img { max-width: 200px; margin:0 auto; } .siteFooter .legal { margin:0 0 30px 0; } .siteFooter .legal li { margin-bottom:.8em; } .siteFooter .legal a { color:#fff; font-size:.8em; } .siteFooter .legal a:hover { color:#00c955; text-decoration:none; } .siteFooter .legal .delim { margin:0 10px; color:#999; } .siteFooter .copyright { color:#999; font-size:.9em; margin: 10px 15px 40px 0; padding-bottom: 0px; line-height:1.1; } .siteFooter .logoLink { max-width:150px; } .siteFooter .logoLink .logo { width:100%; height:auto; } .siteFooter .s6 { text-align:center; background-color:#222; color:#fff; } .siteFooter .s6:hover { background-color:#111; } .siteFooter .s6 a { font-family:Arial; color:#fff; font-size:10px; padding: 10px 0; display: block; text-decoration:none; text-transform:uppercase; } .siteFooter .s6 a:hover, .siteFooter .s6 a:hover .icon { text-decoration:none; color:#dc5e5e; } .siteFooter .s6 a .icon { color:#fff; font-size:3.5em; } .siteFooter .s6 a .icon, .siteFooter .s6 a span { display:inline; vertical-align:middle; } /*#endregion Site Footer OLD */ /*#region UI Styles */ select { width:100%; padding:10px 0; } select option { padding:10px 0; } .buttons { text-align:center; margin:5% 0; } .buttons .btn { margin: 5px 15px; } .btn { color:#fff; font-weight:400; font-size:15px; text-transform:uppercase; background-color:#00c955; border-radius:6px; margin:1em 0 2em 0; padding: 15px 30px; box-shadow: 0px 4px 0px #00a733; } .btn:active { background-color:#00b844; box-shadow: 0px 4px 0px #009622; position:relative; top:1px; } .btn:hover, .btn:focus, a.btn:visited, .btn:active, .btn:active, a.btn:active { color:#fff; text-decoration:none; } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { box-shadow: 0px 4px 0px #00a733; /* Stop BS from removing box-shadow style on disabled buttons (color must be reapplied too) */ } .btn-green { box-shadow: 0px 4px 0px #00a733; } .btn-blue, .btn-blue:hover, .btn-blue:focus, .btn-blue:visited { background-color:#7d8c9c; box-shadow: 0px 4px 0px #5b6a7a; } .btn-blue.disabled, .btn-blue[disabled], fieldset[disabled] .btn-blue { box-shadow: 0px 4px 0px #5b6a7a; /* Stop BS from removing box-shadow style on disabled buttons (color must be reapplied too) */ } .btn-blue:active { background-color:#6c7b8b; box-shadow: 0px 4px 0px #4a5969; } .btn.btn-small { padding:10px 20px; font-size:.9em; } .btn.btn-mini { padding:4px 7px 2px 7px; font-size:.8em; /*box-shadow:0px 2px 0px #84909c;*/ margin:0; } .btn.btn-mini:hover, .btn.btn-mini:focus, .btn.btn-mini:visited, .btn.btn-mini:active { /*box-shadow:0px 2px 0px #84909c;*/ } .btn-gray, .btn-gray:hover, .btn-gray:focus, .btn-gray:visited { background-color:#acb9c7; box-shadow: 0px 4px 0px #84909c; } .btn-gray:active { background-color:#acb9c7; box-shadow: 0px 4px 0px #84909c; } a.btn-white, .btn-white, a.btn-white:hover, .btn-white:hover, a.btn-white:focus, .btn-white:focus, a.btn-white:visited, .btn-white:visited { color: #7d8c9c; background-color:#fff; box-shadow: 0px 4px 0px #bbb; } .btn-white:active { background-color: #f6f6f6; box-shadow: 0px 4px 0px #bbb; } a.btn-white-line, .btn-white-line, a.btn-white-line:hover, .btn-white-line:hover, a.btn-white-line:focus, .btn-white-line:focus, a.btn-white-line:visited, .btn-white-line:visited { border:2px solid #fff; color:#fff; box-shadow:none; background-color:rgba(0,0,0,.05); } .btn-white-line:active { } .btn span { font-size:1.3em; vertical-align:text-bottom; margin-right:10px; } .btn span.icon-right { margin-left:10px; margin-right:0; } .btn-container .btn:nth-child(1) { margin-left:0; } .btn-container .btn { margin-left:15px; } .loading-animation { font-size:2em; display:block; width:100%; padding:50px 0; text-align:center; position:absolute; z-index:10; margin: 0 auto; left:0; right:0; top:50%; transform: translateY(-50%); } .loading-animation .icon-authlite-logo-left { color:#7d8c9c; } .loading-animation .icon-authlite-logo-right { color:#0bcb5c; } .loading-animation .loading-animation-label { font-size:12px; text-transform:uppercase; font-weight:600; } .scroll-indicator { position: absolute; bottom: 20px; z-index: 10; margin: 0 auto; left: 0; right: 0; } .scroll-indicator .icon { font-size:2.75em; padding:5px; display:block; } .scroll-indicator .scroll-text { text-transform:uppercase; font-size:1.4em; } .animate-spinning { -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } @keyframes spin { from { transform: scale(1) rotate(0deg); } to { transform: scale(1) rotate(359deg); } } @-webkit-keyframes spin2 { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); } } .animate-rotating { -moz-animation: rotate 4s infinite linear; -o-animation: rotate 4s infinite linear; -webkit-animation: rotate 4s infinite linear; animation: rotate 4s infinite linear; } @-moz-keyframes rotate { from { transform: scale(1) rotateY(0deg); } to { transform: scale(1) rotateY(359deg); } } @-webkit-keyframes rotate { from { transform: scale(1) rotateY(0deg); } to { transform: scale(1) rotateY(359deg); } } @keyframes rotate { from { transform: scale(1) rotateY(0deg); } to { transform: scale(1) rotateY(359deg); } } /*#region Display Table */ .animate-split .icon-authlite-logo-left, .animate-split .icon-authlite-logo-right { display:inline-block; animation-timing-function:ease-out; animation-name: split; animation-duration: .75s; animation-direction:alternate; animation-iteration-count:infinite; } .animate-split .icon-authlite-logo-right { animation-name: split-right } @keyframes split { 50% { transform:scale(1) translateX(0px); } 100% { transform:scale(1) translateX(-5px); } } @keyframes split-right { 50% { transform:scale(1) translateX(0px); } 100% { transform:scale(1) translateX(5px); } } /*#endregion Loading Animations */ /*#region Data tables */ table.s6-table { width:100%; color:#444; } table.s6-table tbody tr:nth-child(odd) { background-color:#f6f6fa; } table.s6-table tbody td { padding-left:8px; padding-right:8px; } /*#endregion Data tables */ /*#region Tooltips (CSS only) */ .tooltip { position: relative; display: inline-block; opacity:1; /* Ensure opacity overrides BS3 tooltip default */ font-size:1em; /*border-bottom: 1px dotted black;*/ } .tooltip .tooltiptext { visibility: hidden; width: 150px; white-space:nowrap; line-height:1.2em; background-color: #555; color: #fff; text-align: center; border-radius: 6px; padding: 5px 0px; /* LR padding must be 0 to maintain LR alignment */ position: absolute; z-index: 1; bottom: 125%; left: 50%; margin-left: -75px; opacity: 0; transition: opacity 0.0s; } .tooltip .tooltiptext::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #555 transparent transparent transparent; } .tooltip:hover .tooltiptext { visibility: visible; opacity: 1; } .tooltip .tooltiptext:hover { visibility:hidden; opacity:0; /* S6: Hide tooltip if hovered otherwise it will block elements it visually covers */ } /*#endregion Tooltips (CSS only) */ /*#endregion UI Styles*/ /*#region 10to8 Form */ /*.schedule-service-btn.dark { cursor:pointer; position:relative; display: inline-block; width: 100%; margin: 5px 0; background-color: #dddde7; padding: 15px; color: #333; line-height: 1.3em; font-size: .9em; font-weight: 500; }*/ .schedule-service-btn { cursor:pointer; position:relative; display: inline-block; width: 49%; margin: 5px 0.5%; height:85px; vertical-align:top; background-color: #fff; background: linear-gradient(#fff, #eeeef6); padding: 15px 5px; color: #333; line-height: 1.3em; font-size: .84em; font-weight: 500; border:1px solid #e0e0ee; border-radius: 10px; } .schedule-service-btn:active { background: linear-gradient(#fbfbfb, #ddddee); box-shadow: none; top: 1px; text-decoration:none; } .schedule-service-btn:hover, .schedule-service-btn:focus, a.schedule-service-btn:visited, a.schedule-service-btn:link { text-decoration:none; color:#333; } .schedule-service-btn span { padding-left: 24%; display: block; } .schedule-service-btn .service-icon { color: #0bcb5c; font-size: 2.25em; /*3.25em*/ padding-left:0; position: absolute; top: 50%; transform: translateY(-50%); left: 10px; } .schedule-service-btn .service-time { font-weight:normal; display:block; } .schedule-body { text-align:center; font-size:1.2em; line-height:1.1em; margin:0px auto 20px auto; } .schedule-form-10to8 { /*box-shadow:rgba(0,0,0,.15) 0 0 12px;*/ position:relative; background-color:#f3f3f3; } .schedule-form-10to8 .loading-animation { } .hide-10to8-header { position: absolute; width: 100%; height: 40px; background-color: #fff; z-index:5; } /*#endregion 10to8 Form */ /*#region Scheduler */ /*#endregion Scheduler */ /*#region Utility Styles */ /*#region Display Table */ .display-table { display:table; width:100%; height:100%; table-layout:fixed; /* fixed required for detecting nested slimmage img tags */ } .display-table-content { display:table-cell; vertical-align:middle; width:100%; /* width required if table-layout:fixed otherwise sibling elements take up equavalent width and break h-centering */ } .display-table-column, .display-table-column-xs { float:none; display:table-cell; vertical-align:middle; width:auto; } .display-table-column-1 { display:table-cell; vertical-align:middle; width:8.33333%; } .display-table-column-2 { display:table-cell; vertical-align:middle; width:16.66666%; } .display-table-column-3 { display:table-cell; vertical-align:middle; width:25%;} .display-table-column-4 { display:table-cell; vertical-align:middle; width:33.33333%; } .display-table-column-5 { display:table-cell; vertical-align:middle; width:41.66666%;} .display-table-column-6 { display:table-cell; vertical-align:middle; width:50%; } .display-table-column-7 { display:table-cell; vertical-align:middle; width:58.33333%; } .display-table-column-8 { display:table-cell; vertical-align:middle; width:66.66666%;} .display-table-column-9 { display:table-cell; vertical-align:middle; width:75%; } .display-table-column-10 { display:table-cell; vertical-align:middle; width:83.33333%; } .display-table-column-11 { display:table-cell; vertical-align:middle; width:91.66666%; } .display-table-column-12 { display:table-cell; vertical-align:middle; width:100%; } /* Display Table Breakpoint markup only! */ @media only screen and (min-width:768px){ .display-table-column-xs { float:left; display:block; } .display-table-column-sm { float:none; display:table-cell; vertical-align:middle; } } @media only screen and (min-width:992px){ .display-table-column-sm { float:left; display:block; } .display-table-column-md { float:none; display:table-cell; vertical-align:middle; } } @media only screen and (min-width:1200px){ .display-table-column-md { float:left; display:block; } .display-table-column-lg { float:none; display:table-cell; vertical-align:middle; } } /*#endregion Display Table*/ .full-height { height:100%; } .list-icons, ul.icon1 { margin-top:1em; } .list-icons li, ul.icon1 li { list-style: none; margin-left: 0; padding-left: 2em; text-indent: -1.4em; } .list-icons li:before, ul.icon1 li:before { font-family: auth-icomoon; content: "\e920"; float: left; width: 1.4em; color:#00c955; font-size:1em; } .noList li { list-style-type:none; list-style-position:inside; } .clear-float { clear:both; } /* Hides from IE-mac \*/ /* Hides from IE-mac \*/ * html .clearfix-2 { height: 1%; } .clearfix-2 { display: block; } /* End hide from IE-mac */ .no-col-pad { padding-left:0; padding-right:0; } .red { color: #ff0000; } .transition { -webkit-transition:all 0.15s linear; transition:all 0.15s linear; } .responsive-h { height:100%; width:auto; } .fg { position:relative; z-index:2; } .bg { position:absolute; left:0; top:0%; min-width:100%; z-index:1; } .square { } .square:after { padding-top:100%; display: block; content: ''; } .square-content { position:absolute; vertical-align:middle; height:100%; margin:0 auto; left:0; right:0; } /* Use to offset any fixed header height for hash tag navigation */ div.hash-anchor-offset::before { position:relative; display: block; content: " "; margin-top: -100px; height: 100px; visibility: hidden; pointer-events: none; } .emphasis { font-weight:bold; } .warning { background-color:#f3d568; color:#222; padding:15px; display:inline-block; border-radius:5px; margin:15px 0; } .note { display:block; padding: 20px; border-left: 5px solid #7c8c9c; border-top:1px solid #f2f2f2; border-right:1px solid #f2f2f2; background-color: #fff; box-shadow: rgba(0,0,0,.1) -3px 3px 4px; } .login-panel { padding:15px 15px 15px 15px; } /*#region Videos */ #modalVideo { width:auto; height:auto; z-index:99999; margin:0 auto; padding-right:0 !important; } #modalVideo.fade, #modalVideo.fade.in { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } #modalVideo .modal-dialog { } #modalVideo .modal-dialog, #modalVideo .modal-content { width:auto; height:auto; background-color:#000; } #modalVideo .modal-body { /*padding:40px 20px 20px 20px;*/ } #modalVideo .videoFrame { margin-top:35px; } #modalVideo .close { font-size:13px; padding:8px 10px; text-shadow:none; font-weight:normal; color:#fff; position:absolute; right:15px; opacity:1; } #modalVideo .close span { } /*#modalVideo .modal-dialog { margin: 0; position: absolute; top: 50%; left: 50%; } #modalVideo .modal-dialog, #modalVideo .modal-content { width:100%; height:auto; min-height:10px; bottom:auto; } #modalVideo .modal-body { } #modalVideo .videoFrame { }*/ .responsive-video { position:relative; /*padding-bottom is created dynamically inline based on video properties */ /*padding-top:30px;*/ height:0; overflow:hidden; margin-top:20px; margin-bottom:20px; background-color:#000; } .responsive-video-16-9 { position:relative; padding-bottom:56.25%; /* 16:9 */ /*padding-top:30px;*/ height:0; overflow:hidden; margin-bottom:30px; } .responsive-video iframe, .responsive-video object, .responsive-video embed, .responsive-video-16-9 iframe, .responsive-video-16-9 object, .responsive-video-16-9 embed { position:absolute; top:0; left:0; width:100%; height:100%; } /*#endregion Videos */ .fl { float:left; } .fr { float:right; } .fr .btn { margin-left:2px; margin-right:2px; } .toast { top:20px; border-radius:6px; } #toast-container>div { opacity:0.8; box-shadow:0 0 12px rgba(0,0,0,.2); padding: 6px 15px 6px 50px; } #toast-container>:hover { opacity:0.8; box-shadow:0 0 12px rgba(0,0,0,.2); } .box { box-shadow: rgba(0,0,0,.1) 0 0 6px 2px; border-radius:6px; } .login-note { padding: 50px 0; min-height: 250px; } /*#endregion Utility Styles */ @media only screen and (min-width:480px) { .section-hero .hero-header { font-size:2.25em; } .section-hero .btn-home-eval { margin-left:10px; } .section-hero.section-hero-dfars { height:80%; min-height:60%; } .section-hero.section-hero-dfars { max-height: 600px; } .section-hero.section-hero-dfars .hero-header { font-size:3.5em; margin-bottom:35%; } .section-hero.section-hero-dfars .section-table-content { vertical-align:middle; } .section-marketing .subheader-tag.paragraph { max-width:75%; } .download-item .col.download-icon { bottom: 3em; } .download-item .col.download-icon .icon { font-size:4em; } .store-wizard .purchase-panel .fg { width: 70%; left: 0; right: 0; margin: 0 auto; max-width: 276px; } /*#region Evaluation landing Page */ .section.section-eval-download .btn { padding:30px 40px; } .section.section-eval-download .btn span { font-size:1.3em; } /*#endregion Evaluation landing Page */ } @media only screen and (min-width:768px) { /*#region Default Structure and Tags */ body { } #wrap.sticky { padding-bottom: 215px; /* <-- Pad bottom by footer height */ } #mainRow { padding-top:50px; } ul li { } ul.short li { margin-top:3px; } h1, h2, h3, h4, h5, h6, p { } h1 { margin: 0 0 15px; } h1.blog-title { } h2 { padding:8px 0px 14px 0px; } h3 { padding:8px 0px 14px 0px; } h4 { padding:9px 0px 4px 0px; } h5 { } .header, .header-content, .header-stint { } .section { height:100%; /* For table display */ } .section-page-header { min-height:170px; height:170px; } .header-tag { font-size:1.5em; } .section-page-header .header-tag { font-size:2.5em; } span.page-header-icon { font-size: 9em; } /*#endregion Default Structure and Tags */ /*#region Content Panels */ .content-panel .panel-image {margin-top:35px; } .content-panel .panel-image img { max-width:300px; } /*#endregion Content Panels*/ /*#region Links OLD */ a.external, a.video { height: 35px; text-indent: 35px; width: 430px; } a.linkRSS { margin: 5px 0 5px; } a.btnBack { height: 33px; padding-left: 30px; margin: 0 0 15px; padding-right:25px; } a.btnPlay, button.btnPlay { padding:3px 6px 3px 12px; margin: -4px 0px 8px 5px } a.btnPlay:hover, a.btnPlay:focus, button.btnPlay:hover, button.btnPlay:focus { } a.btnPlay .caret, button.btnPlay .caret { } a.btnPlay .caretDown, button.btnPlay .caretDown { } ul.videoList li { margin-top:0; margin-bottom:5px; } ul.videoList li .videoText { width:375px; } ul.videoList li .btnPlay { } ul.videoList li :target, ul.videoList li .ietarget { } /*#endregion Links */ /*#region Home Page */ .hero-lead { width:100%; /*height:120px; explict height only needed if content appears below text */ } .section-hero { padding:0; background: url('/images/design/bg-hero-color.jpg') center center no-repeat; background-size:cover; } .section-hero-home { height:auto; min-height:100px; padding-top:11%; padding-bottom:11%; } .section-hero-vid { padding-top:7%; padding-bottom:5%; } .section-hero .section-table-content { } .section-hero .hero-header { padding:0; /*margin:0 0 .5em 0;*/ margin-top:0; margin-left: auto; margin-right:auto; margin-bottom:1.5em; font-size:2.5em; max-width:75%; text-align:center; } .section-hero .hero-header .emphasis { } .section-hero .hero-header .new-line { display:inline; } .section-hero .hero-header .two-factor { font-size:1em; } .section-hero .hero-header .for { line-height:1em; font-size:.7em; } .section-hero .hero-header .active-directory { font-size:1em; } .section-details { text-align:left; background:#fff url('/images/design/bg-touch.jpg') left top no-repeat; background-size:contain; } .section-details ul { margin-top:auto; background-color:#fff; background-color:rgba(255,255,255,.8); padding:50px 25px; } .home-category-panel { position:relative; top:155px; text-align:center; min-height:100%; height:100%; } .home-category-panel h2 { text-transform:uppercase; font-size:26px; color:#6c95bd; } .home-category-panel a { background: url("/images/design/empty.png") repeat scroll left top transparent; width: 100%; height: 100%; top:0; left:0; position:absolute; z-index: 10; } .home-category-panel img { width:auto; } .section-marketing { text-align:left; } .section-marketing .header-tag, .section-marketing .subheader-tag { text-align:left; } .section-marketing .header-tag { font-size:4em; } .section-capabilities .header-tag { text-align:center; } .section-marketing .subheader-tag { padding-right:10%; } .section-marketing .vpn-col { width:50%; } .section-marketing .subheader-tag.paragraph { font-size:1.5em; max-width:none; } .section-documentation { background:#fff url('/images/design/docs-bg.jpg') right top no-repeat; } .section-videos { background:#fff url('/images/design/bg-videos.jpg') right top no-repeat; background-size:contain; } .capability-tile { min-height:300px; padding-top: 65px; } .capability-tile .title { font-size:1.8em; } .content-panel .panel-bg-image { position:absolute; left:55%; } /*#endregion Home Page */ /* #region Homepage hero variant w/ modal video */ .section-hero-vid { padding-top:7%; padding-bottom:5%; } .section-hero-vid .col-hero-vid { } .section-hero-vid .hero-header { font-size:3em; padding-top:0; } .section-hero-vid .hero-header .emphasis { } .section-hero-vid .hero-header .new-line { } .section-hero-vid .hero-header .two-factor { font-size:1em; } .section-hero-vid .hero-header .for { font-size:.6em; } .section-hero-vid .hero-header .active-directory { font-size:.9em; } .section-hero-vid .hero-vid-preview { } .section-hero-vid .vid-text { } .section-hero-vid .hero-vid-preview .vid-wrap { } .section-hero-vid .hero-vid-preview .vid-hover { } .section-hero-vid .hero-vid-preview .vid-hover:hover {} .section-hero-vid .vid-shadow { padding-bottom:85px; } .section-hero-vid .img-btn-play { } .section-hero-vid .hero-lead { } /* #endregion Homepage hero variant w/ modal video */ /*#region Solutions Page */ /*#endregion Solutions Page */ /*#region Downloads Page */ .download-item { min-height:90px; } .download-name { vertical-align: middle; position: absolute; top: 50%; width: auto; } .download-item .download-version { /*line-height:1.3em; margin-top:-4px;*/ } .download-name .download-item-header { font-weight:bold; -moz-transform:translateY(-75%); -ms-transform:translateY(-75%); -o-transform:translateY(-75%); -webkit-transform:translateY(-75%); transform:translateY(-75%); } .latest-product-header { font-size:3em; margin:40px 0; } .section-older-downloads .subheader-tag { font-size:2em; } .section-older-downloads .product-item-header { font-size:1.5em; } /*#endregion Downloads Page */ /*#region Product Page */ /*#endregion Product Page*/ /*#region Support Page */ .support-body { float:left; padding-left:50px; width:600px; } .support-testimonials { margin-top:25px; } .support-testimonials .testimonial { background: url("/images/design/postbg.png") repeat-x scroll left top transparent; padding: 15px; font-style:italic; } .support-testimonials .testimonial .author { display:block; font-weight:bold; margin-top: 6px; font-style:normal; text-align:right; } .support-testimonials .testimonial .company { display:block; color:#7d8c9c; font-weight:bold; font-style:normal; text-align:right; } /*#endregion Support Page */ /*#region Knowledge Base */ .faqs-column { padding:0 30px; } /*#endregion Knowledge Base */ /*#region About Page */ /*#endregion About Page */ /*#region Contact Page */ /*#endregion Contact Page */ /*#region Product Subpages */ figure, figure.img-thumbnail, /*.imgBox, .imgBox img { margin: 0 0 20px 0; padding-top:0px; border-color:#e2e9f0; border-left: 5px solid #e2e9f0; border-radius:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; background-color:transparent; padding-left: 10px; }*/ figure.border-right, figure.img-thumbnail.border-right { border-left-width:0px; border-right-width:5px; padding-left:0px; padding-right:10px; } .img-thumbnail, .imgBox img { padding:6px; border-color:#e2e9f0; border-radius:0px; } figcaption.figure-caption { padding:10px 10px 10px 1px; } /*.imgBox { width:auto; left:0; padding-bottom:15px; } .imgBox img { left:-10px; position: relative; top:-10px; } .imgBox .caption { padding: 0px 15px 0px 15px; } .imgBox .caption span { font-weight: bold; }*/ .pullQuote { float:right; margin: 0 0 25px 25px; width:425px; } .pullQuote .quote-text { position:relative; text-align:center; color:#ffffff; font-size:19px; font-style:italic; padding:45px 45px 68px 45px; margin: 0 0 -30px; background: url('/images/pullQuoteBg.png') left top no-repeat; } .pullQuote .quote-text span.authlite { font-weight:bold; } .pullQuote .quote-text span.quote-mark { font-size:29px; } .articleImages .imgBox { clear: both; margin: 25px 0 25px 50px; } /*#endregion Product Subpages */ /*#region Store */ /*#region REVIEW OLD */ .shop-item .details { float:left; } .store-items-grid { margin-bottom:50px; } .store-items-grid .store-items-row { display:table-row; } .shop-item { display: table-cell; height: 100%; width: 50%; max-width:300px; margin-bottom:0; } .shop-item h2 { color: #7d8c9c; padding-bottom:10px; } .shop-item img { display:block; float:left; width:50%; height:auto; margin-bottom:25px; } .shop-item img.invoice-image { max-width:200px; } .shop-item .description { } .shop-item .details { float: left; width:50%; margin: 40px 0 0 0px; } .shop-item .unit-tag { } .shop-item .price { color: #67A882; font-size: 28px; } .shop-item .price span.currency { font-size: 14px; margin-left: 7px; } .shop-item .small { color: #67A882; font-size: 11px; } /*.shop-item a.btn-add { background: url("/images/design/imgBoxBG.png") repeat-x left -8px; bottom: 20px; color: #FFFFFF; float: right; height: 33px; padding: 0 15px; position: absolute; right: 20px; }*/ .shop-item a.btn-add { border-radius: 6px 6px 6px 6px; top: 20px; float:none; color: #FFFFFF; padding: 8px 15px; position: relative; right:0; white-space:nowrap; } .shop-item a.btn-add:hover { text-decoration:none; } div#colorbox{ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; /* ColorBox edges fix */} /*#endregion REVIEW OLD */ /*#region Store Wizard */ .store-wizard .purchase-panels { margin-bottom:0px; } .store-wizard .purchase-panel { min-height:666px; margin:30px 0; } .store-wizard .purchase-panel .btn-container { position:absolute; margin:10px 0 0 0; bottom:30px; width: 100%; left: 0; } .store-wizard .wizard-page-frame { padding:7% 7% 5% 7%; margin:30px 0; } .store-wizard .wizard-page .subheader-tag { font-size:50px; padding-bottom:5%; } .store-wizard .col-question-info { font-size: 15px; padding: 5%; } .store-wizard .display-table-content.col-question-icon { width:20%; } .store-wizard .display-table-content.col-question-icon .col-question-icon-table { width:75%; } .store-wizard .btn-container { text-align:center; } .store-wizard .btn-container .btn { margin:10px; } /*#endregion Store Wizard */ /*#endregion Store */ /*#region DFARS Landing Page */ .section-hero.section-hero-dfars { background: url('/images/design/yubico-bg-2.jpg') right top no-repeat; background-size:contain; } .section-hero.section-hero-dfars .section-table-content { text-align:left; /*vertical-align:bottom;*/ padding-bottom:0; } .section-hero.section-hero-dfars .hero-header { max-width:40%; margin-bottom:20px; } .section-hero .content-wrapper { margin-left:10%; text-align:center; } .section-dfars { } /*#endregion DFARS Landing Page */ /*#region Blog */ blockquote { font-size:inherit; font-style:italic; } /*#endregion Blog */ /*#region Common Sidebar */ /*#region Sidebar Panel */ /*#endregion Sidebar Panel */ /*#endregion Common Sidebar */ /*#region Error Pages */ .errorContent { padding-top:75px; } .errorContent .errorHeader, .errorContent .errorHeader500 { font-size:90px; color:#7d8c9c; margin-left:-15px; } .errorContent .errorHeader500 { font-size:50px; } /*#endregion Error Pages*/ /*#region Evaluation Landing Page */ .page-e53761e2-0d33-418a-a424-dc139ffe37b5 .section { margin:5% 0; } .section.section-eval-hero { margin:0; } .step-panel-bg, .step-panel-bg.bg { right:22%; } .step-panel.step-panel-right .step-panel-bg, .step-panel.step-panel-right .step-panel-bg.bg { left:22%; right:0; } .step-panel .col-step-info { padding-bottom:100px; } .section.section-eval-download { margin-top:0; padding:5% 0; } /*#endregion Evaluation Landing Page */ /*#region Site Header */ #site-header { /*border-bottom-width:0; border-bottom-style:groove;*/ /* For icon color js */ } .header, .header-content, .header-stint { height:70px; } .stripe { height:13px; } .logoLink { position: relative; z-index: 10; top:5px; } #authlite { position:absolute; float:left; } #headerbg, #contentbg, #contentpattern, #watermark { position:absolute; top:0px; left:0px; width:100%; height:70px; z-index:0; } #watermark { width:520px; /*background: url('../images/design/headerwatermark.png') left top no-repeat;*/ } #contentbg { top:70px; height:130px; background: url('../images/design/contentbg.png') left top repeat-x; } #contentpattern { top:70px; height:130px; } .mainMenu { float:right; position:relative; top:63px; } #titlebg { position:relative; width:100%; height:40px; background:url('/images/design/titlebgMiddle.png') repeat-x center top transparent; margin-bottom:50px; } #titlebg h1, #titlebg .titleText { color:#fff; width:auto; font-weight:normal; } .title-wrapper { width:100%; height:65px; /*background: url('/images/design/titlebgLeft.png') left top no-repeat;*/ text-indent: 44px; margin-bottom:15px; } .title-wrapper .end { float: right; width:44px; height: 65px; /*background: url('/images/design/titlebgRight.png') right top repeat-x; */ } /*#endregion Site Header*/ /* TODO Merge the below styles above if they have matching sections */ .schedule-body { margin:20px auto 40px auto; max-width:900px; } .schedule-service-btn { width:31%; margin:5px 1%; height:110px; font-size: .8em; text-align: center; } .schedule-service-btn .service-icon { position: relative; top: 10px; left: auto; font-size:2.5em; } .schedule-service-btn span { padding-left:0; } /*#region Full Site Navigation */ /*#endregion 10to8 Form*/ /* TODO Merge the below styles above if they have matching sections */ /*#region Full Site Navigation */ .header { } .header .collapse.navbar-collapse { height:100%!important; } /* BS3 Override */ .navbar { opacity:1; border:none; height:100%; background-color:transparent; } .navbar-nav { position:absolute; right:0; bottom:0; } .navbar-nav .container-fluid { height:100%; } .navbar-nav .menu-icon { display:block; margin-bottom:1px; margin-right:0; font-size:1.8em; vertical-align:auto; } .navbar-nav > li { margin:0; } .navbar-nav > li.active > a { color:#00c955; background-color:transparent; } .navbar-nav > li > a { color:#7d8c9c; font-size:.7em; font-weight:500; padding: 15px 15px 8px 10px; text-decoration:none; border:none; } .navbar-nav > li > a:hover, .navbar-nav > li > a:focus, .navbar-nav > li.active > a:hover { } .navbar > li > a .caret { display:none; } .navbar > li.active > a .caret, .navbar > .dropdown > a:hover .caret, .navbar > .dropdown > a:focus .caret { display:none; } .navbar-toggle { position:absolute; z-index:100000; right:0; top:0; padding:0 3%; height:100%; margin:0 0; border-radius:0; } .navbar-toggle .menuText { color:#fff; } .navbar-toggle .icon-bar { height:5px; width:32px; } /* Open menu with sub navigation */ .navbar-nav > .open > a, .navbar-nav > .open > a:hover, .navbar-nav > .open > a:focus { color:#fff; } .dropdown-menu { border:none; padding:0px; background-color:transparent; } .dropdown-menu > li { margin:0px; padding:0px; } .dropdown-menu > li > a { font-size:11px; padding:8px 6px 8px 20px; } .navbar-nav > li > .dropdown-menu { border-radius:0px; } .dropdown:hover > .dropdown-menu { display: block; } /* Show submenus on hover, not on click of main menu */ /* Multi-level dropdown support */ .dropdown-submenu { position:relative; } .dropdown-submenu>.dropdown-menu { top:0; left:100%; margin-top:-5px; margin-left:0px; border-radius:0; } .dropdown-submenu:hover>.dropdown-menu { display:block; } .dropdown-submenu>a:after { display:block; content:" "; float:right; width:0; height:0; border-color:transparent; border-style:solid; margin-top:5px; margin-right:-10px; } .dropdown-submenu:hover>a:after { border-left-color:#ffffff; } .dropdown-submenu.pull-left { float:none; } .dropdown-submenu.pull-left>.dropdown-menu { left:-100%; margin-left:10px; border-radius:0; } /* Dynamic header color adjustments */ .navbar .navbar-nav > li > a { -webkit-transition: color .25s; transition: color .25s; } .navbar.lite .navbar-nav > li > a { color:#7d8c9c; } .navbar.white .navbar-nav > li > a { color:#fff; } .navbar.dark .navbar-nav > li > a { color:#444; } .navbar.lite { background-color:#fff; background-color:rgba(255,255,255,.9); } /*#endregion Full Site Navigation */ /*#region Site Footer */ #footer-menu-nav.navbar .dropdown-menu { float:left; width:auto; } #footer-menu-nav.navbar ul li a { font-size:.8em; border-top:none } #footer-menu-nav.navbar ul li a:hover { color:#00c955; } #footer-menu-nav.navbar .dropdown-menu li a { text-align:left; border-top:none; } .siteFooter { color:#FFF; position: relative; /* this gives IE6 hasLayout to properly clear */ } .siteFooter .sidesix { float:right; margin:15px; } .siteFooter .sidesix a { } .siteFooter .sidesix a:hover { text-decoration:none; } .siteFooter .sidesix img { width:94px; height:auto; } .siteFooter .siteFooterContent { /*height:100%;*/ background-color:transparent; } .siteFooter .legal { margin-top:1em; } .siteFooter .legal li { display:inline-block; } .siteFooterMenu { float:none; position:relative; margin-top:30px; } .siteFooterMenu ul { text-align:center; } .siteFooterMenu li { display:inline-block; margin-left:0; } .siteFooterMenu li a { font-weight: 500; font-size: .8em; text-align: left; } .siteFooterMenu li a:hover { color:#00c955; } .siteFooterMenu ul.dropdown-menu { text-align: left; display: block; border-radius: 0; position: relative; background-color: transparent; box-shadow: none; } .siteFooterMenu .dropdown-menu li { display: block; } .siteFooterMenu .dropdown-menu li a { font-weight:300; color:#ccc; background-color:transparent; border:0; } .siteFooterMenu p { line-height:normal; margin:-5px 17px 0px 0px; } .siteFooter ul.affiliates { margin:0 auto; text-align:center; width:100%; padding-top:15px; /*background: url('/images/design/shadowBoxTop.png') left top repeat-x;*/ } .siteFooter ul.affiliates li { float:left; text-indent:0px; width:25%; margin-left: 0px; margin-bottom: 0px; } .siteFooter ul.affiliates li a { } .siteFooter ul.affiliates li img { width:100%; height:auto; /* Auto image resize, determine if quality is acceptable */ } .siteFooter .copyright { margin-top: 0px; margin-right: 15px; padding-bottom: 0px; } /*#endregion Site Footer */ } @media only screen and (min-width:992px) { /*#region Site Header */ .header, .header-content, .header-stint, #headerbg { height:80px; } .navbar-nav .menu-icon { margin-bottom:2px; } .navbar-nav > li > a { font-size:.8em; padding:10px 15px; } /*#endregion Site Header */ /*#region Home Page */ .section-hero .hero-header { font-size:3.25em; max-width:80%; } .section-capabilities .capabilities-col { text-align:center; position:relative; min-height:350px; float:left; width:32%; height:100%; margin:.5%; padding:0 30px; border-left: 6px solid #a4b0bc; border-bottom:none; } .section-capabilities .capabilities-col a.btn { position: absolute; bottom: 25px; left: 0; right: 0; left: 0; width: 200px; margin: 0 auto; } .section-capabilities .header-tag { font-size:5em; margin-bottom:50px; text-align:center; margin-bottom:20px; } .section-capabilities .subheader-tag { float:none; text-align:left; margin:30px 0 15px 0; font-size:2.1em; } .content-panel.panel-admin .subheader-tag { padding-top:15%; } /* #region Homepage hero variant w/ modal video */ .section-hero-vid { padding-top:7%; padding-bottom:5%; } .section-hero-vid .col-hero-vid { } .section-hero-vid .hero-header { font-size:3em; } .section-hero-vid .hero-header .emphasis { } .section-hero-vid .hero-header .new-line { } .section-hero-vid .hero-header .two-factor { font-size:1em; } .section-hero-vid .hero-header .for { font-size:.6em; } .section-hero-vid .hero-header .active-directory { font-size:.9em; } .section-hero-vid .hero-vid-preview { } .section-hero-vid .vid-text { } .section-hero-vid .hero-vid-preview .vid-wrap { } .section-hero-vid .hero-vid-preview .vid-hover { } .section-hero-vid .hero-vid-preview .vid-hover:hover {} .section-hero-vid .vid-shadow { padding-bottom:125px; } .section-hero-vid .img-btn-play { } .section-hero-vid .hero-lead { } /* #endregion Homepage hero variant w/ modal video */ /*#endregion Home Page*/ /*#region DFARS Landing Page */ .section-hero-dfars { } .section-dfars { } .section-hero.section-hero-dfars { } .section-hero.section-hero-dfars .section-table-content { } .section-hero.section-hero-dfars .hero-header { max-width:50%; } /*#endregion DFARS Landing Page */ /*#region Store Wizard */ .store-wizard .list-bundle-panel-features { margin-left:-5px; } .store-wizard .purchase-panel { min-width:10px; padding:1px 15px; } .store-wizard .purchase-panel .fg { width: 100%; left:auto; right:0; margin:auto; max-width:none; } .store-wizard .line-items-group { margin-left:35px; } /*#endregion Store Wizard */ /*#region Downloads */ .latest-product-header { font-size:3.5em; margin:60px 0; } .download-item { padding: 30px 15px 30px 15px; } .download-item a, .download-item .download-name, .download-item .download-version, .download-item .download-desc, .download-item .download-desc p { font-size:15px; } /*#endregion Downloads */ /*#region Schedule Form */ .schedule-service-btn { height:85px; text-align:left; font-size: .9em;} .schedule-service-btn span { padding-left:25%; } .schedule-service-btn .service-icon { font-size: 3.25em; padding-left:0; position: absolute; top: 50%; transform: translateY(-50%); left: 10px; } .schedule-service-btn .service-time { } /*#endregion Schedule Form*/ /*#region Site Footer */ .siteFooter.sticky { max-height:215px; height:215px; margin-top:-215px; } .siteFooter ul.affiliates { max-width:960px; } .siteFooter .copyright { } /*#endregion Site Footer */ /*#region Evaluation Landing Page */ .section.section-eval-hero .header-tag { font-size: 2.5em; } .section.section-eval-hero .subheader-tag { font-size: 1.3em; } .eval-step { font-size:7.65em; } .section.section-eval-download .header-tag { font-size:3.5em; } /*#endregion Evaluation Landing Page */ } @media only screen and (min-width:1200px) { /*#region Default Structure and Tags */ ul li { } ul.short li { margin-top:3px; } h1 { margin: 0 0 15px; } h1.blog-title { } h2 { padding:8px 0px 14px 0px; } h3 { padding:8px 0px 14px 0px; } h4 { padding:9px 0px 4px 0px; } h5 { } /*#endregion Default Structure and Tags */ /*#region Content Panels */ .content-panel .panel-image img {max-width:400px; } /*#endregion Content Panels*/ /*#region Links */ a.external, a.video { height: 35px; text-indent: 35px; width: 430px; } a.linkRSS { margin: 5px 0 5px; } a.btnBack { height: 33px; padding-left: 30px; margin: 0 0 15px; padding-right:25px; } a.btnPlay, button.btnPlay { padding:3px 6px 3px 12px; margin: -4px 0px 8px 5px } a.btnPlay:hover, a.btnPlay:focus, button.btnPlay:hover, button.btnPlay:focus { } a.btnPlay .caret, button.btnPlay .caret { } a.btnPlay .caretDown, button.btnPlay .caretDown { } ul.videoList li { margin-top:0; margin-bottom:5px; } ul.videoList li .btnPlay { } ul.videoList li :target, ul.videoList li .ietarget { } /*#endregion Links */ /*#region Site Header */ .header, .header-content, .header-stint { height:100px; } .logoLink { position: relative; z-index: 10; } #authlite { position:absolute; float:left; } #headerbg, #watermark { position:absolute; top:0px; left:0px; width:100%; height:100px; z-index:0; } #watermark { width:520px; /*background: url('../images/design/headerwatermark.png') left top no-repeat;*/ } .mainMenu { float:right; position:relative; top:63px; } #titlebg { position:relative; width:100%; height:40px; /*background:url('/images/design/titlebgMiddle.png') repeat-x center top transparent;*/ margin-bottom:50px; } #titlebg h1, #titlebg .titleText { color:#fff; width:auto; font-size:18px; font-weight:normal; } .title-wrapper { width:100%; height:65px; /*background: url('/images/design/titlebgLeft.png') left top no-repeat;*/ text-indent: 44px; margin-bottom:15px; } .title-wrapper .end { float: right; width:44px; height: 65px; /*background: url('/images/design/titlebgRight.png') right top repeat-x;*/ } .navbar-nav .menu-icon { margin-bottom:8px; } /*#endregion Site Header*/ /*#region Main Menu Navigation */ .navbar { border:none; height:100%; } .navbar-nav { position:absolute; right:0; bottom:9px; } .navbar-nav .container-fluid { height:100%; } .navbar-nav > li { margin:0; } .navbar-nav > li.active > a { color:#05ce63; } .navbar-nav > li > a { padding:10px 20px; text-decoration:none; } .navbar-nav > li > a:hover, .navbar-nav > li > a:focus, .navbar-nav > li.active > a:hover { } .navbar-nav > li > a .caret { display:none; } .navbar-nav > li.active > a .caret, .navbar-nav > .dropdown > a:hover .caret, .navbar-nav > .dropdown > a:focus .caret { } .navbar-toggle { position:absolute; z-index:100000; right:0; top:0; padding:0 3%; height:100%; margin:0 0; border-radius:0; } .navbar-toggle .menuText { color:#fff; } .navbar-toggle .icon-bar { height:5px; width:32px; } /* Open menu with sub navigation */ .navbar-nav > .open > a, .navbar-nav > .open > a:hover, .navbar-nav > .open > a:focus { } .dropdown-menu { border:none; padding:0px; } .dropdown-menu > li { margin:0px; padding:0px; } .dropdown-menu > li > a { font-size:13px; padding:10px 20px 10px 20px; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { } .dropdown-menu > li.active > a { } .dropdown-menu > li.active > a:hover { } .navbar-nav > li > .dropdown-menu { border-radius:0px; } .dropdown:hover > .dropdown-menu { display: block; } /* Show submenus on hover, not on click of main menu */ /* Multi-level dropdown support */ .dropdown-submenu { position:relative; } .dropdown-submenu>.dropdown-menu { top:0; left:100%; margin-top:-5px; margin-left:0px; border-radius:0; } .dropdown-submenu:hover>.dropdown-menu { display:block; } .dropdown-submenu>a:after { display:block; content:" "; float:right; width:0; height:0; border-color:transparent; border-style:solid; margin-top:5px; margin-right:-10px; } .dropdown-submenu:hover>a:after { border-left-color:#ffffff; } .dropdown-submenu.pull-left { float:none; } .dropdown-submenu.pull-left>.dropdown-menu { left:-100%; margin-left:10px; border-radius:0; } /*#endregion Main Menu Navigation */ /*#region Home Page */ .section-hero .hero-header { font-size:4em; width:65%; max-width:1100px; line-height:.95em; } .section-hero-home .hero-header { } .section-details li { font-size:1.5em; } .section-details ul { background-color:transparent; padding:0 } .hero-lead { font-size:1.5em; max-width: 57%; margin: 0 auto; } /* #region Homepage hero variant w/ modal video */ .section-hero-vid { padding-top:7%; padding-bottom:5%; } .section-hero-vid .col-hero-vid { } .section-hero-vid .hero-header { font-size:4.6em; } .section-hero-vid .hero-header .emphasis { } .section-hero-vid .hero-header .new-line { } .section-hero-vid .hero-header .two-factor { font-size:1em; } .section-hero-vid .hero-header .for { font-size:.6em; } .section-hero-vid .hero-header .active-directory { font-size:.9em; } .section-hero-vid .hero-vid-preview { } .section-hero-vid .vid-text { } .section-hero-vid .hero-vid-preview .vid-wrap { } .section-hero-vid .hero-vid-preview .vid-hover { } .section-hero-vid .hero-vid-preview .vid-hover:hover {} .section-hero-vid .vid-shadow { } .section-hero-vid .img-btn-play { } .section-hero-vid .hero-lead { } /* #endregion Homepage hero variant w/ modal video */ /*#endregion Home Page */ /*#region Solutions Page */ /*#endregion Solutions Page */ /*#region Downloads Page */ .section-older-downloads .subheader-tag { font-size:2.5em; } .section-older-downloads .product-item-header { font-size:2em; } /*#endregion Downloads Page */ /*#region Product Page */ /*#endregion Product Page*/ /*#region Support Page */ /*#endregion Support Page */ /*#region Knowledge Base */ /*#endregion Knowledge Base */ /*#region About Page */ /*#endregion About Page */ /*#region Contact Page */ /*#endregion Contact Page */ /*#region Product Subpages */ .imgBox { float: left; margin-bottom: 50px; padding-left: 0; padding-bottom: 0; } .imgBox img { left: 0; position: relative; top: 0; border: none; } .imgBox .caption { line-height: 1.4em; } .imgBox .caption span { font-weight: bold; line-height: 20px; } .pullQuote { float:right; margin: 0 0 25px 25px; width:425px; } .pullQuote .quote-text { position:relative; text-align:center; color:#ffffff; font-size:19px; font-style:italic; line-height:26px; padding:45px 45px 68px 45px; margin: 0 0 -30px; background: url('/images/pullQuoteBg.png') left top no-repeat; } .pullQuote .quote-text span.authlite { font-weight:bold; } .pullQuote .quote-text span.quote-mark { font-size:29px; } .articleImages .imgBox { clear: both; margin: 25px 0 25px 50px; } /* Extra border/frame */ /*.imgBox { padding-left:0; border-top: none; border-left: none; border-bottom: 5px solid #d1d8e0; border-right: 5px solid #d1d8e0; background-color: #e2e9f0; } .imgBox img { padding-bottom:0; border:none; } .imgBox .caption { padding: 0 20px 15px 20px; color: #222; }*/ .imgBox .caption { color:#222; line-height: 1.4em; padding: 0px 25px 0px 0px; background-color: #e2e9f0; margin: 0; border-radius: 0 0 50px; border: 10px solid #e2e9f0; } /*#endregion Product Subpages */ /*#region DFARS */ .section-hero.section-hero-dfars { max-height:none; } .section-hero.section-hero-dfars .hero-header { font-size:4.5em; } .section-hero .content-wrapper { /*margin-left:20%;*/ margin:0 auto; } /*#endregion DFARS */ /*#region Store */ .store-wizard .purchase-panel { padding:30px; } .store-wizard .list-bundle-panel-features { margin-left:-15px; } /*#endregion Store */ /*#region Blog */ blockquote { font-size:inherit; font-style:italic; } /*#endregion Blog */ /*#region Error Pages */ /*#endregion Error Pages*/ /*#region Evaluation Landing Page */ .section.section-eval-hero .header-tag { font-size: 3em; } .section.section-eval-hero .eval-hero-img { max-width:779px; } /*#endregion Evaluation Landing Page */ }