/*
* vis iq V0.0.1
* Copyright 2016
* www.visualiq.com.com
*/
/* Table of contents
––––––––––––––––––––––––––––––––––––––––––––––––––
- Fonts
- Gobal Styles
- Typography
- Links
- Buttons
- Forms
- Lists
- Media Queries
*/
/* ------------------------------
Fonts
-------------------------------*/
@font-face {
font-family: 'Nexa-Bold';
src: url('https://www.visualiq.com/fonts/Nexa-Bold.eot');
src: url('https://www.visualiq.com/fonts/Nexa-Bold.woff2') format('woff2'),
url('https://www.visualiq.com/fonts/Nexa-Bold.woff') format('woff'),
url('https://www.visualiq.com/fonts/Nexa-Bold.ttf') format('truetype');whySec
}
@font-face {
font-family: 'Nexa-Light';
src: url('https://www.visualiq.com/fonts/Nexa-Light.eot');
src: url('https://www.visualiq.com/fonts/Nexa-Light.woff2') format('woff2'),
url('https://www.visualiq.com/fonts/Nexa-Light.woff') format('woff'),
url('https://www.visualiq.com/fonts/Nexa-Light.ttf') format('truetype');
}
@font-face {
font-family: 'Nexa-Book';
src: url('https://www.visualiq.com/fonts/Nexa-Book.eot');
src: url('https://www.visualiq.com/fonts/Nexa-Book.woff2') format('woff2'),
url('https://www.visualiq.com/fonts/Nexa-Book.woff') format('woff'),
url('https://www.visualiq.com/fonts/Nexa-Book.ttf') format('truetype');
}
@font-face {
font-family: 'Nexa-Book-Italic';
src: url('https://www.visualiq.com/fonts/Nexa-Book-Italic.eot');
src: url('https://www.visualiq.com/fonts/Nexa-Book-Italic.woff2') format('woff2'),
url('https://www.visualiq.com/fonts/Nexa-Book-Italic.woff') format('woff'),
url('https://www.visualiq.com/fonts/Nexa-Book-Italic.ttf') format('truetype');
}
/* ------------------------------
Global Styles
-------------------------------*/
html {
height: 100%;
}
body {
position: relative;
height: 100%;
}
*:focus,
*:active,
:hover {
outline-color: #A1D033!important;
}
.form-control:focus {
outline-color: #A1D033;
}
.wrapper {
width: 100%;
}
.container-full {
width: 100%;
}
.topPush{margin-top: 75px;}
body {
line-height: 22px;
font-family: Nexa-Book, sans-serif;
}
.desktopHide {
display: none;
}
a,
.boldTitle,
.btn-default {
color: #5C5A5E;
font-family: Nexa-Bold, sans-serif;
}
.lightText {
font-family: Nexa-Light, sans-serif;
color: #fff;
}
a:hover,
span {
text-decoration: none;
}
h1 {
line-height: 42px;
color: #5C5A5E;
font-family: Nexa-Book, sans-serif;
font-weight: 400;
font-size: 42px;
}
h2 {
line-height: 36px;
color: #5C5A5E;
font-family: Nexa-Book, sans-serif;
font-weight: 400;
font-size: 30px;
}
h1 a{font-size: 42px;}
h2 a{font-size: 30px;}
h3, h3 > a { font-size: 24px; }
h4, h4 > a { font-size: 20px; }
h3,
h4,
h5,
h6 {
line-height: 30px;
color: #5C5A5E;
font-family: Nexa-Book, sans-serif;
font-weight: 400;
}
ul,
li {
color: #5C5A5E;
font-family: Nexa-Book, sans-serif;
font-weight: 400;
font-size: 14px;
}
.greyOut {
filter: url("data:image/svg+xml;utf8,#grayscale");
/* Firefox 10+, Firefox on Android */
filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: gray;
/* IE6-9 */
-webkit-filter: grayscale(100%);
}
.pLarge {
font-size: 18px;
line-height: 27px;
}
.pMed {
font-size: 16px;
line-height: 24px;
}
p {
font-size: 14px;
color: #5C5A5E;
}
.pSmall {
font-size: 15px;
line-height: 22px;
}
.row {
margin-bottom: 16px;
}
hr {
margin-top: 10px;
margin-bottom: 10px;
border-top: 1px solid #BFBFBF;
}
.mobileShow {
display: none;
}
.spanArrow {
position: relative;
top: 3px;
display: inline-block;
font-family: 'Glyphicons Halflings';
font-style: normal;
font-weight: 400;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.shortHeader {
width: 75%;
}
/*UTILITY BAR*/
.utilityBar{
background-color: #A1D033;
text-align: left;
padding: 13px 0 10px 0px;
}
.utilityBar p{
color:#ffffff;
margin: 0px;
display: inline-block;
font-size: 16px;
}
.utilityBar p a{
color: #ffffff;
text-decoration: underline;
}
.utilityBar p a:hover{
color: #414042;
}
.utilityText p{
/*float: right;*/
padding-top: 18px;
}
.utilityBtn{
margin-top: 20px;
float: left;
display: block;
}
.viqUtilityBtn{
color: #ffffff;
border: 1px solid #ffffff;
padding-top: 8px;
padding-bottom: 5px;
padding-right: 10px;
padding-left: 10px;
display: inline-block;
}
/*sitecolor
/* ------------------------------
Global COLOR Styles
-------------------------------*/
.light > * {
color: #ffffff;
}
.dark > * {
color: #5D5B5F;
}
.lightGrey {
color: #F2F4F7;
}
.medGrey {
color: #BFBFBF;
}
.primaryGreen {
color: #A1D033;
}
.secondaryPurple {
color: #6A5981;
}
.secondaryTeal {
color: #40807A;
}
.productAudianceBlue {
color: #415766;
}
.peroductDeployOrange {
color: #E6673E;
}
.productSageYellow {
color: #EFDC4B;
}
.productEnvoyGreen {
color: #46BFAB;
}
.coolGrey {
color: #838386;
}
.logoGrey {
color: #5C5A5E;
}
.lightText {
color: #fff;
}
.darkText {
color: #5D5B5F;
}
.greenText {
color: #9DC448;
}
a.greenText:hover {
color: #87B840;
}
.boldText {
font-family: Nexa-Bold, sans-serif;
}
.trademark {
line-height:8px;
font-size: 50%;
vertical-align: super;
}
.greenBar {
border-left: 3px solid #A1D033;
padding-left: 14px!important;
padding-right: 14px;
}
.newsletterQuote {
border-left: 3px solid #A1D033;
padding-left: 14px!important;
padding-right: 14px;
margin-left: 1em;
}
.newsletterQuote p {
color: #A1D02F;
font-size: 1.4em;
/* font-family:"Nexa-Book-Italic"; */
font-style:italic;
padding-left: 15px;
margin: 1.9em 0 1.9em 0;
line-height:1.6em;
}
.cancelBtn {
width: 15px;
height: 15px;
float: right;
margin-top: 40px;
z-index: 111111111;
background-image: url(/images/about/managementx.svg);
}
.cancelBtn:hover {
background-image: url(/images/about/managementx_green.svg);
}
.newsLetterBtnSignup{
margin-left: 10px;
}
.leftButton {
height: 100%;
float: left;
margin-left: 0px;
}
.leftButton span {
top: 14px;
}
.leftButton span:hover,
.rightButton span:hover {
color: #A1D033;
}
.rightButton {
height: 100%;
float: right;
margin-right: 0px;
}
.rightButton span {
top: 14px;
}
.viqBtn {
padding-top: 12px;
padding-bottom: 12px;
padding-right: 30px;
padding-left: 30px;
font-family: Nexa-Bold, sans-serif;
margin-bottom: 0;
font-size: 16px;
border: 1px solid #fff;
background: transparent;
border-radius: 0px;
color: #fff;
text-transform: uppercase;
display: inline-block;
}
.viqBtn:hover {
background: #4A484C;
color: #ffffff;
border-bottom: 1px solid #4A484C;
}
.viqBtnOut {
padding-top: 12px;
padding-bottom: 12px;
padding-right: 30px;
padding-left: 31px;
font-family: Nexa-Bold, sans-serif;
margin-bottom: 0;
font-size: 16px;
border: 1px solid #5C5A5E;
background: transparent;
border-radius: 0px;
color: #5C5A5E;
text-transform: uppercase;
display: inline-block;
}
.viqBtnOut:hover {
background: #4A484C;
color: #ffffff;
border-bottom: 1px solid #4A484C;
}
.viqBtnOutLight {
padding-top: 14px;
padding-bottom: 10px;
padding-right: 30px;
padding-left: 30px;
font-family: Nexa-Bold, sans-serif;
margin-bottom: 0;
font-size: 16px;
border: 1px solid #ffffff;
background: transparent;
border-radius: 0px;
color: #ffffff;
text-transform: uppercase;
display: inline-block;
}
.viqBtnOutLight:hover {
background: #ffffff;
color: #A1CD3A;
border: 1px solid #ffffff;
}
.viqBtnOutGreen {
padding-top: 12px;
padding-bottom: 12px;
padding-right: 30px;
padding-left: 30px;
font-family: Nexa-Bold, sans-serif;
margin-bottom: 0;
font-size: 16px;
border: 1px solid #9DC448;
background: transparent;
border-radius: 0px;
color: #9DC448;
text-transform: uppercase;
display: inline-block;
}
.viqBtnOutGreen:hover {
background: #9DC448;
color: #ffffff;
border-bottom: 1px solid #9DC448;
}
.viqGreenBtn {
padding-top: 14px;
padding-bottom: 12px;
padding-right: 30px;
padding-left: 30px;
font-family: Nexa-Bold, sans-serif;
margin-bottom: 0;
font-size: 16px;
border: 1px solid #9DC448;
background: #9DC448;
border-radius: 0px;
color: #fff;
text-transform: uppercase;
display: inline-block;
/* this code may change button layout*/
}
.viqGreenBtn:hover,
.viqGreenBtn:active,
.viqGreenBtn:focus {
background: #87B840;
border: 1px solid #87B840;
color: #ffffff;
}
.archiveBtn {
padding-top: 12px;
padding-bottom: 12px;
padding-right: 30px;
padding-left: 0px;
font-family: Nexa-Book, sans-serif;
margin-bottom: 0;
font-size: 16px;
border: 1px solid transparent;
background: transparent;
border-radius: 0px;
color: #A1D033;
text-transform: uppercase;
display: inline-block;
}
.categorySelectBtn {
padding-top: 0px;
padding-bottom: 12px;
padding-right: 30px;
padding-left: 0px;
font-family: Nexa-Book, sans-serif;
margin-bottom: 0;
font-size: 14px;
border: 1px solid transparent;
background: transparent;
border-radius: 0px;
color: #A1D033;
text-transform: uppercase;
display: inline-block;
}
.categorySection{
margin:0px;
padding: 0px;
}
.categoriesBtn {
padding-top: 0px;
padding-bottom: 0px;
padding-right: 0px;
padding-left: 0px;
font-family: Nexa-Book, sans-serif;
margin-bottom: 0;
font-size: 12px;
border: 1px solid transparent;
background: transparent;
border-radius: 0px;
color: #A1D033;
text-transform: uppercase;
display: inline-block;
line-height: 16px;
}
.categoriesBtn:hover{
color:#87B840;
}
.categoryNumber{
color:#5C5A5E;
}
.categoryTitle{
text-align: center;
}
.archiveBtn span {
font-size: 10px;
top: -1px;
}
.archiveBtn:hover,
.archiveBtn:focus,
.archiveBtn active {
color: #87B840;
}
.viqBtnOutSolution {
padding-top: 14px;
padding-bottom: 10px;
padding-right: 28px;
padding-left: 28px;
font-family: Nexa-Bold, sans-serif;
margin-bottom: 0;
font-size: 16px;
border: 1px solid #5C5A5E;
background: transparent;
border-radius: 0px;
color: #5C5A5E;
text-transform: uppercase;
display: inline-block;
}
.viqBtnOutSolution:hover,
.viqBtnOutSolution:active,
.viqBtnOutSolution:focus {
background: #4A484C;
color: #ffffff;
border-bottom: 1px solid #4A484C;
}
/*archiveBtn hover state:*/
div .ArchiveSec > a:hover,
div .ArchiveSec div > a:hover {
color: #87B840;
}
.viqListNumbers {
padding-left: 22px;
color: #A1D033;
padding-top: 10px;
padding-bottom: 10px;
}
.viqListNumbers li {
padding-left: 0px;
margin: 5px 0px 10px 0px;
color: #A1D033;
}
.viqList {
/*padding-left: 22px;*/
/*list-style-type: circle;*/
color: #A1D033;
max-width: 500px;
/*list-style-image: url('https://www.visualiq.com/images/img/ul-circle.png');*/
}
.viqList li {
margin: 5px 0px 10px 0px;
color: #A1D033;
}
/**************************************************************************
Secondary page Header styles
**************************************************************************/
/*Grey headers*/
.greyHeader {
text-align: center;
background: #F2F4F7;
padding-top: 48px;
padding-bottom: 48px;
}
.greyHeaderSmall {
padding-top: 30px;
padding-bottom: 30px;
}
/*Thin image headers */
/*Large headers with images*/
/*--------------------
mega menu
--------------------*/
.navbar-nav>li>a{
padding-bottom: 12px;
}
@media not all and (min-resolution:.001dpcm) { @media
{
.navbar-nav>li>a{
padding-bottom: 12px;
}
}}
.activeNav {
padding-bottom:16px;
border-bottom: solid 3px #9DC448;
}
.navslideMenu {
display: none;
}
.navbar-nav>li>.dropdown-menu {
/*max-height: 184px;*/
}
.headerWrapper {
z-index: 100000;
position: fixed;
border-bottom: 2px solid #9DC448;
top: 0;
}
.mainNav {
background-color: none;
width: 100%;
height: 75px;
}
.mainMenuHover {
background-color: rgba(255, 255, 255, 1.0);
}
#menu-icon {
display: none;
}
.headerMenuOut {
background-color: #fff;
margin: 0px;
height: 75px;
/*background-color: rgba(255, 255, 255, 0.6);*/
border-color: transparent !important;
}
#thirdSec,
#secondSec,
#secondSecIcons,
#secondSecText {
list-style: none;
}
#swipeNav,
.dropdown .menu-large {
height: 75px;
}
#logo {
margin: -4px 0px 0px 0px;
width: auto;
height: 40px;
display: block;
float: left;
padding-left: 0px;
}
#logo img {
/*height: 30px;*/
width: 194px;
height: 51px;
}
#firstSec {
color: #49474B;
margin-top: 0px;
margin-left: 32px;
margin-right: 24px;
height: 75px;
padding-top: 0px;
}
.navbar-default .navbar-nav > li {
height: 75px;
padding-top: 4px;
}
.navbar-default .navbar-nav > li > a {
color: #49474B;
font-family: Nexa-Bold, sans-serif;
font-size: 14px;
text-align: center;
line-height: 18px;
padding-top: 20px;
}
.requestLink{
background-color: #9DC448;
margin-left: 38px;
padding-left: 10px;
padding-right: 10px;
height: 50px;
padding-top: 0px;
}
.navbar-default .navbar-nav > .requestLink {
height: 50px;
padding-top: 0px;
width: 80px;
margin-top: 14px;
margin-left: 86px;
}
.navbar-default .navbar-nav > .requestLink a{
padding: 0px;
margin: 0px;
font-size: 12px;
font-family: Nexa-Bold;
padding-top: 12px;
line-height: 14px;
}
@media (max-width: 1199px){
#firstSec > .requestLink {
margin: 12px 0px 0px 17px;
}
#firstSec .requestLink a{
padding: 12px 0px 0px 0px;
}
}
.requestLink:hover{
background-color: #87B840;
}
#requesLinkText{
color: #ffffff;
}
#secondSec {
padding: 0px;
float: left;
margin: 0;
display: inline-flex;
margin-top: 4px;
}
#secondSec #secondSecIcons {
display: block;
padding-left: 0px !important;
}
#secondSec #secondSecIcons li {
display: inline-block;
/*float: left;*/
padding: 0px 10px 0px 0px;
}
#navSearch {
margin-top: 22px;
}
#navSearch img {
width: 22px;
height: 22px;
}
#navContact {
margin-right: 2px;
margin-top: 23px;
/*width: 20px;*/
}
#navContact img {
width: 20px;
height: 20px;
}
@media (max-width: 991px) {
#navSearch img{
width: 35px;
height: 35px;
}
}
#secondSec #secondSecText {
padding: 0px 0px 0px 0px;
display: block;
float: left;
margin-top: 19px;
}
#secondSec #secondSecText li:hover {
border-bottom: none;
}
#secondSec .navCareers {
line-height: 1.2em;
font-size: 0.82em;
color: #49474B;
line-height: 1.1em;
margin-bottom: 4px;
}
#secondSec .navCareers:hover a,
#secondSec .navPrivacy:hover a {
text-decoration: underline;
}
#secondSec .navCareers a,
#secondSec .navPrivacy a {
color: #49474B;
line-height: 1.1em;
text-transform: uppercase;
font-family: Nexa-Book-italic, sans-serif;
font-size: 12px;
}
#secondSec .navCareers a img {
padding-right: 0px;
padding-bottom: 0px;
margin-top: -7px;
margin-right: 5px;
width: 14px;
max-height: 12px;
min-height: 12px;
}
#secondSec .navPrivacy {
line-height: 1.2em;
font-size: 0.82em;
color: #49474B;
line-height: 1.1em;
padding-top: 4px;
}
#secondSec .navPrivacy a img {
padding-right: 0px;
padding-bottom: 0px;
margin-top: -6px;
margin-right: 5px;
width: 14px;
max-height: 12px;
min-height: 12px;
}
#thirdSec {
margin: 17px 0px 0px 0px;
padding: 0px;
float: right;
}
#thirdSec li {
display: inline-block;
float: left;
/*padding: 9px;*/
/*line-height:1.2em;*/
/*font-size: 0.82em;*/
}
#navLogin {
width: 60px;
height: 40px;
padding: 0px;
line-height: 40px;
font-size: 12px;
background: transparent;
border: solid 1px #49474B;
border-radius: 0px;
color: #49474B;
}
#navLogin:hover {
color: #fff;
background-color: #4A484C;
border: solid 1px #4A484C;
}
#navLang {
font-family: Nexa-Bold, sans-serif;
width: 50px;
height: 40px;
/*padding: 0px;*/
line-height: 40px;
font-size: 12px;
background: transparent;
border: solid 1px #49474B;
border-radius: 0px;
color: #49474B;
border-radius: 0px;
-webkit-appearance: none;
padding-left: 10px;
margin-left: 20px;
color: #49474B;
background: url("https://www.visualiq.com/images/nav/chevrongrey.svg") no-repeat 76% 50%;
background-size: 10px 5px;
}
#navLang:hover {
background: url("https://www.visualiq.com/images/nav/chevronwhite.svg") no-repeat 76% 50%;
background-size: 10px 5px;
}
#navLang:hover,
#navLang:active {
color: #fff;
background-color: #4A484C;
border: solid 1px #4A484C;
}
.dropdown-menu {
border-left: none;
border-right: none;
border-bottom: none;
border-radius: 0px;
}
.dropdown-menu .title-space {
margin-top: 20px;
}
#firstSec > ul > li > div > ul > li > a {
color: #49474B;
font-size: 12px;
color: #DFE2E9;
}
.dropdown > a > span {
display: none;
}
.navbar-default .navbar-nav > .dropdown > a .caret {
border-top-color: #fff;
border-bottom-color: #fff;
}
.navbar-default .navbar-brand {
color: #fff;
}
.dropdown-header {
padding: 0px;
margin: 0px;
list-style-type: none;
display: inline;
}
.dropdown-header a {
list-style-type: none;
display: block;
/*margin-left: 5px;*/
/*margin-right: 5px;*/
padding: 10px 20px 10px 20px;
}
.menu-large {
position: static !important;
}
.megamenu {
padding: 0px 0px;
width: 100%;
background: #DFE2E9;
}
.megamenu li {
max-width: 1200px;
margin: 0 auto;
}
.megamenu> li > ul {
padding: 0;
margin: 0;
margin: 0 auto;
}
.megamenu> li > ul > li {
list-style: none;
}
.dropdownNavTitle {
font-family: Nexa-Bold, sans-serif;
color: #5C5A5E;
}
.dropdownNavTitle:hover {
text-decoration: underline;
color: #5C5A5E;
}
.dropdown .navSpan {
font-size: 13px;
font-family: Nexa-Book, sans-serif;
padding-top: 0px;
/*white-space:nowrap;*/
}
.megamenu a:focus,
.megamenu a:hover {
text-decoration: underline;
color: #5C5A5E;
}
.megamenu a:focus .navSpan,
.megamenu a:hover .navSpan,
.dropdownNavTitle:hover .navSpan {
text-decoration: none;
display: inline-block;
}
.megamenu a:focus .trademark,
.megamenu a:hover .trademark,
.dropdownNavTitle:hover .trademark {
text-decoration: none;
display: inline-block;
}
.dropdown-header,
.dropdown-header a {
line-height: 16px;
/*font-size: 14px;*/
width: 100%;
}
.dropdown-header:hover,
.dropdown-header a:hover {
line-height: 16px;
}
.megamenu> li > ul > li > a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: normal;
/*line-height: 1.0px;*/
color: #333333;
white-space: normal;
}
.megamenu> li ul > li > a:hover,
.megamenu> li ul > li > a:focus {
/*color: #262626;*/
/*background-color: #f5f5f5;*/
text-decoration: underline;
/*color:#5C5A5E;*/
}
.megamenu.disabled > a:hover,
.megamenu.disabled > a:focus {
text-decoration: none;
background-color: transparent;
background-image: none;
filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
cursor: not-allowed;
}
.megamenu.dropdown-header {
color: #428bca;
font-size: 16px;
}
.dropdown-header {
font-size: 14px;
}
li.dropdown.menu-large:hover {
border-bottom: solid 3px #9DC448;
}
.dropdown-menu li div ul {
padding: 40px 0px 40px 10px;
}
/*.dropdown a span {
font-size: 0.6em;
}*/
.dropdown a .smallNavSpan {
padding: 0px;
margin: 0px;
font-size: 80%;
line-height: 12px;
}
.smallNavSpan {
font-size: 0.8em;
}
#availableList{
display: none;
}
.arrow-up {
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #5D5B5F;
display: inline-block;
border-bottom: 0px solid #f00;
}
.arrow-up-active {
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #5D5B5F;
display: inline-block;
border-top: 0px solid #f00;
}
#downloadArrowBox:hover .arrow-up{
border-top: 10px solid #A1D033;
border-bottom: 0px solid #A1D033;
}
#downloadArrowBox:hover .arrow-up-active{
border-bottom: 10px solid #A1D033;
border-top: 0px solid #A1D033;
}
.downloadBoxOuterDownload,
.downloadBoxOuterMedia,
.downloadBoxOuterNewsletter {
margin-top: 0px;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
}
.downloadBoxOuterDownload:hover a h5,
.downloadBoxOuterMedia:hover a h5,
.downloadBoxOuterNewsletter:hover a h5 {
text-decoration: underline;
}
.downloadBoxOuterDownload:hover a.navSpan,
.downloadBoxOuterMedia:hover a.navSpan,
.downloadBoxOuterNewsletter:hover a.navSpan {
text-decoration: none;
}
.headerDownloadBox {
padding: 0px;
width: auto;
height: auto;
margin-top: 10px;
}
.headerDownload {
margin: 0px;
padding: 0px 22px 0px 22px;
text-align: center;
border-left: 1px solid #5C5A5E;
margin-top: 26px;
paddign-bottom: 10px;
}
.headerDownload h5 {
padding-top: 0px;
margin-top: 0px;
margin-bottom: 5px;
font-family: Nexa-Bold, sans-serif;
color: #5C5A5E;
line-height: 1.4;
}
.headerDownload img {
height: 54px;
margin-top: 0px;
margin-bottom: 10px;
}
.headerDownload p {
padding-bottom: 0px;
margin-bottom: 0px;
}
.headerDownloadMedia img {
height: 54px;
margin-top: 0px;
margin-bottom: 10px;
}
.headerDownloadMedia p {
padding-bottom: 0px;
margin-bottom: 0px;
}
.headerDownloadMedia {
margin: 0px;
padding: 0px 22px 0px 22px;
text-align: center;
border-left: 1px solid #5C5A5E;
margin-top: 26px;
paddign-bottom: 10px;
}
.headerDownloadMedia h5 {
padding-top: 0px;
margin-top: 0px;
margin-bottom: 5px;
font-family: Nexa-Bold, sans-serif;
color: #5C5A5E;
line-height: 1.4;
}
.headerDownloadNewsletter img {
height: 54px;
margin-top: 0px;
margin-bottom: 10px;
}
.headerDownloadNewsletter p {
padding-bottom: 0px;
margin-bottom: 0px;
}
.headerDownloadNewsletter {
margin: 0px;
padding: 0px 22px 0px 22px;
text-align: center;
border-left: 1px solid #5C5A5E;
margin-top: 26px;
paddign-bottom: 10px;
}
.headerDownloadNewsletter h5 {
padding-top: 0px;
margin-top: 0px;
margin-bottom: 5px;
font-family: Nexa-Bold, sans-serif;
color: #5C5A5E;
line-height: 1.4;
}
/*--------------------
HOME HERO Section
--------------------*/
#homeHero {
margin-top: -75px;
z-index: -10000;
}
/*.hero {
background: url("https://www.visualiq.com/images/home/header_1440.jpg") no-repeat;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
width: 100%;
min-height: 600px;
overflow: hidden;
}
*/
.heroMobileImage {
display: none;
}
.solutionsMobileImage{
display: none;
}
.solutionsMobileImage img{
display: none;
}
.hero #cta {
margin-top: 145px;
float: left;
text-align: left;
color: #fff;
}
.hero #cta h1 {
text-align: left;
color: #fff;
}
.hero #cta p {
text-align: left;
color: #fff;
margin-top: 15px;
padding-right: 28px;
}
.hero #cta a {
margin: 0 auto;
margin-top: 10px;
}
/*test code */
.hero2 {
/*background: url("https://www.visualiq.com/images/home_hero_origami1.jpg") no-repeat;*/
width: 100%;
min-height: 525px;
height: 100%;
/* whatever width you want */
display: inline-block;
position: relative;
background-size: 100% auto;
margin: 0 auto;
overflow: hidden;
}
.hero2 #cta {
margin-top: 140px;
float: none;
text-align: center;
}
.hero2 #cta h1 {
text-align: center;
}
.hero2 #cta p {
text-align: center;
}
.hero2 #cta a {
margin: 0 auto;
padding-left: 28px;
padding-right: 28px;
padding-top: 8px;
border-radius: 0px;
background-color: transparent;
color: #5C5A5E;
border-color: #5C5A5E;
}
/* --------------------
HOME COMPANY LOGOS SECTION
---------------------*/
.companies {
margin-top: 30px;
margin-bottom: 28px;
}
.companyLogos {
padding-right: auto;
padding-left: auto;
height: auto;
}
.centerCompanyLogo {
margin: 0 auto;
}
.clientLogoHome {
height: 52px;
width: auto;
float: left;
margin-right: 16px;
margin-left: 16px;
}
#crate .clientLogoHome {
height: 22px;
margin-top: 15px;
}
#ae .clientLogoHome {
margin-left: 28px;
}
#ihg .clientLogoHome {
height: 50px;
margin-top: 8px;
}
#adidas .clientLogoHome {
height: 23px;
margin-top: 14px;
}
#companyMore .companyMoreBTN {
margin-left: 12px;
}
.clientLogoHome:hover {
/* -webkit-transition: .1s ease-in-out;
-moz-transition: .1s ease-in-out;
-o-transition: .1s ease-in-out;
filter: url("data:image/svg+xml;utf8,#grayscale");
filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: none ; /* IE6-9 */
zoom: 1;
/* needed to trigger "hasLayout" in IE if no width or height is set */
-webkit-filter: grayscale(0%);
/* Chrome 19+, Safari 6+, Safari 6+ iOS */
*/
}
.companyMoreBTN {
margin-top: 6px;
}
/*---------------------
HOME ABOUTUS SECTION
---------------------*/
.aboutUs {
padding-top: 12px;
padding-bottom: 48px;
margin-bottom: 40px;
}
.container-full.aboutUs {
padding-top: 20px;
padding-bottom: 48px;
margin-bottom: 10px;
}
.container-full.aboutUs h2 {
margin-bottom: 4px;
}
.container-full.aboutUs a {
margin-top: 14px;
}
/*---------------------
HOME SOLUTION SECTION
---------------------*/
.solutionTop {
margin-top: 32px;
margin-bottom: 16px;
}
.solutionTop h2 {
margin-bottom: 0px;
}
.solutionTop h3 {
margin-bottom: 0px;
line-height: 3rem;
}
.solution h3 {
margin-top: 20px;
margin-bottom: 0px;
font-size: 25px;
}
.solution p {
margin-bottom: 20px;
}
.solution h3 span {
font-size: 50%;
vertical-align: super;
}
.solution div img {
margin-right: auto;
margin-left: auto;
}
.solution{
padding-top: 10px;
margin-bottom: 40px;
}
#envoy,
#audience,
#sage,
#deploy {
padding-top: 50px;
padding-bottom: 15px;
padding-right: 40px;
padding-left: 40px;
height: 542px;
}
#envoy,
#audience,
#sage {
border-right: 1px solid #ddd;
border-right: 1px solid rgba(86, 61, 124, .2);
}
#envoy img,
#audience img,
#sage img,
#deploy img {
width: 100px;
}
#envoy h3,
#audience h3,
#sage h3,
#deploy h3 {
margin-top: 32px;
margin-bottom: 23px;
}
#envoy a,
#audience a,
#sage a,
#deploy a {
position: absolute;
bottom: 50px;
left: 50%;
-webkit-transform: translate(-50%, 0%);
-moz-transform: translate(-50%, 0%);
-ms-transform: translate(-50%, 0%);
-o-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
min-width: 170px;
}
/*--------------------
HOME CHALLENGES SECTION
--------------------*/
.chevron img {
width: 22px;
margin-left: 5px;
}
.challenge {
height: auto;
background-image: linear-gradient(rgba(74,
72,
75,
0.7),
rgba(74,
72,
76,
0.7)),
url("https://www.visualiq.com/images/home/body1_1440.jpg");
/*background:url("https://www.visualiq.com/images/home_challanges.jpg") no-repeat;*/
background-size: cover;
transform-origin: 50% bottom;
color: #ffffff;
z-index: -999999999;
height: 505px;
right: 0;
bottom: 0;
background-position: center;
}
.challenge .container {
padding-top: 0px;
padding-bottom: 300px;
}
.challenge h1 {
margin-bottom: 25px;
}
.challenge button {
font-family: Nexa-Book-Italic;
margin-top: 5px;
}
#challengeText {
padding-left: 0px;
margin-top: 145px;
}
#challengeText h1 {
font-size: 4.2em;
line-height: 1.02em;
margin-bottom: 70px;
}
#challengeText h3 {
font-size: 30px;
}
#challengeText #challengeButton h3 {
display: inline;
font-family: Nexa-Book, sans-serif;
font-size: 30px;
color: #fff;
}
#dLabel {
background-color: transparent;
border: transparent;
color: #9DC448;
}
#challengeButton > div > ul {
background-color: transparent;
color: #fff;
font-size: 42px;
line-height: 55.2px;
width: 100%;
border: transparent;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
padding-right: 56px;
margin-left: 100px;
}
#challengeButton > div > ul >li {
line-height: 50.2px;
color: #fff;
text-align: left;
padding-left: 168px;
}
#challengeButton > div > ul >li >a {
color: #fff;
background-color: none;
}
#challengeButton > div > ul >li >a:hover {
background-color: none;
color: #A1D033;
}
.dropdown-menu>li>a {
line-height: 1.2em;
}
#challengeText.dropdown-menu {
background-color: transparent;
font-size: 18px;
}
#button.bLabel {
background-color: transparent;
}
.why {
margin-top: 0px;
/*background: url("https://www.visualiq.com/images/home/body2.jpg") no-repeat;*/
background-size: cover;
background-position: center bottom;
background-position: 0px 0px;
/*height: 730px;*/
}
.why .whyLeft {
/*height: 730px;*/
background-size: cover;
background-position: right;
background-repeat: no-repeat;
/*background-image:url('https://www.visualiq.com/images/home/body2_laptop.png');*/
}
.why #laptop {
height: 650px;
}
.why .whyList,
.why .whyLeft {
/*background: url("https://www.visualiq.com/images/img/listdot.svg") no-repeat;*/
/*background-position: 0 0;*/
z-index: 100000000;
}
.why .whySection ul {
list-style: none;
padding-left: 0px;
}
.why .whySection li {
margin-bottom: 0px;
width: 100%;
padding-bottom: 0px;
}
.why .whySection h1 {
font-size: 30px;
margin-top: 42px;
}
.why .whyList h5 {
color: #A1D033;
line-height: 2.6rem;
margin-bottom: 0px;
/*font-size: 16px;*/
padding-bottom: 0px;
}
.why .whyList p {
padding-bottom: 0px;
}
.whyTextSection{
margin-top:52px;
}
.whyProviderSec {
padding-bottom: 37px;
padding-top: 27px;
}
.bigDataSec {
padding-bottom: 33px;
padding-top: 27px;
}
.pedigreeSec {
padding-bottom: 7px;
padding-top: 27px;
}
.newsletter {
background-color: #9DC448;
color: #fff;
padding: 10px 0px;
}
.newsletter .form-control {
display: inline-block;
}
.newsletter h1 {
line-height: 3.6rem;
margin-bottom: 6px;
padding-top: 10px;
font-size: 36px;
}
.newsletter #inputEmail {
border-radius: 0px;
margin-right: 20px;
width: 383px;
height: 46px;
padding-bottom: 5px;
margin-top: -1px;
}
.newsletter #newsletterButton {
/*background-color: transparent;*/
/*padding: 8px 20px 2px 20px;*/
margin-top: 36px;
/*color: #ffffff;*/
/*border-color: #ffffff;*/
/*border-radius: 0px;*/
}
/*---------------------------------------------------------------------
FOOTER STYLES
---------------------------------------------------------------------*/
#daa img,
#iab img {
height: 34px;
}
#iab {
margin-left: -5px;
}
.formFooter{
margin-bottom: 40px;
}
.footer {
background-color: #414042;
color: #fff;
height: 100%;
padding-top: 30px;
padding-bottom: 30px;
max-height: 260px;
/*overflow: hidden;*/
}
.footer .container .row {
margin-bottom: 0px;
}
.footer ul {
list-style: none;
padding: 0px 0px 0px 10px;
}
.footer #ourLocations {
border-left: 1px solid #ffffff;
padding-left: 50px;
color: #fff;
}
.footer #ourLocations .contactLocation:hover a {
color: #A1D033;
}
.footer #ourLocations ul li {
margin-bottom: 5px;
font-family: Nexa-Book, sans-serif;
line-height: 18px;
}
.footer #ourLocations ul li a {
color: #fff;
font-family: Nexa-Book, sans-serif;
}
.footer .footerLeft ul li {
margin-bottom: 0px;
line-height: 27px;
}
.footer .footerLeft ul li a {
color: #fff;
font-family: Nexa-Book, sans-serif;
}
.footer .footerLeft ul li:hover a {
color: #A1D033;
}
.footerIconPad {
padding-left: 20px;
}
#bottomPhone {
margin-top: 0px;
margin-bottom: -10px;
}
#bottomPhone li {
color: #fff;
}
#footerLogin {
margin-top: 0px;
margin-bottom: 23px;
}
#footerSearch {
border-radius: 0px;
background-color: #6D6E71;
border-color: #6D6E71
}
.footerSearch .footerSearchBox {
max-width: 374px;
}
.input-group .form-control,
.input-group-addon,
.input-group-btn {
color: #fff;
}
.footer .footerSearchBox .input-group-addon {
background-color: #6D6E71;
border-radius: 0px;
color: #ffffff;
border-color: #6D6E71;
}
#footerSocial {
list-style: none;
margin-top: 0px;
/*margin-bottom: 20px;*/
text-align: right;
/*margin-right: 45px;*/
float: left;
}
#footerSocial li {
display: inline;
}
#footerSocial li img {
height: 44px;
}
#footericons {
list-style: none;
margin-top: 0px;
/*margin-bottom: 20px;*/
text-align: right;
/*margin-right: 45px;*/
}
#footericons li {
display: inline;
}
#footericons li {
display: inline;
}
#footericons li img {
height: 44px;
}
.footer ul {
float: right;
width: 100%;
}
.allFooterIcons ul {
width: auto;
}
.footer #footerCopy {
font-size: 75%;
margin-top: 64px;
top: 20px;
line-height: 15px;
}
.footer #footerCopy a {
color: #fff;
}
.footer #footerCopy a:hover {
color: #A1D033;
}
.closedDropdown {
visibility: hidden;
opacity: 0;
transition: visibility 0s, opacity 1.5s linear;
}
.open {
display: block;
visibility: visible;
opacity: 1;
z-index: 1000;
}
/*---------------------------------------------------------------------
PAGE TOP CTA STYLES
---------------------------------------------------------------------*/
.topCTA {
background: url("https://www.visualiq.com/images/img/ctaimg.jpg")no-repeat;
background-position: 0 0;
background-color: #303030;
height: 210px;
}
.aboutCTA {
/*background: url("/images/about/aboutUs_header_1440.jpg")no-repeat;*/
background-image: linear-gradient(rgba(74, 72, 75, 0.7), rgba(74, 72, 76, 0.7)), url("/images/about/img_aboutus_header_1440.jpg");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
width: 100%;
min-height: 210px;
overflow: hidden;
}
.blogTopCTA {
background-image: linear-gradient(rgba(74, 72, 75, 0.7), rgba(74, 72, 76, 0.7)), url("/images/blog/blog_header_1440.jpg");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
width: 100%;
min-height: 210px;
overflow: hidden;
}
.partnersTopCTA {
/*background: url("/images/about/aboutUs_header_1440.jpg")no-repeat;*/
background-image: linear-gradient(rgba(74, 72, 75, 0.7), rgba(74, 72, 76, 0.7)), url("/images/partners/partners_header_1440.jpg");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
width: 100%;
min-height: 210px;
overflow: hidden;
}
.careersTopCTA {
/*background: url("/images/about/aboutUs_header_1440.jpg")no-repeat;*/
background-image: linear-gradient(rgba(74, 72, 75, 0.7), rgba(74, 72, 76, 0.7)), url("/images/careers/careers_header.jpg");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
width: 100%;
min-height: 210px;
overflow: hidden;
}
.newsTopCTA {
background-image: linear-gradient(rgba(74, 72, 75, 0.7), rgba(74, 72, 76, 0.7)), url("/images/news/newsevents_header_1440.jpg");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
width: 100%;
min-height: 210px;
overflow: hidden;
}
.resourcesTopCTA {
/*background: url("/images/about/aboutUs_header_1440.jpg")no-repeat;*/
background-image: linear-gradient(rgba(74, 72, 75, 0.7), rgba(74, 72, 75, 0.7)), url("/images/resources/img_resources_header_1440.jpg");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
width: 100%;
min-height: 210px;
overflow: hidden;
}
.whyTopCTA {
background-image: linear-gradient(rgba(74, 72, 75, 0.7), rgba(74, 72, 75, 0.7)), url("/images/about/img_whyvisualiq_header.jpg");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
width: 100%;
min-height: 210px;
overflow: hidden;
}
.ctaTruemetricsTop {
background-image: linear-gradient(rgba(74, 72, 75, 0.7), rgba(74, 72, 75, 0.7)), url("/images/solutions/truemetrics_header_1440.jpg");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
width: 100%;
min-height: 210px;
overflow: hidden;
}
.topCtaChallenges {
background-image: linear-gradient(rgba(74, 72, 75, 0.7), rgba(74, 72, 75, 0.7)), url("/images/yourchallenges/challenge-header.jpg");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
width: 100%;
min-height: 210px;
overflow: hidden;
}
.topCtaPricing {
background-image: linear-gradient(rgba(74, 72, 75, 0.7), rgba(74, 72, 75, 0.7)), url("/images/solutions/pricing_header_1440.jpg");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
width: 100%;
min-height: 210px;
overflow: hidden;
}
.topCtaForm {
background-image: linear-gradient(rgba(74, 72, 75, 0.7), rgba(74, 72, 75, 0.7)), url("/images/solutions/pricing_header_1440.jpg");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
width: 100%;
min-height: 210px;
overflow: hidden;
}
.solutionstopCTA {
height: auto;
background-image: linear-gradient(rgba(74,72,75,0.7), rgba(74,72,76,0.7)), url("https://www.visualiq.com/images/solutions/solutions_header.jpg");
/*background:url("https://www.visualiq.com/images/home_challanges.jpg") no-repeat;*/
background-size: cover;
transform-origin: 50% bottom;
color: #ffffff;
z-index: -999999999;
height: 505px;
right: 0;
bottom: 0;
background-position: center;
background-color: #303030;
height: 210px;
background-size: cover;
}
.forAgenciestopCTA {
height: auto;
background-image: linear-gradient(rgba(74,72,75,0.7), rgba(74,72,76,0.7)), url("https://www.visualiq.com/images/solutions/foragencies_header_1440.jpg");
/*background:url("https://www.visualiq.com/images/home_challanges.jpg") no-repeat;*/
background-size: cover;
transform-origin: 50% bottom;
color: #ffffff;
z-index: -999999999;
height: 505px;
right: 0;
bottom: 0;
background-position: center;
background-color: #303030;
height: 210px;
background-size: cover;
}
.topCTA .formsCta,
.topCTA .archivesCta,
.topCTA .challengesCta,
.topCTA .solutionsCta,
.topCTA .partnersCta,
.topCTA .pricingCta,
.topCTA .formCta,
.topCTA .forAgenciesCta,
.topCTA .truemetricsCta {
/*background: url("https://www.visualiq.com/images/img/ctaimg.jpg")no-repeat;*/
/*background-position: 0 0;*/
height: 100%;
padding-left: 30px;
padding-top: 38px;
}
.topCTA .aboutCta {
height: 100%;
padding-left: 30px;
padding-top: 10px;
}
.topCTA .newsEventsCta {
height: 100%;
padding-left: 30px;
padding-top: 55px;
}
.topCTA .whyCta {
height: 100%;
padding-left: 30px;
padding-top: 20px;
}
.topCTA .formsCta .ctaTitle,
.topCTA .archivesCta .ctaTitle,
.topCTA .challengesCta .ctaTitle,
.topCTA .whyCta .ctaTitle,
.topCTA .solutionsCta .ctaTitle,
.topCTA .parnersCta .ctaTitle,
.topCTA .pricingCta .ctaTitle,
.topCTA .formCta .ctaTitle,
.topCTA .newsEventsCta .ctaTitle,
.topCTA .forAgenciesCta .ctaTitle,
.topCTA .truemetricsCta .ctaTitle,
.topCTA .aboutCta .ctaTitle {
padding-left: 0px;
margin-left: 0px;
margin-top: 12px;
margin-bottom: 16px;
margin-bottom: 10px;
}
/*.topCTA .truemetricsCta .ctaTitle{
width: 100%;
}*/
.topCTA .formsCta .ctaTitle h1,
.topCTA .archivesCta .ctaTitle h1,
.topCTA .challengesCta .ctaTitle h1,
.topCTA .newsEventsCta .ctaTitle h1,
.topCTA .forAgenciesCta .ctaTitle h1,
.topCTA .truemetricsCta .ctaTitle h1 {
margin-left: 0px;
display: inline;
}
.topCTA .formsCta div h2,
.topCTA .archivesCta div h2,
.topCTA .challengesCta div p,
{
display: inline;
margin-left: 0px;
}
.topCTA .pricingCta div p {
max-width: 448px;
}
.careersTopCTA .partnersCta {
padding-top: 24px;
}
.solutionsTopCTA {
background-color: #303030;
height: 400px;
background: url("https://www.visualiq.com/images/img/solutionsbottombg.png")no-repeat;
background-position: 0 0;
}
.envoyHeader {
background: url("/images/solutions/envoy_header_1440.jpg")no-repeat;
/*background-image: linear-gradient(rgba(74, 72, 75, 0.7), rgba(74, 72, 76, 0.7)),
url("https://www.visualiq.com/images/solutions/envoy_header_1440.jpg");*/
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
width: 100%;
min-height: 400px;
overflow: hidden;
}
.sageHeader {
background: url("/images/solutions/sage_header_1440.jpg")no-repeat;
/*background-image: linear-gradient(rgba(74, 72, 75, 0.7), rgba(74, 72, 76, 0.7)),
url("https://www.visualiq.com/images/solutions/envoy_header_1440.jpg");*/
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
width: 100%;
min-height: 400px;
overflow: hidden;
}
.audienceHeader {
background: url("/images/solutions/audience_header_1440.jpg")no-repeat;
/*background-image: linear-gradient(rgba(74, 72, 75, 0.7), rgba(74, 72, 76, 0.7)),
url("https://www.visualiq.com/images/solutions/envoy_header_1440.jpg");*/
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
width: 100%;
min-height: 400px;
overflow: hidden;
}
.deployHeader {
background: url("/images/solutions/deploy_header_1440.jpg")no-repeat;
/*background-image: linear-gradient(rgba(74, 72, 75, 0.7), rgba(74, 72, 76, 0.7)),
url("https://www.visualiq.com/images/solutions/envoy_header_1440.jpg");*/
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
width: 100%;
min-height: 400px;
overflow: hidden;
}
.solutionsTopCTA .envoyCta,
.solutionsTopCTA .sageCta,
.solutionsTopCTA .deployCta,
.solutionsTopCTA .audienceCta {
/*background: url("https://www.visualiq.com/images/img/solutionsbottombg.png")no-repeat;*/
/*background-position: 0 0;*/
height: 100%;
padding-left: 30px;
padding-top: 65px;
}
.solutionsTopCTA .envoyCta .ctaTitle,
.solutionsTopCTA .sageCta .ctaTitle,
.solutionsTopCTA .deployCta .ctaTitle,
.solutionsTopCTA .audienceCta .ctaTitle {
margin-left: 0px;
display: inline;
margin-bottom: 10px;
}
.solutionsTopCTA .envoyCta div p,
.solutionsTopCTA .sageCta div p,
.solutionsTopCTA .deployCta div p,
.solutionsTopCTA .audienceCta div p {
display: inline;
margin-left: 0px;
}
.solutionsTopCTA .envoyCta div .ctaLogo,
.solutionsTopCTA .sageCta div .ctaLogo,
.solutionsTopCTA .deployCta div .ctaLogo,
.solutionsTopCTA .audienceCta div .ctaLogo {
margin-left: 52px;
margin-bottom: 20px;
}
/*---------------------------------------------------------------------
FORMS PAGE STYLES
---------------------------------------------------------------------*/
.formDisclaimer{
margin-top: 20px;
margin-right: 45px;
font-size: 12px;
font-family: Nexa-Book-Italic, sans-serif;
}
.formSection {
/*background-color: #EAEAEA;*/
padding-bottom: 100px;
/*padding-top: 50px;*/
font-family: Nexa-Book-Italic, sans-serif;
color: #BFBFBF;
font-size: 12px;
}
#pricingForm {
padding-top: 0px;
}
.formSection .form-control {
display: block;
margin: 8px 0px;
width: 100%;
height: 34px;
padding: 6px 12px;
font-family: Nexa-Book-Italic, sans-serif;
font-size: 12px;
line-height: 1.42857143;
color: #5C5A5E;
/*background-color: #fff;*/
background-image: none;
border: 1px solid #ccc;
border-radius: 1px;
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.formSection .form-control:focus{
font-family: Nexa-Book, sans-serif;
}
.formSection .form-control:focus::-webkit-input-placeholder { color:transparent; }
.formSection .form-control:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
.formSection .form-control:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
.formSection .form-control:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */
.formSection .form-control:not([value='']) {
font-family: Nexa-Book-Italic, sans-serif;
}
.formSection .form-control::-webkit-input-placeholder {
color: #BFBFBF;
}
.formSection .form-control:-moz-placeholder {
/* Firefox 18- */
color: #BFBFBF;
}
.formSection .form-control::-moz-placeholder {
/* Firefox 19+ */
color: #BFBFBF;
}
.formSection .form-control:-ms-input-placeholder {
color: #BFBFBF;
}
.select-style {
padding: 0;
margin: 0;
margin-top: 8px;
margin-bottom: 8px;
width: 100%;
overflow: hidden;
border-radius: 1px;
color: #828282;
background: #fff url("https://www.visualiq.com/images/img/dropdownBtn.svg") no-repeat 100% 50%;
}
.formSection .select-style .form-control {
color: #BFBFBF;
margin: 0px 0px 0px 0px;
}
.select-style select {
padding-left: 10px;
width: 130%;
border-radius: 1px;
box-shadow: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.checkbox label,
.radio label,
.radio-inline label {
color: #5C5A5E;
}
.radio-inline{
margin-right: 0px;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 10px;
}
.checkbox input[type=checkbox]{
margin-top:5px;
}
.radio-inline input[type=radio]{
margin-top: 3px;
}
.radio-inline+.radio-inline{
margin-left: 0px;
}
.radioTitle{
width: 100%;
/*height: 30px;*/
}
input[type=checkbox],
input[type=radio] {
}
div.radioTop > div > small {
color: #5C5A5E;
font-size: 12px;
}
.select-style select:focus {
outline: none;
}
.formSection .smallFormLeft {
padding-right: 6px;
}
.formSection .smallFormRight {
padding-left: 6px;
}
.formSection .smallFormCenter {
padding-right: 6px;
padding-left: 6px;
margin-top: 0px;
}
.formSection .form-group div {
/*padding-top: 4px;
padding-bottom: 4px;
margin-bottom: 10px;*/
}
.formsLeftTop {
padding-top: 30px;
}
.formsLeftTop > h1,
.formsLeftTop > h2,
.formsLeftTop > h3,
.formsLeftTop > h4 {
line-height: 3.2rem;
}
.formsLeftTop ul li {
color: #5C5A5E;
margin-top: 20px;
}
.formsLeftImg {
margin: 0 auto;
}
.formsLeftImg img {
display: block;
width: 355px;
height: auto;
margin: auto;
}
.formsLeftBottom ul li {
color: #828282;
}
.form-img {
padding: 0px 0px;
margin-bottom: 42px;
}
.radioTop,
.radioBottom {
font-size: 12px;
margin: 22px 0px 32px 0px;
}
.radioBottom .radio,
.radioTop .radio{
/*display: inline-block;*/
margin: 0px;
}
.radioTitle{
width: 100%;
padding-top: 20px;
}
.radioTitle small{
display: block;
width: 100%;
padding-bottom: 6px;
font-size: 12px;
color: #5C5A5E;
}
.lineBreak {
border-top: 2px solid #828282;
border-bottom: 2px solid #828282;
}
.assetDownload {
border-top: 2px solid #BFBFBF;
border-bottom: 2px solid #BFBFBF;
margin-top: 24px;
margin-bottom: 10px;
padding-bottom: 30px;
/*min-height: 420px;*/
}
.currentDownloadTitle{
margin-top: 44px;
}
.formSection .assetDownload h4 {
font-family: Nexa-Book-Italic, sans-serif;
color: #828282;
}
.formSection .assetDownload .nextAssetText {
font-family: Nexa-Book-Italic, sans-serif;
color: #828282;
font-size: 14px;
line-height: 1.2;
margin: 0px 0px 0px 44px;
}
.formSection .assetDownload .nextAssetDesc{
font-family: Nexa-Book-Italic, sans-serif;
color: #828282;
font-size: 10px;
line-height: 1.2;
margin: 5px 0px 0px 44px;
}
.assetDownload .list-group-item {
border: 1px solid transparent;
}
.assetDownload .lastBox {
border-bottom: 1px solid transparent;
box-sizing: border-box;
}
.assetDownload a.list-group-item {
border-radius: 0px;
background-color: transparent;
padding: 4px;
float: left;
/*max-height: 80px;*/
width: 100%;
display: table;
box-sizing: border-box;
height: 72px;
}
/*.assetDownload a.list-group-item p{
margin: 0px 0px 0px 44px;
line-height: 1.2;
}*/
.assetDownload a.list-group-item img {
float: left;
margin-left: 35px;
margin-right: 20px;
height: 62px;
width: auto;
}
div.assetDownload > div > div > .list-group-item {
border-left: 3px solid transparent;
}
div.assetDownload > div > div > .list-group-item.active {
background: #fff;
color: #5D5B5F;
border-left: 3px solid #A1D033;
}
div.assetDownload > div > div > .list-group-item:hover {
border-left: 3px solid #A1D033;
}
div.assetDownload > div > div > a.list-group-item.active:hover {
box-sizing: border-box;
border-color: #A1D033;
border-left: 3px solid #A1D033;
}
.assetDownload .list-group .downloadBox {
margin: 0px;
padding: 4px 8px 4px 2px;
height: 96px;
border-bottom: 1px solid #BFBFBF;
}
.assetDownload .list-group input {
top: 24px;
position: absolute;
visibility: hidden;
}
/* .squaredTwo */
.squaredTwo {
width: 28px;
height: 28px;
top: 20px;
position: absolute;
background: #BFBFBF;
}
.squaredTwo label {
width: 24px;
height: 24px;
cursor: pointer;
position: absolute;
left: 2px;
top: 2px;
background: #ffffff;
}
.squaredTwo label {
width: 24px;
height: 24px;
cursor: pointer;
position: absolute;
left: 2px;
top: 2px;
background: #ffffff;
/*box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px white;*/
}
.squaredTwo label:after {
content: '';
width: 18px;
height: 10px;
position: absolute;
top: 4px;
left: 4px;
border: 3px solid #ffffff;
border-top: none;
border-right: none;
background: transparent;
opacity: 0;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.squaredTwo label:hover::after {
opacity: 0.3;
}
.squaredTwo input[type=checkbox] {
visibility: hidden;
}
.squaredTwo input[type=checkbox]:checked + label {
background: #A1D033;
}
.squaredTwo input[type=checkbox] + label:after {
opacity: 0;
}
.squaredTwo input[type=checkbox]:checked + label:after {
opacity: 1;
}
/* end .squaredTwo */
.formSection .form-group .bottomCheckbox label {
margin-top: 20px;
margin-bottom: 18px;
}
.bottomCheckbox div label{
color: #5C5A5E;
font-family: Nexa-Book-Italic, sans-serif;
font-size: 12px;
margin-top: 0px;
margin-bottom: 6px;
}
.infoCheckBox{
margin-bottom: 12px;
padding-bottom: 9px;
}
.bottomCheckbox div label input{
margin-right: 5px;
}
.formSection .formPageBtn {
margin-top: 14px;
}
.downloadBox a {
z-index: 100;
}
.downloadBoxCurrent{
background: #fff;
color: #5D5B5F;
border-left: 3px solid #A1D033;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
margin-bottom: 30px;
}
.downloadBoxCurrent img{
float:left;
}
.downloadBoxCurrent .currentDownloadText{
font-family: Nexa-Book-Italic, sans-serif;
color: #828282;
font-size: 15px;
line-height: 1.2;
margin: 0px 0px 0px 95px;
padding-top: 20px;
}
/*archives
/*---------------------------------------------------------------------
ARCHIVES PAGE STYLES
---------------------------------------------------------------------*/
.archiveTopText {
padding-top: 27px;
padding-bottom: 40px;
padding-left: 0px;
padding-right: 30px;
}
.archivesSecondary {
background: #415766;
padding-bottom: 10px;
}
.archivesSecondary h3 {
padding-bottom: 0px;
margin-bottom: 0px;
}
.ArchiveSections {
padding-left: 0px;
margin-left: 0px;
padding-right: 30px;
}
.ArchiveSec {
border-bottom: 1px solid #BFBFBF;
padding-bottom: 30px;
margin: 0px;
padding: 0px;
padding-bottom: 40px;
margin-top: 28px;
}
.ArchiveSec:last-child {
border-bottom: 2px solid transparent;
}
.ArchiveSec > div {
padding: 0px;
margin: 0px;
}
.ArchiveSec > div img {
margin-right: 20px;
}
.ArchiveSec .eventText {
padding-left: 10px;
}
.caseStudyQuote p {
color: #A1D033;
}
.archivePress .archiveType,
.archiveNewsletter .archiveType,
.archiveEvent .archiveType,
.archiveWebcast .archiveType,
.archiveIndustry .archiveType,
.archiveCaseStudy .archiveType {
text-align: right;
width: 100%;
text-transform: uppercase;
margin: 0px;
padding: 0px;
}
.archivePress .archiveTitle,
.archiveNewsletter .archiveTitle,
.archiveEvent .archiveTitle,
.archiveWebcast .archiveTitle,
.archiveIndustry .archiveTitle,
.archiveCaseStudy .archiveTitle {
text-align: left;
margin: 0px;
margin-bottom: 10px;
padding: 0px;
font-size: 18px;
}
.archiveEvent div img,
.archiveIndustry div img,
.archiveCaseStudy div img {
float: left;
width: 100%;
/*margin-top: 42px;*/
}
.archivesLeft {
padding-right: 0px;
padding-left: 0px;
}
.archiveContainer {
display: table;
}
.archiveContainer .archivesRight, .blogRight,
.archiveContainer .archivesLeft {
display: table-cell;
vertical-align: top;
}
.archivesLeft {
width: 100%;
}
.archivesRight, .blogRight {
background: #F2F4F7;
float: none;
height: 100%;
}
.archiveRightSec {
padding-bottom: 30px;
margin-bottom: 0px;
}
/*resources
/*---------------------------------------------------------------------
RESOURCES US PAGE STYLES
---------------------------------------------------------------------*/
.attributionGlossary {
padding-top: 20px;
padding-bottom: 40px;
}
.glossaryTop {
margin-bottom: 50px;
}
.largeSectionResources {
height: 440px;
background-color: #F1F3F6;
}
.resourcesMiddleImageLeft {
width: 50%;
height: 100%;
background-image: url("/images/resources/img_resources_body1.jpg");
background-size: cover;
background-position: right top;
padding-right: 0px;
margin-right: 0px;
float: left;
}
.resourcesMiddleImageLeftCaseStudies {
width: 50%;
height: 100%;
background-image: url("/images/resources/img_resources_body3.jpg");
background-size: cover;
background-position: right top;
padding-right: 0px;
margin-right: 0px;
float: left;
}
.resourcesMiddleTextRight {
float: right;
width: 50%;
padding-left: 32px;
padding-right: 32px;
}
.resourcesMiddleTextRight div h2 {
padding-top: 30px;
max-width: 500px;
}
.resourcesMiddleTextRight p {
padding-left: 20px;
max-width: 500px;
}
.resourcesMiddleImageRight {
width: 50%;
height: 100%;
background-image: url("https://www.visualiq.com/images/resources/img_resources_body2.jpg");
background-size: cover;
background-position: right top;
padding-right: 0px;
margin-right: 0px;
float: right;
}
.resourcesMiddleTextLeft {
float: left;
width: 50%;
padding-left: 52px;
padding-right: 32px;
padding-top: 50px;
}
.resourcesMiddleTextLeft div h2 {
padding-left: 0px;
max-width: 500px;
margin-left: auto;
margin-right: 0;
}
.resourcesMiddleTextLeft div p {
padding-left: 20px;
max-width: 500px;
margin-left: auto;
margin-right: 0;
margin-bottom: 25px;
}
.resourcesLeftBtn {
padding-left: 0px;
max-width: 500px;
margin-left: auto;
margin-right: 0;
margin-bottom: 25px;
}
.resourcesRightBtn {
margin-top: 26px;
}
/*about
/*---------------------------------------------------------------------
ABOUT US PAGE STYLES
---------------------------------------------------------------------*/
.about {
padding-top: 30px;
padding-bottom: 40px;
}
.aboutCompanies {
margin-bottom: 50px;
}
.companiesText {
text-align: center;
margin-bottom: 20px;
}
.clientHeader {
text-align: center;
margin-bottom: 30px;
}
.aboutCompanies {
padding-top: 40px;
padding-bottom: 40px;
}
.aboutCompaniesTitle {
text-align: center;
}
.aboutCompanyLogos {
text-align: center;
margin-top: 10px;
margin-bottom: 20px;
width: 100%
}
.clientLogoAbout {
display: inline-block;
height: 65px;
margin: 5px 20px;
padding: 5px;
}
.aboutContainer {
text-align: center;
}
.aboutContainer .aboutBtn{
margin-top: 30px;
}
.aboutOneBottom {
padding-top: 27px;
padding-bottom: 50px;
background-image: linear-gradient(rgba(74,
72,
75,
0.7),
rgba(74,
72,
75,
0.7)),
url("https://www.visualiq.com/images/about/img_aboutus_body3.jpg");
/*background-image: url("https://www.visualiq.com/images/about/img_aboutus_body3.jpg");*/
background-size: cover;
background-position: right top;
color: #fff;
}
..aboutOneBottom a {
margin-top: 22px;
}
.aboutOneTop {
padding-top: 20px;
padding-bottom: 50px;
text-align: center;
}
.largeSectionAbout {
height: 605px;
background-color: #F1F3F6;
}
.aboutOne {
height: 704px;
}
.aboutTwo {
height: 700px;
background-color: #F1F3F6;
}
.largeSectionAbout .aboutMiddleImageLeft {
width: 50%;
height: 100%;
background-image: url("/images/about/img_aboutus_body1.jpg");
background-size: cover;
background-position: right top;
padding-right: 0px;
margin-right: 0px;
float: left;
}
.aboutMiddleTextRight {
float: right;
width: 50%;
padding-left: 32px;
padding-right: 32px;
}
.aboutMiddleTextRight div h2 {
/*padding-left: 20px;*/
padding-top: 30px;
max-width: 500px;
}
.aboutMiddleTextRight p {
padding-left: 20px;
max-width: 500px;
}
.aboutMiddleImageRight {
width: 50%;
height: 100%;
background-image: url("https://www.visualiq.com/images/about/img_aboutus_body2.jpg");
background-size: cover;
background-position: right top;
padding-right: 0px;
margin-right: 0px;
float: right;
}
.aboutMiddleTextLeft {
float: left;
width: 50%;
padding-left: 52px;
padding-right: 32px;
padding-top: 20px;
}
.aboutMiddleTextLeft div {
margin-left: auto;
margin-right: auto;
}
.aboutMiddleTextLeft div h2 {
padding-left: 0px;
max-width: 500px;
margin-left: auto;
margin-right: 0;
}
.aboutMiddleTextLeft div ul {
padding-left: 20px;
max-width: 500px;
/*list-style-type: circle;*/
color: #A1D033;
margin-left: auto;
margin-right: 0;
}
.aboutMiddleTextLeft div ul li {
margin-bottom: 10px;
}
.aboutMiddleTextLeft div {
/*padding-left: 20px;*/
max-width: 500px;
margin-left: auto;
margin-right: 0;
margin-bottom: 25px;
}
/*contact*/
/*---------------------------------------------------------------------
CONTACT PAGE STYLES
---------------------------------------------------------------------*/
.contact {
background: #F2F4F7;
color: #5C5A5E;
}
.contactSec {
padding: 25px 25px;
color: #5C5A5E;
}
.contactTop h1,
.contactTop p,
.contactText h5,
.contactText ul li,
.contactBottom h4,
.contactBottom p {
color: #5C5A5E;
}
.contactSec div img {
width: 100%;
}
.contactSec .contactText {
background: #fff;
color: #5C5A5E;
padding: 0px 0px 0px 0px;
height: 270px;
width: 100%;
padding-top: 20px;
}
.ContactImage {
padding: 0px;
}
.contactSec .contactText h5 {
margin-left: 40px;
}
.contactSec .contactText ul {
list-style: none;
}
.contact .contactTop {
padding-top: 40px;
padding-bottom: 20px;
text-align: center;
}
.contact .contactTop div p {
margin-bottom: 28px;
}
.contactBottom {
width: 100%;
background: #fff;
}
.contactBottom .container {
padding-top: 40px;
padding-bottom: 40px;
}
/*management
/*---------------------------------------------------------------------
MANAGEMENT PAGE STYLES
---------------------------------------------------------------------*/
.twitterLinkManagement{
margin-top: 10px;
}
div.container-full.management {
border-top: 1px solid #5C5A5E;
}
.managementDropdown .mngDropLeft {
padding-top: 50px;
}
.managementDropdown .mngDropLeft h4 {
margin-top: 30px;
padding-top: 10px;
border-top: 2px solid #A1D033;
}
.managementDropdown .mngDropLeft p {
border-bottom: 2px solid #A1D033;
margin-bottom: 10px;
padding-bottom: 10px;
}
.managementDropdown .mngDropLeft img {
width: 100%;
}
.dropRightHeader .centerName {
margin-top: 40px;
}
.dropRightHeader h3,
.dropRightHeader h6 {
padding: 0px;
margin: 0px;
text-align: center;
}
.dropRightAbout h4 {
margin-bottom: 0px;
padding-bottom: 0px;
}
.containerManagementStaff {
width: 100%;
background: #F2F4F7;
color: #5C5A5E;
}
.managementBottom {
padding-top: 40px;
}
.mngBottomTitle {
padding-left: 0px;
padding-right: 0px;
margin-bottom: 10px;
}
.managementBottom .mngBottomTitle div {
text-align: center;
padding-bottom: 24px;
}
.mngStaffSec {
text-align: center;
padding-left: 0px;
padding-right: 0px;
height: 325px;
}
.mngStaffSec img {
width: 210px;
height: 210px;
}
.mngStaffSec h4 {
margin-bottom: 0px;
padding-bottom: 0px;
margin-top: 8px;
padding-top: 0px;
}
.mngStaffSec h5 {
margin-top: 0px;
padding-top: 0px;
line-height: 18px;
margin-bottom: 24px;
}
.containerManagementContact {
padding-top: 50px;
padding-bottom: 50px;
background: #fff;
}
/*challenges
/*---------------------------------------------------------------------
Challenges PAGE STYLES
---------------------------------------------------------------------*/
.challengeHide {
display: none;
}
.challengesList {
text-decoration: none;
list-style: none;
padding: 0px;
text-align: left;
display: inline-block;
-moz-column-count: 2;
/*-moz-column-gap: 20px;*/
-webkit-column-count: 2;
/*-webkit-column-gap: 20px;*/
column-count: 1;
/*column-gap: 20px;*/
margin-top: -14px;
}
.challengesOptimalTopText,
{
text-align: left;
}
.challengesManualTopText {
text-align: center;
}
.challengeListHeader {
color: #5C5A5E;
}
.challengesListTwo {
text-decoration: none;
list-style: none;
/*padding: 0px;*/
text-align: left;
display: inline-block;
-moz-column-count: 1;
/*-moz-column-gap: 20px;*/
-webkit-column-count: 1;
/*-webkit-column-gap: 20px;*/
column-count: 1;
/*column-gap: 20px;*/
padding-bottom: 32px;
margin-top: 24px;
}
.challengesList li {
font-size: 11px;
margin-bottom: 0px;
}
.challengesListTwo li {
font-size: 11px;
}
.challengesListTwo li {
font-size: 12px;
margin-bottom: 5px;
}
.challengeIcon {
width: 20px;
height: 20px;
margin-right: 6px;
}
.challengesContainer .challengeTopImage {
margin-top: 60px;
margin-bottom: 10px;
padding-left: 16px;
}
.challengeDivOne,
.challengeDivTwo,
.challengeDivThree,
.challengeDivFour,
.challengeDivFive,
.challengeDivSix,
.challengeDivSeven {
position: relative;
margin: 0 auto;
display: inline-block;
height: 200px;
/*margin-bottom: 40px;*/
}
.challengeSection {
position: absolute;
bottom: 0;
width: 100%;
margin: 0 auto;
margin-bottom: 0px;
}
.listOffset{
/*margin-right: -90px;*/
}
.challengeDivOne {
width: 10px;
margin-left: 0px;
margin-right: 0px;
bottom: 100px;
}
.challengeDivOne img {
width: 40px;
}
.challengeDivTwo {
width: 325px;
margin-left: 0px;
margin-right: 0px;
text-align: center;
bottom: 40px;
}
.challengeDivTwo .challengesImage {
width: 150px;
}
.challengeDivThree {
width: 10px;
margin-left: -20px;
margin-right: 40px;
bottom: 134px;
}
.challengeDivThree img {
width: 100px;
}
.challengeDivFour {
width: 325px;
margin-left: 0px;
margin-right: 0px;
text-align: center;
bottom: 40px;
}
.challengeDivFour .challengesImage {
width: 150px;
}
.challengeDivFive {
width: 10px;
margin-left: -20px;
margin-right: 40px;
bottom: 134px;
}
.challengeDivFive img {
width: 100px;
}
.challengeDivSix {
width: 325px;
margin-left: 0px;
margin-right: 0px;
text-align: center;
bottom: 40px;
/*left:0px;*/
}
.challengeDivSix .challengesImage {
width: 150px;
margin: 0 auto;
}
.challengeDivSeven {
width: 10px;
margin-left: -29px;
bottom: 100px;
/*left:-220px;*/
}
.challengeDivSeven img {
width: 40px;
}
.challengeTopImage {
padding: 0px;
/*height: 200px;*/
}
.challengesImage {
width: 100%;
}
.challengesContainer .challengesTopText {
text-align: center;
}
.challengesBelt {
background: #415766;
width: 100%;
text-align: center;
}
.challengesSections {
padding-bottom: 40px;
}
.challengesSections .challengeSec {
text-align: center;
height: 468px;
padding-left: 30px;
padding-right: 30px;
}
.challengesSections .challengeSec h2{
margin-bottom: 15px;
margin-top: 20px;
}
.challengesSections .challengeSecAbout {
padding-top: 93px;
text-align: center;
height: 410px;
border-left: 1px solid #BFBFBF;
border-top: 1px solid #BFBFBF;
}
.challengesSections .challengeSecAbout h2 {
margin-bottom: 15px;
}
.challengesSections .challengeSecAbout p {
margin-bottom: 40px;
}
.challengesSections .challengeSec:hover {
/*-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
background: #F2F4F7;*/
}
.challengesContainer {
padding-top: 50px;
padding-bottom: 50px;
}
.challengesBelt {
/*margin-top: 50px;*/
margin-bottom: 50px;
padding-top: 28px;
padding-bottom: 30px;
}
.challengesContainer .challengesTopText {}
.challengesContainer .challengesTopText p {}
.challengesSections .challengeSec h3 {
margin-top: 0px;
margin-bottom: 18px;
}
.challengesSections .challengeSec h5{
margin-top: 43px;
}
.challengesSections .challengeSec p {
padding-left: 20px;
padding-right: 20px;
}
.challengesSections .challengeSec .challengeSecBtn {
position: absolute;
bottom: 50px;
width: 100%;
padding-right: 58px;
}
.challengesSections .challengeSec:nth-child(even) {
border-left: 0px solid #BDBDBD;
}
.challengesSections .challengeSecTop {
border-bottom: 1px solid #BDBDBD;
height: 500px;
}
.challengesSections .challengeSecBottom{
height: 440px;
}
.challengesSections .challengeSec:nth-child(odd) {
border-right: 1px solid #BDBDBD;
}
.challengeSecLast {
text-align: center;
margin: 0 auto;
padding-bottom: 50px;
margin-top: 18px;
}
.challengeSecLast h2{
margin-top: 20px;
margin-bottom: 20px;
}
.challengeSecLast .challengeSecBtn{
margin-top: 30px;
}
.challengeSecLast div {
margin: 0 auto;
float: none;
}
/*why
/*---------------------------------------------------------------------
Why Visual IQ PAGE STYLES
---------------------------------------------------------------------*/
.whySections,
.whySectionsMiddle {
text-align: center;
/*margin-top: 50px;*/
/*margin-bottom: 50px;*/
}
.whySectionsMiddle {
background: #BFBFBF;
/*background: url("https://www.visualiq.com/images/img/whybg.jpg");*/
}
.whyCta,
.whyCta div {
height: auto;
}
.whySec {
height: 433px;
margin-top: 0px;
padding-left: 50px;
padding-right: 50px;
padding-top: 33px;
}
.whySec h2{
margin-bottom: 16px;
}
.whySections h5,
.whySectionsMiddle h5 {
text-transform: uppercase;
}
{
border-right: 0px solid #BFBFBF;
}
.whyTwo {
border-left: 1px solid #BFBFBF;
}
.whyTop {
margin-top: 40px;
border-bottom: 0px solid #BFBFBF;
}
.whyBottom {
margin-bottom: 40px;
border-top: 1px solid #BFBFBF;
}
.whySections .whySec .whySecBtn {
position: absolute;
bottom: 50px;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
}
/*whydetails
/*---------------------------------------------------------------------
Why Visual IQ: WHY details PAGE STYLES
---------------------------------------------------------------------*/
.whyFullSecTwo {
background-color: #F2F4F7;
padding-top: 27px;
}
.whySecondaryTop {
text-align: center;
background: #F2F4F7;
padding-top: 48px;
padding-bottom: 48px;
}
.whySecondaryNav {
background-color: #415766;
color: #fff;
text-align: center
}
.whySecondaryNav ul {
text-decoration: none;
list-style-type: none;
margin: 0px auto;
}
.whySecondaryNav ul li {
display: inline-block;
padding: 18px 0px 15px 0px;
color: #fff;
margin: 0px 0px;
font-size: 13px;
}
/*@media not all and (min-resolution:.001dpcm) { @media
{
.whySecondaryNav ul .whyactive a {
padding: 22px 22px 17px 22px;
}
}}*/
.whySecondaryNav ul li a {
color: #fff;
padding: 18px 22px 14px 22px;
text-decoration: none;
}
.whySecondaryNav ul li a:hover {
padding: 22px 22px 17px 22px;
border-bottom: 3px solid #A1D033;
background-color: #4A5F6C;
}
.whySecondaryNav ul .whyactive a {
padding: 22px 22px 17px 22px;
border-bottom: 3px solid #A1D033;
background-color: #4A5F6C;
}
@media (max-width: 1318px) {
.whySecondaryNav ul .whyactive a {
padding: 22px 22px 18px 22px;
}
.whySecondaryNav ul li a:hover {
padding: 22px 22px 18px 22px;
}
}
.whySecOne {
padding-top: 27px;
/*padding-bottom: 37px;*/
background-color: #ffffff;
}
.whySecOneResource {
padding-top: 27px;
/*padding-bottom: 37px;*/
background-color: #ffffff;
}
.whyFullSecOne {
/*padding-bottom: 50px;*/
padding-bottom: 37px;
}
.whyFullSecOneResource {
/*padding-bottom: 50px;*/
padding-bottom: 37px;
background-color: #ffffff;
}
.glossaryBlade{
background-color: #F1F3F6;
}
.blogBlade{
background-color: #F1F3F6;
padding-top: 40px;
padding-bottom: 50px;
text-align: center;
margin-bottom: 0px;
}
/*.whySecOne div img {
float: right;
margin-top: 22px;
}*/
.whySecTwo {
padding-top: 0px;
padding-bottom: 0px;
}
.secShort.whySecTwo {
padding-top: 0px;
}
.whySecTwo div h3 {
/*padding-left: 20px;*/
}
.sideLine {
border-left: 3px solid #A1D033;
}
.secTop {}
.secBottom {
padding-bottom: 50px;
}
.whyFullSecThree {
text-align: center;
margin-top: 40px;
margin-bottom: 40px;
}
.whySecThree .agencyTitle {
text-align: center;
}
.whySecThree img {
top: 0;
bottom: 0;
vertical-align: middle;
margin-left: 20px;
margin-right: 20px;
}
.whyFullSecFour {
background-color: #F2F4F7
}
.whySecFour div {
text-align: center;
padding-top: 40px;
padding-bottom: 40px;
}
.whySecFour div p {
padding-top: 16px;
padding-bottom: 16px;
}
.whySecFour .whyBtn {
color: #A1D033;
font-size: 16px;
font-family: Nexa-Bold, sans-serif;
}
.whyFullSecFive {
background-color: #A1D033;
padding-bottom: 26px;
padding-top: 20px;
}
.whySecFive div h3,
.whySecFive div p {
color: #fff;
}
.whySecFive div h3 {
padding-bottom: 0px;
margin-bottom: 0px;
}
.whyBtn {
padding-top: 20px;
}
.whyBtn .viqBtnOutLight {
float: right;
}
.forAgecies {
padding-top: 20px;
padding-bottom: 40px;
}
.agenciesBtn {
margin-left: 36px;
margin-top: 40px;
}
.forAgecies div p {
/*margin-bottom: 0px;*/
}
.caseStudySec p{
font-size: 15px;
}
.pedigreeTwo {
padding-bottom: 32px;
}
.pedigreeRight .sideLine p {
border-left: 0px;
}
.pedigreeLeft .sideLine p {
border-left: 0px;
}
.pedigreeTop ul,
.pedigreeLeft ul {
padding-left: 22px;
max-width: 500px;
color: #A1D033;
}
.pedigreeLeft ul {
margin-left: 16px;
}
.pedigreeTop ul li,
.pedigreeLeft ul li {
margin-bottom: 10px;
}
.pedagreeTopImage img,
.helpingOurClientsTopImage img,
.defingingMarketAttributionTopImage img,
.advertiserTrustedTopImage img,
.trainingTopImage img,
.forAgenciesTopImage img,
.resourceTopImage img {
height: 200px;
}
/*solutions
/*---------------------------------------------------------------------
SOLUTIONS PAGE STYLES
---------------------------------------------------------------------*/
.solutionsOne {
padding-top: 40px;
padding-bottom: 60px;
}
.solutionsTopText {
height: auto;
}
/*.solutionsOne .solutionsTopText div h2 {
padding-left: 20px;
}*/
/*.solutionsOne .solutionsTopText p {
border-left: 2px solid #A1D033;
padding-left: 20px;
}*/
.largeSectionSolutions {
height: 664px;
background-color: #F1F3F6;
}
.solutionsGraphicMobile {
display: none;
}
/*.largeSection .solutionsMiddleLeft {
height: 620px;
background-color: #F1F3F6;
}*/
.solutionsMiddleImageLeft {
width: 50%;
height: 100%;
background-image: url("/images/solutions/solutions_body1.jpg");
background-size: cover;
background-position: right top;
padding-right: 0px;
margin-right: 0px;
float: left;
}
.solutionsMiddleTextRight {
float: right;
width: 50%;
padding-left: 32px;
padding-right: 32px;
padding-top: 27px;
}
.solutionsMiddleTextRight div h2 {
/*padding-left: 20px;*/
max-width: 500px;
}
.solutionsMiddleTextRight p {
padding-left: 0px;
max-width: 500px;
}
.solutionsSections {
padding-top: 40px;
padding-bottom: 40px;
}
.solutionsSections h5{
margin-top: 45px;
}
.solutionsThree .solutionSec {
height: 450px;
text-align: center;
padding-top: 50px;
padding-bottom: 50px;
padding-right: 50px;
padding-left: 50px;
}
.solutionsThree .solutionSec .solutionSecBtn,
.solutionSec .viqBtnOutSolution {
position: absolute;
bottom: 50px;
left: 50%;
-webkit-transform: translate(-50%, 0%);
-moz-transform: translate(-50%, 0%);
-ms-transform: translate(-50%, 0%);
-o-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
min-width: 170px;
}
.solutionSecTitle{
margin-top:18px;
margin-bottom: 19px;
}
a.viqBtnOutSolution{
margin-top: 20px;
}
#solutionInsight {
border-bottom: 1px solid #BFBFBF;
border-right: 1px solid #BFBFBF;
}
#solutionEnvoy {
border-bottom: 1px solid #BFBFBF;
border-right: 0px solid #BFBFBF;
}
#solutionSage {
border-bottom: 0px solid #BFBFBF;
border-left: 0px solid #BFBFBF;
}
#solutionDeploy {
border-top: 1px solid #BFBFBF;
border-left: 0px solid #BFBFBF;
text-align: center;
}
#solutionDeploy p{
max-width: 470px;
margin: 0 auto;
}
#solutionAudience {
border-top: 0px solid #BFBFBF;
border-right: 1px solid #BFBFBF;
}
.solutionsSvg{
width: 100px;
height: 100px;
}
.solutionsFour {
background-color: #F1F3F6;
height: auto;
}
.solutionsFour .solutionSec {}
.solutionsFour .solutionSec .solutionSecBtn {
position:absolute;
margin-top: 32px;
bottom: 50px;
}
#trueAttribution {
border-left: 1px solid #BFBFBF;
padding-left: 50px;
height: 370px;
}
#trueMetrics {
/*border-left:1px solid #BFBFBF;*/
height: 370px;
padding-right: 50px;
}
.solutionSec h5 .largeSpan {
font-size: 140%;
}
.solutionsFive {
background-size: cover;
background-position: right top;
height: auto;
background-image: linear-gradient(rgba(74,
72,
75,
0.7),
rgba(74,
72,
76,
0.7)),
url("https://www.visualiq.com/images/solutions/solutions_body2.jpg");
background-size: cover;
transform-origin: 50% bottom;
color: #ffffff;
z-index: -999999999;
background-color: #303030;
}
.solutionsFive .solutionsSections{
padding-top: 30px;
}
.solutionsFive ul {
padding-left: 15px;
}
.solutionsFive ul li {
color: #A1D033;
padding-top: 4px;
padding-bottom: 4px;
}
.solutionsFive .solutionSec .solutionSecBtn {
margin-top: 34px;
margin-bottom: 10px;
}
.solutionsSix {
background-color: #A1D033;
height: auto;
}
.solutionsSix .solutionSec h2 {
margin-top: 0px;
}
.solutionsSix .solutionsSections {
padding-top: 36px;
}
.solutionsSix .solutionSec form {
margin-top: 15px;
float: right;
}
.solutionsSix .solutionSec form .emailBox {
padding: 14px 15px;
padding-bottom: 12px;
margin: 0px;
background: #fff;
border: 0px solid #fff;
min-width: 300px;
}
/*SOLUTIONS SECONDARY NAVIGATIONS*/
.solutionsSecondaryNav {
background-color: #415766;
color: #fff;
/*text-align:center*/
}
.solutionsSecondaryNav ul {
text-decoration: none;
list-style-type: none;
margin: 0px auto;
padding-left: 0px;
}
.solutionsSecondaryNav ul li {
display: inline-block;
padding: 18px 10px 14px 10px;
color: #fff;
margin: 0px 0px;
}
.solutionsSecondaryNav ul li a {
color: #fff;
padding: 18px 10px 14px 10px;
text-decoration: none;
font-size: 12px;
text-align: center;
}
.solutionsSecondaryNav ul li a:hover {
padding: 18px 10px 14px 10px;
border-bottom: 2px solid #A1D033;
background-color: #4A5F6C;
}
.solutionsSecondaryNav ul .solutionsActive a {
padding: 18px 10px 14px 10px;
border-bottom: 2px solid #A1D033;
background-color: #4A5F6C;
}
/*envoy
/*IQ ENVOY PAGE*/
.envoySec {
text-align: center;
padding-top: 27px;
padding-bottom: 8px;
}
.challengesGraphicMobile {
display: none;
}
.envoyMiddleSec {
padding-top: 46px;
padding-bottom: 40px;
background-color: #F2F4F7;
text-align: left;
font-family: "Nexa-Book-Italic";
}
.trueMetricsGreySec {
padding-top: 27px;
padding-bottom: 38px;
background-color: #F2F4F7;
text-align: left;
}
.trueMetricsMiddleSec {
padding-top: 20px;
padding-bottom: 39px;
}
.envoySecondary,
.crossDeviceSecondary,
.brandingSecondary,
.tvAttributionSecondary,
.sageSecondary,
.audienceSecondary,
.deploySecondary {
padding-top: 22px;
padding-left: 35px;
}
.envoySecondary img,
.crossDeviceSecondary img,
.brandingSecondary img,
.tvAttributionSecondary img,
.sageSecondary img,
.audienceSecondary img,
.deploySecondary img {
width: 690px;
}
.envoyBottomSec {
padding-top: 28px;
padding-bottom: 34px;
text-align: left;
overflow: hidden;
}
.crossDeviceSec {
text-align: center;
padding-top: 27px;
padding-bottom: 8px;
overflow: hidden;
}
.crossDevice > div div > img {
float: right;
margin-top: 32px;
}
.brandingSec {
text-align: center;
padding-top: 27px;
padding-bottom: 8px;
overflow: hidden;
}
.brandingDiagram > div div > img {
float: right;
margin-top: 0px;
}
.tvAttributionSec {
text-align: center;
padding-top: 27px;
padding-bottom: 8px;
overflow: hidden;
}
.tvDiagram > div div > img {
float: right;
margin-top: 20px;
}
/*sage
/*IQ SAGE PAGE*/
.sageSec {
text-align: center;
padding-top: 20px;
overflow: hidden;
}
.sageDiagram > div div > img {
float: right;
margin-top: 35px;
}
/*audience
/*AUDIENCE IQ PAGE*/
.audienceSec {
text-align: center;
padding-top: 20px;
overflow: hidden;
}
.audienceDiagram > div div > img {
float: right;
margin-top: 64px;
}
/*deploy
/*IQ DEPLOY PAGE*/
.deploySec {
text-align: center;
padding-top: 20px;
overflow: hidden;
}
.deployDiagram > div div > img {
float: right;
margin-top: 44px;
}
/*truemetric
/*TrueMetric PAGE*/
.trueMetricSec {
text-align: center;
padding-top: 20px;
overflow: hidden;
}
/*download
/*---------------------------------------------------------------------
Download Center PAGE STYLES
---------------------------------------------------------------------*/
.downloadTop {
background-color: #F2F4F7;
height: auto;
}
.downloadTopSec {
text-align: center;
margin-top: 34px;
margin-bottom: 34px;
}
.downloadSecTitle {
text-align: center;
}
.downloadNav ul li {
display: inline;
list-style: none;
margin: 10px;
font-size: 80%;
}
.downloadNav ul li:hover {
color: #A1D033;
}
.assetSec {
margin-bottom: 60px;
}
.assetSec h4 {
line-height: 20px;
}
.downLoadSubHeader{
font-family: 'Nexa-Book';
}
/* clear fix */
.downloadGrid:after {
content: '';
display: block;
clear: both;
}
/*.downloadAssets {
margin-left: 0px;
margin-right: 0px;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 60px;
}*/
.assetSec {
position: relative;
float: left;
width: 250px;
/*height: 100px;*/
margin: 5px;
padding: 10px 20px 10px 20px;
color: #262524;
}
.assetSec .assetType {
margin-bottom: 0px;
}
.cover {
transition: all 0.2s ease;
/*box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, 0.08);*/
transform: translate3d(0, 0, 0);
}
.cover img {
box-shadow: 0 0 0 1px rgba(6, 8, 8, 0.1);
}
figure {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
.downLoadLink:hover h4 {
color: #A1D033;
}
.downLoadLink:hover p {
color: #5C5A5E;
}
.downLoadLink:hover .cover {
box-shadow: 0px 8px 4px 0 rgba(0, 0, 0, 0.12);
transform: translate3d(0px, -4px, 0);
}
.dlThanlYouSec {
height: auto;
padding-bottom: 60px;
}
.downloadAsset {
border-bottom: 2px solid #BFBFBF;
/*margin-right: 40px;*/
float: left;
height: auto;
padding-bottom: 20px;
width: 100%;
vertical-align: middle;
}
.downLoadAssetSec {
height: 100%;
margin-top: 40px;
margin-bottom: 40px;
}
.downLoadAssetBtn {
height: 100%;
margin-top: 28px;
}
/*partners
/*---------------------------------------------------------------------
PARTNERS PAGE STYLES
---------------------------------------------------------------------*/
div.container.ourPartners {
//padding-bottom: 100px;
}
.partnersCta .ctaTitle {
padding-top: 24px;
}
.partnersOne {
padding-top: 20px;
padding-bottom: 40px;
text-align: center;
}
.partnersTwo {
height: 536px;
background-color: #F1F3F6;
}
.partnersMiddleImageRight {
width: 50%;
height: 100%;
background-image: url("https://www.visualiq.com/images/partners/partners_body1.jpg");
background-size: cover;
background-position: right top;
padding-right: 0px;
margin-right: 0px;
float: right;
}
.partnersMiddleTextLeft {
float: left;
width: 50%;
padding-left: 52px;
padding-right: 32px;
padding-top: 20px;
}
.partnersMiddleTextLeft div {
margin-left: auto;
margin-right: auto;
}
.partnersMiddleTextLeft div h2 {
padding-left: 0px;
max-width: 500px;
margin-left: auto;
margin-right: 0;
}
.partnersMiddleTextLeft div ul {
padding-left: 20px;
max-width: 500px;
color: #A1D033;
margin-left: auto;
margin-right: 0;
}
.partnersMiddleTextLeft div ul li {
margin-bottom: 10px;
}
.partnersMiddleTextLeft div p {
padding-left: 20px;
max-width: 500px;
margin-left: auto;
margin-right: 0;
margin-bottom: 25px;
}
.partnersMiddleLeft div a {
margin-left: 45px;
margin-right: 0;
}
.partnersSections {
padding-top: 60px;
padding-bottom: 100px;
}
.partnersThree {
padding-bottom: 40px;
}
.partnersThree .ourPartnersHeader {
text-align: center;
}
.ourPartnersHeader ul {
text-decoration: none;
list-style-type: none;
margin: 0px auto;
padding: 0px;
}
.ourPartnersHeader ul li {
display: inline-block;
padding: 0px 10px;
margin: 0px 0px;
}
.ourPartnersHeader ul li a {
font-size: 75%;
text-decoration: none;
}
.ourPartnersHeader ul li a:hover {
color: #A1D033;
}
.ourPartnersHeader ul li a:active {
color: #A1D033;
}
.partnersFour {
background-color: #A1D033;
height: auto;
}
.partnersFour .partnersSec h2 {
margin-top: 0px;
}
.partnersSec {
margin: 0px auto;
}
.partnersSecBtn {
margin-top: 35px;
}
.clientSecBtn {
margin-top: 14px;
}
.clientSecBtn a {
float: right;
}
/*PARTNER LOGOS*/
.grid {
/*border: 1px solid #333;*/
}
/* clear fix */
.grid:after {
content: '';
display: block;
clear: both;
}
.element-item {
position: relative;
float: left;
width: 200px;
height: 100px;
margin: 5px;
padding: 30px 20px 30px 20px;
/*padding: 40px;*/
color: #262524;
}
.element-item h3 {
display: none;
}
.element-item img {
width: 100%;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
padding: 45px;
}
#filters {
margin-bottom: 20px;
}
.clientButton {
display: inline-block;
background-color: transparent;
border: none;
font-size: 12px;
cursor: pointer;
color: #BFBFBF;
margin-bottom: 20px;
}
.clientButton:hover {
color: #A1D033;
}
.clientButton:focus {
outline: 0;
}
.is-checked {
border-bottom: 2px solid #A1D033;
color: color: #A1D033;
}
/*careers
/*---------------------------------------------------------------------
JOBS PAGE STYLES
---------------------------------------------------------------------*/
.careersOne {
margin-top: 20px;
margin-bottom: 20px;
text-align: center;
}
.careersTwo {
height: 400px;
background-color: #F1F3F6;
}
.careersTwo .careersMiddleImageRight {
width: 50%;
height: 100%;
background-image: url("/images/careers/careers_body1.jpg");
background-size: cover;
background-position: right top;
padding-right: 0px;
margin-right: 0px;
float: right;
}
.careersMiddleTextLeft {
float: left;
width: 50%;
padding-left: 52px;
padding-right: 32px;
padding-top: 20px;
}
.careersMiddleTextLeft div {
margin-left: auto;
margin-right: auto;
}
.careersMiddleTextLeft div h2 {
padding-left: 0px;
max-width: 500px;
margin-left: auto;
margin-right: 0;
}
.careersMiddleTextLeft div p {
padding-left: 20px;
max-width: 500px;
margin-left: auto;
margin-right: 0;
margin-bottom: 25px;
}
.careersMiddleTextLeft div a {
margin-left: 45px;
margin-right: 0;
}
.careersMiddleImageLeft {
width: 50%;
height: 100%;
background-image: url("/images/careers/careers_body2.jpg");
background-size: cover;
background-position: right top;
padding-right: 0px;
margin-right: 0px;
float: left;
}
.careersMiddleTextRight {
float: right;
width: 50%;
padding-left: 32px;
padding-right: 32px;
}
.careersMiddleTextRight div h2 {
padding-left: 20px;
padding-top: 30px;
max-width: 500px;
}
.careersMiddleTextRight p {
padding-left: 20px;
max-width: 500px;
}
.careersThree {
margin-top: 40px;
margin-bottom: 40px;
}
.careersThree {
text-align: center;
}
.resumator-job-title {
color: #5C5A5E!important;
font-family: Nexa-Book, sans-serif!important;
}
.resumator-jobs-text {
color: #5C5A5E!important;
font-family: Nexa-Book, sans-serif!important;
}
.resumator-job-link {
color: #A1D033!important;
font-family: Nexa-Book, sans-serif!important;
}
.resumator-job-description-text p {
color: #5C5A5E!important;
font-family: Nexa-Book, sans-serif!important;
}
.resumator-job-description-text ul {
color: #5C5A5E!important;
font-family: Nexa-Book, sans-serif!important;
}
.resumator-job-description-text ul li {
color: #5C5A5E!important;
font-family: Nexa-Book, sans-serif!important;
}
.resumator-apply-button,
.resumator-forward-button {
padding-top: 12px!important;
padding-bottom: 12px!important;
padding-right: 30px!important;
padding-left: 30px!important;
font-family: Nexa-Bold, sans-serif!important;
margin-bottom: 0!important;
font-size: 16px!important;
border: 1px solid #9DC448!important;
background: #9DC448!important;
border-radius: 0px!important;
color: #fff!important;
text-transform: uppercase!important;
}
.resumator-hide-details {
margin-top: 35px!important;
}
/*pricing
/*---------------------------------------------------------------------
PRICING page styles
---------------------------------------------------------------------*/
.pricingLeft {
padding-right: 32px;
padding-left: 0px;
}
.pricingContainer {
display: table;
*/
}
.pricingContainer .pricingRight,
.pricingContainer .pricingLeft {
display: table-cell;
}
.pricingLeft {
width: 100%;
*/
}
.pricingRight {
background: #EAEAEA;
float: none;
height: 100%;
vertical-align: top;
padding-right: 0px;
padding-left: 0px;
}
.pricingRightSec {
/*border-bottom: 2px solid #BFBFBF;
padding-bottom: 30px;
margin-bottom: 0px;
*/
background-color: #EAEAEA;
}
.pricingRightSec h3 {
padding-left: 14px;
margin-top: 42px;
}
.pricingLeft .pricingSection {
border-bottom: 1px solid #BFBFBF;
margin-right: 40px;
padding-top: 20px;
padding-bottom: 30px;
}
.pricingLeft .pricingSection .pricingList {
padding-left: 20px;
color: #A1D033;
list-style-image: url('https://www.visualiq.com/images/img/ul-circle.png');
}
.pricingLeft .pricingSection .pricingList li {
line-height: 36px;
}
.pricingLeft .pricingSection .pricingContact {
padding-left: 0px;
color: #A1D033;
line-height: 32px;
list-style: none;
padding-left: 14px;
}
.pricingLeft .pricingSection .pricingContact li {
line-height: 26px;
}
.pricingSectionBottom {
text-align: center;
margin-right: 40px;
padding-top: 20px;
padding-bottom: 20px;
}
.pricingSectionBottom div {
margin-bottom: 40px;
margin-top: 20px;
}
div#pricingForm {
background-color: transparent;
}
.pricingSectionBottom img {
margin: 20px;
}
/*---------------------------------------------------------------------
GreenBand Section General styles
---------------------------------------------------------------------*/
.greenBandWrapper {
background-color: #A1D033;
height: auto;
}
.greenBandWrapper .greenBand .greenBandLeft h2 {
margin-top: 0px;
}
.greenBandWrapper .greenBand {
padding-top: 36px;
padding-bottom: 36px;
}
.greenBandWrapper .greenBand .greenBandRight a {
margin-top: 14px;
float: right;
}
.greenBandWrapper .greenBand .greenBandRightNewsletter a {
float: right;
margin-top: 12px;
}
/*---------------------------------------------------------------------
LEADS LOGIN AND DOWNLOAD PAGE
---------------------------------------------------------------------*/
.loginContainer {
min-height: 100%;
/* equal to footer height */
margin-bottom: -260px;
}
.loginContainer:after {
content: "";
display: block;
height: 300px;
}
.loginTable > table > tbody > tr > td {
padding: 6px 2px 6px 2px;
}
.loginTable > table {
border-color: #BFBFBF;
/*color: #BFBFBF;*/
}
.loginTable > table > tbody > tr:nth-child(odd) {
background: #F2F4F7;
}
.loginHeader div {
margin-top: 60px;
text-align: center;
}
.loginTable > table > tbody > tr > .leadsHeaderSec {
height: 60px;
padding-left: 20px;
padding-top: 18px;
}
/*news
/*---------------------------------------------------------------------
NEWS AND EVENTS PAGE STYLES*
---------------------------------------------------------------------*/
#newsArticleSec a {
color: #A1D033;
}
.newsEventsOne {
padding-top: 40px;
padding-bottom: 0px;
text-align: center;
margin-bottom: 50px;
}
.largeSectionNews {
height: 440px;
background-color: #F1F3F6;
}
.newsMiddleImageRight {
width: 50%;
height: 100%;
background-image: url("/images/news/newsevents_body1.jpg");
background-size: cover;
background-position: right top;
padding-right: 0px;
margin-right: 0px;
float: right;
}
.newsMiddleTextLeft {
float: left;
width: 50%;
padding-left: 52px;
padding-right: 32px;
padding-top: 60px;
}
.newsMiddleTextLeft div h2 {
padding-left: 0px;
max-width: 500px;
margin-left: auto;
margin-right: 0;
}
.newsMiddleTextLeft div p {
padding-left: 0px;
max-width: 500px;
margin-left: auto;
margin-right: 0;
margin-bottom: 25px;
}
.newsEventsLeftBtn {
padding-left: 0px;
max-width: 500px;
margin-left: auto;
margin-right: 0;
margin-bottom: 25px;
}
.newsMiddleImageLeft {
width: 50%;
height: 100%;
background-image: url("/images/news/newsevents_body2.jpg");
background-size: cover;
background-position: right top;
padding-right: 0px;
margin-right: 0px;
float: left;
}
.newsMiddleTextRight {
float: right;
width: 50%;
padding-left: 32px;
padding-right: 32px;
padding-top: 60px;
}
.newsMiddleTextRight div h2 {
/* padding-left: 20px;
*/
max-width: 500px;
}
.newsMiddleTextRight p {
padding-left: 20px;
max-width: 500px;
margin-bottom: 25px;
}
.newsEventsCenterText {
margin-bottom: 32px;
}
/*---------------------------------------------------------------------
DISPARATE DATA & DEVICES - CHALLENGES SECTION STYLES
---------------------------------------------------------------------*/
.disparateTwo {
padding-top: 20px;
padding-bottom: 56px;
}
.disparateRight ul {
padding-left: 22px;
max-width: 500px;
color: #A1D033;
/*list-style-image: url('https://www.visualiq.com/images/img/ul-circle.png');*/
}
.disparateRight ul {
margin-left: 16px;
}
.disparateRight ul li,
.disparateRight ul li {
margin-bottom: 10px;
}
/*.disparateTwo {
padding-top: 28px;
padding-bottom: 40px;
}*/
.disparateTwo div p {
/*padding-left: 18px;*/
/*border-left: 3px solid #A1D033;;*/
}
.disparateBtn {
margin-top: 20px;
}
.disparateTopImage {
float: right;
margin-top: 24px;
}
/*---------------------------------------------------------------------
Flawed Metrics - CHALLENGES SECTION STYLES
---------------------------------------------------------------------*/
.flawed-fullTop,
.flawed-fullBottomDark,
.flawed-fullBottomLight {
text-align: center;
padding-top: 30px;
padding-bottom: 50px;
}
.flawed-fullBottomDark {
background-color: #F2F4F7;
}
.flawed-fullBottomLight {
background-color: #fff;
}
/*---------------------------------------------------------------------
LACK OF TRANSPARENCY - CHALLENGES SECTION STYLES
---------------------------------------------------------------------*/
.transparency-full {
text-align: center;
padding-top: 40px;
padding-bottom: 40px;
}
/*--------------------
ADMIN PAGES
--------------------*/
.serviceDescriptionMain {
padding-top: 50px;
padding-bottom: 50px;
}
.serviceDescriptionSec {
text-align: center;
}
.serviceDescriptionSec {}
/*---------------------------------------------------------------------
OVERRIDE STYLE *KEEP AT BOTTOM OF PAGE*
---------------------------------------------------------------------*/
.largeSection {
height: 480px;
}
.greyOverlay {
background: rgba(74, 72, 76, .70);
background-size: cover;
color: #fff;
text-align: center;
text-rendering: optimizeLegibility;
margin: 0;
padding: 15px 10px 15px;
min-height: 640px;
}
.adminFormSection {
background-color: #EAEAEA;
}
.formSectionAdmin {
background-color: #EAEAEA;
padding-bottom: 100px;
font-family: Nexa-Book-Italic, sans-serif;
color: #BFBFBF;
font-size: 12px;
}
.formSectioAdminn .form-control {
display: block;
margin: 8px 0px;
width: 100%;
height: 34px;
padding: 6px 12px;
font-family: Nexa-Book-Italic, sans-serif;
font-size: 12px;
line-height: 1.42857143;
color: #5C5A5E;
/*background-color: #fff;*/
background-image: none;
border: 1px solid #ccc;
border-radius: 1px;
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.formSectionAdmin .form-control::-webkit-input-placeholder,
.formSectionAdmin .form-control:-moz-placeholder,
.formSectionAdmin .form-control::-moz-placeholder,
.formSectionAdmin .form-control:-ms-input-placeholder {
color: #BFBFBF;
}
.formSectionAdminAgreement {
background-color: #fff;
padding-bottom: 100px;
font-family: Nexa-Book-Italic, sans-serif;
color: #BFBFBF;
font-size: 12px;
}
.agreementLeft {
padding-right: 0px;
padding-left: 0px;
}
.agreementContainer {
display: table;
}
.agreementContainer .agreementRight,
.agreementContainer .agreementLeft {
display: table-cell;
}
.agreementLeft {
width: 100%;
padding-top: 50px;
}
.agreementRight {
background: #F2F4F7;
float: none;
height: 100%;
}
.agreementRightSec {
border-bottom: 2px solid #BFBFBF;
padding-bottom: 30px;
margin-bottom: 0px;
}
.formSectionAdminAgreement .formSection {
background-color: #fff;
padding-top: 0px;
}
.formSectionAdminAgreement .form-control {
display: block;
margin: 8px 0px;
width: 100%;
height: 34px;
padding: 6px 12px;
font-family: Nexa-Book-Italic, sans-serif;
font-size: 12px;
line-height: 1.42857143;
color: #5C5A5E;
/*background-color: #fff;*/
background-image: none;
border: 1px solid #ccc;
border-radius: 1px;
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.formSectionAdminAgreement .form-control::-webkit-input-placeholder,
.formSectionAdminAgreement .form-control:-moz-placeholder,
.formSectionAdminAgreement .form-control::-moz-placeholder,
.formSectionAdminAgreement .form-control:-ms-input-placeholder {
color: #BFBFBF;
}
.adminDownload img {
width: 80px;
}
.thankYouAdmin {
padding-top: 50px;
padding-bottom: 50px;
}
/*---------------------------------------------------------------------
NEWSLETTER SIGN-UP PAGE STYLES
---------------------------------------------------------------------*/
.newsletterSignupLeft {
padding-right: 0px;
padding-left: 0px;
}
.newsletterSignupContainer {
display: table;
}
.newsletterSignupContainer .newsletterSignupRight,
.newsletterSignupContainer .newsletterSignupLeft {
display: table-cell;
}
.newsletterSignupLeft {
width: 100%;
padding-top: 50px;
}
.newsletterSignupRight {
background: #F2F4F7;
float: none;
height: 100%;
}
.newsletterSignupRightSec {
border-bottom: 2px solid #BFBFBF;
padding-bottom: 30px;
margin-bottom: 0px;
}
#newsletterSignupInput .emailBox {
padding: 15px 15px;
padding-bottom: 12px;
margin: 0px;
background: #fff;
border: 1px solid #BFBFBF;
min-width: 300px;
color: #BFBFBF;
}
.newsletterSignupTopText {
/*padding-bottom: 40px;*/
}
.newsletterSignupBottomText {
padding-top: 50px;
border-top: 1px solid #BFBFBF;
margin-bottom: 50px;
}
/*---------------------------------------------------------------------
WIDGETS
---------------------------------------------------------------------*/
.widgetsSec {
text-align: center;
}
.archiveRightSec .widgetsSec {
border-bottom: 1px solid #BFBFBF;
margin: 10px auto 50px auto;
padding-bottom: 50px;
padding-top: 17px;
}
.archiveRightSec .widgetsSearch {
border-bottom: none;
margin: 10px auto 10px auto;
padding-bottom: 10px;
padding-top: 17px;
}
.widgetsSec a {
text-align: center;
padding-right: 0px;
padding-left: 0px;
margin: 0 auto;
}
.widgetsSec h5 {
font-size: 16px;
line-height: 22px;
color: #5C5A5E;
font-family: Nexa-Book, sans-serif;
font-weight: 400;
margin-top: 15px;
}
.widgetsSec .archiveBtn {
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
}
.widgetIMG {
width: 50%;
max-height: 120px;
}
.emailBoxWidget {
padding: 14px 15px;
padding-bottom: 12px;
margin: 0px;
background: #fff;
border: 0px solid #fff;
width: 100%;
}
#newsletterSignupInput {
margin: 0 auto;
}
.newsletterBtn {
margin-top: 20px;
}
#archiveSlider{
width: 100%;
left: 0px;
right: 0px;
}
.archiveSliderList{
padding: 0px;
margin:0px auto;
width: auto;
left: 50px;
text-align: center;
}
.archiveSliderList .archiveHidden {
display:none;
}
.archiveSliderList .archiveActive {
display: inline-block;
}
.archiveSliderList li{
display: inline-block;
height: 50px;
width: 50px;
text-align: center;
margin-left:7px;
margin-right: 7px;
}
.archiveSliderList li .archiveSliderBox:hover {
color: #A1D033;
}
.archiveSliderList li p{
border: 1px solid #5C5A5E;
font-size: 12px;
margin:0px;
}
.archiveSliderList li .achiveYearText{
color: #A1D033;
}
.archiveSliderList li .achiveYearDate{
line-height: 32px;
border-top: 0px;
}
.archiveLeftButton {
height: 50px;
float: left;
margin-left: 0px;
width: 25px;
z-index: 9999999;
position: absolute;
left:8px;
}
.archiveLeftButton span {
top: 16px;
}
.archiveLeftButton span:hover,
.archiveRightButton span:hover {
color: #A1D033;
}
.archiveRightButton {
height: 50px;
float: right;
margin-right: 0px;
width: 25px;
z-index: 9999999;
position: absolute;
right: 8px;
}
.archiveRightButton span {
top: -36px;
}
/*---------------------------------------------------------------------
Form Page Styles
---------------------------------------------------------------------*/
.formLeft {
padding-right: 32px;
padding-left: 0px;
}
.formContainer {
display: table;
}
.formContainer .formRight,
.formContainer .formLeft {
display: table-cell;
padding-right: 0px;
padding-left: 0px;
}
.formLeft {
width: 100%;
}
.formRight {
background: #EAEAEA;
float: none;
height: 100%;
vertical-align: top;
padding-bottom: 50px;
}
.formRightSec {
background-color: #EAEAEA;
}
.formLeft .formSec {
margin-right: 40px;
padding-top: 20px;
padding-bottom: 30px;
margin: 0 auto;
}
.formLeft .formSec div {
width: 100%;
margin: 0 auto;
margin-top: 40px;
}
.formLeft .formSec img {
width: 250px;
display: block;
margin-left: auto;
margin-right: auto;
}
div#formsec {
background-color: transparent;
}
.formSectionBottom img {
margin: 20px;
}
/*---------------------------------------------------------------------
Mobile Dropdown Nav
---------------------------------------------------------------------*/
.menuModbile {
display: none;
}
.menuModbileEnvoy{
display: none;
}.menuTabletEnvoy{
display: none;
}
.select-mobile {
width: 100%;
padding: 0;
margin: 20px 0px;
border: 1px solid #fff;
border-left: 2px solid #A1D033;
color: #fff;
border-radius: 0px;
overflow: hidden;
background-color: #415766;
background: #415766 url("/images/nav/chevronwhite.svg") no-repeat 96% 50%;
background-size: 16px;
background-position-y: 12px;
}
.select-mobile select {
padding: 0px 0px;
width: 100%;
color: #fff;
background-color: #415766;
border: none;
box-shadow: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding-left: 10px;
*
}
.select-mobile select:focus {
outline: none;
}
/*---------------------------------------------------------------------
SLIDE OUT NAV*
---------------------------------------------------------------------*/
.slidenav {
margin-top: 135px;
}
.slidenav ul {
width: 100%;
list-style: none;
margin: 0px;
padding: 0px;
text-align: left;
padding-left: 0px;
}
.slidenav ul li {
width: 100%;
text-align: left;
vertical-align: middle;
/*padding-top: 16px;*/
}
#slidenavDemoSec{
/* padding-left: 16px; */
margin-top: 10px;
text-align: center;
background-color: #A1D033;
margin-right: 20px;
margin-left: 17px;
width: 249px;
height: 55px;
padding-top: 18px;
color: #fff;
}
#slidenavDemoSec a{
color:#fff;
}
.slidenavDropdown {
/*display: none;*/
visibility: hidden;
transition: opacity 1s ease-out;
opacity: 0;
}
.slsidenavDropdownOpen {
display: block;
transition:
}
.slidenavHeader {
font-size: 16px;
}
.slidenavSec {
height: 50px;
}
.slidenavSec div {
padding-top: 16px;
}
.slideDropdownSec li {
padding-left: 38px;
}
.slideDropdownSec li a {
/*padding-left: 38px;*/
padding-top: 10px;
padding-bottom: 10px;
font-family: 'Nexa-Book-Italic';
}
.slideDropdownSec li a:hover,
.slideDropdownSec li a:focus,
.slideDropdownSec li a:visited,
.slideDropdownSec li a:active {
color: #5C5A5E;
}
.slidenavHeader:hover {
color: #5C5A5E;
;
}
.slidenavHeader:focus {
color: #A1D033;
}
.slidenavHeader:visited {
color: #5C5A5E;
;
}
.slidenavHeader:active {
color: #A1D033;
}
.slideDropdownSec li {
padding-top: 10px;
padding-bottom: 10px;
}
#swipeNav {
padding-left: 0px;
padding-right: 0px;
}
#slidenavChallenge,
#fr-slidenavChallenge,
#de-slidenavChallenge,
#slidenavSolutions,
#fr-slidenavSolutions,
#de-slidenavSolutions,
#slidenavResources,
#fr-slidenavResources,
#de-slidenavResources,
#slidenavNews,
#fr-slidenavNews,
#de-slidenavNews,
#slidenavAbout,
#fr-slidenavAbout,
#de-slidenavAbout {
width: 100%;
padding: 0px;
margin: 0px;
padding-left: 16px;
display: block;
height: 46px;
padding-top: 15px;
}
#slideDropdownChallenges,
#fr-slideDropdownChallenges,
#de-slideDropdownChallenges,
#slideDropdownSolutions,
#fr-slideDropdownSolutions,
#de-slideDropdownSolutions,
#slideDropdownResources,
#fr-slideDropdownResources,
#de-slideDropdownResources,
#slideDropdownNews,
#fr-slideDropdownNews,
#de-slideDropdownNews,
#slideDropdownAbout,
#fr-slideDropdownAbout,
#de-slideDropdownAbout {
display: none;
}
.slideNavActive {
border-left: 3px solid #A1D033;
background-color: rgba(255, 255, 255, 0.4);
}
#headerSocial {
padding-left: 16px;
margin-top: 18px;
padding-bottom: 40px;
}
#headerSocial li {
display: inline;
margin: 5px;
}
#headerSocial li img {
height: 44px;
}
/*---------------------------------------------------------------------
random small pages
---------------------------------------------------------------------*/
.termsSec {
padding-bottom: 40px;
}
.servicePage input {
width: 100%;
margin-bottom: 10px;
}
.servicePage .serviceBtn {
margin-top: 10px;
}
.privacySec {
padding-top: 28px;
padding-bottom: 26px;
}
.termsSec {
padding-top: 28px;
padding-bottom: 26px;
}
.emptyBlueSec {
height: 51px;
background-color: #415766;
color: #fff;
text-align: center
}
/*---------------------------------------------------------------------
Header Search bar
---------------------------------------------------------------------*/
.siteMapSec a:hover {
color: #A1D033;
}
.siteMapSec{
width: 50%;
margin: auto;
}
}
/*---------------------------------------------------------------------
Header Search bar
---------------------------------------------------------------------*/
.headerSearch {
/*display: none;*/
}
#mobileNavSearch{
display: none;
}
.mobileSearchBox .input-group-addon {
/*background-color: #6D6E71;*/
border-radius: 0px;
color: #ffffff;
/*border-color: #6D6E71;*/
/*border:1px solid;*/
}
#searchBox {
display: none;
top: 75px;
z-index: 100000;
position: absolute;
border: 9px solid #A1D033;
height: 48px;
width: 320px;
border-radius: 0px;
}
.headerSearch {
/*top: 100px;*/
}
.searchResults{
border-bottom: 1px solid #5C5A5E;;
padding-top: 20px;
padding-bottom: 20px;
}
.searchResults h2{
margin-top: 32px;
}
#searchBoxArrow:before {
width: 0;
height: 0;
z-index: 100000;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-bottom: 15px solid black;
}
input[type=text] {
/*-webkit-transition: all 0.30s ease-in-out;*/
/*-moz-transition: all 0.30s ease-in-out;*/
/*-ms-transition: all 0.30s ease-in-out;*/
/*-o-transition: all 0.30s ease-in-out;*/
outline: none;
/*padding: 3px 0px 3px 3px;*/
/*margin: 5px 1px 3px 0px;*/
/*border: 1px solid rgba(161, 208, 51, 1);*/
}
input[type=text]:focus,
input[type=tel]:focus,
input[type=email]:focus,
select:focus {
/*box-shadow: 0 0 5px rgba(161, 208, 51, 1);*/
/*padding: 3px 0px 3px 3px;*/
/*margin: 5px 1px 3px 0px;*/
border: 0px solid rgba(161, 208, 51, 1);
outline: 1px solid rgba(161, 208, 51, 1);
}
button:focus{
/*border: 0px solid rgba(161, 208, 51, 1);*/
outline: 0px solid rgba(161, 208, 51, 1);
}
/*input {
-webkit-appearance: none;
border-radius: 0;
}*/
.productIconGlow{
height: 100px;
width: 100px;
-webkit-filter: drop-shadow( 0px 0px 12px #fff );
filter: drop-shadow( 0px 0px 12px #fff );
}
/*.fix-comp{
position: fixed;
}*/
.socialShare{
float: left;
margin-top: 50px;
padding-left: 26px;
}
/*
industry articles
*/
.articlePage{
margin-bottom: 40px;
}
.socialShareArticles{
float: left;
margin-top: 50px;
padding-left: 30px;
width: 100%;
}
.socialShareVideos{
float: left;
margin-top: 50px;
padding-left: 10px;
width: 100%;
padding-bottom: 22px;
}
.videoLearnMore{
padding-left: 27px;
}
.videoDescription{
padding-left: 10px;
}
.videoSubDescription{
padding-left: 10px;
margin-top:20px;
}
.videoSubDescriptionLink{
padding-left: 10px;
}
.ArticleSection{
padding-left: 30px;
padding-bottom: 40px;
}
.topArticleSection{
padding-left: 30px;
}
.topArticleSection p{
margin-top: 8px;
font-family: "Nexa-Bold";
}
.ArticleSection{
padding-left: 30px;
}
.articleLeft img{
width: 100%;
margin-top: 50px;
}
.quoteParagraph{
padding-left: 15px;
}
.quoteHeader{
padding-left: 15px;
}
.quoteHeader h3{
font-family: "Nexa-Bold";
}
.quote{font-family:"Nexa-Book-Italic";}
.quoteSec{
padding: 20px;
padding-left:5px;
padding-right: 5px;
background-color: #EEEEEE;
border-bottom: 3px solid #A1D033;
overflow:auto;
margin-top: 20px;
margin-bottom: 20px;
margin-left: 15px;
position: relative;
}
.quoteImage img{
width: 100%;
}
.quoteCitation{
position: absolute;
bottom: 4px;
width: 66%;
right: 0px;
padding-right: 15px;
padding-left: 15px;
}
.articleBold{
font-family: "Nexa-Bold";
}
.widgetArchive{
height: 200px;
}
@media (max-width: 1199px) {
.quoteCitation{
position: relative;
margin-top:20px;
margin-bottom:0px;
padding-bottom: 0;
float:right;
}
.quoteCitation p {
margin-bottom:0px;
padding-bottom: 0px;}
}
@media (max-width: 767px) {
.quoteCitation{width: 100%;}
.quote{
padding-top: 20px;
}
}
.activeDisplay .achiveYearText,
.activeDisplay .achiveYearDate{
border-color: #A1D033;
}
.activeDisplay .achiveYearDate{
color: #A1D033;
}
.archiveSliderBox:hover .achiveYearText,
.archiveSliderBox:hover .achiveYearDate{
border-color: #A1D033;
}
.archiveSliderBox:hover .achiveYearDate{
color: #A1D033;
}
.newsletterShow{
display: block;
}
.newsletterHide{
display: none;
}
.archiveSliderBox,
#archiveLeftBtn,
#archiveRightBtn { cursor: pointer; cursor: hand; }
/*404 page*/
.error404{
background-image: url("/images/404-page/404_Background.png");
background-size: cover;
background-color: #cccccc;
background-repeat: repeat-y;
background-repeat: repeat-x;
height: 100%;
padding-top: 260px;
}
@media (max-width: 1199px) {
.error404{
padding-top: 120px;
}
.text404{
text-align: center;
}
}
.image404{
padding-right: 50px;
}
.image404 img{
width: 100%;
}
.btn404{
border: 1px solid #ffffff;
padding-top: 12px;
padding-bottom: 12px;
padding-right: 30px;
padding-left: 30px;
color:#ffffff;
width: 100%;
}
.text404 h2{
color:#ffffff;
font-size: 42px;
}
.text404 p{
color:#ffffff;
font-size: 20px;
margin-bottom: 25px;
line-height: 30px;
}
.downloadItalic{
font-size: 11px;
font-family: 'Nexa-Book-Italic';
}
.downloadSpan{
overflow: hidden;
margin-top: 12px;
position: absolute;
}
.downloadAsset h4 a img{
float:left;
margin-right: 20px;
}
/* ------------------------------
Zico CSS
-------------------------------*/
.insightHeader {
background-image: url("/images/solutions/Img_Insight_Header_1440.jpg");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
width: 100%;
min-height: 400px;
overflow: hidden;
}
.insight-icon {
width: 100px;
height: 100px;
}
/* ------------------------------
Home Page Slider
-------------------------------*/
html {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*, *:before, *:after {
-webkit-box-sizing: inherit;
-moz-box-sizing: inherit;
box-sizing: inherit;
}
a:hover, a:visited, a:link, a:active {
text-decoration: none;
}
html, body {
margin: 0;
}
.slider-laptop .slide-0, .slider-laptop .slide-1, .slider-laptop .slide-2 {
height: 100%;
float: left;
overflow: hidden;
position: relative;
background-repeat: no-repeat;
background-size: cover;
background-position: right;
width: 10%;
outline: 1px solid #ddd !important;
-moz-transition: width 0.5s ease-in-out;
-o-transition: width 0.5s ease-in-out;
-webkit-transition: width 0.5s ease-in-out;
transition: width 0.5s ease-in-out;
}
@media screen and (max-width: 992px) {
.slider-laptop .slide-0, .slider-laptop .slide-1, .slider-laptop .slide-2 {
display: none;
}
}
.slider-laptop {
height: 450px;
width: 100%;
cursor: pointer;
overflow: hidden;
position: relative;
}
@media screen and (max-width: 992px) {
.slider-laptop {
display: none;
}
}
.slider-laptop div.slide-content {
padding: 60px 0 0 60px;
height: 100%;
width: 100%;
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuMCIgeDI9IjEuMCIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIzMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4zIi8+PHN0b3Agb2Zmc2V0PSI4MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
background-size: 100%;
background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(30%, rgba(0, 0, 0, 0.3)), color-stop(80%, rgba(0, 0, 0, 0)));
background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0) 80%);
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0) 80%);
background-image: linear-gradient(to bottom right, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0) 80%);
}
.slider-laptop div.slide-content > h1 {
width: 460px;
color: white;
font-family: Nexa-Book, sans-serif;
font-size: 36px;
position: relative;
margin-top: 0;
margin-bottom: 50px;
}
.slider-laptop div.slide-content > p {
width: 460px;
color: white;
font-family: Nexa-Book, sans-serif;
font-size: 18px;
margin-bottom: 50px;
}
.slider-laptop div.slide-content > a {
font-family: Nexa-Bold, sans-serif;
color: white;
padding: 15px 30px;
background-color: #9DC448;
width: auto;
cursor: pointer;
}
.slider-laptop div.slide-content > a:hover {
background-color: #87B840;
}
.slider-laptop .slide-0 {
width: 80%;
background-image: url("images/home_background/Header_1.jpg");
}
.slider-laptop .slide-1 {
background-image: url("images/home_background/Header_2-1.jpg");
}
.slider-laptop .slide-1 > .slide-content {
display: none;
}
.slider-laptop .slide-2 {
background-image: url("images/home_background/PeopleBasedMeasurement_Hero_1240.jpg");
}
.slider-laptop .slide-2 > .slide-content {
display: none;
}
.slider-mobile {
background-color: #f2f4f7;
display: none;
height: 700px;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: default;
overflow: hidden;
}
@media screen and (max-width: 992px) {
.slider-mobile {
display: block;
}
}
.slider-mobile .pagi-controller {
cursor: pointer;
z-index: 10;
height: 25px;
width: 25px;
position: absolute;
top: 70%;
right: 15px;
bottom: auto;
left: auto;
}
@media screen and (max-width: 480px) {
.slider-mobile .pagi-controller {
position: absolute;
top: 50%;
right: 15px;
bottom: auto;
left: auto;
}
}
.slider-mobile .pagi-controller.left {
left: 15px;
}
.slider-mobile .slider {
z-index: 1;
position: relative;
height: 400px;
display: block;
}
@media screen and (max-width: 480px) {
.slider-mobile .slider {
height: 225px;
}
}
.slider-mobile .slider .slide {
position: absolute;
top: 0;
width: 100%;
height: 100%;
}
.slider-mobile .slider .slide .slide__bg {
position: absolute;
top: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
will-change: transform;
}
.slider-mobile .slider .slide:nth-child(1) {
left: 0;
}
.slider-mobile .slider .slide:nth-child(1) .slide__bg {
background-image: url("images/home-updates/Home_MI_Platform_767.jpg");
}
.slider-mobile .slider .slide:nth-child(2) {
left: 100%;
}
.slider-mobile .slider .slide:nth-child(2) .slide__bg {
background-image: url("images/home_background/PeopleBasedMeasurement_Hero_767.jpg");
}
.slider-mobile .slider .slide:nth-child(3) {
left: 200%;
}
.slider-mobile .slider .slide:nth-child(3) .slide__bg {
background-image: url("images/home_background/img_o2CaseStudy_767.jpg");
}
.slider-mobile .slider .slide-content {
padding: 40px 50px;
text-align: center;
overflow: hidden;
color: #5C5A5E;
position: absolute;
top: 90%;
right: auto;
bottom: auto;
left: auto;
}
.slider-mobile .slider .slide-content h1 {
font-family: Nexa-Book, sans-serif;
font-size: 25px;
font-weight: normal;
position: relative;
margin-top: 25px;
margin-bottom: 30px;
}
.slider-mobile .slider .slide-content p {
font-family: Nexa-Book, sans-serif;
font-size: 16px;
margin-top: 0;
margin-bottom: 40px;
}
.slider-mobile .slider .slide-content a {
font-family: Nexa-Bold, sans-serif;
color: white;
padding: 15px 30px;
background-color: #9DC448;
cursor: pointer;
}
.slider-mobile .slider .slide-content a:hover {
background-color: #87B840;
}
.slider-pagi {
position: absolute;
z-index: 3;
left: 50%;
bottom: 5px;
font-size: 0;
list-style-type: none;
padding-left: 20px;
-moz-transform: translateX(-60%);
-ms-transform: translateX(-60%);
-webkit-transform: translateX(-60%);
transform: translateX(-60%);
}
.slider-pagi .slider-pagi__elem {
position: relative;
display: inline-block;
vertical-align: top;
width: 1.5rem;
height: 1.5rem;
margin: 0 0.5rem;
border-radius: 50%;
border: 1.5px solid #5C5A5E;
cursor: pointer;
}
.slider-pagi .slider-pagi__elem:before {
content: "";
position: absolute;
left: 50%;
top: 50%;
width: 1rem;
height: 1rem;
background: #5C5A5E;
border-radius: 50%;
-moz-transition: 0.3s;
-o-transition: 0.3s;
-webkit-transition: 0.3s;
transition: 0.3s;
-moz-transform: translate(-50%, -50%) scale(0);
-ms-transform: translate(-50%, -50%) scale(0);
-webkit-transform: translate(-50%, -50%) scale(0);
transform: translate(-50%, -50%) scale(0);
}
.slider-pagi .slider-pagi__elem.active:before, .slider-pagi .slider-pagi__elem:hover:before {
-moz-transform: translate(-50%, -50%) scale(1);
-ms-transform: translate(-50%, -50%) scale(1);
-webkit-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
}
.slider.animating {
-webkit-transition: -webkit-transform 0.5s;
transition: -webkit-transform 0.5s;
transition: transform 0.5s;
transition: transform 0.5s, -webkit-transform 0.5s;
will-change: transform;
}
.slider.animating .slide__bg {
-webkit-transition: -webkit-transform 0.5s;
transition: -webkit-transform 0.5s;
transition: transform 0.5s;
transition: transform 0.5s, -webkit-transform 0.5s;
will-change: transform;
}
.youtubevideowrap{
width: 80%;
max-width: 640px;
margin: 0 auto;
margin-top: 20px;
}
.video-container {
position:relative;
padding-bottom:56.25%;
padding-top:30px;
height:0;
overflow:hidden;
max-width: 800px;
margin: 0px auto;
}
.video-container iframe, .video-container object, .video-container embed {
position:absolute;
top:0;
left:0;
width:100%;
height:auto;
}
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/* ------------------------------
Blog detail styles
-------------------------------*/
.blogBody{
margin-bottom:40px;
}
.socialShareBlog {
float: left;
margin-top: 28px;
margin-bottom: 20px;
padding-left: 16px;
width: 100%;
}
.blogCallout{
color:#9DC448;
border-left:4px solid #9DC448;
margin-left:20px;
padding-left: 20px;
margin-top: 20px;
margin-bottom: 20px;
font-size: 20px;
font-family: Nexa-Book-Italic, sans-serif;
line-height: 36px;
margin-top: 30px;
}
.blogDetailDate{
font-family: Nexa-Book-Italic, sans-serif;
font-size:14px;
margin-bottom:14px;
}
.blogDetailTitle{
font-family: Nexa-Book, sans-serif;
/*font-size: 24px;*/
}
.categorySection{
margin: 0px 0px;
margin-bottom: 10px;
}
.categorySectionWidget{
margin: 0px 0px;
margin-bottom: 52px;
padding-bottom: 60px;
border-bottom: 1px solid #BFBFBF;
}
.categoryList{
font-size: 16px;
}
.categoryList a{
font-size: 14px;
font-family: Nexa-Bold, sans-serif;
}
.blogDetailCategory{
font-family: Nexa-Bold, sans-serif;
font-size: 14px;
color:#9DC448;
text-transform: uppercase;
}
.blogDetailCategory:hover{
color:#87B840;
}
.blogDetailCategory:after {
content: " •";
color: #5C5A5E;
}
.categorySection:last-child .blogDetailCategory:last-of-type:after {
content: "";
}
.categoryDot{
color:#5C5A5E;
}
.blogText{
font-size:14px;
}
.blogSingle{
margin-bottom:40px;
}
.blogTextBold{
font-family: Nexa-Bold, sans-serif;
}
.blogTextHeadline{
font-family: Nexa-Bold, sans-serif;
font-size: 24px;
margin-top: 26px;
}
.blogListSec{
list-style: none;
}
.blogMainSec{
margin-top: 40px;
}
.blogList{
font-size:14px;
padding: 0px 8px 6px 8px;
margin-left: 14px;
}
.blogListSec{
list-style: none;
margin: 0;
padding: 0;
padding-left: 36px;
margin-top: 18px;
margin-bottom: 18px;
}
.blogListSec li:before {
content: "• ";
color: #9DC448;
font-size: 20px;
margin-left: -20px;
margin-right: 6px;
}
.blogLink{
color:#9DC448;
}
.blogLink:hover{
color:#87B840;
}
.newsletterLink{
color:#9DC448;
}
.newsletterLink:hover{
color:#87B840;
}
.blogPageFilter{
color:#9DC448;
font-size:16px;
text-transform: uppercase;
display: inline-block;
font-family: Nexa-Bold, sans-serif;
}
.blogTextFilter{
font-size:14px;
line-height:56px;
}
.blog_post_date {
font-size: 14px;
color: #5C5A5E;
font-family: Nexa-Book-Italic, sans-serif;
}
.relatedDate{
padding-top:20px;
}
.relatedBlogLeft, .relatedBlogRight{
padding-bottom:40px;
}
.backToBlog{
color: #fff;
background: #9DC448;
padding: 18px 16px 14px 16px;
border: 0px solid;
margin: 0px 20px 10px 3px;
float:left;
}
.widgetsSecTags{
border-bottom: 1px solid #BFBFBF;
padding-bottom: 50px;
padding-top: 17px;
}
.widgetsSecCategory{
border-bottom: 1px solid #BFBFBF;
padding-bottom: 50px;
padding-top: 17px;
}
.tagList{
padding:0px;
margin:0px;
}
.tagsBtn{
color:#5C5A5E;
padding: 6px 8px 4px 8px;
text-transform: uppercase;
margin: 4px 2px 4px 2px;
border: 1px solid #5C5A5E;
display: inline-block;
}
.blogSec{
padding-right:26px;
}
@media screen and (max-width: 766px) {
.blogSec{
padding-right:0px;
}
}
.relatedPost{
padding-left:0px;
padding-right:24px;
margin-bottom:40px;
}
.relatedBlogLeft{
padding-left:16px;
padding-right: 22px;
}
.relatedBlogLeft a, .relatedBlogLeft a img{
width:100%;
}
.relatedBlogRight{
padding-right:38px;
padding-left:0px;
}
.relatedBlogRight a, .relatedBlogRight a img{
width:100%;
}
/* ------------------------------
new css to move to production
--------------------------------*/
.widgetGrey{
background:#F2F4F7;;
padding-top:40px;
padding-bottom:40px;
}
.error{
color:red;
font-weight: 200;
}
#organization-error{
color: red;
position: absolute;
float: right;
display: block;
margin: -28px;
margin-left: 51px;
width: 100%;
}
#media_spend-error{
color: red;
position: absolute;
float: right;
display: block;
margin: -28px;
margin-left: 146px;
width: 100%;
}
@media (max-width: 600px) {
#media_spend-error, #organization-error{
margin: -47px;
margin-left: -56px;
}
}