#boxes-list {
	margin-bottom:2em;
}

#boxes-list li {
  display:inline-block;
  margin-left:7px;
}
#boxes-list li.first {margin-left:0;}

#boxes-list a:hover {
	text-decoration: none;
}
#boxes-list .active a,
#boxes-list a:hover {
	background:#9d0354;
	text-shadow:1px 1px 1px rgba(0,0,0, 0.5);
}


#reasons-list .node {
	background:none;
	-moz-box-shadow: none;box-shadow: none;
	padding:0;
}
#reasons-list .field-name-title {color:#9d0354;}
#reasons-list .field-name-field-image {
	text-align: right;
}

/***** New Page *****/

.pane-bn-recruitment-page-reasons *:focus{
	outline: none;
}

.pane-bn-recruitment-page-reasons h2{
	font-family: 'latoblack';
	font-size: 	24px;
	font-size: 2.4rem;
	text-transform: uppercase;
	color : #6db42c;
	text-align: center;
	margin-bottom: 20px;

}

.pane-bn-recruitment-page-reasons #boxes-list{
	margin-bottom: 0;
}

.pane-bn-recruitment-page-reasons .slick-slider .slick-arrow{
	top: 25px;
}


.pane-bn-recruitment-page-reasons #boxes-list .box a{
	display: block;

	width: 80%;
	height: 45px;
	margin: auto;
	line-height:45px;
	color:#FFF;
	text-align:center;
	font-size: 30px;
	background: #6db42c;
	opacity: 0.4;

} 

.pane-bn-recruitment-page-reasons #boxes-list .box.slick-current a{
	background: #6db42c;
	opacity: 1;
}

.pane-bn-recruitment-page-reasons .slick-current .triangle-down{
	margin : auto;
	margin-top: -1px;
	width: 0; 
	height: 0; 
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;

border-top: 10px solid #6db42c;
}

.pane-bn-recruitment-page-reasons h3.reason-title{
	font-size: 18px;
	font-size: 1.8rem;
	font-family: 'latoblack';
	color: #000;
	margin-top: 0;
	margin-bottom: 20px;
	text-align: center;
	
}

.pane-bn-recruitment-page-reasons .node-body-reason ul{
	list-style-type: none;
	padding: 0;
	padding-bottom: 10px;
}

.pane-bn-recruitment-page-reasons .node-body-reason ul > li:before{
	content: "- ";
}

.pane-bn-recruitment-page-reasons .node-body-reason li{
	font-size: 15px;
	font-size: 1.5rem;
	font-family: 'latoregular';
}

.pane-bn-recruitment-page-reasons #reasons-list .field-name-field-image img{
	padding: 0;
	width: 100%;
	max-width: 320px;
	margin: auto;
	height: auto;
	
}

/** Responsive **/

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
	.pane-bn-recruitment-page-reasons h2{
		font-size: 22px;
		font-size: 2.2rem;
	}

	.pane-bn-recruitment-page-reasons .node-body-reason li,
	.pane-bn-recruitment-page-reasons h3.reason-title{
/*		font-size: 17px;
		font-size: 1.7rem;*/
	}

	.pane-bn-recruitment-page-reasons #boxes-list .box a{
		max-width: 145px;
		font-size: 35px;
	}
	.pane-bn-recruitment-page-reasons .slick-slider .slick-arrow{
		display: none !important; /* need to override inline style from js carousel */	
	}
	
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	.pane-bn-recruitment-page-reasons h2{
		font-size: 27px;
		font-size: 2.7rem;
		margin-bottom: 30px;

	}

	.pane-bn-recruitment-page-reasons h3.reason-title{
		font-size: 20px;
		font-size: 2.0rem;
	}

}


/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

	
	.pane-bn-recruitment-page-reasons h2{
		font-size: 30px;
		font-size: 3.0rem;
		text-align: left;
		margin-bottom: 45px;

	}
	
	.pane-bn-recruitment-page-reasons h3.reason-title{
		font-size: 22px;
		font-size: 2.2rem;
	}

	.pane-bn-recruitment-page-reasons .node-body-reason li{
	/*		font-size: 18px;
		font-size: 1.8rem;*/
	}
	.pane-bn-recruitment-page-reasons #boxes-list .box a{
		width: 95%;
	}

	.pane-bn-recruitment-page-reasons .node-body-reason .group-left{
		width: 40%;
		float: left;

	}

	.pane-bn-recruitment-page-reasons .node-body-reason .group-right{
		width: 60%;
		float: right;
		padding-left: 40px;
	}

	.pane-bn-recruitment-page-reasons #reasons-list .field-name-field-image img{
		max-width: 95%;
		max-height: 400px;
		padding-right: 0;
		margin-right: 0;
	}

	.pane-bn-recruitment-page-reasons h3.reason-title{
		text-align: left;

	}


}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	.pane-bn-recruitment-page-reasons .node-body-reason .group-right{
		padding-left: 50px;
	}
}