﻿#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 {
    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; margin-bottom: -62px; 

}

/* 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;
}
