.full-container.extra-wide-container{
text-align:left;
padding-left:15px;
padding-right:15px;
}

.width-1440{
max-width:1440px;
}

.gray-background{
padding-bottom:0px;
}
.margin-top-15{
margin-top:15px !important;
}
#mainwrapper {
	font: 10pt normal Arial, sans-serif;
	height: auto;
	margin: 35px auto 0 auto;
	text-align: left;
	width:100%;
}
#mainwrapper h3{
font-size:18px;
color:#FFFFFF;
}

#mainwrapper ul{
color:#FFFFFF;
font-size:16px;
line-height:1.25;
text-align:left;
}

#mainwrapper ul li{
list-style:initial;
line-height:1.25;
}
/* Image Box Style */
#mainwrapper .box {
	cursor: pointer;
	float: left;

	position: relative;
	overflow: hidden;
	padding-bottom:32%;	
	z-index:98;
		
}
.box-image-all {
	position: absolute;
	left: 0;
	width:100%;
		-webkit-transition: all 300ms ease-out;
		-moz-transition: all 300ms ease-out;
		-o-transition: all 300ms ease-out;
		-ms-transition: all 300ms ease-out;	
	transition: all 300ms ease-out;
	
	
}

/* Caption Common Style */
#mainwrapper .box .caption {
	background-color: rgba(0,0,0,0.4);
	position: absolute;
	color: #fff;
	z-index: 100;
		-webkit-transition: all 300ms ease-out;
		-moz-transition: all 300ms ease-out;
		-o-transition: all 300ms ease-out;
		-ms-transition: all 300ms ease-out;	
		transition: all 300ms ease-out;
	left: 0;
	width:60%;
	margin-left:auto;
	margin-right:auto;
	
}





/** Caption 3: Fade **/
#mainwrapper .box .fade-caption {
	opacity: 0;
	text-align: left;
	width: 100%;
	height:100%;
	text-align: left;
	overflow:hidden;
	padding-top:40px;
	

}



.short-pillar{
max-width:200px;
}

#mainwrapper .box .scale-caption h3 {
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	-ms-transition-delay: 300ms;	
	transition-delay: 300ms;
}

#mainwrapper .box .scale-caption p {
	-webkit-transition-delay: 500ms;
	-moz-transition-delay: 500ms;
	-o-transition-delay: 500ms;
	-ms-transition-delay: 500ms;	
	transition-delay: 500ms;
}




/** Fade Caption :hover Behaviour **/
#mainwrapper .box:hover .fade-caption, #mainwrapper .box:hover .scale-caption  {
	opacity: 1;
}
#mainwrapper .box:hover .scale-caption h3, #mainwrapper .box:hover .scale-caption p {
	-moz-transform: translateX(200px);
	-o-transform: translateX(200px);
	-webkit-transform: translateX(200px);
	transform: translateX(200px);
}
#mainwrapper .box:hover .box-image-icon{
	display:none;
}

#mainwrapper .box:hover .box-image-all{
-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	backface-visibility: hidden;
}

#mainwrapper .box:focus .fade-caption, #mainwrapper .box:focus .scale-caption  {
	opacity: 1;
}
#mainwrapper .box:focus .scale-caption h3, #mainwrapper .box:focus .scale-caption p {
	-moz-transform: translateX(200px);
	-o-transform: translateX(200px);
	-webkit-transform: translateX(200px);
	transform: translateX(200px);
}
#mainwrapper .box:focus .box-image-icon{
	display:none;
}

#mainwrapper .box:focus .box-image-all{
-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	backface-visibility: hidden;
}
.one-third-text{
width:234px;
height:234px;
position: absolute;
  margin: auto;
  top: 0px; left: 0; bottom: 0; right: 0;
  z-index:90;
  text-align:center;

}
.box-image-icon{
width:170px;
height:120px;
position: absolute;
  margin: auto;
  top: -50px; left: 0; bottom: 0; right: 0;
  z-index:90;
  text-align:center;

}
.box-image-icon img{

}

.pillar-text{
color:#fff;
font-size:16px;
text-align:center;
}

.pillar-arrow{
width:15px;
height:15px;
}
.col-xs-4{
width:32%;
margin-left:0.5%;
margin-right:0.5%;
margin-bottom:1%;
overflow:hidden;
}
.pillar-icons{
width:100px;
}
.show{
display:block !important;
}

.reading-container{
width:280px;
}


.dashboard-header{
width:100%;
}

.dashboard-header img{
width:100%;
}

.hide-dashboard{
display:block;
}

.dashboard-toggle{
text-align:center;
cursor:pointer;
padding-bottom:20px;
}
.dashboard-blue-arrow{
width:30px;
height:30px;
	-webkit-transition-duration: 0.7s;
 -moz-transition-duration: 0.7s;
 -o-transition-duration: 0.7s;
  transition-duration: 0.7s;
}

.dashboard-blue-arrow.rotate-image{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
	-webkit-transition-duration: 0.7s;
 -moz-transition-duration: 0.7s;
 -o-transition-duration: 0.7s;
  transition-duration: 0.7s;
}

.left-text-container{
width:65%;
float:left;
padding-right:30px;
}

.right-doc-container{
width:35%;
float:left;
}

.doc-container{
    min-height: 40px;
    border-top: 1px solid #cccccc;
    text-align: left;
    margin-top: 10px;
	padding-top:10px;
}
.doc-logo{
width:30px;
margin-right:20px;
float:left;
}
.doc-name{
color:#56a1d5;
padding-top:3px;
}

.last-doc{
border-bottom: 1px solid #cccccc;
padding-bottom:15px;

}
.industry-box{
	width:24.5%;
	display:inline-block;
	padding:10px;
	vertical-align:top;
}
.industry-box img{
	width:100%;
	
}

.title_box{
	padding:10px ;
	min-height:60px;
	background-color:#FAFAFA;
	
	
}
a:focus .title_box{
	border:1px solid #56a1d5;
	
}

@media (max-width: 900px) {
.col-xs-4{
width:49%;
}

#mainwrapper .box {

	padding-bottom:49%;	
		
}

.left-text-container{
width:100%;
padding-right:0px;
}

.right-doc-container{
width:100%;

}

.industry-box{
	width:32.5%;
	
}

@media (max-width: 599px) {
.col-xs-4{

width:99%;
}

#mainwrapper .box {

	padding-bottom:99%;	
		
}
#mainwrapper{
max-width:350px;
}

.industry-box{
	width:49%;
	
}


}
@media (max-width: 489px) {
	.industry-box{
	width:99%;
	
}
}