.index-boxes .index-box{
	position:relative;
	background:#eee;
	margin-bottom:30px;
	min-height:400px;
	overflow:hidden;
}

.index-boxes .index-box1::before,.index-boxes .index-box .top-image::before{
	content:"";
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	background:rgba(0,0,0,0.4);
}

.index-boxes .index-box6::before{
	content:"";
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	background:rgba(0,0,0,0.4);
	background: -webkit-linear-gradient(transparent, rgba(0,0,0,0.3), rgba(0,0,0,0.8)); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(transparent, rgba(0,0,0,0.3), rgba(0,0,0,0.8)); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(transparent, rgba(0,0,0,0.3), rgba(0,0,0,0.8)); /* For Firefox 3.6 to 15 */
	background: linear-gradient(transparent, rgba(0,0,0,0.3), rgba(0,0,0,0.8)); /* Standard syntax */
}

.index-boxes .index-box1{
	color:#fff;
	text-align:center;
	padding-top:80px;
}

.index-boxes .index-box1 h3{
	color:#fff;
	font-family: 'proxima_novasemibold';
	font-weight:normal;
	font-size:24px;
	line-height:26px;
	margin-bottom:30px;
}

.index-boxes .index-box1 p,.index-boxes .index-box1 p a{
	color:#fff;
	font-family: 'proxima_nova_rgregular';
	font-weight:normal;
	font-size:20px;
	line-height:26px;
	margin:0;
}

.index-boxes .index-box3{
	background:#00abc6;
}

.index-boxes .index-box4{
	background:#84bb00;
}

.index-boxes .index-box5{
	background:#e97f00;
}

.index-boxes .index-box .inner{
	position:relative;
	z-index:2;
	padding: 20px 20px 60px;
}

.index-boxes .index-box .top-image{
	position:relative;
	width:100%;
	height:164px;
	background:#aaa;
}

.index-boxes .index-box .top-image .top-image-inner{
	position:relative;
	z-index:2;
	padding:60px 10px 0;
	text-align:center;
}
.index-boxes .index-box .top-image .top-image-inner h3{
	color:#fff;
	font-family: 'proxima_novasemibold';
	font-weight:normal;
	font-size:36px;
}

.index-boxes .index-box h4{
	color:#fff;
	font-family: 'proxima_novasemibold';
	font-weight:normal;
	font-size:20px;
	line-height:22px;
}
.index-boxes .index-box p{
	color:#fff;
	font-family: 'proxima_nova_rgregular';
	font-weight:normal;
	font-size:16px;
	line-height:20px;
	margin:0;
}

.index-boxes .index-box a.button{
	margin:0;
	padding:0;
	font-family: 'proxima_novabold';
	font-weight:normal;
	font-size:12px;
	color:#fff;
	width:100%;
	height:30px;
	display:block;
	text-align:center;
	line-height:30px;
	text-transform:uppercase;
	background:rgba(0,0,0,0.4);
	width:calc(100% - 40px);
	width:-webkit-calc(100% - 40px);
	position: absolute;
	z-index:3;
    left: 20px;
    bottom: 20px;
}
.index-boxes .index-box a.button:hover{
	background:rgba(0,0,0,0.6);
}

.index-boxes .index-box a.button.button2{
	background:#85b917;
}
.index-boxes .index-box a.button.button2:hover{
	background:#75a215;
}

.index-boxes .index-box .bigger{
	position:absolute;
	z-index:2;
	width:100%;
	width:calc(100% - 40px);
	width:-webkit-calc(100% - 40px);
	left:20px;
	bottom:72px;
}

.index-boxes .index-box.index-box6 .bigger{
	bottom:62px;
}

#big-box-button {

	width: 50%; 
	margin: 0% 25%;
		
}

.index-boxes .index-box .bigger h3{
	color:#fff;
	font-family: 'proxima_nova_rgregular';
	font-weight:normal;
	font-size:36px;
	line-height:44px;
}

.index-boxes .index-box .bigger p{
	color:#fff;
	font-family: 'proxima_nova_rgregular';
	font-size:16px;
	line-height:22px;
	margin:0;
}

@media only screen and (min-width: 40.063em) { 
	.index-boxes .index-box .bigger{
		width:calc(100% - 100px);
		width:-webkit-calc(100% - 100px);
		left:50px;
	}
}