@charset "UTF-8";
/* CSS Document */
body{
	background-color:#efefef;
	font-family: 'proxima_nova_rgregular';
	overflow-x:hidden;
}
.container{
	background-color:#fff;
	overflow-x:hidden;
}
.header{
	height:330px;
	padding-right:200px;
	text-align:right;
	background-image:url(../img/headerbg.jpg);
	background-position:center top;
	background-size:cover;
}
.header img{
	width:100%;
	max-width:290px;
}
#header-menu{
	transition:all .5s ease-out !important;
}
.section{
	min-height:280px;
	padding-top:50px;
}
.graphic{
	position:absolute;
	z-index:1;
	margin:-50px -120px;
}
.data{
	position:absolute;
	z-index:2;
	width:90%;
	margin:0px;
	margin-left:120px;
}
.graphic2{
	position:absolute;
	z-index:3;
	right:0px;
}
.number, .text{
	float:left;
}
.number{
	font-size:140px;	
	font-family: 'proxima_nova_rgbold';
	margin-top:-44px;
}
.text{
	max-width:80%;
	font-size:21px;
	margin-left:10px;
	line-height:25px;
}
.small-text{
	font-size:14px;
	line-height:normal;
	margin-top:10px;
	font-family: 'proxima_novalight';
}
/*Colors*/
.red{
	color:#da291c;
}
.white{
	color:#fff;
}
.bgred{
	background-color:#da291c;
}
.bggray{
	background-color:#4d4d4d;
}
.bgbrightgray{
	background-color:#efefef;
}
.bgbrightgrayimg{
	height:110px;
	background-image:url(../img/bggraybright.png);
	margin-top:-148px;
	background-position:left top;
	background-size:cover;
}
.bgredimg{
	height:110px;
	background-image:url(../img/bgred.png);
	margin-top:-148px;
	background-position:left top;
	background-size:cover;
}
.bggrayinverseimg{
	height:110px;
	background-image:url(../img/bggrayinverse.png);
	margin-top:-148px;
	background-position:left top;
	background-size:cover;
}
.bggrayimg{
	height:110px;
	background-image:url(../img/bggray.png);
	background-position:right top;
	background-size:cover;
	margin-top:120px;
	background-color:#fff;
}
/*Sections*/
#data1img{
	width:305px;
	height:236px;
}
.data2{
	margin-left:160px;
}
#data1img2{
	width:170px;
	height:145px;
}
#data2img{
	width:150px;
	height:165px;
}
.data3, .data4{
	margin-left:50px;
}
#data4img{
	width:165px;
	height:165px;
}
.data5{
	margin-top:60px;
}
#data5img{
	width:120px;
	height:125px;
	margin-right: -114px; margin-left: 90px; margin-top: -100px;
}
.data5 .graphic img{
	margin-left:210px;
	margin-top:-55px;
	width:100px;
}
.data6{
	margin-top:-50px;
	margin-left:50px;
}
#data6img{
	width:170px;
	height:135px;
}
.data6 .graphic2 {
	margin-right:100px;
	margin-top:-20px;
	width:100px;
}
.data7 .dataimg	{
	width:90px;
	margin-right: 70px;
	margin-top:-30px;
}
.data8, .data9{
	margin-left:60px;
}
.doublesection{
	height:450px;
	padding-top:150px;
}
.doublesection .graphic{
	margin-left:130px;
	margin-top:-100px;
}
.doublesection .graphic .cloud{
	width:140px;
	}
.doublesection .bggrayimg{
	height:180px;
}
.cta{
	width:70%;
	background-color:#da291c;
	border-radius:5px;
	padding:12px;
	margin:10px auto 50px;
	text-align:center;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.cta5-6{
	margin-bottom:100px;
}
.cta a{
	color:#fff;
	font-size:16px;
	font-family: 'proxima_novasemibold';
}
.cta:hover{
	background-color:#4d4d4d;
}
/* Specific fix for Chrome */
@media screen and (-webkit-min-device-pixel-ratio:0)
  and (min-resolution:.001dpcm) {
    .doublesection .bggrayimg{
	height:179px;
}
}
#data9img{
	width:160px;
	
	height:138px;
	margin-left: 90px; 
	 	margin-top: -120px;
}
.data10 .data{
	margin-left:0px;
}
.data10 .graphic2{
	margin-right: 100px;
}
#data11img{
	width:170px;
	height:155px;
}
#data12img{
	margin-left: 151px; 
	margin-top: -122px;
}
#data14img{
	margin-top: -30px;
}
#data15img{
	width:180px;
	height:105px;
}

/*Animations*/
.cloud{
	width:290px;
}
.dataimg{
	width:150px;
}
.graphic, .graphic2{
	opacity:0;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	}
.text, .textspan{
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	}
.showimg{
	opacity:1;
}
.hideimg{
	opacity:0;
}

.data1img{
	margin: -50px -200px;
    position: absolute;
    z-index: 1;
}
.data1imganimated{
	margin: -50px -120px;
    position: absolute;
    z-index: 1;
}
iframe{
	overflow:hidden;
	width:100%;
	height:100%;
}
footer{
	background-color:#da291c;
	padding:20px;
	color:#fff;
	margin:0px -15px;
}
footer a{
	color:#fff;
}
@media (max-width: 1190px){
	.data2{
		margin-left:100px;
	}
	#data6img{
		margin-right:0px;
	}
	.data8, .data9{
		margin-left:10px;
	}
	#data10img{
		margin-right:0px;
	}
	.data11{
		margin-left:0px;
	}
	.data14{
		margin-left:0px;
	}
	.data15{
		margin-left:30px;
	}
	}
@media (max-width: 995px){
	#data1img2{
		margin-right:30px;
	}
	#data2img{
		margin-right: 50px; 
		margin-top: -20px;
	}
	.data3{
		 margin-top: 40px;
	}
	#data3img, #data4img, #data6img, #data7img, #data10img,  #data11img, #data14img, #data15img{
		margin-right:50px;
	}
	.data8 .data, .data9 .data{
		margin-left:30px;
	}
	.data8 .data br{
		display:none;
		}
	
	.data8 .data .data8strong{
		display:block;
		margin-top: 23px;
	}
	.data10, .data11{
		margin-left:30px;
	}
	}
@media (max-width: 768px){
	.rowcta{margin:0px; left:0px; right:0px;
	}
	.container{
		padding-left:0px;
		padding-right:0px;
	}
	.section, .sectionheader, footer{
		margin-left:0px;
		margin-right:0px;
		left:0px;
		right:0px;
	}
	
	.header{
		left:0px;
		right:0px;
	}
	.graphic, .graphic2{
		margin-left:0px;
		margin-right:0px;
		float:right;
		left:auto;
		right:0px;
		z-index:1;
		}
	.data, .data2, .data3, .data4, .data5, .data6, .data7, .data8, .data9, .data10, .data11, .data12, .data13, .data14, .data15, .data8 .data, .data9 .data{
		margin-left:0px; 
		margin-right:0px;
		width:100%;
		left:0px;
		right:0px;
		padding:0px 20px;
	}
	.data br{
		display:none;
		}
	.number{
		font-size:120px;
	}
	.header{
		padding-right:0px;
	}
	.number, .text{
		/*clear:both;*/
	}
	.text{
		margin-top:-20px;
		width:50%;
	}
	#data1img{
		margin-top:-100px;
		float:left;
		left:0px;
		right:auto;
		}
	#data1img2{
		margin-top:-25px;
		}
	#data5img{
		margin-right:20px;
	}
	#data2img{
		margin-top:-50px;
		margin-right:20px;
	}
	#data3img{
		margin-top:20px;
	}
	#data4img{
		margin-right:45px;
	}
	.data5 .number{
		margin-bottom:40px;
		width:100%;
	}
	#data5img{
		margin-top:-30px;
		margin-right:120px;
	}
	.data6{
		margin-top:-20px;
	}
	#data6img{
		margin-right:20px;
	}
	.data7{
		margin-top:30px;
	}
	#data7img{
		margin-right:30px;
	}
	.doublesection{
		height:520px;
	}
	.doublesection .text{
		max-width:98%;
		width:100%;
	}
	.doublesection .bggrayimg{
		margin-top:188px;
	}
	.data8inner{
		margin-top:-25px;
	}
	.data8inner p{
		text-align:right;
	}
	#data8img{
		float:left;
		left:0px;
		right:auto;
		margin-top:-85px;
	}
	.data9{
		margin-top:190px;
	}
	.data9 .text{
		width:70%;
	}
	.data9 .number{
		margin-bottom:40px;
		width:100%;
	}
	#data9img{
		margin-right:25px;
		margin-top:-50px;
	}
	.data10inner{
		margin-top: 40px;
		}
	#data10img{
		margin-right: 12px; 
		margin-top: 80px;
	}
	#data11img{
		margin-right: 20px;
	}
	.data9over .bggrayimg{
		margin-top:0px;
	}
	.data12{
		margin-top:-210px;
		}
	.data13{
		margin-top:23px;
	}
	.data13 .number{
		margin-bottom:40px;
		width:100%;
	}
	#data12img{
		margin-top: -60px; 
		margin-right: 20px;
	}
	#data13img{
		float:left;
		left:0px;
		right:auto;
		margin-left:170px;
		margin-top:-90px;
		}
		#data14img{
			width:120px;
		}
		#data14img{
			margin-top:-60px;
		}
		.data15{
			margin-top: 40px;
		}
		#data15img{
			margin-right:0px;
			margin-top: 30px;
		}
		
	}
@media (max-width: 550px){
	.number{
		
	}
	.text{
		
		max-width:100%;
		font-size:16px;
		line-height:120%;
	}
	#data1img2{
		margin-right: 0px; 
		margin-top: 80px;
	}
	.data2{
		margin-top: -110px;
	}
	.data2 .text, .data2 .number{
		clear:both;
	}
	.data2 .text{
		width:65%;
	}
	.data3{
		margin-top:-15px;
	}
	.data3 .text, .data3 .number{
		clear:both;
	}
	#data3img{
		margin-right:15px;
	}
	.data4 .text, .data4 .number{
		clear:both;
	}
	.data4 .text{
		width:100%;
	}
	#data4img{
		margin-top: -50px; 
		margin-right: 0px;
	}
	.data5 .text{
		width:60%;
	}
	#data5img{
		margin-right: 15px;
	}
	.data6 .text, .data6 .number{
		clear:both;
	}
	.data6{
		margin-top: -90px;
	}
	#data6img{
		margin-top:30px;
	}
	.data7{
		margin-top: 10px;
	}
	.data7 .text, .data7 .number{
		clear:both;
	}
	#data7img .dataimg{
		margin-right:30px;
	}
	.data9 .text{
		width:70%;
		margin-top:10px;
	}
	#data9img{
		float:left;
		left:0px;
		right:auto;
		margin-left: 110px; 
		margin-top: -120px;
	}
	#data12img img{
		width:120px;
	}
	.data13{
		margin-top:60px;
	}
	#data13img img{
		width:110px;
	}
	.data13 .text{
		width:80%;
	}
	.data14{
		width:80%;
	}
	#data14img img{
		width:100px;
	}
	#data14img{
		margin-top:-30px;
		margin-right:0px;
	}
	.data15 .text, .data15 .number{
		clear:both;
		}
	.data15{
		margin-top:20px;
	}
	}
@media (max-width: 480px){
	#data2img{
		margin-right:0px;
	}
	.data10{
		margin-top:-40px;
	}
	.data10 .text, .data10 .number{
		clear:both;
	}
	.data11 .text{
		width:70%;
	}
	#data11img{
		margin-top:60px;
	}
	}
@media (max-width: 410px){
	.data11{
		margin-top:20px;
	}
	.data11 .text{
		width:100%;	
	}
	#data11img{
		margin-top:-20px;
	}
	#data12img{
		margin-top:-110px;
	}
	#data14img{
		margin-top:-60px;
	}
	.data14{
		margin-top:-20px;
		}
	.data14 .text{
		width:100%;
	}
	.data15 .text{
		width:80%;
	}
	#data15img{
		margin-top: 0px;
	}
	}
@media (max-width: 380px){
	.data1 .text{
		width:70%;
	}
	.data2{
		margin-top:-125px;
	}
	.data2 .text{
		width:50%;
		}
	.data3{
		margin-top:-15px;
	}
	#data3img{
		width: 130px; 
		margin-top: -50px; 
		margin-right: 30px;
	}
	.data3 .text{
		width:100%;
	}
	.data6{
		margin-top:-75px;
	}
	.data6 .text{
		width:100%;
	}
	#data6img{
		margin-top:-30px;
	}
	.data7 .text{
		width:60%;
	}
	.data10 .text{
		width:100%;
		}
	#data10img{
		margin-top:0px;
	}
	#data10img img{
		width:120px;
	}
	.data11{
		margin-top:-20px;
	}
	#data11img{
		margin-top:-50px;
	}
	}