#documentum{
	font-family: "ff-meta-web-pro", sans-serif;
	/*font-family: "ff-meta-web-pro-condensed", sans-serif;*/
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	/*line-height: 1.41666666666667; new */
	/*font-size: 0.8125em;new */
}


#documentum .viewport{
	max-width:972px;
	margin:0 auto;
	padding:0 10px;

}

#documentum .viewport-narrow{
	max-width:575px;	 max-width:600px;
	margin:0 auto;
	padding:0 10px;
}

#documentum .viewport-narrow h1{
	width:80%;
	margin-left:auto; margin-right:auto;	
}

#documentum img{
	max-width:100%;	
}

#documentum a{
	text-decoration:none;
	color: #2c95dd;	
	outline:none !important;
}

.page-anchor{
	position:relative;
	/*top: 10px;	*/
top:10px;
	display:block;
	visibility: hidden;
}

#documentum a:hover{
	color: #1e79b8;
}

#documentum ul{
	margin:0; padding:0;
	list-style:none;	
}

#documentum ul li{
	margin:0; padding:0;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

#documentum section .section-interior{
	padding:50px 0;	
}

/* HEADINGS & TYPOGRAPHY */
#documentum h1 {
	/*font-family:"ff-meta-web-pro", Arial, Helvetica, sans-serif;*/
	font-weight: 400;
	text-align: center;
	font-size: 30px; font-size:18px;
	/*line-height: 34px; */line-height:22px;
	color: #2c95dd;
	text-transform: uppercase;
	margin-top:0;
	margin-bottom: 20px; /* new */
}



#documentum h2 {
	/*font-family:"ff-meta-web-pro", Arial, Helvetica, sans-serif;*/
	font-weight: 400;
	text-align: left;
	font-size: 30px; font-size:18px;
	line-height: 34px; line-height:20px;
	color: #2c95dd;
	text-transform: uppercase;
	margin-top:0;
}

#documentum h3 {
	/*font-family:"ff-meta-web-pro", Arial, Helvetica, sans-serif;*/
	font-weight: 700;
	/*text-align: left;*/
	font-size: 20px; font-size:12px;
	line-height: 20px; line-height:12px;
	color: #3a3a3a;
	text-transform: uppercase;
	margin-top:0;
}

#documentum h4 {
	/*font-family:"ff-meta-web-pro", Arial, Helvetica, sans-serif;*/
	font-weight: 700;
	text-align: left;
	font-size: 20px; font-size:12px;
	line-height:22px; line-height:14px;
	color: #2c95dd;
	text-transform: uppercase;
	margin-top:0;
	margin-bottom:5px;
	
}

#documentum.offerings h4{
	font-size:15px; line-height:16px;
}

#documentum .white{
	color:#FFF !important;	
}

#documentum .subhead {
	font-weight: 400;
	/*text-align: center;*/
	font-size: 16px; font-size:13px;
	line-height: 35px;
	line-height:26px; line-height:18px;
	color: #4b4b4b;
	display:block;
	/*line-height: 1.41666666666667; new */
}

#documentum .links {
	font-weight: 700;
	text-align: left;
	font-size: 13px;
	color: #2c95dd;
	display:block;
}

#documentum p {
	font-weight: 400;
	/*text-align: left;*/
	font-size: 16px; font-size:12px;
	line-height: 22px; line-height:18px;
	color: #3a3a3a;
	/*border:1px solid red;*/
}

#documentum ul, #documentum li{
	color: #3a3a3a;
}

/* BRANDING */
#documentum section.branding{
	text-align:center;	
	
	
	background-image:url('../images/pattern.png');
	background-repeat:repeat-x;
	background-position:center top;
}

#documentum section.branding .section-interior{
	padding:120px 0 60px;
}

#documentum section.branding img{
	width:100%; width:75%;
	max-width:388px;	
	margin-bottom:30px;
}

/* PRODUCTS */
#documentum section.products{
	background-image:url('../images/city.jpg');
	background-size:cover;
	text-align:center;
	-ms-behavior: url('backgroundsize.min.htc');
	/*margin-bottom:15px;*/
}

#documentum section.products > .section-interior{
	background-image:url('../images/triangle.png');
	background-repeat:no-repeat;
	background-position:top center;	
}

#documentum section.products .viewport > .subhead{
	/*text-align:center;*/
	
}

#documentum section.products ul{
	text-align:center;
	/*border:1px solid red;*/
	margin:0 -10px; margin:0 -3px;	
	margin-top:30px;
}

#documentum section.products ul li{
	display:inline-block;
	vertical-align: top; 
	width:50%;
	
	/*border:1px solid blue;*/
	
	padding:10px; padding: 3px;
}

#documentum section.products ul li a{
	display:block;
	padding:15px;
	
	background-color:#FFF;	
	background-image:url('../images/plus.png');
	background-repeat:no-repeat;
	background-position:right bottom;
	background-position:center 45px;
	background-size:16%; background-size:50px;
	-ms-behavior: url('backgroundsize.min.htc');
	/*border:1px solid #FFF;*/
	border-top:10px solid #33A7E3;
	padding-bottom:50px; padding-bottom:70px;
	padding-top:50px; padding-top:30px;
	position:relative;
	/*height:200px;
	vertical-align:middle;*/
	
	/*-webkit-transition: background-color 200ms linear, border-color 200ms linear;
    -moz-transition: background-color 200ms linear, border-color 200ms linear;
    -o-transition: background-color 200ms linear, border-color 200ms linear;
    -ms-transition: background-color 200ms linear, border-color 200ms linear;
    transition: background-color 200ms linear, border-color 200ms linear;*/
	
	
	
	
	
}

#documentum section.products ul li img.icon{
	display:none;	
}

#documentum section.products ul li h3{
	-webkit-transition: color 200ms linear;
    -moz-transition: color 200ms linear;
    -o-transition: color 200ms linear;
    -ms-transition: color 200ms linear;
    transition: color 200ms linear;
	margin:0;
	width:80%; margin:0 auto;
}

#documentum section.products ul li .subhead{
	display:none;	
}

#documentum section.products ul li a:hover{
	/*background-color:#174B6D;
	border-top:10px solid #024369;*/
}



#documentum section.products ul li a:hover h3{
	/*color:#FFF;*/	
}

#documentum section.products ul li a:hover .subhead{
	/*color:#063B5D;*/

}

/* CAROUSEL */
section.carousel{
	padding-top:10px;
}

section.carousel .section-interior{
	padding:0 !important;
}

/* INDUSTRIES */
#documentum section.industries{
	
}

#documentum section.industries ul{
	margin:0 -7px;	
}

#documentum section.industries ul li{
	padding:7px;
	text-align:center;
	
	
}

#documentum section.industries ul li > div{ position:relative; overflow:hidden; }

#documentum section.industries ul li a > span{
	display:block;
	width:100%;
	position:absolute;
	left:0;
	top:50%;
	margin-top:-40px;
}
#documentum section.industries ul li span span.explore{
	display:block;
	font-size:9px;	
	
}

#documentum section.industries ul li img{
	width:44px; height:44px;	
}

#documentum section.industries ul li h3{
	margin-bottom:3px;	
	width:80%; margin-left:auto; margin-right:auto;
}

#documentum section.industries ul li a{
	display:block;
	background-size:cover;
	background-repeat:no-repeat;	
	-ms-behavior: url('backgroundsize.min.htc');
	height:200px;
	
	color:#FFF;
}

#documentum section.industries ul li .bg{
	background-size:cover;
	background-repeat:no-repeat;	
	height:200px;
	position:absolute;
	width:100%;
	padding-right:30px !important;
	-webkit-box-sizing: content-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: content-box;    /* Firefox, other Gecko */
	box-sizing: content-box;         /* Opera/IE 8+ */
	top:0; left:-30px;
	-ms-behavior: url('backgroundsize.min.htc');

}

#documentum section.industries ul li:hover .bg{
	/*left:0;*/
}

#documentum section.industries ul li .mask{
	display:none;	
}

	#documentum section.industries ul li.ee a{
		
		
	}
	
	#documentum section.industries ul li.ee .bg{
		background-image:url('../images/industries/EE-img.jpg');
		
	}
	
	#documentum section.industries ul li.hc a{
		
		
	}
	
	#documentum section.industries ul li.hc .bg{
		background-image:url('../images/industries/Healthcare-img.jpg');
		
	}
	
	#documentum section.industries ul li.ls .bg{
		background-image:url('../images/industries/LS-img.jpg');
	}
	
	#documentum section.industries ul li.ps .bg{
		background-image:url('../images/industries/PS-img.jpg');
	}
	
	#documentum section.industries ul li.fs .bg{
		background-image:url('../images/industries/FSI-img.jpg');
	}

#documentum section.industries ul li a h3{
	color:#FFF;	
}


#documentum section.industries .viewport > p{
	text-align:center;	
}

/* CUSTOMERS */
section.customers{
	background-color:#F0F3FA;
	padding:30px 0;
	padding-bottom:40px;
	
}

section.customers .section-interior{
	padding:0 !important;
}

section.blog .section-interior{
	padding-bottom:0 !important;	
}

section.social h3{
	color: #2c95dd !important;
	margin-bottom:10px;	
	/*display:none;*/
	text-align:center;
}

section.social .section-interior{
	padding:0 !important;
	padding-top:20px !important;	
}

section.social .section-interior .viewport{
	padding:0 !important;	
}

/* PROMOTIONS */
#documentum section.promotions{
	
}	

#documentum section.promotions .section-interior{
	padding:0 !important;	
}

#documentum section.promotions .section-interior .viewport{
	padding:0 !important;	
}

#documentum section.promotions ul{
	/*margin:0 -10px;*/
	
}

#documentum section.promotions ul li{
	padding-left:19px; padding-right:19px;
}

#documentum section.promotions ul li h4{
	/*border:1px solid black;
	margin-bottom:10px;*/	
}

#documentum section.promotions ul li p{
	margin-top:0;
	/*margin-bottom:10px;*/
}
#documentum section.promotions a:hover{
color:#1e79b8 !important;

}

/* PLATFORM */
section.platform .section-interior{
	padding:0 !important;	
	color:#FFF !important;
}

section.platform .section-interior p{
	color:#FFF !important;
}


@media only screen and (min-width: 768px) {
#documentum{
	font-family: "ff-meta-web-pro", sans-serif;
}

#documentum h1 {
	font-size: 30px;
	font-size:32px; /*new*/
	/**/line-height: 34px;
	margin-bottom: 26px;/*new*/
	margin-bottom:33px;
}

#documentum h2 {
	font-size: 30px;
	line-height: 34px;
}

#documentum h3 {
	font-size: 20px;
	line-height: 20px;
}

#documentum h4 {

	font-size: 20px;
	line-height:22px;	
}

#documentum.offerings h4{
	font-size:20px; line-height:22px;
}

#documentum .subhead {

	font-size: 16px;
	line-height: 35px;
	line-height:22px;
	
}

#documentum .links{
	font-size: 16px;
}

#documentum p {
	font-size: 16px;
	line-height: 22px;
}



#documentum section .section-interior{
	padding:80px 0;	
}

/* BRANDING */
#documentum section.branding{
	
}

#documentum section.branding .section-interior{
	padding:120px 0;
}

/* PRODUCTS */
#documentum section.products ul{
	margin:0 -7px;
	margin-top:50px;	
	
}

#documentum section.products ul li{
	width:33.3333%;	
	text-align:left;
	padding: 7px;
}

#documentum section.products ul li a{
	padding-bottom:50px; 
	padding-top:50px; 
	padding-top:15px;	
	background-position:right bottom;
	
}

#documentum section.products ul li h3{
	width:60%;	
	margin:0;
	margin-bottom:15px;
	
}

#documentum section.products ul li .subhead{
	display:block;	
	width:90%;
	
}

#documentum section.products ul li a:hover img.icon{
	display:block;	
	position:absolute;
	top:50%; left:50%;
	width:67px; margin-left:-33.5px; margin-top:-48px;
}

/* CAROUSEL */
section.carousel{
	padding-top:15px;
}

/* INDUSTRIES */
#documentum section.industries ul{
	margin-top:40px;	
}
#documentum section.industries ul li{
	width:33.3333%;	
	display:inline-block;
	vertical-align: top;
	/*border:1px solid #eee;*/
}

#documentum section.industries ul li .mask{
	/*display:block;*/
	position:absolute;
	top:0; left:0;
	width:100%; height:100%;
	background-color:rgba(0,0,0,0.33);
}

#documentum section.industries ul li:hover .mask{
		
}

#documentum section.industries ul li.ee, 
#documentum section.industries ul li.hc{
	width:50%;
}

#documentum section.industries ul li.ee a{
		
		height:270px;
	}
	
	#documentum section.industries ul li.ee .bg{
		height:270px;
	}
	
	#documentum section.industries ul li.hc a{
		
		height:270px;
	}
	
	#documentum section.industries ul li.hc .bg{
		height:270px;
	}

#documentum section.industries ul li span span.explore{
	/*display:none;*/
	position:relative;
	top:40px;
	font-size:14px;
	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0;	
}

html.lt-ie9 #documentum section.industries ul li span span.explore{
	display:none;
	position:static;
}

#documentum section.industries ul li:hover span span{
	/*display:block;*/
}

/* CUSTOMERS */
section.customers{
	background-color:transparent;
	padding:0;
}
section.customers .section-interior{
	padding-top:50px !important;
}

/* SOCIAL */
section.social .section-interior .viewport{
	padding:0 13px!important;	
	
}

section.social h3{
	display:block;
	text-align:left;
}

/* PROMOTIONS */
#documentum section.promotions{
	padding:80px 0;	
}

#documentum section.promotions .section-interior .viewport{
	padding:0  10px!important;	
}

#documentum section.promotions ul li{
	padding-left:0; padding-right:0;
}
/*#documentum section.promotions ul li{
	width:33.3333%;	
	display:inline-block;
	vertical-align: top;
}*/
}


.clearfix:before, .clearfix:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}
.clearfix:after {
	clear: both;
}
/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
 *zoom: 1;
}