body {overflow-x:hidden;} #wrapper {margin-top:-15px;} .none {display:none !important;} /* #Header ================================================== */ #main-header {border-top:none; height:100px; box-shadow:none; border-bottom:none; box-shadow: 0 3px 5px #ddd; -webkit-box-shadow: 0 3px 5px #ddd; -moz-box-shadow: 0 3px 5px #ddd; } #main-header #logo {margin-top:10px;} #header {width:100%; position:fixed; top:0; z-index:40000; border-top:#c1d72e solid 2px;} #header .container .grid_12 {margin-left:0 !important;} #header-sticky-wrapper {height:110px !important; position:absolute; background:none !important;} #left-side-nav-sticky-wrapper {position:absolute; top:12px;} #left-side-nav-sticky-wrapper, #header-sticky-wrapper {background:transparent !important;} /* Top Header */ /* Language Switcher */ .lang-switcher { margin:-7px 0 0 -30px; } .lang-switcher li { } .lang-switcher > li > a { font-size:12px; color:#7d7d7d; width:110px; text-align:center; padding:7px 0 0 0; text-shadow:0 1px 1px #fff; text-indent:8px; } .lang-switcher > li > a:hover, .lang-switcher > li.sfHover > a, .lang-switcher > li.current-menu-item > a { background:url(../images/lang-bg.png) 0 0 repeat-y; color:#1689c4 !important; } .lang-switcher .sf-sub-indicator { display:inline-block; position:static; margin-left:5px; background: url('../images/sf-arrow.png') no-repeat 0 0; } .lang-switcher li:hover ul, .lang-switcher li.sfHover ul { top:23px; } .lang-switcher ul { margin:0; width:110px; background:url(../images/lang-bg.png) 0 0 repeat-y; } .lang-switcher ul:before { display:none; } .lang-switcher ul:after { width:110px; background:url(../images/lang-sub-bot.png) 0 0 no-repeat; } .lang-switcher li li { padding:0 8px; } .lang-switcher li li a { background:none !important; } .lang-switcher li li a:hover { color:#1689c4 !important; } /* Login */ .login-holder a { display:inline-block; margin-left:16px; } /* Main Header */ #main-header { padding:1px 0 0px 0; background: transparent url('../imgs/white-transparency.png') repeat center center;} /* Logo */ #logo { float:left; margin-top:10px; } /* Navigation */ nav.primary { float:right; margin-top:15px; } .sf-menu li {font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;} .sf-menu > li > a {color:#676766;} .sf-menu li a:hover {color:#006699 !important; font-weight:bold !important;} .sf-menu > li > a:hover, .sf-menu > li.sfHover > a, .sf-menu > li.current-menu-item > a {color:#676766; font-weight:normal;} #dropdown, #dropdown2 {background: url("../imgs/white-transparency.png") repeat scroll center center rgba(0, 0, 0, 0); width:100%; height:40px; border-top:thin solid #eee;} #dropdown ul li a, #dropdown2 ul li a {font-size:13px;} #what-is-tibbr-secondary, #tell-me-more-secondary {background: transparent; position:absolute; right:50%; margin-right:-506px; top:42px; padding-top:55px; padding-left:120px; padding-right:80px; } #what-is-tibbr-secondary li, #tell-me-more-secondary li {float:left;} #try-tibbr {width:80px; position:absolute; background:#c7db06; text-align:center; padding-top:2em; padding-bottom:2em; border:solid 3px #fff; border-top:0; border-bottom-left-radius:5px; border-bottom-right-radius:5px; right:-90px; } #try-tibbr a {color:#FFF; font-weight:bold; font-size:2.3em; width:100%; float:left;} #try-tibbr a img {padding-left:4px;} #try-signup {width:245px; background:#fffde6; position:absolute; top:0px; right:-258px; padding:20px 5px; border-bottom-right-radius:5px;} #try-signup form input {width:165px; float:left; margin:0 10px;} #try-signup form input[type=submit] {width:30px; float:left; background:url('/imgs/try-submit-button.png') no-repeat top left; background-size:100%; text-indent:-999999999px;} .try-tibbr-hover {top:133px !important;} #header-contact-link {width:100%; background:url('/imgs/phone-icon.png') no-repeat top left; background-size:100%; height:100%; margin-top:-2px;} #header-contact-link:hover {background:url('/imgs/phone-hover.png') no-repeat top left;} #header-search-link {width:100%; background:url('/imgs/header-search-icon.png') no-repeat top left; background-size:100%; height:100%; margin-top:-2px;} #header-search-link:hover {background:url('/imgs/header-search-icon-hover.png');} /* Mobile Menu */ .select-menu { width: 100%; background-color: #E4E4E4; border: 1px solid #C8C8C8; border-radius: 4px 4px 4px 4px; padding: 5px; height: 30px; font-size:13px; } /* #Slideshow Styles ================================================== */ #slider {margin-top:119px;} ul.bjqs, .bjqs li {padding-left:0; background:none;} .slide-text {background: transparent !important; background-color: transparent !important; position:absolute; font-size:1em; right:20%;} .slide-text h1 {font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 4.7em; font-weight: bold; margin-bottom:0px; color:#006699; text-shadow:none;} .slide-text h2 {font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 4.7em; font-weight: bold; margin-bottom:0px; color:#006699; text-shadow:none;} .slide-text p { margin-top: 0.4em; font-weight:200; font-size:2.7em; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; margin-bottom:1em; letter-spacing:1px; line-height:1.3em; } ol.bjqs-markers.h-centered {margin-top:-196px; background:url("../imgs/white-transparency.png") repeat scroll center center rgba(0, 0, 0, 0); position:absolute; left:0 !important;} ul.bjqs-controls.v-centered li.bjqs-prev a, ul.bjqs-controls.v-centered li.bjqs-next a {top:44.5% !important;} .btn.large.dark .btn-inner {color:#FFFFFF;} .btn.large .btn-inner.learn-more-arrow {background:url('../imgs/learn-more-button.png') no-repeat center center; background-size:100%; height:2.3em; padding-right:3.2em;} /* #banner-fade-1 Styles */ #banner-fade-1 {margin-bottom:34px;} #banner-fade-1 .slide-text {left:50%; margin-left:-500px; top:100px;} #banner-fade-1 .slide-text h2{ color: #fff; text-align:justify;} #banner-fade-1 .slide-text p{ color:#fff; text-align:justify;} #banner-fade-1 ul.bjqs-controls {display:none;} #banner-fade-1 ol.bjqs-markers li a {background:transparent url('../imgs/hollow-dot.png') no-repeat center center; width:30px; height:30px; color:transparent;} #banner-fade-1 ol.bjqs-markers li.active-marker a, #bannder-fade-1 ol.bjqs-markers li a:hover { background:transparent url('../imgs/blue-dot.png') no-repeat center center; color:transparent;} #banner-fade-1 iframe {position:absolute;} .responsive-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .responsive-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .btn.large .btn-inner { font-weight:300 !important; font-size: 1.8em; padding: 1em 3em .1em 2em; width: 6.8em; height: 1.7em; background-size: 100% auto; padding-top:1.05em !important; } .home-page-video-list-class {width:80% !important; margin-left:auto !important; margin-right:auto !important; display:block !important; position:static !important;} .btn.large .btn-inner.download {background:url('/imgs/download-report-btn.png') no-repeat top left; width:8.8em; padding-left:2.5em; padding-top:1.2em!important;} /* Homepage Mobile Icons Styles */ #download-icons {position:absolute; bottom:1.45%; width:100%; text-align:center;} #download-icons ul {list-style-type:none; margin-left:auto; margin-right:auto;} #download-icons ul li {display:inline-block;} /* banner-slide-2 Styles */ #banner-slide-2 .btn.large.dark {position:absolute; right:11%; bottom:5.5%; background:url('/imgs/who-uses-btn.png') no-repeat center center; height:8em; background-size:100%;} #banner-slide-2 .btn.large.dark .btn-inner {background-image:none; color:#FFFFFF !important; text-indent:0!important; padding-top:0;} #banner-slide-2 ol.bjqs-markers li:nth-child(4) a {background:transparent url('../imgs/kpmg-logo.png') no-repeat top left; width:213px; height:86px; } #banner-slide-2 ol.bjqs-markers li:nth-child(4).active-marker a {background:transparent url('../imgs/kpmg-logo-active.png') no-repeat top left;} #banner-slide-2 ol.bjqs-markers li:nth-child(3) a {background:transparent url('../imgs/thomson-reuters-logo.png') no-repeat top left; width:430px; height:96px;} #banner-slide-2 ol.bjqs-markers li:nth-child(3).active-marker a {background:transparent url('../imgs/thomson-reuters-logo-active.png') no-repeat top left;} #banner-slide-2 ol.bjqs-markers li:nth-child(2) a {background:transparent url('../imgs/nielsen-logo.png') no-repeat top left; margin-left:19%; width:280px; height:99px;} #banner-slide-2 ol.bjqs-markers li:nth-child(2).active-marker a {background:transparent url('../imgs/nielsen-logo-active.png') no-repeat top left; margin-left:19%; } #banner-slide-2 ol.bjqs-markers li a {background:transparent url('../imgs/schneider-electric-logo.png') no-repeat top left; width:308px; height:91px; color:transparent;} #banner-slide-2 ol.bjqs-markers li.active-marker a {background:transparent url('../imgs/schneider-electric-active.png') no-repeat top left; display:block; margin-left:auto; margin-right:auto;} #banner-slide-2 ol.bjqs-markers.h-centered {background:transparent url('../imgs/trans-gray-bg.png') repeat center center; position:absolute; left:0 !important; margin-top:-174px; padding:40px 0 30px 0; display:none;} #banner-slide-2 ol.bjqs-markers li {float:left; display:block; width:25%;} #banner-slide-2 .slide-text {left:11.58%; top:16.13%; width:80%;} #banner-slide-2 ul.bjqs-controls.v-centered li.bjqs-next a {background:url("/imgs/white-arrow-right.png") no-repeat center center; height:16%; width:4.2em; color:transparent;} #banner-slide-2 ul.bjqs-controls.v-centered li.bjqs-prev a {background:url("/imgs/white-arrow-left.png") no-repeat center center; height:16%; width:4.2em; color:transparent;} #banner-slide-2 ul.bjqs-controls.v-centered li.bjqs-next {width:3%;} #banner-slide-2 .slide-text p {margin-top:0; margin-bottom:0; padding-bottom:1em; line-height:1.2em;} #banner-slide-2 .slide-text img {width:18em;} .slide-text .quote {color:#fefefe; font-size:3.5em;} .slide-text .quote span {font-size:72px; font-weight:bold; vertical-align:-27px;} .slide-text .quote span.author {font-size:20px; font-weight:bold; vertical-align:inherit; white-space:no-wrap !important;} #banner-slide-2 ul.bjqs-controls.v-centered li.bjqs-prev a, #banner-slide-2 ul.bjqs-controls.v-centered li.bjqs-next a {top:46% !important;} /* Additonal Slideshow Styles */ /* #Media Holder ================================================== */ #intro-video-wrapper .media-holder { float:left; padding:86px 0 0 0; position:relative; z-index:1; } #intro-video-wrapper .media-holder-inner { float:left; background:#f7f7f7; } #intro-video-wrapper .media-holder iframe { float:left; } #intro-video-wrapper .media-holder:before { -webkit-box-shadow: 0 15px 10px rgba(0,0,0, .5); -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.5); box-shadow: 0 15px 10px rgba(0, 0, 0, 0.5); -webkit-transform: rotate(-4deg); -moz-transform: rotate(-4deg); -o-transform: rotate(-4deg); position: absolute; left: 10px; bottom: 12px; z-index: -1; width: 50%; height: 20%; content: ""; } #intro-video-wrapper .media-holder:after { -webkit-box-shadow: 0 15px 10px rgba(0,0,0, .5); -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.5); box-shadow: 0 15px 10px rgba(0, 0, 0, 0.5); -webkit-transform: rotate(4deg); -moz-transform: rotate(4deg); -o-transform: rotate(4deg); position: absolute; right: 10px; bottom: 12px; z-index: -1; width: 50%; height: 20%; content: ""; } .media-holder-bg { position:absolute; left:0; top:0; width:630px; height:385px; background:url(../images/media-holder-bg.png) 0 0 no-repeat; z-index: -1; } /* Media Caption */ .media-caption { position:absolute; top:77px; right:0; width:325px; color:#f3f3f3; font-size:14px; } .media-caption h2 { font-family: 'Oswald', sans-serif; color:#fff; text-shadow:none; font-size:50px; line-height:1em; margin-bottom:.2em; text-transform:uppercase; } .media-caption p { line-height:20px; } .media-caption .btn { margin-top:36px; } /* #Content ================================================== */ #content-wrapper { position:relative; top:-200px; } #content-wrapper:before { content:""; display:block; position:absolute; left:0; right:0; top:0; height:8px; } #content-wrapper .indent { padding:56px 0; } .home-page #content-wrapper .indent { padding:15px 0; } #content-wrapper {font-size:1em;} /* Heading */ #heading { height:181px; background:#0b4770 url(../images/heading-bg.jpg) 0 0 repeat-x; border-bottom:1px solid #001b2b; position:relative; } #heading .page-heading { padding:61px 0 0 0; } #heading .page-heading h1 { font-size:50px; font-family: 'Oswald', sans-serif; line-height:1em; margin:0; padding:0; text-transform:uppercase; color:#f3f3f3; text-shadow:none; word-spacing:.1em; } /* Breadcrumbs */ .breadcrumbs { margin:0; padding:13px 0 0 0; } .breadcrumbs ul { margin:0; padding:0; } .breadcrumbs li { background:url(../images/arrow-left.gif) 0 7px no-repeat; padding:0 0 0 13px; margin:0 11px 0 0; font-family: 'MuseoSans500Regular', Arial, sans-serif; float:left; color:#fff; } .breadcrumbs li:first-child { background:none; padding-left:0; } .breadcrumbs li a { color:#fff; } .breadcrumbs li a:hover { text-decoration:none; color:#4e9bc6; } .breadcrumbs li.current { color:#b5c922; } /* Navigation Active States Styling */ .why-its-better-page .better-nav-active a, .who-uses .who-uses-nav-ative a, .overview-section .overview-nav a, .tibbr-apps-page .apps-nav a, .news-page .tell-more-nav-active a, .mobile-page .mobile-page-nav a, .admin-section .security-nav a, .press-page .press-nav a, .news-page .news-nav a, .events-page .events-nav a, .videos-page .videos-nav a, .presentations-page .presentations-nav a, .whitepapers-page .white-papers-nav a, .analyst-reports-page .analyst-reports-nav a, .webinars-page .webinars-nav a, .tibbr-releases-page .releases-nav a, {color:#006699 !important;} /* Home Page ---------------------------------------- .home-page #wrapper {height:95%;}*/ .home-page #wrapper {height:100%;} .video-container-1 {display:none;} /* Primary Home Area */ #primary-home-area { background: transparent url('../imgs/white-transparency.png') repeat center center; } /* Intro widget */ .intro-widget { text-align:left; } .intro-widget h2 { text-align:left; color:#006699 !important; } /* Secondary Home Area */ #secondary-home-area { border-top:1px solid #fff; border-bottom:1px solid #dcdcdc; position:relative; } #secondary-home-area:before { content:""; display:block; position:absolute; left:50%; top:-2px; margin-left:-42px; width:85px; height:26px; background:url(../images/content-arrow.gif) 0 0 no-repeat; } /* Tertiary Home Area */ #tertiary-home-area { background:#f7f7f7; border-top:1px solid #fff; position:relative; padding:55px 0 45px 0 !important; } #tertiary-home-area:before { content:""; display:block; position:absolute; left:50%; top:-2px; margin-left:-42px; width:85px; height:26px; background:url(../images/content-arrow-alt.gif) 0 0 no-repeat; } /* Who uses tibbr page */ .who-uses-row {width:100%; position:relative; margin-top:-7px;} .who-uses-row img {width:100%;} .who-uses-quote {position:absolute; line-height:60px; color:#fefefe; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight:100; font-size:42px;} .who-uses-quote span {font-weight:bold; font-size:72px; vertical-align:-27px;} .who-uses-quote:first-letter {margin-left:-33px;} .who-uses-quote .author {font-size:20px; font-weight:bold; vertical-align:inherit; white-space:no-wrap !important; display:block; margin-top:-14px;} .who-uses-btn {position:absolute; right:1.4%; bottom:2%; width:12.5%;} .kpmg-quote {width:600px; left:4.2%; top:18%;} .thomson-reuters-quote {width:73%; bottom:5%; left:4.2%;} .nielsen-quote {top:5%; left:4.2%; width:66%;} .schneider-quote {top:5%; left:4.2%; width:66%;} .interport-quote {width:600px; left:4.2%; bottom:5%;} #other-customers {width:87.5%; margin-left:auto; margin-right:auto; padding-top:5%;} #other-customers .customer {width:25%; float:left; text-align:center; margin-bottom:20px;} #other-customers .customer img {width:100%;} #other-customers h3 {font-weight:light; font-size:62px; color:#006699;} /* Who uses tibbr secondary pages */ .uses-secondary-banner img {width:100%;} .uses-content {width:1620px; margin-left:auto; margin-right:auto;} .uses-content-left {width:66%; float:left;} .uses-content .who-uses-quote {position:static; width:100%; margin-top:10.4%; padding:5%;} .uses-content-left {font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; font-size:24px; font-weight:100; color:#676766;} .uses-content-left p {width:86%; line-height:40px; margin-top:60px; padding-left:20px;} .uses-content-right {width:33%; float:right; margin-top:-13.6%;} .who-uses-quote {border-radius:20px; margin-bottom:25px;} .who-uses-quote p {font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; font-size:32px; margin-bottom:0; width:90%; line-height:50px; margin-left:auto; margin-right:auto;} .who-uses-quote p.author {text-align:right;} .uses-content .who-uses-quote {width:80%;} .uses-content .who-uses-quote .author {margin-top:0;} /* Why its better page styles */ #better-wrapper {margin-top:-6px; padding-top:70px; background:url('../imgs/paper-bg.jpg') repeat center center;} #better-wrapper .row {position:relative; margin-bottom:0px;} #better-wrapper .row img {width:100%;} .better-text, .clouds-text {font-size:1em; position:absolute;} .better-text h2 {font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; color:#006699; font-weight:bold; font-size:3em; margin-bottom:0.155em;} .better-text h3, .better-text h6, .better-text p {font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; color:#333333;} .better-text h3 {font-weight:200; font-size:4.35em;} .better-text h6 {font-weight:bold; font-size:2.14em; margin-bottom:0.8em;} .better-text p {font-weight:100; font-size:2.164em; line-height:1.3em;} .tablet .better-text {top:15%; left:37.5%;} .laptop .better-text {top:7%; left:15.5%;} .phone .better-text {top:5%; left:41%;} .phone #clouds-1 {bottom:31.843%; left:18.75%;} .phone #clouds-2 {bottom:14.3%; left:41%;} .clouds-text h2, .clouds-text h3, .clouds-text p {color:#ffffff; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;} .clouds-text h2 {font-size:3em; margin-bottom:0.155em; } .clouds-text h3 {font-size:4.185em; font-weight:200; margin-bottom:0.4em;} .clouds-text p {font-weight:100; font-size:2.164em; line-height:1.3em; margin-bottom:0; letter-spacing:0.02em;} #better-slider {position:relative; margin-top:-9px;} #better-slider ul {position:relative; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;} #better-slider ul ul li {padding-left:13.6%; padding-top:1em; padding-bottom:1em;} #better-slider {position:relative;} #better-slider .bjqs-prev {position:absolute; bottom:44em; left:5%;} #better-slider .bjqs-next {position:absolute; bottom:44em; right:5%;} #better-slider .slide-text {position:absolute; left:15.1%; top:34%; font-size:1em;} #better-slider .slide-text h3 {font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; color:#006699; font-weight:bold; font-size:4.3em; letter-spacing:-0.02em;} #better-slider .slide-text h5, #better-slider .slide-text p { font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; color:#333333;} #better-slider .slide-text h5 {font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight:bold; font-size:2.14em;} #better-slider .slide-text p {font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight:100; font-size:2.164em; line-height:1.3em; letter-spacing:0.02em;} #better-slider .security li {background: url('../imgs/security-icon-1.png') no-repeat left top; background-size:11.25em;} #better-slider .security li + li {background: url('../imgs/security-icon-2.png') no-repeat left top; background-size:11.25em;} #better-slider .security li + li + li {background: url('../imgs/security-icon-3.png') no-repeat left top; background-size:11.25em;} #better-slider .analytics li {background: url('../imgs/analytics-icon-1.png') no-repeat left top; background-size:11.25em;} #better-slider .analytics li + li {background: url('../imgs/analytics-icon-2.png') no-repeat left top; background-size:11.25em;} #better-slider .analytics li + li + li {background: url('../imgs/analytics-icon-3.png') no-repeat left top; background-size:11.25em;} #better-slider .privacy li {background: url('../imgs/privacy-icon-1.png') no-repeat left top; background-size:11.25em;} #better-slider .privacy li + li {background: url('../imgs/privacy-icon-2.png') no-repeat left top; background-size:11.25em;} #better-slider .privacy li + li + li {background: url('../imgs/privacy-icon-3.png') no-repeat left top; background-size:11.25em;} #better-slider ol.bjqs-markers.h-centered {position:absolute; top:0; margin-top:0; background:#333333; height:9.7em; padding:5em 0;} #better-slider ol.bjqs-markers.h-centered li {margin-left:3.5em; margin-right:3.5em;} #better-slider ol.bjqs-markers.h-centered li a {background:url('../imgs/security.png') no-repeat top left; color:transparent; height:8.62em; width:26em; background-size:100%;} #better-slider ol.bjqs-markers.h-centered li + li a {background:url('../imgs/analytics.png') no-repeat top left; color:transparent; height:8.62em; width:26em; background-size:100%;} #better-slider ol.bjqs-markers.h-centered li + li + li a {background:url('../imgs/privacy.png') no-repeat top left; color:transparent; height:8.62em; width:26em; background-size:100%;} #better-slider ol.bjqs-markers.h-centered li.active-marker a {background:url('../imgs/security-active.png') no-repeat top left; color:transparent; height:8.62em; width:26em; background-size:100%;} #better-slider ol.bjqs-markers.h-centered li + li.active-marker a {background:url('../imgs/analytics-active.png') no-repeat top left; color:transparent; height:8.62em; width:26em; background-size:100%;} #better-slider ol.bjqs-markers.h-centered li + li + li.active-marker a {background:url('../imgs/privacy-active.png') no-repeat top left; color:transparent; height:8.62em; width:26em; background-size:100%;} #better-slider ul.bjqs {padding-bottom:200px !important;} /* Overview Secondary Page Styles */ .page .banner {position:relative; margin-top:158px;} .page .banner img {width:100%; max-height:520px;} .banner-text .404-section {float:left; width:50%;background:red;} .banner-text h5 { color: white; font-size: 18px; display: block; clear: both; margin-bottom:15px; } .banner-signup p { width: 679px; text-align:center; margin:0 auto; display:block; font-size:18px; margin-top: 12px; margin-bottom: 5px; } .banner-footer input[type="text"]{ background:rgba(255,255,255,.5); border:none; color:white; font-size:18px; letter-spacing:1px; width: 535px; margin-right:10px; padding: 12px;; float:left; } .banner-footer input[type="submit"] { background: #c7db06; font-size: 20px; line-height: 24px; text-align: left; cursor: pointer; color: #006699; padding: 0 20px; border-radius: 2px; height:46px; border: none; font-size: 15px; letter-spacing: 1px; float:left; } .page .banner .banner-text {font-size:1em; position:absolute; bottom:80px; left:50%; margin-left:-500px!important;} .page .banner .banner-text h1 {font-size:4.37em; color:#FFF; font-weight:bold; margin-bottom:0.2em;} .page .banner .banner-text h2 {font-size:3.5em; font-weight:300; color:#fff; margin-bottom:0;} .page .desc-wrapper, .tell-me-more-page .desc-wrapper {background: url('../imgs/paper-bg.jpg') repeat center center; padding-bottom:160px;} .desc-content {width:1000px; font-size:1em; margin-left:auto; margin-right:auto; padding-top:70px; margin-top:-9px; position:relative;} .desc-content .inner {width:66%;} .desc-content p {font-size:2.164em; font-weight:200; line-height:1.3em; letter-spacing:.02em;margin-bottom:1.5em !important;} .desc-content h3 {color:#006699; font-weight:200; font-size:3.5em;} #page-desc-slideshow {position:absolute !important; top:25%; right:-350px;} #page-slideshow {margin-bottom:70px;} #page-slideshow .desc-content {text-align:center; position:absolute; top:0%; margin-top:0%; padding-top:80px; left:50%; margin-left:-500px;} #page-slideshow ul li {position:relative;} #page-slideshow .bjqs-prev, #page-slideshow .bjqs-next {position:absolute; bottom:35em;} #page-slideshow .bjqs-next {right:17%;} #page-slideshow .bjqs-prev {left:17%;} #page-desc-slideshow ol.bjqs-markers.h-centered,.page-desc-slideshow ol.bjqs-markers.h-centered, #page-slideshow ol.bjqs-markers.h-centered {margin-top:-4px; background:url('../imgs/paper-bg.jpg') repeat center center; padding-top:20px; padding-bottom:20px;} #page-desc-slideshow ol.bjqs-markers.h-centered li a,.page-desc-slideshow ol.bjqs-markers.h-centered a, #page-slideshow ol.bjqs-markers.h-centered li a {background:url('../imgs/hollow-dot.png') no-repeat top center; height:30px; width:30px; color:transparent;} #page-desc-slideshow ol.bjqs-markers.h-centered li.active-marker a,.mag-wrapper ol.bjqs-markers.h-centered li.active-marker a, .page-desc-slideshow ol.bjqs-markers.h-centered li.active-marker a, #page-slideshow ol.bjqs-markers.h-centered li.active-marker a {background:url('../imgs/blue-dot.png') no-repeat top center;} #page-desc-slideshow ol.bjqs-markers.h-centered, .page-desc-slideshow ol.bjqs-markers.h-centered {background:none !important;} .ideas-page.no-p .desc-content h3 {margin-top:30px !important;} /* Overview Secondary Page Side Nav */ #left-side-nav {position:fixed; left:0; bottom:0; width:311px; z-index:500000; height:550px;} #left-side-nav ul {background: url('../imgs/left-side-nav-bg.png') repeat-y top left; margin-top:-7px; margin-bottom:0; padding-left:0; padding-top:20px; font-size:1em;} #left-side-nav ul + img {margin-top:-5px;} #left-side-nav ul li {padding-left:0; width:96%;} #left-side-nav ul li:hover, #left-side-nav.apps ul li:hover, #left-side-nav.security ul li:hover, #left-side-nav.integration ul li:hover {background:#fe983c;} #left-side-nav ul li a {font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; color:#676767; font-size:1.67em; display:block; width:100%; padding-left:0; text-indent:25%; padding-top:.78em; padding-bottom:.625em;} #left-side-nav ul li a:hover {text-decoration:none; background:#fe983c; color:#fff;} #left-side-nav ul li {background: url('../imgs/pencil.png') no-repeat 12% center;} #left-side-nav ul li + li {background: url('../imgs/profiles.png') no-repeat 12% center;} #left-side-nav ul li + li + li {background: url('../imgs/subjects.png') no-repeat 12% center;} #left-side-nav ul li + li + li + li {background: url('../imgs/events.png') no-repeat 12% center;} #left-side-nav ul li + li + li + li + li {background: url('../imgs/search.png') no-repeat 12% center;} #left-side-nav ul li + li + li + li + li + li{background: url('../imgs/notifications.png') no-repeat 12% center;} #left-side-nav ul li + li + li + li + li + li + li{background: url('../imgs/insights.png') no-repeat 12% center;} #left-side-nav ul li + li + li + li + li + li + li + li{background: url('../imgs/chat.png') no-repeat 12% center;} #left-side-nav ul li + li + li + li + li + li + li + li + li{background: url('../imgs/polls.png') no-repeat 12% center;} #left-side-nav ul li + li + li + li + li + li + li + li + li + li{background: url('../imgs/recommendations.png') no-repeat 12% center;} #left-side-nav ul li + li + li + li + li + li + li + li + li + li + li {background: url('../imgs/communities.png') no-repeat 12% center;} #left-side-nav ul li a:hover, .microblogging-page #left-side-nav .microblogging-active a {background: url('../imgs/pencil-active.png') no-repeat 12% center; color:#fff;} #left-side-nav ul li + li a:hover, .profiles-page #left-side-nav .profiles-active a {background: url('../imgs/profiles-active.png') no-repeat 12% center; color:#fff;} #left-side-nav ul li + li + li a:hover, .subjects-page #left-side-nav .subjects-active a {background: url('../imgs/subjects-active.png') no-repeat 12% center; color:#fff;} #left-side-nav ul li + li + li + li a:hover, .events-page #left-side-nav .events-active a {background: url('../imgs/events-active.png') no-repeat 12% center; color:#fff;} #left-side-nav ul li + li + li + li + li a:hover, .search-page #left-side-nav .search-active a {background: url('../imgs/search-active.png') no-repeat 12% center; color:#fff;} #left-side-nav ul li + li + li + li + li + li a:hover, .notifications-page #left-side-nav .notifications-active a {background: url('../imgs/notifications-active.png') no-repeat 12% center; color:#fff;} #left-side-nav ul li + li + li + li + li + li + li a:hover, .insights-page #left-side-nav .insights-active a {background: url('../imgs/insights-active.png') no-repeat 12% center; color:#fff;} #left-side-nav ul li + li + li + li + li + li + li + li a:hover, .chat-page #left-side-nav .chat-active a {background: url('../imgs/chat-active.png') no-repeat 12% center; color:#fff;} #left-side-nav ul li + li + li + li + li + li + li + li + li a:hover, .polls-page #left-side-nav .polls-active a {background: url('../imgs/polls-active.png') no-repeat 12% center; color:#fff;} #left-side-nav ul li + li + li + li + li + li + li + li + li + li a:hover, .recommendations-page #left-side-nav .recommendations-active a {background: url('../imgs/recommendations-active.png') no-repeat 12% center; color:#fff;} #left-side-nav ul li + li + li + li + li + li + li + li + li + li + li a:hover, .communities-page #left-side-nav .communities-active a {background: url('../imgs/communities-active.png') no-repeat 12% center; color:#fff;} /* Apps Secondary Page Side Nav */ #left-side-nav.apps ul li {background: url('../imgs/files.png') no-repeat 12% center;} #left-side-nav.apps ul li + li {background: url('../imgs/pages.png') no-repeat 12% center;} #left-side-nav.apps ul li + li + li {background: url('../imgs/tasks.png') no-repeat 12% center;} #left-side-nav.apps ul li + li + li + li {background: url('../imgs/ideas.png') no-repeat 12% center;} #left-side-nav.apps ul li + li + li + li + li {background: url('../imgs/meetings.png') no-repeat 12% center;} #left-side-nav.apps ul li + li + li + li + li + li {background: url('../imgs/twitter.png') no-repeat 12% center;} #left-side-nav.apps ul li + li + li + li + li + li + li {background: url('../imgs/facebook.png') no-repeat 12% center;} #left-side-nav.apps ul li + li + li + li + li + li + li + li {background: url('../imgs/linkedin.png') no-repeat 12% center;} #left-side-nav.apps ul li + li + li + li + li + li + li + li + li {background: url('../imgs/sharepoint.png') no-repeat 12% center;} #left-side-nav.apps ul li + li + li + li + li + li + li + li + li + li {background: url('../imgs/outlook.png') no-repeat 12% center;} #left-side-nav.apps ul li + li + li + li + li + li + li + li + li + li + li {background: url('../imgs/netsuite.png') no-repeat 12% center;} #left-side-nav.apps ul li a:hover, .files-page #left-side-nav.apps .files-active a {background: url('../imgs/files-active.png') no-repeat 12% center; color:#fff;} #left-side-nav.apps ul li + li a:hover, .pages-page #left-side-nav.apps .pages-active a {background: url('../imgs/pages-active.png') no-repeat 12% center; color:#fff;} #left-side-nav.apps ul li + li + li a:hover, .tasks-page #left-side-nav.apps .tasks-active a {background: url('../imgs/tasks-active.png') no-repeat 12% center; color:#fff;} #left-side-nav.apps ul li + li + li + li a:hover, .ideas-page #left-side-nav.apps .ideas-active a {background: url('../imgs/ideas-active.png') no-repeat 12% center; color:#fff;} #left-side-nav.apps ul li + li + li + li + li a:hover, .meetings-page #left-side-nav.apps .meetings-active a {background: url('../imgs/meetings-active.png') no-repeat 12% center; color:#fff;} #left-side-nav.apps ul li + li + li + li + li + li a:hover, .twitter-page #left-side-nav .twitter-active a {background: url('../imgs/twitter-active.png') no-repeat 12% center; color:#fff;} #left-side-nav.apps ul li + li + li + li + li + li + li a:hover, .facebook-page #left-side-nav .facebook-active a {background: url('../imgs/facebook-active.png') no-repeat 12% center; color:#fff;} #left-side-nav.apps ul li + li + li + li + li + li + li + li a:hover, .linkedin-page #left-side-nav .linkedin-active a {background: url('../imgs/linkedin-active.png') no-repeat 12% center; color:#fff;} #left-side-nav.apps ul li + li + li + li + li + li + li + li + li a:hover, .sharepoint-page #left-side-nav .sharepoint-active a {background: url('../imgs/sharepoint-active.png') no-repeat 12% center; color:#fff;} #left-side-nav.apps ul li + li + li + li + li + li + li + li + li + li a:hover, .outlook-page #left-side-nav .outlook-active a {background: url('../imgs/outlook-active.png') no-repeat 12% center; color:#fff;} #left-side-nav.apps ul li + li + li + li + li + li + li + li + li + li + li a:hover, .netsuite-page #left-side-nav .netsuite-active a {background: url('../imgs/netsuite-active.png') no-repeat 12% center; color:#fff;} /* Security Secondary Page Side Nav */ #left-side-nav.security ul li {background: url('../imgs/admin.png') no-repeat 12% center;} #left-side-nav.security ul li + li {background: url('../imgs/admin-analytics.png') no-repeat 12% center;} #left-side-nav.security ul li + li + li {background: url('../imgs/branding.png') no-repeat 12% center;} #left-side-nav.security ul li + li + li + li {background: url('../imgs/onsite.png') no-repeat 12% center;} #left-side-nav.security ul li + li + li + li + li {background: url('../imgs/cloud.png') no-repeat 12% center;} #left-side-nav.security ul li + li + li + li + li + li {background: url('../imgs/announcements.png') no-repeat 12% center;} #left-side-nav.security ul li + li + li + li + li + li + li {background: url('../imgs/adoption.png') no-repeat 12% center;} #left-side-nav.security ul li + li + li + li + li + li + li + li {background: url('../imgs/ediscovery.png') no-repeat 12% center;} #left-side-nav.security ul li a:hover, .admin-page #left-side-nav.security .admin-active a {background: url('../imgs/admin-white.png') no-repeat 12% center; color:#fff;} #left-side-nav.security ul li + li a:hover, .analytics-page #left-side-nav.security .analytics-active a {background: url('../imgs/analytics-white.png') no-repeat 12% center; color:#fff;} #left-side-nav.security ul li + li + li a:hover, .branding-page #left-side-nav.security .branding-active a {background: url('../imgs/branding-white.png') no-repeat 12% center; color:#fff;} #left-side-nav.security ul li + li + li + li a:hover, .onsite-page #left-side-nav.security .onsite-active a {background: url('../imgs/onsite-white.png') no-repeat 12% center; color:#fff;} #left-side-nav.security ul li + li + li + li + li a:hover, .cloud-page #left-side-nav.security .cloud-active a {background: url('../imgs/cloud-white.png') no-repeat 12% center; color:#fff;} #left-side-nav.security ul li + li + li + li + li + li a:hover, .announcements-page #left-side-nav.security .announcements-active a {background: url('../imgs/announcements-white.png') no-repeat 12% center; color:#fff;} #left-side-nav.security ul li + li + li + li + li + li + li a:hover, .adoption-page #left-side-nav.security .adoption-active a {background: url('../imgs/adoption-white.png') no-repeat 12% center; color:#fff;} #left-side-nav.security ul li + li + li + li + li + li + li + li a:hover, .ediscovery-page #left-side-nav.security .ediscovery-active a {background: url('../imgs/ediscovery-white.png') no-repeat 12% center; color:#fff;} /* Integration Secondary Page Side Nav */ #left-side-nav {position:absolute; top:0px!important;} .is-sticky #left-side-nav{ top:160px!important; } #left-side-nav.integration ul li {background: url('../imgs/integration.png') no-repeat 12% center;} #left-side-nav.integration ul li + li {background: url('../imgs/active-directory.png') no-repeat 12% center;} #left-side-nav.integration ul li + li + li {background: url('../imgs/sharepoint.png') no-repeat 12% center;} #left-side-nav.integration ul li + li + li + li{background: url('../imgs/webex.png') no-repeat 12% center;} #left-side-nav.integration ul li + li + li + li + li{background: url('../imgs/gadgets.png') no-repeat 12% center;} #left-side-nav.integration ul li + li + li + li + li + li {background: url('../imgs/spotfire.png') no-repeat 12% center;} #left-side-nav.integration ul li + li + li + li + li + li + li {background: url('../imgs/twitter.png') no-repeat 12% center;} #left-side-nav.integration ul li + li + li + li + li + li + li + li {background: url('../imgs/facebook.png') no-repeat 12% center;} #left-side-nav.integration ul li + li + li + li + li + li + li + li + li {background: url('../imgs/linkedin.png') no-repeat 12% center;} #left-side-nav.integration ul li + li + li + li + li + li + li + li + li + li {background: url('../imgs/salesforce.png') no-repeat 12% center;} #left-side-nav.integration ul li + li + li + li + li + li + li + li + li + li + li {background: url('../imgs/oracle.png') no-repeat 12% center;} #left-side-nav.integration ul li + li + li + li + li + li + li + li + li + li + li + li {background: url('../imgs/huddle.png') no-repeat 12% center;} #left-side-nav.integration ul li + li + li + li + li + li + li + li + li + li + li + li + li {background: url('../imgs/wazoku.png') no-repeat 12% center;} #left-side-nav.integration ul li + li + li + li + li + li + li + li + li + li + li + li + li + li {background: url('../imgs/rss.png') no-repeat 12% center;} #left-side-nav.integration ul li a:hover, .integration-page #left-side-nav.integration .integration-active a {background: url('../imgs/integration-active.png') no-repeat 12% center; color:#fff;} #left-side-nav.integration ul li + li a:hover, .active-page #left-side-nav.integration .active-active a {background: url('../imgs/active-directory-active.png') no-repeat 12% center; color:#fff;} #left-side-nav.integration ul li + li + li a:hover, .sharepoint-page #left-side-nav.integration .sharepoint-active a {background: url('../imgs/sharepoint-active.png') no-repeat 12% center; color:#fff;} #left-side-nav.integration ul li + li + li + li a:hover, .webex-page #left-side-nav.integration .webex-active a {background: url('../imgs/webex-active.png') no-repeat 12% center; color:#fff;} #left-side-nav.integration ul li + li + li + li + li a:hover, .gadgets-page #left-side-nav.integration .gadgets-active a {background: url('../imgs/gadgets-active.png') no-repeat 12% center; color:#fff;} #left-side-nav.integration ul li + li + li + li + li + li a:hover, .spotfire-page #left-side-nav.integration .spotfire-active a {background: url('../imgs/spotfire-active.png') no-repeat 12% center; color:#fff;} #left-side-nav.integration ul li + li + li + li + li + li + li a:hover, .twitter-page #left-side-nav.integration .twitter-active a {background: url('../imgs/twitter-active.png') no-repeat 12% center; color:#fff;} #left-side-nav.integration ul li + li + li + li + li + li + li + li a:hover, .facebook-page #left-side-nav .facebook-active a {background: url('../imgs/facebook-active.png') no-repeat 12% center; color:#fff;} #left-side-nav.integration ul li + li + li + li + li + li + li + li + li a:hover, .linkedin-page #left-side-nav.linkedin-active a {background: url('../imgs/linkedin-active.png') no-repeat 12% center; color:#fff;} #left-side-nav.integration ul li + li + li + li + li + li + li + li + li + li a:hover, .salesforce-page #left-side-nav.integration .salesforce-active a {background: url('../imgs/salesforce-active.png') no-repeat 12% center; color:#fff;} #left-side-nav.integration ul li + li + li + li + li + li + li + li + li + li + li a:hover, .oracle-page #left-side-nav.integration .oracle-active a {background: url('../imgs/oracle-active.png') no-repeat 12% center; color:#fff;} #left-side-nav.integration ul li + li + li + li + li + li + li + li + li + li + li + li a:hover, .huddle-page #left-side-nav.integration .huddle-active a {background: url('../imgs/huddle-active.png') no-repeat 12% center; color:#fff;} #left-side-nav.integration ul li + li + li + li + li + li + li + li + li + li + li + li + li a:hover, .wazoku-page #left-side-nav.integration .wazoku-active a {background: url('../imgs/wazoku-active.png') no-repeat 12% center; color:#fff;} #left-side-nav.integration ul li + li + li + li + li + li + li + li + li + li + li + li + li + li a:hover, .rss-page #left-side-nav.integration .rss-active a {background: url('../imgs/rss-active.png') no-repeat 12% center; color:#fff;} /* tibbr releases Page Side Nav */ #left-side-nav.releases ul li {background: url('../imgs/tibbr-5.1.png') no-repeat 12% center;} #left-side-nav.releases ul li + li {background: url('../imgs/tibbr-5.1.png') no-repeat 12% center;} #left-side-nav.releases ul li + li + li {background: url('../imgs/tibbr-5.1.png') no-repeat 12% center;} #left-side-nav.releases ul li a:hover, .fiveone-page #left-side-nav.releases .fiveone-active a {background: url('../imgs/tibbr-5.1-active.png') no-repeat 12% center; color:#fff;background-color: #fe983c !important;} #left-side-nav.releases ul li + li a:hover, .fiveo-page #left-side-nav.releases .fiveo-active a {background: url('../imgs/tibbr-5.1-active.png') no-repeat 12% center; color:#fff;} #left-side-nav.releases ul li + li + li a:hover, .fourtwo-page #left-side-nav.releases .fourtwo-active a {background: url('../imgs/tibbr-5.1-active.png') no-repeat 12% center; color:#fff;} /* Left Side Navigation Over State BG Color */ .microblogging-page #left-side-nav .microblogging-active, .profiles-page #left-side-nav .profiles-active, .subjects-page #left-side-nav .subjects-active, .search-page #left-side-nav .search-active, .notifications-page #left-side-nav .notifications-active, .insights-page #left-side-nav .insights-active, .chat-page #left-side-nav .chat-active, .polls-page #left-side-nav .polls-active, .recommendations-page #left-side-nav .recommendations-active, .communities-page #left-side-nav .communities-active, .files-page #left-side-nav.apps .files-active, .pages-page #left-side-nav.apps .pages-active, .tasks-page #left-side-nav.apps .tasks-active, .meetings-page #left-side-nav.apps .meetings-active, .events-page #left-side-nav .events-active, .admin-page #left-side-nav.security .admin-active, .analytics-page #left-side-nav.security .analytics-active, .branding-page #left-side-nav.security .branding-active, .onsite-page #left-side-nav.security .onsite-active, .cloud-page #left-side-nav.security .cloud-active, .announcements-page #left-side-nav.security .announcements-active, .adoption-page #left-side-nav.security .adoption-active, .ediscovery-page #left-side-nav.security .ediscovery-active, .integration-page #left-side-nav.integration .integration-active, .active-page #left-side-nav.integration .active-active, .sharepoint-page #left-side-nav .sharepoint-active, .webex-page #left-side-nav.integration .webex-active, .gadgets-page #left-side-nav.integration .gadgets-active, .spotfire-page #left-side-nav.integration .spotfire-active, .twitter-page #left-side-nav .twitter-active, .facebook-page #left-side-nav .facebook-active, .linkedin-page #left-side-nav .linkedin-active, .salesforce-page #left-side-nav.integration .salesforce-active, .oracle-page #left-side-nav.integration .oracle-active, .huddle-page #left-side-nav.integration .huddle-active, .wazoku-page #left-side-nav.integration .wazoku-active, .rss-page #left-side-nav.integration .rss-active, .ideas-page #left-side-nav.apps .ideas-active, .netsuite-page .netsuite-active, .outlook-page .outlook-active, .fiveone-page .fiveone-active, .fiveo-page .fiveo-active, .fourtwo-page .fourtwo-active {background:#fe983c !important;} /* Tell Me More Page Styles */ .page.tell-me-more-page .banner-text h1 { float:left;} h2.tell-me-more-gray {color:#676767; font-size:2.5em; width:290px;margin-top:5px;} h2.tell-me-more-gray span {font-weight:bold;} ul.tabs {float:right; margin-top:0; margin-bottom:0; border-radius:5px; background:#fff; border:1px solid #ccc;} ul.tabs li {display:inline-block; padding-left:0; margin-bottom:0; border-right:1px solid #ccc;} ul.tabs li a {display:block; background:#fff; padding:15px 20px; color:#006699; font-size:15px;} ul.tabs li a:hover {text-decoration:none !important;} ul.tabs li a.active {color:#cccccc;} .news-row .news-container {float:left; width:24%; margin-left:1.068%; border:1px #ccc solid;} .news-row .news-container.first {margin-left:0;} .share img {width:auto; height:auto;} .news-container {background:#fff;} .news-info {padding-top:5px; min-height:211px; position:relative;} .news-info a h5 {color:#14669b; font-size:1.06em; font-weight:bold; width:90%; margin-left:auto; margin-right:auto; line-height:1.2em; margin-bottom:10px;} .news-info p {color:#676766; font-size:1em; width:90%; margin-left:auto; margin-right:auto; font-weight:400;} .news-container.item > a { width:100%; display:block; } .news-container > a img { width:100%; height:auto; max-width:999px; } /* News Page Styles */ .share-links {display:none; padding-bottom:10px;} .news-container .fb_iframe_widget {top:-7px; left:4px;} .news-row {margin-bottom:25px;} .share-links .fb_iframe_widget {float:left; position:static; margin-left:5px;} .cleaner + .news-row {margin-top:30px;} .press-entry h4, .readmore-js-toggle {color:#14669b; font-size:1.515em; font-weight:bold; text-transform:none;} .press-entry {padding:30px 0; background:url('../imgs/dotted-line.png') no-repeat left bottom; background-size:66%;} .press-entry p.press-date {font-weight:bold;} .press-entry p {font-size:1.2em; font-weight:400;} .readmore-js-toggle {margin-top:30px;} .share-links {min-height:24px; position:absolute; bottom:0;} div.share {height:24px; position:absolute; bottom:0;} /* Upcoming Events Page Styles */ .events-row {background-color:#FFF; margin-bottom:20px; border:1px solid #ddd;} .events-row img {float:left;} .events-row h5 {font-size:1.7em; color:#676767; float:none; margin-top:20px; margin-left:20px;} .events-row h6 {font-size:1.6em; color:#aaaaaa; float:none; margin-top:10px; margin-left:220px;} .upcoming-events-page .tell-me-more-gray {margin-bottom:45px;} /* Videos Page Styles */ .videos-page .banner .btn-holder {position:absolute; top:61%; left:50%; margin-left:-150px;} .videos-page .desc-content {padding-top:4em;} .video-column {width:31.4%; float:left; margin-left:2.8%; margin-bottom:0.5em;} .video-column.first {margin-left:0;} .video-container {width:100%; background-color:#fff; border: solid 1px #aaa;} .video-container iframe {margin-left:auto; margin-right:auto; display:block; margin-top:5px; width:97%;} .video-container p a {font-size:0.9em; color:#444444; width:90%; margin-left:auto; margin-right:auto; font-weight:normal; display:block; margin-top:.6em; line-height:1.4em;} .video-container p {margin-bottom:.8em !important;} .video-container .player .controls .play .tiny-bars, .video-container .player .controls .tiny-fullscreen-cell{display:none !important;} /* Mobile Page Styles */ .mobile-page .banner .banner-text {margin-left:-500px;} .mobile-page .desc-content {width:1000px; margin-left:auto; margin-right:auto; padding-top:3em;} .mobile-page .desc-content .inner {width:60%; float:right; padding:5px; margin-top:10%!important} .mobile-page #page-desc-slideshow {left:-55px;} .mobile-page .desc-content h3 {padding-bottom:0.4em; margin-bottom:0.5em;} .mobile-page .desc-content + .desc-content {padding-top: 100px;} .mobile-page #page-desc-slideshow-2 {position:absolute !important; right:0;} .mobile-page #page-desc-slideshow-2 ol.bjqs-markers.h-centered, .mobile-page #page-desc-slideshow-3 ol.bjqs-markers.h-centered {margin-top:15px; background:none; left:800px !important; width:100px;} .mobile-page #page-desc-slideshow-2 ol.bjqs-markers.h-centered li a, .mobile-page #page-desc-slideshow-3 ol.bjqs-markers.h-centered li a {background: url("../imgs/hollow-dot.png") no-repeat scroll center top rgba(0, 0, 0, 0); width:30px; height:30px; color:transparent;} .mobile-page #page-desc-slideshow-2 ol.bjqs-markers.h-centered li.active-marker a, .mobile-page #page-desc-slideshow-3 ol.bjqs-markers.h-centered li.active-marker a {background:url("../imgs/blue-dot.png") no-repeat scroll center top rgba(0, 0, 0, 0);} .mobile-page #page-desc-slideshow-3 {float:left;} .mobile-page #page-desc-slideshow-3 ol.bjqs-markers.h-centered {left:230px !important;} .mobile-page .desc-wrapper {padding-bottom:50px;} #mobile-page-desc-slideshow {display:none;} /* Presentations Page, White Papers Page, and Analyst Reports Page Styles */ .infographics-row, .whitepapers-row, .data-sheets-row, .analyst-reports-row {width:100%; margin-bottom:8em;} .infographics-row a.download-thumb, .whitepapers-row a.download-thumb, .data-sheets-row a.download-thumb, .analyst-reports-row a.download-thumb {float:left; display:block; width:192px; height:126px;margin-left:0; background-size:100%; margin-bottom:80px;} .infographics-row a.download-thumb{ background:url('/imgs/infographic-1.png') top left; } .infographics-row + .infographics-row a.download-thumb {float:left; display:block; width:192px; height:126px; background:url('/imgs/infographic-2.png') top left; margin-left:0;} .infographics-row + .infographics-row + .infographics-row a.download-thumb {float:left; display:block; width:192px; height:126px; background:url('/imgs/infographic-3.png') top left; margin-left:0;} .infographics-row h4, .whitepapers-row h4, .data-sheets-row h4, .analyst-reports-row h4 {color:#006699; font-size:2.2em; font-weight:bold; text-transform:none; width:79%; float:left; margin-left:15px; line-height:1em;} .infographics-row p, .whitepapers-row p, .data-sheets-row p, .analyst-reports-row p {font-size:1.4em; font-weight:normal; margin-top:0.8em; margin-bottom:0.8em !important; margin-left:15px !important; width:79%; float:left;} .infographics-row a, .whitepapers-row a, .data-sheets-row a, .analyst-reports-row a {margin-left:15px; float:left; color:#006699; font-size:1.4em;} .whitepapers-row a.download-thumb {background:url('/imgs/whitepaper-social-change.png') top left;} .whitepapers-row + .whitepapers-row a.download-thumb {background:url('/imgs/white-2.png') top left;} .whitepapers-row + .whitepapers-row + .whitepapers-row a.download-thumb {background:url('/imgs/white-3.png') top left;} .whitepapers-row + .whitepapers-row + .whitepapers-row + .whitepapers-row a.download-thumb {background:url('/imgs/whitepaper-knowledge-management.png') top left;} .whitepapers-row + .whitepapers-row + .whitepapers-row + .whitepapers-row + .whitepapers-row a.download-thumb {background:url('/imgs/white-5.png') top left;} .whitepapers-row + .whitepapers-row + .whitepapers-row + .whitepapers-row + .whitepapers-row + .whitepapers-row a.download-thumb {background:url('/imgs/white-6.png') top left;} .whitepapers-row + .whitepapers-row + .whitepapers-row + .whitepapers-row + .whitepapers-row + .whitepapers-row + .whitepapers-row a.download-thumb {background:url('/imgs/white-7.png') top left;} .whitepapers-row + .whitepapers-row + .whitepapers-row + .whitepapers-row + .whitepapers-row + .whitepapers-row + .whitepapers-row + .whitepapers-row a.download-thumb {background:url('/imgs/white-8.png') top left;} .whitepapers-row + .whitepapers-row + .whitepapers-row + .whitepapers-row + .whitepapers-row + .whitepapers-row + .whitepapers-row + .whitepapers-row + .whitepapers-row a.download-thumb {background:url('/imgs/white-9.png') top left;} .whitepapers-row + .whitepapers-row + .whitepapers-row + .whitepapers-row + .whitepapers-row + .whitepapers-row + .whitepapers-row + .whitepapers-row + .whitepapers-row + .whitepapers-row a.download-thumb {background:url('/imgs/white-14.png') top left;} .whitepapers-row + .whitepapers-row + .whitepapers-row + .whitepapers-row + .whitepapers-row + .whitepapers-row + .whitepapers-row + .whitepapers-row + .whitepapers-row + .whitepapers-row + .whitepapers-row + .whitepapers-row a.download-thumb {background:url('/imgs/white-13.png') top left;} .whitepapers-row.last, .data-sheets-row.last {margin-bottom:2em;} .data-sheets-row.first {margin-top:4em;} .data-sheets-row a.download-thumb {background:url('/imgs/data-sheet-1.png') top left;} .data-sheets-row + .data-sheets-row a.download-thumb {background:url('/imgs/data-sheet-2.png') top left;} .data-sheets-row + .data-sheets-row + .data-sheets-row a.download-thumb {background:url('/imgs/data-sheet-3.png') top left;} .data-sheets-row + .data-sheets-row + .data-sheets-row + .data-sheets-row a.download-thumb {background:url('/imgs/data-sheet-4.png') top left;} .analyst-reports-row a.download-thumb {background:url('/imgs/info-tech.png') top left;} .analyst-reports-row +.analyst-reports-row a.download-thumb {background:url('/imgs/roi.png') top left;} .analyst-reports-row +.analyst-reports-row + .analyst-reports-row a.download-thumb {background:url('/imgs/forst.jpg') top left;} .analyst-reports-row +.analyst-reports-row +.analyst-reports-row + .analyst-reports-row a.download-thumb {background:url('/imgs/report-1.jpg') top left;} .analyst-reports-row +.analyst-reports-row +.analyst-reports-row + .analyst-reports-row + .analyst-reports-row a.download-thumb {background:url('/imgs/report-2.jpg') top left;} .analyst-reports-row +.analyst-reports-row +.analyst-reports-row + .analyst-reports-row + .analyst-reports-row + .analyst-reports-row a.download-thumb {background:url('/imgs/report-3.jpg') top left;} /* On-Demand Webinars Page Styles */ .webinars-page .events-row iframe {float:left; display:block; width:201px; height:100px;} .webinars-page .video-column {margin-bottom:0;} /* Contact Us Page Styles */ .contact-page .desc-wrapper {padding-bottom:0;} .contact-page .banner .banner-text h1, .contact-page .desc-content p a {color:#006699;} .contact-page .banner .banner-text h1 span {font-weight:normal;} .contact-page .desc-content p {font-size:1.25em;} .contact-page .desc-content p span {font-weight:bold;} .contact-page .desc-content .left, .contact-page .desc-content .right {float:left; width:50%;} .contact-page form input, .contact-page form select {height:3em; background-color:#fff; margin-bottom:3em;} .contact-page form select {padding-top:8px;} .contact-page form textarea {background-color:#fff;} /* #Widgets ================================================== */ .home-page #widgets {margin-top:-202px;} #widgets { background:#3a3b3c url(../images/widget-bg.gif); color:#8899a1; border-top:2px solid #C1D72E; border-bottom:1px solid #2b2b2b; height:548px; position:relative; } #widgets .indent { padding:90px 0 131px 0; height:528px; background:url(../imgs/footer-bg.jpg) 0 0 repeat; } #widgets .widget { padding:14px 0 0 0; } #widgets .footer-category {width:14.25%; float:left;} #widgets .footer-category h6 {font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; font-size:18px; font-weight:bold; text-shadow:none; color:#f7f7f7; margin-bottom:6px;} #widgets .footer-category ul {list-style-type:none;} #widgets .footer-category ul li, #widgets .footer-category ul li a {color:#f7f7f7; font-size:14px; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; background:none; padding-left:0;} #popular-content-widget {width:50%; margin-left:auto; margin-right:auto; margin-top:30px;} #popular-content-widget ul {text-align:center; margin-top:4px;} #popular-content-widget ul li {background: url('/imgs/popular-content-item-bg.png') no-repeat left 2px; padding-left:10px;} #popular-content-widget h6 {font-size:13px; color:#999999; font-weight:bold; text-align:center; margin-bottom:0;} /* Extra Widget Area */ #widgets .extra-widget-area { } #widgets .extra-widget-area h4 { color:#88a919; } #widgets .extra-widget-area .inner { padding:0 0 0 60px; } #widgets .extra-widget-area .widget { margin-bottom:13px; } /* Additional styles */ .intro-widget h2 {width:27.5%; float:left; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight:bold; font-size:3em; background:url("../imgs/try-it-underling.png") no-repeat scroll left bottom rgba(0, 0, 0, 0); height:1.4em; background-size:100%; text-indent:.4em; padding-bottom:14px;} #try-it-now {float:left; margin-left:2.5%; width:70%;} #try-it-now-input {width:62.4%; height:3.5em; color:#676766; font-size:1.6em;} #try-it-now, #try-it-now-input, .submit-holder input {float:left !important;} .submit-holder input, #widgets a.get-started {margin-left:3.5%; height:3em; width:32.6%; background: #A82C29; /* Old browsers */ background: -moz-linear-gradient(top, #D9F234 0%, #A6C600 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D9F234), color-stop(100%,#A6C600)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #D9F234 0%,#A6C600 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #D9F234 0%,#A6C600 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #D9F234 0%,#A6C600 100%); /* IE10+ */ background: linear-gradient(to bottom, #D9F234 0%,#A6C600 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D9F234', endColorstr='#A6C600',GradientType=0 ); /* IE6-9 */ color: #333333; text-transform:none; font-family:'Helvetica Neue', Helevetica, Arial, sans-serif; font-size:1.9em; font-weight:bold; } .submit-holder input:hover {color:#333333 !important;} .button, button, input[type="submit"], input[type="reset"], input[type="button"] {text-shadow:none;} .cleaner {clear:both;} #widgets h2.try-it {width:51.29%; text-indent:1%; color:#fff; font-size:33px; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight:bold; float:left; height:58px; background:transparent url('../imgs/try-it-underline-2.png') no-repeat bottom left;} #widgets a.get-started {float:right; text-align:center; display:block; vertical-align:center; padding:14px 0px 11px; border-radius:5px; height:24px; width:42.57%; font-size:21.8px; margin-top:5px;} #widgets a.get-started:hover {text-decoration:none;} #widgets .container .grid_14 {margin-top:30px;} .cleaner.hide {display:none;} #footer-social {width:272px; margin-left:auto; margin-right:auto; margin-top:40px;} #footer-social ul li {float:left; background:none; padding-left:5px;} .nowrap {white-space:nowrap;} #header .fb_iframe_widget {right:0 !important;} #banner-slide .bjqs li .slide-text {margin-top:2% !important;} .submit-holder input[type="submit"]:hover { margin-left: 3.5%; height: 3em; width: 32.6%; background: #A82C29; background: -moz-linear-gradient(top, #D9F234 0%, #A6C600 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D9F234), color-stop(100%,#A6C600)); background: -webkit-linear-gradient(top, #D9F234 0%,#A6C600 100%); background: -o-linear-gradient(top, #D9F234 0%,#A6C600 100%); background: -ms-linear-gradient(top, #D9F234 0%,#A6C600 100%); background: linear-gradient(to bottom, #D9F234 0%,#A6C600 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D9F234', endColorstr='#A6C600',GradientType=0 ); color: #333333; text-transform: none; font-family: 'Helvetica Neue', Helevetica, Arial, sans-serif; font-size: 1.9em; font-weight: bold; opacity:.8; -webkit-opacity:.8; -moz-opacity:.8; transform:linear all .5s; -webkit-transform:linear all .5s; -moz-transform:linear all .5s; } #main-header #logo a {text-indent:0 !important;} #main-header #logo {background:none;} /* Tell me more */ .item { width:315px; background:#fbfbfb; border:1px solid #ddd; border-radius:2px; margin-bottom:17px; margin-right:0px; } .item-thumb { overflow:hidden; height:150px; position:relative; } .item-thumb img { width:100%; height:auto; display:block; } .item-btn-wrap { float:right; border-radius:2px; transition:linear all .5s; -webkit-transition:linear all .5s; -moz-transition:linear all .5s; cursor:pointer; background:#006699; color:white; padding:5px 17px; } .cta-section .cta-link { float:left; font-size: 16px; margin-top: 5px; } .cta-section .cta-link span { float:left; margin-right:10px; padding-top:2px; } .cta-section .cta-link span img { width:20px; } .item:hover .item-btn-wrap { transition:linear all .5s; -webkit-transition:linear all .5s; -moz-transition:linear all .5s; opacity:.8; -webkit-opacity:.8; -moz-opacity:.8; } .item-btn-wrap:hover { text-decoration:none; } .item-btn-wrap span { display:block; font-size:17px; font-weight:700; letter-spacing:0px; border-radius:2px; text-align:center; transition:linear all .5s; color:white; } .item-block { padding:15px 15px 25px; text-align:center; position:relative; text-align:left!important; } .item-thumb iframe { width:100%; height:auto; } .videos-page .item-block { padding-bottom:15px; } .news-container .item-block { padding-bottom:50px; } .news-container .item-block.cta-section { padding-bottom:15px!important; } .item-block a { color:#006699; font-size:20px; line-height:24px; text-align:left!important; cursor:pointer; } .item-link { text-align:center; display:block; cursor:pointer; } .item-link:hover { text-decoration:none; } .item-block p { color:#676767; line-height:24px; font-size:17px; text-align:left!important; margin:0!important; padding-top:10px; } .item-block .share { left:0; width:100%; } .item-block .share-links { border:none; } .item-block p span { margin-right:10px; height:30px; width:30px; float:left; margin-left:10px; } .item-block p span img { width:25px; height:auto; display:block; } .cta-section { background:#eee; padding:10px 15px; } .time-loc { position: absolute; bottom: 0; left: 0; right: 0; padding: 15px; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */ } .time-loc p { font-size:16px; color:white; margin-bottom:0!important; font-weight: 500!important; } .time-loc span { float:left; margin-right:10px; width:20px; } /* Why it's better tiles */ .apps-banner { min-height:360px; overflow:hidden; } .apps-banner > img { width:120%!important; height:auto; max-width:9000px!important; } .apps-banner p { color:white; font-size:20px; width:70%; line-height:25px; } .banner-container.brand-icons { margin-top:0; } .banner-container.brand-icons a { margin-right:18px; } .tile { float:left; width:233px; margin-right:15px; margin-bottom:15px; border:thin solid #ccc; } .tile .cta-section { background:#f3f3f3; } .tile .item-thumb { height:auto; margin-bottom:0px; overflow:hidden; } .tile .item-block p { padding-top:3px; height:50px; line-height:21px; font-size:16px; } .tile .item-block { padding: 7px 15px 5px; border-top:thin solid #eee; } .desc-content-divider { margin-bottom:40px; } .desc-content-divider h3 { font-size:25px; margin-bottom:9px; } .desc-content-divider p { font-size:16px; line-height:24px; } .map-container { width:1000px; margin:0 auto; padding-top:180px; padding-bottom:0px; } .map-container h1 { font-size:26px; color:#333; font-size:40px; } .map-container h1 strong { font-weight:700; } .left-group { float:left; width:45%; margin-right:5%; } .map-group { margin-bottom:50px; } .map-group h5 { font-size:25px; color:#444; margin-bottom:15px; } .map-group p { font-size: 15px; line-height: 22px; } .map-group a { display:block; color:#006699; margin-bottom:4px; cursor:pointer; } .not-found .half { float:left; width:55%; margin-left:-15%; } .not-found .half img { width:100%; height:auto; display:block; } .not-found .half.right { width:60%; margin-left:0; margin-top:14px; } .not-found .half h1 { font-size:28px; color:#444; margin-bottom:10px; } .not-found .half p { font-size:18px; color:#676767; line-height:27px; } .not-found .half p a { font-size:18px; line-height:27px; cursor:pointer; } .not-found-side { width:45%; margin-right:5%; float:left; } .not-found-side h5 { font-size:20px; color:#444; margin-bottom:10px; } .not-found .not-found-side p{ font-size:13px; line-height:22px; } .not-found a { color:#006699!important; margin-bottom:5px; font-size:14px; cursor:pointer; } .not-found-side .contact-btn { background:#c1d72e; border:1px solid #006699; color:white; font-weight:700; padding:8px 18px; width:auto; float:left; font-size:13px; } .not-found-side a { display:block; } .analyst-reports-page .download-thumb { overflow:hidden; } .analyst-reports-page .download-thumb img { height:100%; width:auto; } .view-infographic { margin-left: 10px; margin-top: 15px; color:white; letter-spacing:1px; font-size:20px; font-weight:500; } .view-infographic a { cursor:pointer; text-decoration:none!important; } .view-infographic a:hover { text-decoration:none!important; cursor:pointer; color:white; } .view-infographic img { margin-left:10px; margin-top:0px; width:50px; } #banner-slideshow { position:absolute!important; top:50%; margin-top:-60px; width:1000px; mac-width:1000px!important; left:50%; margin-left:-500px; } #banner-slideshow ol.bjqs-markers.h-centered { text-align: left; position: absolute; top: -30px; margin: 0; background:none!important; margin-left:160px; } #banner-slideshow h1 { font-size:40px; font-weight:bold; margin-bottom:10px; color:white; } #banner-slideshow ol.bjqs-markers.h-centered li { margin-right:15px; } #banner-slideshow ol.bjqs-markers.h-centered li a { font-size:35px; font-weight:300; } #banner-slideshow .bjqs-markers li { opacity:.5; -webkit-opacity:.5; -moz-opacity:.5; } #banner-slideshow .bjqs-markers li a { color:white; } #banner-slideshow .bjqs-markers .active-marker { opacity:1; -webkit-opacity:1; -moz-opacity:1; } #banner-slideshow ul.bjqs-controls { list-style: none; margin: 0; padding: 0; z-index: 9999; position: absolute; top: 16%; left: -40px; right: -40px; } .banner-btn { background: #006699; font-size: 20px; line-height: 24px; text-align: left; cursor: pointer; color:white; padding:12px 20px; border-radius:2px; } .banner-btn:hover { color:white; } #banner-slideshow ul.bjqs-controls.v-centered li.bjqs-prev a { left:-5%; color:transparent; background:url(/imgs/arrow-l.png); background-size:100% auto; width:50px; height:50px; } #banner-slideshow ul.bjqs-controls.v-centered li.bjqs-next a { right:-5%; color:transparent; background:url(/imgs/arrow-r.png); background-size:100% auto; width:50px; height:50px; } .tell-more-wrapper { padding-top:30px; } .tell-more-content { width:1000px; margin:0 auto; } .banner-date { font-size:20px; margin-bottom:40px; display:block; color:white; cursor:pointer; } .banner-date:hover { color:white; opacity:.7; transition:linear all .5s; -webkit-transition:linear all .5s; -moz-transition:linear all .5s; text-decoration:none; } /* Basic jQuery Slider essential styles */ ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;} li.bjqs-slide{position:absolute; display:none;} ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;} ul.bjqs-controls.v-centered li a{position:absolute;} ul.bjqs-controls.v-centered li.bjqs-next a{right:5%;} ul.bjqs-controls.v-centered li.bjqs-prev a{left:5%;} ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;} ol.bjqs-markers.h-centered{text-align: center;} ol.bjqs-markers li{display:inline;} ol.bjqs-markers li a{display:inline-block;} /* New Press */ .press-post .press-date { color: #888; font-size: 15px; margin-bottom: 0px; } .press-dev .tell-me-more-gray { padding-left:45px; } .press-post h1 { color:#14669b; margin-bottom:30px; font-size:22px; } .press-post p { font-size: 17px; line-height: 24px } .press-footer { padding:20px 0; letter-spacing:2px; } .press-footer a { font-size: 13px; color: #676767!important; margin-right:25px; } .single-press:hover { background:none!important; } .single-press .press-date { font-size:15px; color:#999; padding:30px 0; border-bottom:thin solid #ddd; margin-bottom:30px; } .single-press .press-date a { color:#999; margin-left:25px; letter-spacing:2px; } .back-btn-bottom { color:#777; letter-spacing:2px; font-size:15px; margin-top: 30px; display: block; } .single-press{ padding:0!important; } .single-press em { color:#444; } .press-dev .desc-content { padding-top:30px; } .press-dev .press-entry { background:none; } .press-post ul { font-size:15px; line-height:22px; } .banner .back-btn { color: white; display: block; font-size: 18px; margin-top: 75px; } .press-post { border-bottom:thin solid #ddd; padding:55px 40px 30px; } .press-post:hover { background:rgba(255,255,255,.3); } .press-dev ul.tabs { position: absolute; margin-top: -140px; background:none; border:none; left:40px; } .press-dev ul.tabs li { border:none; background:none; } .press-dev ul.tabs li a { font-size: 30px; background: none; padding: 10px 30px 0 0; font-weight: 300; color:white; } .press-dev ul.tabs li a.active { color:rgba(255,255,255,.5); } .press-dev .banner-text h1 { color:white!important; } span.arrow-left { width: 20px; height: 25px; float: left; margin-right: 15px; margin-top: -2px; background:url(/imgs/arrow-left-white.png); background:url(/imgs/l-arrow.png); } span.arrow-left.black { background:url(/imgs/l-arrow-black.png); opacity:.8; -webkit-opacity:.8; -moz-opacity:.8; } .single-press .banner { position: relative; margin-top: 158px; height: 240px; overflow: hidden; } .tell-me-more-page a:hover { text-decoration:none; } .press-share { width: 520px; margin: -50px auto; } .events-page .banner { } .press-dev.page .banner { overflow:hidden; } .tell-more-banner img { } .page .news-banner img { max-height:700px; } .banner-footer { background:rgba(255,255,255,.2); height:120px; position:absolute; bottom:0; left:0; right:0; transition:linear all .2s; -webkit-transition:linear all .2s; -moz-transition:linear all .2s; } .banner-footer:hover { height:140px; transition:linear all .2s; -webkit-transition:linear all .2s; -moz-transition:linear all .2s; } .banner-container { width:1000px; margin:0 auto; transition:linear all .2s; -webkit-transition:linear all .2s; -moz-transition:linear all .2s; position:relative; } .banner-footer:hover .banner-container { } .banner-container a { width:200px; float:left; margin-right:90px; margin-top:-15px; transition:linear all .2s; -webkit-transition:linear all .2s; -moz-transition:linear all .2s; } .banner-container a:hover { opacity:.7; -webkit-opacity:.7; -moz-opacity:.7; transition:linear all .2s; -webkit-transition:linear all .2s; -moz-transition:linear all .2s; } .banner-container a img { width:100%; height:auto; } .banner-container p { border:none; color:white; font-size: 16px; font-weight: 500!important; margin-top:10px; margin-bottom:5px; } .news-content { padding-top:5px; position:absolute; bottom:-10px; left:0; right:0; z-index:9999; background:url(/imgs/news-footer-bg.png); height:92px; } .news-icons { padding: 30px 0 15px; margin-top:10px; } .desc-wrapper { position:relative; } .news-content .banner-container p { color: #676767; width: auto; display: inline-block; padding: 7px 10px; border-radius: 5px; font-size: 17px; position: absolute; top: -14px; left:0; padding-bottom: 13px; margin-left: -9px; } .banner-subtitle { position: absolute; color: white; font-size: 23px; top: -25px; } .analyst-banner #banner-slideshow ol.bjqs-markers.h-centered { margin-left:170px; } /* Brand Page */ .brand-page { } h3 span { float: left; margin-top: -7px; width: 40px; margin-left:-5px; } .desc-content-divider { } .desc-content-divider p { line-height:27px; } .desc-content .desc-content-divider h3 { margin-bottom:15px; } .image-block { } .color-square { float:left; margin-right:20px; margin-bottom:20px; width:184px; position:relative; } .color-square .square { background:red; height:184px; } .color-square p { padding: 10px 0; text-align: center; color: white; position: absolute; bottom: 0; background: rgba(0,0,0,.3); left: 0; right: 0; margin-bottom: 0!important; letter-spacing: 1px!important; font-size: 15px; font-weight: 500!important; opacity: .5; -webkit-opacity: .5; -moz-opacity: .5; } .font-block p { margin-bottom:23px!important; } .brand-page #banner-slideshow { height:auto!important; } /* App Single Page */ .apps-single { } .page .banner .banner-text.centered-text { text-align:center; margin:0 auto; font-size: 1em; position: absolute; bottom: auto; top:50px; left: 50%; margin-left: -25%!important; width: 50%; } .page .banner .banner-text.centered-text h1 { font-size:30px; font-weight:300; } .page .banner .banner-text.centered-text h2 { font-size:24px; font-weight:300; margin-top:-10px; } .laptop-wrap { margin-top: -35%; margin-left: auto; margin-right: auto; margin-bottom: 30px; width: 100%; } .app-details { margin-top:0px; padding:0 80px; } .col { float:left; margin-right: 5px; width: 415px; } .col-r { padding-top:0px; } .app-details h3 { font-size:25px; margin-top:0!important; margin-bottom:5px; display:inline; margin-right:10px; } .app-details .app-content h3 { } .text-block { padding:0; } .app-details p { font-size: 18px; line-height: 26px; } .bread-crumbs { margin-bottom:8px; } .bread-crumbs h3 { display:block!important; margin-bottom:0!important; font-size:40px; } .bread-crumbs a { color: #006699; font-size:13px; letter-spacing:1px; } .bread-crumbs span { font-size:12px; margin:0 10px; } .apps-single .inner { width:50%; float:left; padding-top:40px; } .apps-single .mag-wrapper { width:40%!important; float:left; } .desc-content.second-block { margin-top:-130px; } .desc-content.third-block { margin-top:-30px; } .desc-content.third-block .mag-wrapper { margin-top:-100px; } .apps-single .desc-content.third-block .inner { margin-top:-10px; } .desc-content.right-mag .mag-wrapper { margin-left:-100px; } .desc-content.right-mag .inner { margin-left:40px; } .desc-content.right-mag .mag-wrapper { margin-left: -60px; float: left; width: 40%; margin-right: 40px; } .sharepoint-page .desc-content.second-block { margin-top:-30px; } .sharepoint-page .desc-content.second-block .inner { width: 100%; margin-top: 100px; margin-left:20%; } .apps-single .desc-content .inner h3 { font-size: 25px; } .apps-single .desc-content .inner p { font-size:15px; line-height:26px; } .mag-right .mag-wrapper { float:right; width:45%; margin-right:-200px; } .sharepoint-page .mag-right .inner { float:right; margin-top:0px!important; } .why-its-better-page .better-nav-active a, .who-uses .who-uses-nav-ative a, .overview-section .overview-nav a, .tibbr-apps-page .apps-nav a, .news-page .tell-more-nav-active a, .mobile-page .mobile-page-nav a, .admin-section .security-nav a, .press-page .press-nav a, .news-page .news-nav a, .events-page .events-nav a, .videos-page .videos-nav a, .presentations-page .presentations-nav a, .whitepapers-page .white-papers-nav a, .analyst-reports-page .analyst-reports-nav a, .webinars-page .webinars-nav a { color: #006699 !important; } .apps-footer { background:white; } .apps-footer .desc-wrapper { background:white!important; } .apps-footer .desc-content h3, .apps-footer .desc-content p { text-align:center; } .apps-single .banner h1 { font-size: 66px!important; margin-bottom: 0!important; font-weight: 500!important; } .apps-single .apps-footer .desc-content { padding-top:20px; } .apps-single .desc-wrapper { padding-bottom:70px; } .apps-single .banner .banner-text.centered-text { top:30px; } .apps-footer .back-btn-bottom { margin: 25% auto 0; width: 140px; } .mi-slider ul li { width:auto!important; padding: 0!important; } .mi-slider nav { border-top:none!important; border-bottom:2px solid #dddddd; } .mi-slider nav a { padding: 40px 40px 30px 40px!important; color:#006699 !important; } .app-details .press-share { width: 520px; margin: -40px auto -75px; } .block-content { padding-top:0; margin-top:0; } .no-p .desc-content.block-content .inner{ margin-top:30px; } @media only screen and (max-width: 1582px) { .tell-me-more-page .desc-content{ width:1000px; } } @media only screen and (min-width: 1583px) and (max-width: 1768px) { .intro-widget h2 {font-size:36px; height:64px; padding-bottom:0; } } @media only screen and (min-width: 1499px) and (max-width: 1582px) { } @media only screen and (min-width: 1300px) and (max-width: 1498px) { #slider .container .grid_12 .slider-text {width:900px; margin-top:28px;} #banner h2 {font-size:66.33px !important; margin-bottom:0px !important;} #banner p.excerpt {font-size:26.1px !important; margin-top:20px !important; margin-bottom:20px !important;} .btn.large .btn-inner {background-size:100% !important;} } @media only screen and (min-width: 1102px) and (max-width: 1299px) { #slider .container .grid_12 .slider-text {width:800px; margin-top:24px;} #banner h2 {font-size:58.968px !important; margin-bottom:0px !important;} #banner p.excerpt {font-size:23.2px !important; margin-top:18px !important; margin-bottom:18px !important;} } @media only screen and (min-width: 999px) and (max-width: 1101px) { #slider .container .grid_12 .slider-text {width:700px; margin-top:24px;} #banner p.excerpt {font-size:20.3px !important; margin-top:14px !important; margin-bottom:14px !important;} #banner h2 {font-size:51.59px !important; margin-bottom:0px !important;} } @media only screen and (min-width: 800px) and (max-width: 998px) { #slider .container .grid_12 .slider-text {margin-top:20px; width:700px;} #banner p.excerpt {font-size:20.3px !important; margin-top:12px !important; margin-bottom:12px !important;} #banner h2 {font-size:51.59px !important; margin-bottom:0px !important;} } @media only screen and (min-width: 760px) and (max-width: 767px) {#main-header .container .grid_12, #main-header .container {width:750px !important;} nav.primary {width:590px !important; margin-top:-90px;} #logo {width:20%;} } /* Max-width only media queries */ @media only screen and (max-width: 1860px) { .better-text, .clouds-text, #better-slider {font-size:0.96875em;} } @media only screen and (max-width: 1770px) { .better-text, .clouds-text, #better-slider {font-size:0.921875em;} } @media only screen and (max-width: 1720px) { .who-uses-quote {font-size:39px; line-height:58px;} .kpmg-quote {width:33%;} .who-uses-quote .author {font-size:19px;} .better-text, .clouds-text, #better-slider .slide-text, #content-wrapper, .desc-content, #left-side-nav ul {font-size:0.8958333em;} #page-desc-slideshow {right:-260px; top:22%;} #page-desc-slideshow, #page-desc-slideshow .bjqs, #page-desc-slideshow .bjqs li, #page-desc-slideshow-2 .bjqs, #page-desc-slideshow .bjqs li, .page-desc-slideshow .bjqs li, .page-desc-slideshow .bjqs{height:531px !important; width:529px !important;} #page-desc-slideshow ol.bjqs-markers.h-centered, #page-slideshow ol.bjqs-markers.h-centered {padding-top:17px;} #left-side-nav {width:278px;} #left-side-nav img {max-width:99.6%;} #left-side-nav ul {background-size:100%;} .mobile-page #page-desc-slideshow, .mobile-page #page-desc-slideshow .bjqs, .mobile-page #page-desc-slideshow .bjqs li {height:500px !important; max-width:389px !important;} .mobile-page #page-desc-slideshow-2, .mobile-page #page-desc-slideshow-2 .bjqs, .mobile-page #page-desc-slideshow-2 .bjqs li { max-width:949px !important; height:795px !important;} .mobile-page #page-desc-slideshow-3, .mobile-page #page-desc-slideshow-3 .bjqs, .mobile-page #page-desc-slideshow-3 .bjqs li { max-width:750px !important; height:831px !important;} .mobile-page #page-desc-slideshow-2 ol.bjqs-markers.h-centered {left:675px !important;} .mobile-page #page-desc-slideshow-3 ol.bjqs-markers.h-centered {left:25% !important;} .mobile-page .inner.smartphone {width:55%;} .mobile-page #page-desc-slideshow .bjqs, .mobile-page #page-desc-slideshow-2 .bjqs { width:auto!important; } } @media only screen and (max-width: 1650px) { .better-text, .clouds-text, #better-slider .slide-text {font-size:0.859375em;} } @media only screen and (max-width: 1600px) { .uses-content {width:1400px;} .who-uses-quote p {font-size:26.56px; line-height:40px;} .uses-content-left p {font-size:20px;} .uses-content .who-uses-quote .author {font-size:16.66px;} #other-customers h3 {font-size:52px;} #banner-fade-1 .slide-text {margin-left:-460px;} .better-text, .clouds-text, .slide-text, .desc-content, #left-side-nav ul, #content-wrapper {font-size:0.83333333em;} #page-desc-slideshow {right:-242px; top:24%;} #page-desc-slideshow, #page-desc-slideshow .bjqs, #page-desc-slideshow .bjqs li, #page-desc-slideshow-2 .bjqs, #page-desc-slideshow .bjqs li, .page-desc-slideshow .bjqs li, .page-desc-slideshow .bjqs{height:494px !important; width:492px !important;} #page-desc-slideshow ol.bjqs-markers.h-centered, #page-slideshow ol.bjqs-markers.h-centered {padding-top:15px;} #left-side-nav {width:259px;} .news-row .news-container {margin-left:1%;} #banner-slide .bjqs li .slide-text {margin-top:3% !important;} .mobile-page #page-desc-slideshow .bjqs, .mobile-page #page-desc-slideshow-2 .bjqs { width:auto!important; } } @media only screen and (max-width: 1582px) { #banner-fade-1 .slide-text {top:60px; margin-left:-407px;} #banner-slide-1 .slide-text.white h2, #banner-slide-1 .slide-text.white p {left:10.6%; width:auto;} #banner-slide-1 .slide-text.white .btn-holder {left:9.5%; width:400px;} #banner-slide-1 .slide-text.white {top:53.5%;} #banner-slide-1 .slide-text.white p {margin-bottom:0px; margin-top:0px;} ul.bjqs-controls.v-centered li.bjqs-prev a, ul.bjqs-controls.v-centered li.bjqs-next a {top:42.7% !important;} ul.bjqs-controls.v-centered li.bjqs-next a {right:3%;} ul.bjqs-controls.v-centered li.bjqs-prev a {left:3%;} #banner-slide-1 .slide-text.white {height:348px;} #banner-slide-1 .btn.large .btn-inner {height:60px; padding-top:35px; text-indent:10%;} #banner-slide-2 .slide-text {left:70px; top:60px;} .slide-text .quote {font-size:36px; line-height:62px;} .slide-text .quote span.author {font-size:19px; vertical-align:inherit;} .slide-text .quote span {font-size:66px; vertical-align:-24px;} .who-uses-quote {font-size:35px; line-height:51px;} .who-uses-quote .author {font-size:18px;} .who-uses-quote span {font-size:65px; vertical-align:-24px;} .better-text, .clouds-text, .slide-text, #left-side-nav ul, .desc-content, .page .banner .banner-text {font-size:0.8239583333333em;} #left-side-nav {width:256px;} .desc-content {width:822px;} #page-slideshow .desc-content {margin-left:-411px;} #content-wrapper {top:-166px;} ol.bjqs-markers.h-centered {margin-top:-13.5em;} .home-page #widgets {top:0;} .mobile-page .banner .banner-text {margin-left:-500px !important;} .mobile-page .inner.smartphone {width:55%;} .home-page #widgets {margin-top:-169px;} .mobile-page #page-desc-slideshow .bjqs, .mobile-page #page-desc-slideshow-2 .bjqs { width:auto!important; } } @media only screen and (max-width: 1540px) { .better-text, .clouds-text, #better-slider .slide-text, #left-side-nav ul, .desc-content, .page .banner .banner-text {font-size:0.8105em;} .mobile-page .inner.tablet {width:60% !important;} .mobile-page #page-desc-slideshow-3 {margin-top:140px;} .mobile-page #page-desc-slideshow .bjqs, .mobile-page #page-desc-slideshow-2 .bjqs { width:auto!important; } } @media only screen and (max-width: 1520px) { #widgets .container {width:90%;} #widgets .footer-category h6 {font-size:1.4em;} #widgets .footer-category ul li, #widgets .footer-category ul li a {font-size:1.04em;} #widgets .indent {padding-top:70px;} .mobile-page #page-desc-slideshow .bjqs, .mobile-page #page-desc-slideshow-2 .bjqs { width:auto!important; } } @media only screen and (max-width: 1500px) { .better-text, .clouds-text, #better-slider .slide-text, #left-side-nav ul, .desc-content, .page .banner .banner-text {font-size:0.78125em;} .laptop .better-text {left:13.5%;} .mobile-page #page-desc-slideshow .bjqs, .mobile-page #page-desc-slideshow-2 .bjqs { width:auto!important; } } @media only screen and (max-width: 1460px) { .better-text, .clouds-text, #better-slider .slide-text, .desc-content, #left-side-nav ul {font-size:0.76041666em;} #page-desc-slideshow {right:-190px; top:24%;} #page-desc-slideshow, #page-desc-slideshow .bjqs, #page-desc-slideshow .bjqs li, #page-desc-slideshow-2 .bjqs, #page-desc-slideshow .bjqs li, .page-desc-slideshow .bjqs li, .page-desc-slideshow {height:450px !important; width:449px !important;} #page-desc-slideshow ol.bjqs-markers.h-centered, #page-slideshow ol.bjqs-markers.h-centered {padding-top:12px;} #left-side-nav {width:236px;} .mobile-page .inner.tablet {width:60% !important;} .mobile-page #page-desc-slideshow .bjqs, .mobile-page #page-desc-slideshow-2 .bjqs { width:auto!important; } } @media only screen and (max-width: 1400px) { .who-uses-quote {font-size:31px; line-height:46px;} .who-uses-quote .author {font-size:17px;} .who-uses-quote span {font-size:60px; vertical-align:-22px;} .uses-content {width:1200px;} .who-uses-quote p {font-size:22.84px; line-height:34.4px;} .uses-content-left p {font-size:17.2px; margin-top:40px;} .better-text, .clouds-text, .slide-text {font-size:0.7291666em;} #banner-fade-1 .slide-text {margin-left:-410px;} #content-wrapper {top:-147px;} ol.bjqs-markers.h-centered {margin-top:-143px;} .home-page #content-wrapper .indent {padding:13px 0px;} .home-page #widgets {top:0px;} .mobile-page #page-desc-slideshow, .mobile-page #page-desc-slideshow .bjqs, .mobile-page #page-desc-slideshow .bjqs li {height:407px !important; max-width:317px !important;} .mobile-page #page-desc-slideshow-2, .mobile-page #page-desc-slideshow-2 .bjqs, .mobile-page #page-desc-slideshow-2 .bjqs li { max-width:772px !important; height:647px !important;} .mobile-page #page-desc-slideshow-3, .mobile-page #page-desc-slideshow-3 .bjqs, .mobile-page #page-desc-slideshow-3 .bjqs li { max-width:610px !important; height:675px !important;} .mobile-page #page-desc-slideshow-2 ol.bjqs-markers.h-centered {left:535px !important;} .mobile-page .inner.smartphone {width:55%; margin-top:8% !important;} .mobile-page .inner.blackberry {width:72% !important;} .home-page #widgets {margin-top:-149px;} .desc-content .mag-wrapper { margin-top: 70px; } .desc-content.third-block .mag-wrapper { margin-top:0; } .no-p .desc-wrapper #page-desc-slideshow { top:25%; } .mobile-page #page-desc-slideshow .bjqs, .mobile-page #page-desc-slideshow-2 .bjqs { width:auto!important; } } @media only screen and (max-width: 1350px) { .slide-text .quote {font-size:32px; line-height:59px; margin-top:0;} .slide-text .quote span {font-size:61px; vertical-align:-21px;} ul.bjqs-controls.v-centered li.bjqs-prev a, ul.bjqs-controls.v-centered li.bjqs-next a {top:41% !important;} .who-uses-quote span {font-size:60px; vertical-align:-24px;} .better-text, .clouds-text, #better-slider .slide-text {font-size:0.703125em;} .news-row .news-container {margin-left:.9%;} #banner-slide .bjqs li .slide-text {margin-top:2% !important;} .mobile-page #page-desc-slideshow-3 {margin-top:80px;} } @media only screen and (max-width: 1300px) { .better-text, .clouds-text, #better-slider .slide-text, .desc-content, #left-side-nav ul, .page .banner .banner-text {font-size:0.67708333em;} #left-side-nav {width:210px;} .desc-content {width:677px;} .page .banner .banner-text, #page-slideshow .desc-content {margin-left:-338px;} #page-desc-slideshow, #page-desc-slideshow .bjqs, #page-desc-slideshow .bjqs li, #page-desc-slideshow-2 .bjqs, #page-desc-slideshow .bjqs li, .page-desc-slideshow .bjqs li, .page-desc-slideshow, {height:401px !important; width:400px !important;} #page-slideshow .desc-content {padding-top:35px;} #widgets .footer-category, #better-slider ol.bjqs-markers.h-centered {font-size:0.85em;} .mobile-page #page-desc-slideshow, .mobile-page #page-desc-slideshow .bjqs, .mobile-page #page-desc-slideshow .bjqs li {height:377px !important; max-width:294px !important;} .mobile-page #page-desc-slideshow-2, .mobile-page #page-desc-slideshow-2 .bjqs, .mobile-page #page-desc-slideshow-2 .bjqs li { max-width:716px !important; height:600px !important;} .mobile-page #page-desc-slideshow-3, .mobile-page #page-desc-slideshow-3 .bjqs, .mobile-page #page-desc-slideshow-3 .bjqs li { max-width:566px !important; height:628px !important;} .mobile-page #page-desc-slideshow .bjqs, .mobile-page #page-desc-slideshow-2 .bjqs { width:auto!important; } } @media only screen and (max-width: 1285px) { .who-uses-quote {font-size:29px; line-height:40px;} .who-uses-quote .author {font-size:16px;} .who-uses-quote span {font-size:56px; vertical-align:-19px;} #other-customers h3 {font-size:42px;} .better-text, .clouds-text, .slide-text {font-size:0.6692708em;} #banner-fade-1 .slide-text {margin-left:-364px;} } @media only screen and (max-width: 1245px) { .better-text, .clouds-text, #better-slider .slide-text, #left-side-nav ul, .desc-content, .page .banner .banner-text {font-size:0.6484375em;} .mobile-page .inner.tablet {width:60% !important; margin-top:150px !important;} .mobile-page #page-desc-slideshow-3 {margin-top:0 !important;} } @media only screen and (max-width: 1221px) { .intro-widget h2 {padding-bottom:0.4em;} .home-page #content-wrapper .indent {padding:5px 0px;} .home-page #content-wrapper {top:-128px;} ol.bjqs-markers.h-centered {margin-top:-124px;} #banner h2 {margin-bottom:0px !important;} #banner-slide-2 ol.bjqs-markers li a, #banner-slide-2 ol.bjqs-markers li.active-marker a {width:197.1px; height:58.23px; background-size:100%;} #banner-slide-2 ol.bjqs-markers li:nth-child(2) a, #banner-slide-2 ol.bjqs-markers li:nth-child(2).active-marker a {width:179.2px; height:63.36px; background-size:100%;} #banner-slide-2 ol.bjqs-markers li:nth-child(3) a, #banner-slide-2 ol.bjqs-markers li:nth-child(3).active-marker a {width:275.2px; height:60.8px; background-size:100%;} #banner-slide-2 ol.bjqs-markers li:nth-child(4) a, #banner-slide-2 ol.bjqs-markers li:nth-child(4).active-marker a {width:136.3px; height:55.03px; background-size:100%;} #banner-slide-2 ol.bjqs-markers.h-centered {margin-top:-137px;} .slide-text p.quote br {display:none;} .slide-text p.quote {width:100%;} } @media only screen and (max-width: 1220px) { .uses-content {width:999px;} .who-uses-quote p {font-size:19px; line-height:28.65px;} .uses-content-left p {font-size:14.3px; line-height:30px;} .uses-content .who-uses-quote .author {font-size:14.6px;} .better-text, .clouds-text, #better-slider .slide-text {font-size:0.625em;} #page-desc-slideshow {right:-150px; top:29%;} #page-desc-slideshow, #page-desc-slideshow .bjqs, #page-desc-slideshow .bjqs li, #page-desc-slideshow-2 .bjqs, #page-desc-slideshow .bjqs li, .page-desc-slideshow .bjqs li, .page-desc-slideshow{height:370px !important; width:369px !important;} #page-desc-slideshow ol.bjqs-markers.h-centered, #page-slideshow ol.bjqs-markers.h-centered {padding-top:12px;} #left-side-nav {width:195px;} #left-side-nav ul {font-size:0.63em;} .why-its-better-page #widgets {margin-top:2%;} .mobile-page #page-desc-slideshow, .mobile-page #page-desc-slideshow .bjqs, .mobile-page #page-desc-slideshow .bjqs li {height:382px !important; max-width:297px !important;} .mobile-page #page-desc-slideshow-2, .mobile-page #page-desc-slideshow-2 .bjqs, .mobile-page #page-desc-slideshow-2 .bjqs li { max-width:724px !important; height:606px !important;} .mobile-page #page-desc-slideshow-3, .mobile-page #page-desc-slideshow-3 .bjqs, .mobile-page #page-desc-slideshow-3 .bjqs li { max-width:572px !important; height:633px !important;} .mobile-page .inner.tablet{width:59% !important;} .mobile-page #page-desc-slideshow-3 {margin-top: ;} } @media only screen and (max-width: 1101px) { #banner-fade-1 .slide-text {top:30px; margin-left:-361px;} ul.bjqs-controls.v-centered li.bjqs-next a, ul.bjqs-controls.v-centered li.bjqs-prev a {top:38% !important;} .slide-text .quote {font-size:28px; line-height:48px;} .slide-text .quote span {font-size:50px;} #banner-slide-2 .slide-text {top:40px; left:60px;} .who-uses-quote {font-size:27px; line-height:37px;} .who-uses-quote .author {font-size:15px; margin-top:-8px;} .who-uses-quote span {font-size:50px; vertical-align:-17px;} .who-uses-quote:first-letter {margin-left:-26px;} .better-text, .clouds-text, #better-slider .slide-text {font-size:0.5734375em;} .news-row .news-container {margin-left:.8%;} .home-page #content-wrapper {top:-116px;} ol.bjqs-markers.h-centered {margin-top:-112px;} #banner-slide {position:relative; top:-12px;} .home-page #widgets {margin-top:-118px;} .mobile-page .desc-content {width:900px;} .mobile-page .banner .banner-text {margin-left:-450px !important;} .mobile-page #page-desc-slideshow, .mobile-page #page-desc-slideshow .bjqs, .mobile-page #page-desc-slideshow .bjqs li {height:344px !important; max-width:267px !important;} .mobile-page #page-desc-slideshow-2, .mobile-page #page-desc-slideshow-2 .bjqs, .mobile-page #page-desc-slideshow-2 .bjqs li { max-width:652px !important; height:545px !important;} .mobile-page #page-desc-slideshow-3, .mobile-page #page-desc-slideshow-3 .bjqs, .mobile-page #page-desc-slideshow-3 .bjqs li { max-width:515px !important; height:570px !important;} .mobile-page #page-desc-slideshow-2 ol.bjqs-markers.h-centered {left:455px !important;} } @media only screen and (max-width: 1089px) { #what-is-tibbr-secondary, #tell-me-more-secondary {margin-right:-460px;} #other-customers h3 {font-size:32px;} .desc-content {width:566px;} #left-side-nav {width:174px;} .desc-content, #left-side-nav ul, .page .banner .banner-text {font-size:.56em;} #left-side-nav ul li {background-size:2.5em !important;} #left-side-nav ul li + li + li + li + li + li + li + li + li + li {margin-bottom:0;} #page-desc-slideshow, #page-desc-slideshow .bjqs, #page-desc-slideshow .bjqs li, #page-desc-slideshow-2 .bjqs, #page-desc-slideshow .bjqs li, .page-desc-slideshow .bjqs li, .page-desc-slideshow {height:297px !important; width:297px !important;} #page-desc-slideshow {right:-130px;} .page .banner .banner-text, #page-slideshow .desc-content {margin-left:-283px;} #better-slider ol.bjqs-markers.h-centered {font-size:0.7em;} .why-its-better-page #widgets {margin-top:3%;} .mobile-page #page-desc-slideshow, .mobile-page #page-desc-slideshow .bjqs, .mobile-page #page-desc-slideshow .bjqs li {left:-15px; height:382px !important; max-width:297px !important;} .mobile-page .desc-content .inner {width:62%;} .mobile-page #page-desc-slideshow ol.bjqs-markers.h-centered {left:-30px !important;} } @media only screen and (max-width: 1030px) { .who-uses-quote {font-size:24px; line-height:33px;} .better-text, .clouds-text, .slide-text {font-size:0.536458333em;} .why-its-better-page #widgets {margin-top:100px;} .mobile-page .inner.tablet {margin-top:100px !important;} } @media only screen and (max-width: 999px) { .slide-text.white p br {display:none;} #banner-slide-1 .slide-text.white p {width:66%;} #banner-slide-1 .slide-text.white .btn.large .btn-inner {width:200px;} #banner-fade-1 .slide-text {margin-left:-314px;} .container {width:100% !important;} #banner-slide-1 .slide-text.white h2 {margin-top:7%;} .slide-text .quote {font-size:26px; line-height:45px;} ul.bjqs-controls.v-centered li.bjqs-next a, ul.bjqs-controls.v-centered li.bjqs-prev a {top:34% !important;} .uses-content {width:799px;} .uses-content-left p {margin-top:40px; width:92%;} .uses-content-right {margin-top:-10%;} .uses-content .who-uses-quote .author {font-size:12px;} .cleaner.hide {display:block;} #widgets .footer-category {width:137px !important;} #widgets .container {width:290px !important;} #widgets .indent {height:828px;} .container .grid_14 {width:290px;} #widgets h2.try-it, #widgets a.get-started {float:none; margin-bottom:0; } #widgets h2.try-it {font-size:24px; font-weight:400; height:50px; width:64%;} #widgets a.get-started {width:73.57%; margin-left:9.5%;} #widgets .container .links-left {float:left;} #widgets .container .links-right {float:right;} .tell-more-footer {margin-top:-10px;} .why-better-footer {margin-top:-95px;} .mobile-page #page-desc-slideshow, .mobile-page #page-desc-slideshow .bjqs, .mobile-page #page-desc-slideshow .bjqs li {height:313px !important; max-width:243px !important;} .mobile-page #page-desc-slideshow-2, .mobile-page #page-desc-slideshow-2 .bjqs, .mobile-page #page-desc-slideshow-2 .bjqs li { max-width:593px !important; height:496px !important;} .mobile-page #page-desc-slideshow-3, .mobile-page #page-desc-slideshow-3 .bjqs, .mobile-page #page-desc-slideshow-3 .bjqs li { max-width:469px !important; height:519px !important;} .mobile-page #page-desc-slideshow-3 {margin-top:-45px !important;} .mobile-page .inner.tablet {margin-top:10px !important;} .mobile-page #page-desc-slideshow-2 ol.bjqs-markers.h-centered {left:27em !important;} } @media only screen and (max-width: 960px) { .intro-widget h2 {font-size:28.5px !important;} .intro-widget h2, #try-it-now-input, .submit-holder input {height:47px !important;} #try-it-now-input {font-size:17px;} .submit-holder input {font-size:22px;} #widgets .indent {padding-top:70px;} #banner-slide-2 ol.bjqs-markers li:nth-child(4) a, #banner-slide-2 ol.bjqs-markers li.active-marker:nth-child(4) a {width:109.4px; height:44.17px;} #banner-slide-2 ol.bjqs-markers li:nth-child(3) a, #banner-slide-2 ol.bjqs-markers li.active-marker:nth-child(3) a {width: 220.2px; height:48.65px;} #banner-slide-2 ol.bjqs-markers li:nth-child(2) a, #banner-slide-2 ol.bjqs-markers li.active-marker:nth-child(2) a {width:143.4px; height:50.7px;} #banner-slide-2 ol.bjqs-markers li a, #banner-slide-2 ol.bjqs-markers li.active-marker a {width:157.7px; height:46.59px;} #banner-slide-2 ol.bjqs-markers.h-centered {margin-top:-105px; padding:30px 0px 20px;} ul.bjqs-controls.v-centered li.bjqs-next a, ul.bjqs-controls.v-centered li.bjqs-prev a {top:31%;} #banner-slide-1 .btn.large .btn-inner {font-size:21px; height:36px; padding-top:28px !important; width:130px;} ul.bjqs-controls.v-centered li.bjqs-prev a {left:1%;} ul.bjqs-controls.v-centered li.bjqs-next a {right:1%;} .desc-content {width:505px;} .page .banner .banner-text {margin-left:-252px;} #better-slider ol.bjqs-markers.h-centered {font-size:0.6em;} .mobile-page .desc-content {width:800px;} .mobile-page .banner .banner-text {margin-left:-400px !important;} } @media only screen and (max-width: 959px) { #banner p.excerpt {text-align:left !important; width:60% !important;} .who-uses-quote {font-size:22px; line-height:34px;} .who-uses-quote .author {font-size:14px;} .who-uses-quote span {font-size:44px; vertical-align:-16px;} } @media only screen and (max-width: 932px) { #what-is-tibbr-secondary, #tell-me-more-secondary {margin-right:0; right:0;} .mobile-page #page-desc-slideshow, .mobile-page #page-desc-slideshow .bjqs, .mobile-page #page-desc-slideshow .bjqs li {height:291px !important; max-width:226px !important;} .mobile-page #page-desc-slideshow-2, .mobile-page #page-desc-slideshow-2 .bjqs, .mobile-page #page-desc-slideshow-2 .bjqs li { max-width:551px !important; height:461px !important;} .mobile-page #page-desc-slideshow-3, .mobile-page #page-desc-slideshow-3 .bjqs, .mobile-page #page-desc-slideshow-3 .bjqs li { max-width:436px !important; height:482px !important;} .mobile-page #page-desc-slideshow-2 ol.bjqs-markers.h-centered {left:365px !important;} } @media only screen and (max-width: 902px) { .who-uses-quote {font-size:20px; line-height:30px;} .who-uses-quote .author {13px;} .who-uses-quote span {font-size:40px; vertical-align:-15px;} .who-uses-quote:first-letter {margin-left:-20px;} .mobile-page .desc-content {width:750px;} .mobile-page .banner .banner-text {margin-left:-375px !important;} } @media only screen and (max-width: 896px) { #banner-fade-1 .slide-text p {width:546px;} #banner-fade-1 .slide-text {margin-left:-273px;} #other-customers h3 {font-size:22px;} .page .banner .banner-text, #page-slideshow .desc-content {margin-left:-28%;} } @media only screen and (max-width: 850px) { .desc-content {width:443px;} #page-desc-slideshow, #page-desc-slideshow .bjqs, #page-desc-slideshow .bjqs li, #page-desc-slideshow-2 .bjqs, #page-desc-slideshow .bjqs li, .page-desc-slideshow .bjqs li, .page-desc-slideshow {height:263px !important; width:263px !important;} #page-desc-slideshow {top:32%;} .page .banner .banner-text, #page-slideshow .desc-content {margin-left:-222px;} .mobile-page #page-desc-slideshow, .mobile-page #page-desc-slideshow .bjqs, .mobile-page #page-desc-slideshow .bjqs li {height:265px !important; max-width:206px !important;} .mobile-page #page-desc-slideshow-2, .mobile-page #page-desc-slideshow-2 .bjqs, .mobile-page #page-desc-slideshow-2 .bjqs li { max-width:501px !important; height:419px !important;} .mobile-page #page-desc-slideshow-3, .mobile-page #page-desc-slideshow-3 .bjqs, .mobile-page #page-desc-slideshow-3 .bjqs li { max-width:397px !important; height:438px !important;} } @media only screen and (max-width: 800px) { .fb-like.fb_edge_widget_with_comment.fb_iframe_widget, #try-it-now-input {display:none;} .page .banner .banner-text, #page-slideshow .desc-content {margin-left:-360px;} .slicknav_btn {margin-right:0px !important;} .desc-content .inner {margin-top:400px;} #page-desc-slideshow {top:30%; left:50%; margin-left:-132px;} .desc-content p, .desc-content h3 {font-size:3.04em;} #logo, .desc-content, .desc-content .inner {width:90%; margin-left:auto; margin-right:auto; float:none;} .page .banner .banner-text {margin-left:-45%; font-size:} .page .banner {top:110px;} #main-header {background:#FFFFFF;} .desc-content {padding-top:140px;} #page-slideshow .desc-content {padding-top:20px; width:90%; left:5%; margin-left:0;} .page .desc-wrapper {padding-bottom:80px;} #primary-home-area .container {width:290px !important;} .intro-widget h2 {font-size:24px !important; width:200px !important;} .intro-widget h2, #try-it-now-input, .submit-holder input {height:40px !important;} .submit-holder input {width:233px; height:55px !important; margin-top:10px; margin-left:18px;} .home-page #content-wrapper .indent {padding:0 0;} .mobile-page #page-desc-slideshow {display:none;} #mobile-page-desc-slideshow {display:block;} } @media only screen and (max-width: 799px) { .intro-widget h2 {font-size:26px !important;} .intro-widget h2, #try-it-now-input, .submit-holder input {height:44px !important;} #slider .container .grid_12 .slider-text {margin-top:20px; width:700px;} #banner p.excerpt {font-size:20.3px !important; margin-top:12px !important; margin-bottom:12px !important;} #banner h2 {font-size:51.59px !important; margin-bottom:0px !important;} .slide-text h2 {font-size:36px;} #banner-slide-1 .slide-text.white .btn.large .btn-inner {width:width:170px;} ul.bjqs-controls.v-centered li.bjqs-next a, ul.bjqs-controls.v-centered li.bjqs-prev a {top:25% !important;} .who-uses-quote {font-size:18px; line-height:26px;} .who-uses-quote .author {font-size:12px; margin-top:-6px;} .who-uses-quote span {font-size:34px; vertical-align:-13px;} .uses-content {width:95%;} .uses-content-left p {margin-top:30px;} .uses-content-right {margin-top:-10%;} .uses-content .who-uses-quote .author {font-size:12px;} .uses-content .who-uses-quote p {font-size:16px;} .uses-content .who-uses-quote .author {font-size:11px;} } @media only screen and (max-width: 767px) { } @media only screen and (max-width: 759px) { #banner-slide-2 ol.bjqs-markers li:nth-child(4) a, #banner-slide-2 ol.bjqs-markers li.active-marker:nth-child(4) a {width:87.52px; height:35.34px;} #banner-slide-2 ol.bjqs-markers li:nth-child(3) a, #banner-slide-2 ol.bjqs-markers li.active-marker:nth-child(3) a {width: 176px; height:38.88px;} #banner-slide-2 ol.bjqs-markers li:nth-child(2) a, #banner-slide-2 ol.bjqs-markers li.active-marker:nth-child(2) a {width:114.7px; height:40.55px;} #banner-slide-2 ol.bjqs-markers li a, #banner-slide-2 ol.bjqs-markers li.active-marker a {width:126.2px; height:37.28px;} #banner-slide-2 ol.bjqs-markers.h-centered {margin-top:-74px; padding:20px 0px 10px;} } @media only screen and (max-width: 708px) { .who-uses-quote {font-size:16px; line-height:22px;} .who-uses-quote .author {font-size:11px;} .who-uses-quote span {font-size:30px; vertical-align:-12px;} .kpmg-quote {width:35%; left:3.3%;} } @media only screen and (max-width: 610px) { #banner-slide-2 ol.bjqs-markers li:nth-child(4) a, #banner-slide-2 ol.bjqs-markers li.active-marker:nth-child(4) a {width:70.02px; height:28.27px;} #banner-slide-2 ol.bjqs-markers li:nth-child(3) a, #banner-slide-2 ol.bjqs-markers li.active-marker:nth-child(3) a {width: 140.8px; height:31.1px;} #banner-slide-2 ol.bjqs-markers li:nth-child(2) a, #banner-slide-2 ol.bjqs-markers li.active-marker:nth-child(2) a {width:91.76px; height:32.44px;} #banner-slide-2 ol.bjqs-markers li a, #banner-slide-2 ol.bjqs-markers li.active-marker a {width:101px; height:29.83px;} #banner-slide-2 ol.bjqs-markers.h-centered {margin-top:-64px; padding:20px 0px 10px;} .who-uses-quote {font-size:13px; line-height:19px;} .who-uses-quote .author {font-size:10px;} .kpmg-quote {top:14%;} } @media only screen and (max-width: 500px) { #banner-slide-2 ol.bjqs-markers li:nth-child(4) a, #banner-slide-2 ol.bjqs-markers li.active-marker:nth-child(4) a {width:56.02px; height:22.62px;} #banner-slide-2 ol.bjqs-markers li:nth-child(3) a, #banner-slide-2 ol.bjqs-markers li.active-marker:nth-child(3) a {width: 112.6px; height:24.87px;} #banner-slide-2 ol.bjqs-markers li:nth-child(2) a, #banner-slide-2 ol.bjqs-markers li.active-marker:nth-child(2) a {width:73.41px; height:25.95px;} #banner-slide-2 ol.bjqs-markers li a, #banner-slide-2 ol.bjqs-markers li.active-marker a {width:80.8px; height:23.86px;} #banner-slide-2 ol.bjqs-markers.h-centered {margin-top:-59px; padding:20px 0px 10px;} } @media only screen and (max-width: 480px) { #widgets .container {width:86% !important; margin-left:auto; margin-right:auto;} #other-customers h3 {font-size:18px;} .page .banner .banner-text {font-size:.49em;} } @media only screen and (max-width: 400px) { #banner-slide-2 ol.bjqs-markers li:nth-child(4) a, #banner-slide-2 ol.bjqs-markers li.active-marker:nth-child(4) a {width:44.82px; height:18.1px;} #banner-slide-2 ol.bjqs-markers li:nth-child(3) a, #banner-slide-2 ol.bjqs-markers li.active-marker:nth-child(3) a {width: 90.1px; height:19.92px;} #banner-slide-2 ol.bjqs-markers li:nth-child(2) a, #banner-slide-2 ol.bjqs-markers li.active-marker:nth-child(2) a {width:58.73px; height:20.76px;} #banner-slide-2 ol.bjqs-markers li a, #banner-slide-2 ol.bjqs-markers li.active-marker a {width:64.64px; height:19.08px;} #banner-slide-2 ol.bjqs-markers.h-centered {margin-top:-58px; padding:20px 0px 10px;} .page .banner .banner-text {font-size:0.39em;} .desc-content {font-size:0.51em;} } @media only screen and (max-height: 900px) { #left-side-nav ul li a {padding-top:5px; padding-bottom:5px; font-size:15px;} #left-side-nav ul li {background-size:15px auto !important!} } /*Webkit Media Queries */ @media screen and (-webkit-min-device-pixel-ratio:0) { #left-side-nav-sticky-wrapper {top:12px;} } #banner-slide .bjqs li{ margin-bottom:-8px; } #banner-slide .bjqs li .slide-text { background: transparent !important; background-color: transparent !important; position: absolute; left: 50%; width: 90%; margin-left: -45%; text-align: center; } #banner-slide img { max-width:none; width:100%; } #banner-slide ul.bjqs { display:block!important; } /* Shane's Test Code */ .left-side, .right-side { padding-bottom:0; } .left-side .mag-wrapper { height: 45% !important; width: 45% !important; float:right; margin-right:-180px; margin-top:20px; } .left-side .inner { float:left; } .right-side .mag-wrapper { height: 45% !important; width: 45% !important; float:left; margin-left:-120px; margin-top:0px; } .apps-single .mag-wrapper { height: auto!important; width: auto!important; margin-right: -300px; } .apps-single .right-side { margin-top:0; padding-top:0; } .right-side .inner { float:right; width:56%; } .laptop-wrapper .desc-content { text-align: center; margin-bottom:-13%; } .laptop-wrapper img { max-width: none; width:100%; height:auto; margin-bottom:-6px; } .right-side .desc-content .inner, .left-side .desc-content .inner{ margin-top:15%; } .test-page-2 .desc-content p, .test-page .desc-content p { font-size: 1.8em; font-weight: 200; line-height: 1.3em; margin-bottom: 1.5em !important; letter-spacing: .05em; } .test-page-2 .desc-content h3, .test-page .desc-content h3 { margin-bottom:10px; font-weight:300; } .test-page-2 #page-desc-slideshow{ top: 12%!important; } .test-page .laptop-wrapper { overflow:hidden; } .test-page .laptop-wrapper .desc-content { margin-bottom:-240px; padding-top:50px; } .test-page .desc-wrapper { padding-bottom: 19px; } .test-page .desc-wrapper .desc-content { padding-top:10px; } .customer-tiles { width:100%; } .clearfloat { clear:both; } .customer-tile { width:24.625%; margin-right:.5%; margin-bottom:.5%; float:left; position:relative; overflow:hidden; } .customer-tile img { width:103%; height:auto; display: block; } .customer-tile .tile-text { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,.5); opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; transition: linear all .5s; -moz-transition: linear all .5s; -webkit-transition: linear all .5s; color: white; padding: 44% 5%; text-align: center; font-family: helvetica neue; font-weight: 300; letter-spacing: 1px; line-height: 30px; font-size: 27px; cursor: pointer; } .tile-text:hover { text-decoration: none; } .customer-tile:hover .tile-text { opacity:1; -webkit-opacity:1; -moz-opacity:1; transition: linear all .5s; -moz-transition: linear all .5s; -webkit-transition: linear all .5s; } .tile-text span { font-size:20px; text-decoration: underline; margin-left:5px; } .resources-block { margin-top: 50px; background: url(/imgs/shadow.jpg); background-size: 80% auto; background-repeat: no-repeat; margin-left: -72px; padding: 5px 35px 50px 90px; } .resources-block h3 { font-size: 20px; font-weight: 300; letter-spacing: 1px; color: #676767; margin: 25px 0px; } .resource-square { float:left; width:30%; height:auto; position:relative; margin-right:15px; margin-bottom:15px; overflow:hidden; } a.square-overlay { position:absolute; top:0; right:0; bottom:2px; left:0; opacity:0; -moz-opacity:0; -webkit-opacity:0; background:rgba(0,0,0,.4); transition:linear all .5s; -webkit-transition:linear all .5s; -moz-transition:linear all .5s; color:white!important; font-weight:500; font-size:15px; padding-top:30%; letter-spacing:1px; text-align:center; text-decoration:none!important; text-shadow:1px 1px 8px black; } a.square-overlay:hover { text-decoration:none!important; } .resource-square:hover a.square-overlay{ opacity:1; -moz-opacity:1; -webkit-opacity:1; transition:linear all .5s; -webkit-transition:linear all .5s; -moz-transition:linear all .5s; text-decoration:none!imporant; } .resource-square img { width: 100%; height: auto; max-width: 200%; margin-bottom: -3px; } .search-icon { background: url(/imgs/search-icon.png); width: 20px; height: 25px; background-size: auto 100%; background-repeat: no-repeat; position: absolute; left: 50%; top: 46%; margin-left: -50px; } .clearfloat { clear:both; } #cboxLoadedContent { overflow:hidden!important; } .press-entry h2 { color:#444; font-size:16px; } .tile-overlay .logo-img { display:none; } .readmore-js-section { } .btn.large .btn-inner.blank-btn { background:url(/imgs/blank-btn.png); background-size:100% auto; background-repeat: no-repeat; padding: 24px 60px; width: 180px; height: auto; background-position: 0; } .btn-holder.alternative a { padding:12px 30px; background:rgba(255,255,255,.8); border:1px solid #2172b9; border-radius: 100px; text-decoration:none; } .btn-holder.alternative a span { color:#2172b9; font-size:22px; letter-spacing:1px; font-weight:200; text-decoration:none; } .btn-holder.alternative a:hover, .btn-holder.alternative a:hover span { text-decoration:none; } .apps-single .mag-wrapper img { width:100%!important; height:auto!important; } .apps-single .mag-wrapper .bjqs-slide { width:60%; height:60%; } .apps-single .page-desc-slideshow ol.bjqs-markers.h-centered { position: absolute; bottom: -25px; left: 50%; margin-left: -20px; } .mobile-page #page-desc-slideshow-2 .bjqs li { width:auto!important; } .screenshot-wrapper { float:right; margin-right:-230px; } .screenshot-wrapper.wrapper-left { float:left; margin-left:-220px; margin-right:0; } div.inner.blackberry { margin-top:20px; } .mobile-page .desc-content .inner.tablet { float:left; padding-left:50px; } .screenshot-wrapper.wrapper-left.wrapper-big { margin-left: -580px; width: 90%; } .screenshot-wrapper.wrapper-left.wrapper-big img{ width:100%; max-width:200%!important; } .screenshot-wrapper img { width:100%; height:auto; }