 html, body {
  overflow-x:hidden;
  height:100%;
}

@font-face {
  font-family: 'MetropolisMedium';
  src: url('../fonts/Metropolis-Medium .eot') format('embedded-opentype'),
       url('../fonts/Metropolis-Medium.woff2') format('woff2'),
       url('../fonts/Metropolis-Medium.woff') format('woff');
  }

@font-face {
  font-family: 'MetropolisRegular';
  src: url('../fonts/Metropolis-Regular.eot') format('embedded-opentype'),
       url('../fonts/Metropolis-Regular.woff2') format('woff2'),
       url('../fonts/Metropolis-Regular.woff') format('woff');
  }

@font-face {
font-family: 'MetropolisLight';
src: url('../fonts/Metropolis-Light.eot') format('embedded-opentype'),
   url('../fonts/Metropolis-Light.woff2') format('woff2'),
   url('../fonts/Metropolis-Light.woff') format('woff');
}

@font-face {
	font-family: 'MetropolisBold';
	src: url('../fonts/Metropolis-Bold.eot') format('embedded-opentype'),
		 url('../fonts/Metropolis-Bold.woff2') format('woff2'),
		 url('../fonts/Metropolis-Boldwoff') format('woff');
	}

h1 {
	font-family: 'MetropolisMedium', arial, sans-serif;
	color: #0091DA;
	font-size: 35px;
}
h2 {
	font-family: 'MetropolisRegular', arial, sans-serif;
	color: #0091DA;
	font-size: 27px;
}
h3 {
	font-family: 'MetropolisMedium', arial, sans-serif;
	color: #076B91;
	font-size: 24px;
}
h4 {
	font-family: 'MetropolisRegular', arial, sans-serif;
	color: #076B91;
	font-size: 21px;
}
h5 {
	font-family: 'MetropolisMedium', arial, sans-serif;
	color: black;
	font-size: 16px;
}
h6 {
	font-family: 'MetropolisLight', arial, sans-serif;
	color: white;
	font-size: 24px;
	line-height: 1.75;
	margin-bottom: 0px;
}
p {
	font-family: 'MetropolisRegular', arial, sans-serif;
	color: #1D428A;
	font-size: 14px;
}
li {
	font-family: 'MetropolisRegular', arial, sans-serif;
	color: #1D429D;
	font-size: 12px;
}

/* HEALTHCARE TABS */
.healthcare-agility-hotspot-1-overlay {
	position: absolute;
	background-color:pink;
	opacity: 0;
	top: 26%;
    left: 6.5%;
	width: 24%;
    height: 14%;
	cursor: pointer;
}
.healthcare-agility-hotspot-2-overlay {
	position: absolute;
	background-color:pink;
	opacity: 0;
	top: 42%;
    left: 18%;
	width: 21%;
    height: 21%;
	cursor: pointer;
}
.healthcare-agility-hotspot-3-overlay {
	position: absolute;
	background-color:pink;
	opacity: 0;
	top: 17%;
    left: 43%;
	width: 21%;
    height: 17%;
	cursor: pointer;
}
.healthcare-agility-hotspot-4-overlay {
	position: absolute;
	background-color:pink;
	opacity: 0;
	top: 14%;
    left: 65%;
	width: 19%;
    height: 17%;
	cursor: pointer;
}
.healthcare-agility-hotspot-5-overlay {
	position: absolute;
	background-color:pink;
	opacity: 0;
	top: 32%;
    left: 76%;
	width: 22%;
    height: 21%;
	cursor: pointer;
}

.healthcare-outcomes-hotspot-1-overlay {
	position: absolute;
	background-color:pink;
	opacity: 0;
	top: 26%;
    left: 6.5%;
	width: 29%;
    height: 14%;
	cursor: pointer;
}
.healthcare-outcomes-hotspot-2-overlay {
	position: absolute;
	background-color:pink;
	opacity: 0;
	top: 21%;
    left: 42%;
	width: 33%;
    height: 17%;
	cursor: pointer;
}
.healthcare-outcomes-hotspot-3-overlay {
	position: absolute;
	background-color:pink;
	opacity: 0;
	top: 11%;
    left: 76%;
	width: 23%;
    height: 31%;
	cursor: pointer;
}


.healthcare-trust-hotspot-1-overlay {
	position: absolute;
	background-color:pink;
	opacity: 0;
	top: 18%;
    left: 26%;
	width: 33%;
    height: 19%;
	cursor: pointer;
}
.healthcare-trust-hotspot-2-overlay {
	position: absolute;
	background-color:pink;
	opacity: 0;
	top: 9%;
    left: 62%;
	width: 26%;
    height: 14%;
	cursor: pointer;
}

.tab-background-img .healthcare-agility-hotspot-1 {
	position: absolute;
    overflow: hidden;
    top: 27%;
    left: 7.5%;
    width: 3.9%;
    height: 10%;
	cursor:pointer;
}
.tab-background-img .healthcare-agility-hotspot-2 {
	position: absolute;
    overflow: hidden;
    top: 43%;
    left: 19%;
    width: 3.9%;
    height: 10%;
	cursor:pointer;
}
.tab-background-img .healthcare-agility-hotspot-3 {
	position: absolute;
    overflow: hidden;
    top: 19%;
    left: 43.25%;
    width: 3.9%;
    height: 10%;
	cursor:pointer;
}
.tab-background-img .healthcare-agility-hotspot-4 {
	position: absolute;
    overflow: hidden;
    top: 15%;
    left: 65.5%;
    width: 3.9%;
    height: 10%;
	cursor:pointer;
}
.tab-background-img .healthcare-agility-hotspot-5 {
	position: absolute;
    overflow: hidden;
    top: 33%;
    left: 77.15%;
    width: 3.9%;
    height: 10%;
	cursor:pointer;
}
.tab-background-img .healthcare-outcomes-hotspot-1 {
	position: absolute;
    overflow: hidden;
    top: 26%;
    left: 7%;
    width: 3.9%;
    height: 10%;
	cursor:pointer;
}
.tab-background-img .healthcare-outcomes-hotspot-2 {
	position: absolute;
    overflow: hidden;
    top: 23%;
    left: 43.25%;
    width: 3.9%;
    height: 10%;
	cursor:pointer;
}
.tab-background-img .healthcare-outcomes-hotspot-3 {
	position: absolute;
    overflow: hidden;
    top: 21%;
    left: 76.75%;
    width: 3.9%;
    height: 10%;
	cursor:pointer;
}
.tab-background-img .healthcare-trust-hotspot-1 {
	position: absolute;
    overflow: hidden;
    top: 21%;
    left: 27.25%;
    width: 3.9%;
    height: 10%;
	cursor:pointer;
}
.tab-background-img .healthcare-trust-hotspot-2 {
	position: absolute;
    overflow: hidden;
    top: 11%;
    left: 62.25%;
    width: 3.9%;
    height: 10%;
	cursor:pointer;
}

/* RETAIL TABS */
.retail-agility-hotspot-1-overlay {
	position: absolute;
	background-color:pink;
	opacity: 0;
	top: 18%;
    left: 3.5%;
    width: 16%;
    height: 18%;
	cursor: pointer;
}
.retail-agility-hotspot-2-overlay {
	position: absolute;
	background-color:pink;
	opacity: 0;
	top: 18%;
    left: 22%;
    width: 16%;
    height: 18%;
	cursor: pointer;
}
.retail-agility-hotspot-3-overlay {
	position: absolute;
	background-color:pink;
	opacity: 0;
	top: 14%;
    left: 38%;
    width: 22%;
    height: 17%;
	cursor: pointer;
}
.retail-agility-hotspot-4-overlay {
	position: absolute;
	background-color:pink;
	opacity: 0;
	top: 14%;
    left: 61%;
    width: 19%;
    height: 17%;
	cursor: pointer;
}
.retail-agility-hotspot-5-overlay {
	position: absolute;
	background-color:pink;
	opacity: 0;
	top: 14%;
    left: 80%;
    width: 19%;
    height: 21%;
	cursor: pointer;
}
.tab-background-img .retail-agility-hotspot-1 {
	position: absolute;
    overflow: hidden;
    top: 19%;
    left: 4.2%;
    width: 3.9%;
    height: 10%;
	cursor:pointer;
}
.tab-background-img .retail-agility-hotspot-2 {
	position: absolute;
    overflow: hidden;
    top: 19%;
    left: 22.2%;
    width: 3.9%;
    height: 10%;
	cursor:pointer;
}
.tab-background-img .retail-agility-hotspot-3 {
	position: absolute;
    overflow: hidden;
    top: 15%;
    left: 38.25%;
    width: 3.9%;
    height: 10%;
	cursor:pointer;
}
.tab-background-img .retail-agility-hotspot-4 {
	position: absolute;
    overflow: hidden;
    top: 15%;
    left: 61.75%;
    width: 3.9%;
    height: 10%;
	cursor:pointer;
}
.tab-background-img .retail-agility-hotspot-5 {
	position: absolute;
    overflow: hidden;
    top: 15%;
    left: 81%;
    width: 3.9%;
    height: 10%;
	cursor:pointer;
}

.retail-agility-hotspot-1-overlay {
	position: absolute;
	background-color:pink;
	opacity: 0;
	top: 18%;
    left: 3%;
    width: 16%;
    height: 18%;
	cursor: pointer;
}
.retail-agility-hotspot-2-overlay {
	position: absolute;
	background-color:pink;
	opacity: 0;
	top: 18%;
    left: 22%;
    width: 16%;
    height: 18%;
	cursor: pointer;
}
.retail-agility-hotspot-3-overlay {
	position: absolute;
	background-color:pink;
	opacity: 0;
	top: 14%;
    left: 38%;
    width: 22%;
    height: 17%;
	cursor: pointer;
}
.retail-agility-hotspot-4-overlay {
	position: absolute;
	background-color:pink;
	opacity: 0;
	top: 14%;
    left: 61%;
    width: 19%;
    height: 17%;
	cursor: pointer;
}
.retail-agility-hotspot-5-overlay {
	position: absolute;
	background-color:pink;
	opacity: 0;
	top: 14%;
    left: 80%;
    width: 19%;
    height: 21%;
	cursor: pointer;
}
.tab-background-img .retail-loyalty-hotspot-1 {
	position: absolute;
    overflow: hidden;
    top: 19%;
    left: 14.5%;
    width: 3.9%;
    height: 10%;
	cursor:pointer;
}
.tab-background-img .retail-loyalty-hotspot-2 {
	position: absolute;
    overflow: hidden;
    top: 19%;
    left: 37.4%;
    width: 3.9%;
    height: 10%;
	cursor:pointer;
}
.tab-background-img .retail-loyalty-hotspot-3 {
	position: absolute;
    overflow: hidden;
    top: 19%;
    left: 60.6%;
    width: 3.9%;
    height: 10%;
	cursor:pointer;
}
.tab-background-img .retail-loyalty-hotspot-4 {
	position: absolute;
    overflow: hidden;
    top: 19%;
    left: 80.35%;
    width: 3.9%;
    height: 10%;
	cursor:pointer;
}
.retail-loyalty-hotspot-1-overlay {
	position: absolute;
	background-color:pink;
	opacity: 0;
	top: 18%;
    left: 14%;
    width: 19%;
    height: 18%;
	cursor: pointer;
}
.retail-loyalty-hotspot-2-overlay {
	position: absolute;
	background-color:pink;
	opacity: 0;
	top: 18%;
    left: 37%;
    width: 20%;
    height: 18%;
	cursor: pointer;
}
.retail-loyalty-hotspot-3-overlay {
	position: absolute;
	background-color:pink;
	opacity: 0;
	top: 18%;
    left: 60%;
    width: 20%;
    height: 17%;
	cursor: pointer;
}
.retail-loyalty-hotspot-4-overlay {
	position: absolute;
	background-color:pink;
	opacity: 0;
	top: 18%;
    left: 80%;
    width: 17%;
    height: 22%;
	cursor: pointer;
}



.retail-trust-hotspot-1-overlay {
	position: absolute;
	background-color:pink;
	opacity: 0;
	top: 15%;
    left: 15.5%;
    width: 34%;
    height: 12%;
	cursor: pointer;
}
.retail-trust-hotspot-2-overlay {
	position: absolute;
	background-color:pink;
	opacity: 0;
	top: 15%;
    left: 52%;
    width: 39%;
    height: 13%;
	cursor: pointer;
}
.tab-background-img .retail-trust-hotspot-1 {
	position: absolute;
    overflow: hidden;
    top: 16%;
    left: 16.3%;
    width: 3.9%;
    height: 10%;
	cursor:pointer;
}
.tab-background-img .retail-trust-hotspot-2 {
	position: absolute;
    overflow: hidden;
    top: 16%;
    left: 53%;
    width: 3.9%;
    height: 10%;
	cursor:pointer;
}


/* FINANCE TABS */
.finance-agility-hotspot-1-overlay {
	position: absolute;
	background-color:pink;
	opacity: 0;
	top: 19%;
    left: 6.5%;
	width: 20%;
    height: 14%;
	cursor: pointer;
}
.finance-agility-hotspot-2-overlay {
	position: absolute;
	background-color:pink;
	opacity: 0;
	top: 15%;
    left: 32%;
	width: 23%;
    height: 18%;
	cursor: pointer;
}
.finance-agility-hotspot-3-overlay {
	position: absolute;
	background-color:pink;
	opacity: 0;
	top: 15%;
    left: 61%;
	width: 16%;
    height: 18%;
	cursor: pointer;
}
.finance-agility-hotspot-4-overlay {
	position: absolute;
	background-color:pink;
	opacity: 0;
	top: 15%;
    left: 82%;
	width: 17%;
    height: 27%;
	cursor: pointer;
}
.finance-outcomes-hotspot-1-overlay {
	position: absolute;
	background-color:pink;
	opacity: 0;
	top: 25%;
    left: 6%;
	width: 26%;
    height: 14%;
	cursor: pointer;
}
.finance-outcomes-hotspot-2-overlay {
	position: absolute;
	background-color:pink;
	opacity: 0;
	top: 15%;
    left: 42%;
	width: 23%;
    height: 18%;
	cursor: pointer;
}
.finance-outcomes-hotspot-3-overlay {
	position: absolute;
	background-color:pink;
	opacity: 0;
	top: 15%;
    left: 75%;
	width: 21%;
    height: 21%;
	cursor: pointer;
}
.finance-trust-hotspot-1-overlay {
	position: absolute;
	background-color:pink;
	opacity: 0;
	top: 17%;
    left: 4%;
	width: 26%;
    height: 21%;
	cursor: pointer;
}
.finance-trust-hotspot-2-overlay {
	position: absolute;
	background-color:pink;
	opacity: 0;
	top: 15%;
    left: 37%;
	width: 30%;
    height: 18%;
	cursor: pointer;
}
.finance-trust-hotspot-3-overlay {
	position: absolute;
	background-color:pink;
	opacity: 0;
	top: 11%;
    left: 78%;
	width: 16%;
    height: 16%;
	cursor: pointer;
}
.tab-background-img .finance-agility-hotspot-1 {
	position: absolute;
    overflow: hidden;
    top: 19%;
    left: 6.5%;
    width: 3.9%;
    height: 10%;
}
.tab-background-img .finance-agility-hotspot-2 {
	position: absolute;
    overflow: hidden;
    top: 16.25%;
    left: 32.25%;
    width: 3.9%;
    height: 10%;
	cursor:pointer;
}
.tab-background-img .finance-agility-hotspot-3 {
	position: absolute;
    overflow: hidden;
    top: 16%;
    left: 61.7%;
    width: 3.9%;
    height: 10%;
	cursor:pointer;
}
.tab-background-img .finance-agility-hotspot-4 {
	position: absolute;
    overflow: hidden;
    top: 16%;
    left: 82%;
    width: 3.9%;
    height: 10%;
	cursor:pointer;
}
.tab-background-img .finance-outcomes-hotspot-1 {
	position: absolute;
    overflow: hidden;
    top: 26%;
    left: 6.25%;
    width: 3.9%;
    height: 10%;
	cursor:pointer;
}
.tab-background-img .finance-outcomes-hotspot-2 {
	position: absolute;
    overflow: hidden;
    top: 16%;
    left: 44.5%;
    width: 3.9%;
    height: 10%;
	cursor:pointer;
}
.tab-background-img .finance-outcomes-hotspot-3 {
	position: absolute;
    overflow: hidden;
    top: 16%;
    left: 75.75%;
    width: 3.9%;
    height: 10%;
	cursor:pointer;
}
.tab-background-img .finance-trust-hotspot-1 {
	position: absolute;
    overflow: hidden;
    top: 18%;
    left: 4.7%;
    width: 3.9%;
    height: 10%;
	cursor:pointer;
}
.tab-background-img .finance-trust-hotspot-2 {
	position: absolute;
    overflow: hidden;
    top: 15%;
    left: 37.15%;
    width: 3.9%;
    height: 10%;
	cursor:pointer;
}
.tab-background-img .finance-trust-hotspot-3 {
	position: absolute;
    overflow: hidden;
    top: 12%;
    left: 78.8%;
    width: 3.9%;
    height: 10%;
	cursor:pointer;
}


.tab-container{
	position:relative;
  }
.tab-container img{
	width:100%;
 }




#exTab1 a {
	font-family: 'MetropolisRegular', arial, sans-serif;
	color: #1D429D;
	font-size: 18px;
}
.modal-ul li {
	margin-bottom: 10px;
}
.modal-ul {
	padding-left: 15px;
}
.modal-p {
	font-family: 'MetropolisRegular', arial, sans-serif;
	color: #717074;
	font-size: 14px;
}
.modal-h1 {
	font-family: 'MetropolisRegular', arial, sans-serif;
	color: #0091DA;
	font-size: 35px;
}
#exTab1 .nav-item {
	width:140px;
}
button.ot-sdk-show-settings:hover{
background-color: rgb(29, 66, 138)!important;
}
button.ot-sdk-show-settings{
    position: fixed!important;
    bottom: 0px!important;
    right: 0px!important;
    z-index: 999999!important;
    color: rgb(255, 255, 255) !important;
    border: 2px solid rgb(29, 66, 138) !important;
    padding: 6px!important;
    display: inline-block;
    margin: -8px 0px 1.2px -82px!important;
    background-color: rgb(29, 66, 138);
    cursor: pointer;
    border-radius: 2.75rem!important;
    font-size: 13px!important;
    min-width: 200px!important;
    height: 40px!important;
    font-weight: bold;
}
.no-padding{
	padding: 0px;
}
.btn:focus, .btn:active {
  outline: none !important;
  box-shadow: none !important;
}
.homepage-welcome  {
	font-family: 'MetropolisRegular', arial, sans-serif;
	color: white;
	font-size: 32px;
	line-height: 1.25;
}
.healthcare-solutions-headings  {
	font-family: 'MetropolisLight', arial, sans-serif;
	color: white;
	font-size: 30px;
	line-height: 1.25;
}
.play-icon {
	cursor: pointer;
}
.play-icon:before,
.play-icon:before{
   font-family: FontAwesome;
   display: inline-block;
   padding-right: 6px;
   vertical-align: middle;
}
.play-icon:before {
   content: "\f16a";
}
.page-footer{
	background-color: white;
	padding-left: 50px;
	padding-right: 50px;
}
.page-footer .fa {
	color:#1D428A;
}
.page-footer p {
	color:#58595B;
	font-size: 12px;

}
.page-footer ul {
	margin-bottom: 0px;
}
.logo-footer{
	width:70px;
	height: auto;
}
/*****UNIVERSAL*****/
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
.player {
  width: 100%;
  height: auto;
}
.player-wrapper {
  width: 100vw; 
  height: 56.25vw; /* 100/56.25 = 1.778 */
  max-height: 100vh;
  max-width: 177.78vh; /* 16/9 = 1.778 */
  margin: auto;
}
.img-fluid-80 {
    max-width: 80%;
    height: auto;
}
.width-1200 {
	max-width: 960px;
}

/*****NAVBAR*****/
.navbar-top {
  padding-top: 16px;
  padding-bottom: 0px;
  /*padding-left: 50px;*/
  background-color:#fff;
}
.navbar-top p{
  color:#1D428A;
}
.navbar-top p:hover{
	text-decoration: none !important;
  	color:#337ab7;
}
.navbar-top a {
text-decoration: none;
}
.dropdown-menu{
  border-radius: 0rem; 
  margin: 0px;
  border: 0px;
  background-clip: initial;
}
.navbar-light .navbar-nav .active p>.nav-link, .navbar-light .navbar-nav .nav-link.active p, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link{
	color:#007AB8;
}
.navbar-bottom{
  background:
    linear-gradient(
      to right, 
      rgba(120,190,32,1) 0%,
      rgba(0,193,213,1) 25%,
      rgba(0,122,184,1) 50%,
      rgba(29,66,138,1) 75%,
      rgba(127,53,178,1) 100%
    )
    left 
    bottom
    #fff   
    no-repeat; 
  background-size:100% 8px ;
  box-shadow: 0px 7px 6px 0px rgba(0,0,0,0.25);
}
.navbar-bottom-mobile{
  background:
    linear-gradient(
      to right, 
      rgba(120,190,32,1) 0%,
      rgba(0,193,213,1) 25%,
      rgba(0,122,184,1) 50%,
      rgba(29,66,138,1) 75%,
      rgba(127,53,178,1) 100%
    )
    left 
    bottom
    #fff   
    no-repeat; 
  background-size:100% 8px ;
  box-shadow: 0px 7px 6px 0px rgba(0,0,0,0.25);
}
.navbar-bottom a {
  padding-bottom: 0px;
  padding-left: 50px;
}
.navbar p {
  font-family: 'MetropolisLight', arial, sans-serif;
  color: #717074;
  font-size: 16px;
  margin-right: 0px;
}
.navbar a {
    font-family: 'MetropolisLight', arial, sans-serif;
    color: #717074;
    font-size: 16px;
    margin-right: 0px;
}

h1.title {
  font-family: 'MetropolisLight', arial, sans-serif;
  color: #717074;
  font-size: 30px;
  margin-right: 14px;
  padding-left: 50px;
}
.navbar-bottom a.dropdown-item:hover{
  color: #3b90d3;
  background-color: white;
}
.dropdown-item.active, .dropdown-item:active {
    color: #3b90d3;
    text-decoration: none;
    background-color: white;
}
.dropdown-menu{
  background-size:100% 8px;
  box-shadow: 0px 7px 6px -7px rgba(0,0,0,0.25);
}
.nav-link p {
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.navbar-top {
	padding: 1rem 1rem .25rem 1rem;
}
.navbar-bottom{
	padding: .5rem 1rem 0rem 1rem;
}
.svgTriangle{
	visibility: hidden;
}
.nav-item{
	padding-right: 25px;
}
.navbar-mobile {
	display: none;
}
.navbar-left{
	/*border: 0px;*/
	border-color:#ececec;
	padding-top: 4px;
}
.navbar-mobile {
	padding-top:25px;
	padding-bottom:25px;
}
.sales-color {
	color:#1D425A !important;
}
.navbar-expand-lg .navbar-nav > li:hover > .dropdown-menu{
    display: block;
}  
.homeTriangle,.healthcareTriangle,.governmentTriangle,.educationTriangle,.financeTriangle,.retailTriangle {
	margin-bottom: 4px;
}
.navbar-nav{
	max-width: 100%;
}
.dropdown-item.indent{
  margin-left: 25px;
}
/*****NAVBAR*****/

/*****TABS*****/
.nav {
  background: none;
}

#exTab1 .nav-tabs{
border-bottom: 0px solid #dee2e6;
}

#exTab1 .tab-content {
  color : white;
  background-color: #428bca;
}
#exTab1 .nav-tabs a{
  color: #264685;
  background-color: white;
  border-color: #264685;
  border-radius: 0;
}
#exTab1 .nav-tabs .active{
  background-color: #264685;
  color:white;
  border-color: transparent;
}
.tab-wrapper {
  position:relative;
  width: 100%;
  height: 100%;
}
.tab-image-wrapper{
  position: absolute;
  width: 100%;
  height: 100%;
  top:0%;
  left:0%; 
}
.tab-video-wrapper{
  position: absolute;
  width: 100%;
  height: 100%;
  top:0%;
  left:0%; 
}

	  .outcomes-1-video,.outcomes-2-video,.outcomes-3-video,.finance-outcomes-2-video,.finance-outcomes-3-video {
		  display: none;
	  }
	  .agility-1-video,.agility-2-video,.agility-3-video,.agility-5-video,.finance-agility-1-video,.finance-agility-2-video {
		display: none;
	}
	.trust-1-video,.trust-2-video,.finance-trust-2-video {
		display: none;
	}
/*****TABS*****/

/*****FOOTER*****/
footer{
  background:
    linear-gradient(
      to right, 
      rgba(120,190,32,1) 0%,
      rgba(0,193,213,1) 25%,
      rgba(0,122,184,1) 50%,
      rgba(29,66,138,1) 75%,
      rgba(127,53,178,1) 100%
    )
    left 
    top
    #fff   
    no-repeat; 
  background-size:100% 8px ;
  box-shadow: 0px 7px 6px 0px rgba(0,0,0,0.25);
}

footer .page-links p{
  font-family: 'MetropolisLight', arial, sans-serif;
  color: #717074;
  font-size: 20px;

}
footer .page-links p:hover{
  color: #007AB8;
  text-decoration: none;
}
footer .universal-links p{
  font-family: 'MetropolisLight', arial, sans-serif;
  color: #717074;
  font-size: 16px;
}
footer .universal-links p:hover{
  color: #007AB8;
}
footer .page-links a {
text-decoration: none;
}
footer .universal-links a {
text-decoration: none;
}
footer a .icon {
	color:#234686;
}
/*****FOOTER*****/


/*****MASTHEAD*****/
.masthead-home{
	background-image: url("../images/home-bg.jpg");
	background-repeat: no-repeat;
	min-width: 100%;
	background-position: center;
	background-size: cover;
	height: 600px;
}
.masthead-healthcare-home{
	background-image: url("../images/healthcare_background_1990x700.jpg");
	min-width: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 700px;
}
.masthead-healthcare{
	background-image: url("../images/healthcare_background_1990x700.jpg");
	background-repeat: no-repeat;
	min-width: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: auto;
}
.masthead-government-home{
	background-image: url("../images/government_background_1990x700.jpg");
	min-width: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 700px;
}
.masthead-government{
	background-image: url("../images/government_background_1990x700.jpg");
	background-repeat: no-repeat;
	min-width: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: auto;
}
.masthead-education-home{
	background-image: url("../images/education_background_1990x700.jpg");
	min-width: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 700px;
}
.masthead-education{
	background-image: url("../images/education_background_1990x700.jpg");
	background-repeat: no-repeat;
	min-width: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: auto;
}
.masthead-finance-home{
	background-image: url("../images/finance_background_1990x700.jpg");
	min-width: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 700px;
}
.masthead-finance{
	background-image: url("../images/finance_background_1990x700.jpg");
	background-repeat: no-repeat;
	min-width: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: auto;
}
.masthead-retail-home{
	background-image: url("../images/retail_background_1990x700.jpg");
	min-width: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 700px;
}
.masthead-retail{
	background-image: url("../images/retail_background_1990x700.jpg");
	background-repeat: no-repeat;
	min-width: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: auto;
}

.no-margin{
	margin: 0px;
}
.title-industry-solutions{
	padding-left: 50px;
}
.home-intro{
	padding-top: 200px;
}
.masthead-home button {
	border: 2px solid white;
	color: white;
	background-color: transparent;
	padding:5px 20px 5px 20px;
}
.masthead-home button:hover {
	border: 2px solid white;
	color: white;
	background-color: rgba(255,255,255,0.3);
	padding:5px 20px 5px 20px;
}
.home-industry{
	padding-top: 150px;
}
.home-healthcare{
	padding-top: 150px;
}
h1.page-title {
	font-family: 'MetropolisLight', arial, sans-serif;
  	color: #1D428A;
  	font-size: 38px;
}
.home-industry-mobile{
	display: none;
}
.title-solutions-industry{
	background-color: rgba(0, 145, 218, 0.8);
	padding-left: 15px;
	padding-right: 15px;
	padding-top:5px;
	padding-bottom:5px;
}
.title-solutions-industry img {
	width:32px;
	height: auto;
}
.thumbnail {
    position: relative;
}
.home-industry-desktop .caption svg {
	width: 75%;
	padding-bottom: 20px;
}
.home-industry-mobile .caption {
    position: absolute;
    top: 10%;
    left: 0;
    width: 100%;
}
.home-industry-mobile img {
    width: 100%;
}
.home-industry-mobile .caption svg {
	width: 35%;
	padding-bottom: 20px;
}
/*****MASTHEAD*****/

/*****HEALTHCARE SOLUTIONS*****/
#exTab1 {
	/* position: absolute; */
	width: 100%;
	height: auto;
	top: 0px;
	left: 0px;
}
.outcomes-1, .outcomes-2, .outcomes-3{
	display: none;
	position:absolute;
	background:white;
	width: 100%;
	height: auto;
	top: 0px;
	left: 0px;
}
.healthcare-solutions-tabs h1 {
	font-family: 'MetropolisLight', arial, sans-serif;
	color: #0091DA;
	font-size: 26px;
	line-height: 1.75;
	margin-bottom: 0px;
}
.healthcare-solutions-tabs h2 {
	font-family: 'MetropolisMedium', arial, sans-serif;
	color: #316b8d;
	font-size: 19px;
	line-height: 1.75;
	margin-bottom: 0px;
}
.healthcare-solutions-tabs h3 {
	font-family: 'MetropolisRegular', arial, sans-serif;
	color: black;
	font-size: 17px;
	line-height: 1.5;
	margin-bottom: 0px;
}
.healthcare-solutions-tabs p {
	font-family: 'MetropolisLight', arial, sans-serif;
	color: #757e82;
	font-size: 14px;
	line-height: 1.5;
	margin-bottom: 0px;
}
.healthcare-solutions-tabs li {
	font-family: 'MetropolisLight', arial, sans-serif;
	color: #757e82;
	font-size: 14px;
	line-height: 1.5;
	margin-bottom: 0px;
}
.healthcare-solutions-tabs .caption {
	font-family: 'MetropolisLight', arial, sans-serif;
	color: #254284;
	font-size: 14px;
	line-height: 1.5;
	margin-bottom: 0px;
}
.close-blue{
	width:29px;
	height:27px;
}

.healthcare-solutions-mobile-nav, .finance-solutions-mobile-nav{
	display:none;
}

/*****HEALTHCARE*****/
.modal-xlg {
	max-width: 80%;
 }
.close{
  position: absolute;
  right:20px;
  top:20px;
  z-index: 5000;
  color: white;
  width: 30px;
  height: 30px;
  opacity: 1;
}
.modal-body{
  padding:0px;
  /*background-color:#001C33;*/
}
.modal-full {
    min-width: 100%;
    margin: 0;
}
.modal-full .modal-content {
    min-height: 100vh;
    background-color: rgba(0,0,0,0);
}
.player-wrapper {
    width: 100vw; 
    height: 56.25vw; /* 100/56.25 = 1.778 */
    background: black;
    max-height: 100vh;
    max-width: 177.78vh; /* 16/9 = 1.778 */
    margin: auto;
    position: absolute;
    top:100vh;bottom:0vh; /* vertical center */
    left:0;right:0; /* horizontal center */
}
.video-container {
   width: 100%;
   height:auto;
}
#desktop-video{
  overflow: hidden;
  position: relative;
}
.player {
  width: 100%;
  height: auto;
}
.close-video img {
    width: 50px;
    height: auto;
}
.home-healthcare-mobile, .customer-stories-individual-mobile{
	display: none;
}
.home-healthcare-desktop .caption svg {
	width: 30%;
	padding-bottom: 20px;
}
#healthcareButton1{
	width: 290px;
	height: 400px !important;
}
#healthcareButton2{
	width: 290px;
	height: 400px;
}
#healthcareButton3{
	width: 290px;
	height: 400px;
}
.fa-youtube-play {
	color: white;
}
.poster-hover-bottom{
  justify-content: center;
  padding: 20px;
  /*position:absolute;*/
  background-color: white;
  /*bottom: 0%;*/
  height: auto;
  width: auto;
}
.poster-wrapper{
  /*position:relative;*/
  width: auto;
  /*height: 100%;*/
  overflow: hidden;
  background-color: rgba(255,2555,255,0.9);
}
hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 1);
}

/*SLICK SLIDER*/
.slick-slide .poster-main {
    background-color: #717074;
}
.slick-slide{
	display: none;
}
.slick-prev {
	top:45% !important;
    z-index: 1;
    left: 85px !important;
    height: 50px !important;
	-webkit-filter: drop-shadow( 0px 1px 4px rgba(0, 0, 0, .7));
    filter: drop-shadow( 0px 1px 4px rgba(0, 0, 0, .7));
}

.slick-next {
	top:45% !important;
	z-index: 1;
    right: 85px !important;
    height: 50px !important;
	-webkit-filter: drop-shadow( -1px 1px 4px rgba(0, 0, 0, .7));
    filter: drop-shadow( -1px 1px 4px rgba(0, 0, 0, .7));
}

.slide-arrow{
  position: absolute;
  top: 50%;
  margin-top: -15px;
}
.prev-arrow{
  left: -40px;
  width: 0;
  height: 0;
  border-left: 0 solid transparent;
  border-right: 15px solid #113463;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.slick-dots li button:before {
	content: '' !important;
}

.slick-dots li {
	background-color: rgba(255, 255, 255, 0.5);
	display: inline-block !important;
    width: 30px !important; 
    height: 5px !important;
    outline-style: solid !important;
  	outline-color: white !important;
  	outline-width: 1px !important;
}

.slick-dots{
	position: relative !important;
	bottom: 0px !important;
}

.slick-dots li.slick-active{
    opacity: 1 !important;
    background-color: #0092da !important;
}


.slider-button-left {
	padding-top: 20px;
	margin-right: 0px;
	width: 35px;
	height: auto;
}
.slider-button-right {
	padding-top: 20px;
	margin-left: 40px;
	width: 35px;
	height: auto;
}
.healthcare-slide,.education-slide,.retail-slide,.finance-slide,.government-slide {
	width: 1800px;
	height: auto;
	margin: 0px 15px 0px 15px;
}

.slick-slider {
    padding: 0px 55px 0px 55px;
}

.poster-main {
    width: 100%;
    height: auto;
}

.home-industry-mobile .caption {
    position: absolute;
    top: 10%;
    left: 0;
    width: 100%;
}
.solutions-healthcare-mobile{
	display: none;
}
.solutions-healthcare-mobile-wrapper{
	width: 100%;
	height: auto !important;
	background-color: rgba(29, 66, 138, 0.8);
}
.card-header{
	padding: 12px 20px;
	background-color: rgba(0, 0, 0, 0);
	font-family: 'MetropolisLight', arial, sans-serif;
    color: #1D429D;
    font-size: 24px;
}
.card{
	background-color: rgba(255,255,255,0.9);
	border: 0px;
	border-radius: 0;
}
.card li {

}
.card .list-group .list-group-item {
	border-top: 1px solid #1D429D !important;
	background-color: rgba(0,0,0,0);
}
/*****HEALTHCARE CUSTOMER STORIES*****/
.customer-stories-icon{
	display: block;
}
.healthcare-customer-stories-mobile{
	display: none;
}
.customer-stories-close{
	position: absolute;
	right: 0%;
	width: 35px;
	height: 35px;
}
.customer-stories-masthead-wrapper{
	width: 100%;
	height: auto;
}
.resize-icons{
	width: auto;
	height: 80px;
}
.customer-stories-bg h4{
	font-family: 'MetropolisBold', arial, sans-serif;
    font-size: 24px;
}
.customer-stories-bg li{
	font-family: 'MetropolisLight', arial, sans-serif;
    font-size: 14px;
	color: #757e82;
}
.customer-stories-bg ul{
	padding-left: 14px;
}
.customer-stories-bg .gray {
	color:#565656;
}
.customer-stories-bg .green {
	color:#88bb42;
}
.customer-stories-bg .blue {
	color:#3e90d4;
}
.customer-stories-bg .purple {
	color:#264385;
}
.right-border{
	border-right:solid #565656 2px;
}
/*****HEALTHCARE*****/


/*****TITLES*****/
.title-vmware-healthcare{
	background-color: rgba(0, 145, 218, 0.8);
	padding-left: 15px;
	padding-right: 15px;
	padding-top:5px;
	padding-bottom:5px;
}
.title-vmware-healthcare img {
	width:32px;
	height: auto;
}
.title-digital-transformation{
	background-color: rgba(120, 190, 32, 0.8);
	padding-left: 50px;
	padding-right: 50px;
	display: none;
}
.title-digital-transformation img {
	width:50px;
	height: auto;
}
.title-healthcare-customer{
	background-color: rgba(29, 66, 138, 0.8);
	padding-left: 50px;
	padding-right: 50px;
	margin-top:0px;
	display: none;
}
.title-healthcare-customer img {
	width:50px;
	height: auto;
}
.title-healthcare-solutions{
	background-color: rgba(120, 190, 32, 0.8);
	padding-left: 50px;
	padding-right: 50px;
	margin-top:0px;
	display: none;
}
.title-healthcare-solutions img {
	width:50px;
	height: auto;
}
.title-video-container{
	background-color: rgba(120, 190, 32, 0.8);
	padding-left: 50px;
	padding-right: 50px;
	margin-top:7px;
	display: none;
}
.title-video-container img {
	width:50px;
	height: auto;
}
.customer-healthcare{
	display: none;
	padding-top: 40px;
}


/*****CUSTOMER STORIES*****/
.customer-stories-bg{
	background-color: #FFFFFF;
}

.customer-stories-bg p {
	color:#737E83;
}


@media (max-width: 992px) { 
	.customer-stories-icon{
		display: none;
	}

	.right-border{
		border-right:solid #565656 0px;
	}
	.home-industry,.home-healthcare {
		padding-top: 0px;
	}
	.masthead-home, .masthead-healthcare, .masthead-healthcare-solutions{
		height: auto;
	}
	.healthcare-customer-stories-desktop, .customer-stories-individual-desktop{
		display: none;
	}
	.healthcare-customer-stories-mobile, .customer-stories-individual-mobile{
		display: block;
	}
	.home-healthcare-desktop{
		padding-top: 20px;
	}
	.home-industry-desktop{
		display: none;
	}
	.home-healthcare-mobile{
		display: block;
	}
	.home-healthcare-desktop{
		display: none;
	}
	.home-industry-mobile{
		display: block;
	}
	.sidebar-healthcare-digital-transformation, .sidebar-healthcare-customer-stories{
		display: none;
	}
	.healthcare-solutions-nav, .finance-solutions-nav, .retail-solutions-nav{
		display: none;
	}
	.healthcare-solutions-mobile-nav, .finance-solutions-mobile-nav , .retail-solutions-mobile-nav{
		display:block;
	}
	/* .solutions-healthcare-mobile{
		display: block;
	} */
	/* .solutions-healthcare-desktop{
		display: none;
	} */
	.home-healthcare-column-1,.home-healthcare-column-2,.home-healthcare-column-3{
		width: 100%;
		height: 265px;
	}
	.home-healthcare-col{
		padding-bottom: 20px;
	}
	#healthcareButton1{
		width: 460px;
		height: 175px !important;
		background-color: rgba(120, 190, 32, 0.8);
	}
	#healthcareButton2{
		width: 460px;
		height: 175px;
		background-color: rgba(29, 66, 138, 0.8);
	}
	#healthcareButton3{
		width: 460px;
		height: 175px;
		background-color: rgba(0, 193, 213, 0.8);
	}
	.three-dot-toggle{
		display: block;
	}
	.contact{
		display: none;
	}
	#nav-icon3 {
		display: block;
	}
	.navbar-expand-lg, .navbar-top {
		display:none;
	}
	.navbar-mobile {
		display: block;
	}
	.container {
	    max-width: 100%;
	}
	.slick-slider {
	    padding: 0px 10px 0px 10px;
	}
.slick-prev {
    z-index: 1;
    left: 35px !important;
    height: 30px !important;
}

.slick-next {
	z-index: 1;
    right: 35px !important;
    height: 30px !important;
}

}

@media (max-width: 768px) { 

	h6 {
		font-family: 'MetropolisLight', arial, sans-serif;
		color: white;
		font-size: 21px;
		line-height: 1.75;
		margin-bottom: 0px;
	}
	.title-vmware-healthcare img {
		width:30px;
		height: auto;
	}
.slick-prev {
    z-index: 1;
    left: 35px !important;
    height: 30px !important;
}

.slick-next {
	z-index: 1;
    right: 35px !important;
    height: 30px !important;
}

.modal-xlg {
    max-width: 100%;
}

}
