body {
  position: relative;
}

#hero{
	background: #2a7bad;  /*Old Color #3670a4*/
	width:100%; 
	min-width:960px;
	min-height:350px;
}
#hero ul li {
	font-size: 14px;
	margin: 5px 0 10px 30px;
}

#hero .white {
	-webkit-text-shadow: 0 2px 2px rgba(0,0,0,.4);
	-moz-text-shadow: 0 2px 2px rgba(0,0,0,.4);
	text-shadow: 0px 2px 2px rgba(0,0,0,.4);
}

#performance .container{ width: 980px; }

.banner { 
    background: url(banner.png) no-repeat top center; /*background-size: cover*/;
    min-height: 368px; position: relative; 
}

.banner:after {
    
}
.banner h1.white{	    
    font-size: 48px;
    line-height: 54px;
    margin: 0px;
    margin-top: 20px;
	-webkit-text-shadow: 0px 2px 2px rgba(25,25,112,.4);
	-moz-text-shadow: 0px 2px 2px rgba(25,25,112,.4);
	text-shadow: 0px 2px 2px rgba(25,25,112,.4);
}

.banner h3.white {   
    font-size: 28px;
    line-height: 32px;
    margin-top: 2px;
     -webkit-text-shadow: 0px 2px 2px rgba(25,25,112,.4);
     -moz-text-shadow: 0px 2px 2px rgba(25,25,112,.4);
     text-shadow: 0px 2px 2px rgba(25,25,112,.4);
     font-size: 28px;
 }

.intro {
   /* background: rgba(17, 103, 214, .3);*/
    padding: 20px 20px 10px 30px; 
    margin-left: -20px; 
   /* margin-top: 30px;*/
} 
 .intro p {
    margin-bottom: 20px;
/*    webkit-text-shadow: 0px 2px 2px rgba(0,0,0,.4);
    -moz-text-shadow: 0px 2px 2px rgba(0,0,0,.4);
    text-shadow: 0px 2px 2px rgba(0,0,0,.4);*/

		 }

#bi .padder{
    padding: 1.5em 0 2em;
}

#intro-section, #brochure {
    position: relative;
    overflow: hidden;
}

#intro-section:before {
    content: " ";
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 1500%;
    top: 110%;
    left: 0;
    bottom: 0;
    transform: skewY(60deg);
    background: linear-gradient(to left, rgba(242,200,16,1) 0%, #f2c811 100%);
}

#powerbi {
    background: -moz-linear-gradient(top, rgba(244,246,246,0) 0%, #f4f6f6 100%);
    background: -webkit-linear-gradient(top, rgba(244,246,246,0) 0%, #f4f6f6 100%);
    background: linear-gradient(to bottom, rgba(244,246,246,0) 0%, #f4f6f6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= '#00ffffff', endColorstr='#ffffff',GradientType=0 );
}
#qlik  {background: #f9f9f9 url(qlik.png) no-repeat center center; background-size: cover; height: 408px position: relative; overflow: hidden; }
#tableau {
    border-top:1px solid gainsboro; 
    background: #fff  url(tableau.png) no-repeat center center; 
    background-size: cover; height: 408px position: relative; 

}
#brochure:before {
    content: " ";
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 1500%;
    top: 100%;
    left: 0;
    bottom: 0;
    transform: skewY(-60deg);
    background: linear-gradient(to left, rgba(3, 151, 219, 0.2) 25%, #ffffff 75%);
}

#brochure {
    margin-bottom: -62px;
}

#brochure ul{
    list-style: none;
}
#brochure li{
    margin-bottom: .5em;
}
#brochure li i {
    font-size: 10px;
}

ul.reference-list {
  list-style: none;
  list-style-position: outside;
}

li.article,li.video {
  padding: 0.5em 0.5em 0.5em 0.5em;
}

li.article:before,li.video:before {
  font-family: FontAwesome;
  font-size: 25px;
  color: #177CB8;
  vertical-align: middle;
  float: center;
  display: inline-block;
  width: 32px;
}

li.article:before {
  content: "\f15b";
}

li.video:before {
  content: "\f16a";
  color: #e52d27;
}
ul.reference-list li span {
  float: left;
  width: 32px;
}

.message_box {
    min-height:140px;
    width: 100%;
    background-color: #ffffff;
    box-shadow: 0 10px 35px rgba(50, 50, 93, 0.1), 0 3px 15px rgba(0, 0, 0, 0.07);
    position: relative;
}

.message_box .header {
    background: #00A0FF;
    color: #FFFFFF;
    border-bottom: 1px solid whitesmoke;
    text-align: left;
    padding: .8em 1.2em;
    opacity: 0.7;
    letter-spacing: .25px;
    margin-bottom: 12px;
    }

.message_box .content {
    padding: 0 2em 2em;
    }

.message_box .content li:before {    
    font-family: 'FontAwesome';
    content: '\f15c';
    margin:0 7px 0 0px;
    color: #00A0FF;
    }

.message_box h3 {
    color: #ffffff;
    margin: 0px;
}

/* pull-right on all except xs devices */
@media (min-width: 980px) {
    .pull-right-sm {
        float: right;
    }
}

@media (max-width: 640px) {
    #ScrollIconsContainer li{
        display: none;
    }
}

.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}