
.logos,
.logos > .container,
.logos > .container > .row,
.logos > .container > .row > div {
	height: 100%;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.logos .logo {
	/*width: 267.5px;
	height: 303px;
	margin-right: 0.2rem;*/
	/*width: 250px;
	height: 250px;
	margin-right: 1.6rem;*/
	padding-bottom: 0;
	float: left;
	/*position: relative !important;
	width: 100%;
	left: 0 !important;
	top: 0 !important;
	transform: none !important;*/
	/*width: 22%;*/
	width: 240px;
	/*padding-left: 15px;
	padding-right: 15px;*/
	margin-bottom: 1rem;
	display: block;
	margin-right: 20px;
	border: 1px solid #66c1bf;
  	padding: 0 20px 0 20px;
}

.logos .logo img {
	width: 100%;
	height: auto;
	object-fit: contain;
	height: 240px;
}

.logos .logo .scroll-up {
	width: 100%;
	/*height: 3.5rem;*/
	height: 0px;
	overflow: hidden;
	background-color: #39407a;
	color: #fff;
	padding: 0 1rem 0 1rem;
	position: absolute;
	bottom: 0;
	transition: all 0.5s ease;
	margin-left: -20px;
}
.logos .logo.bdag_lightgray_background .scroll-up {
	background-color: #9b9b9b;
}
.logos .logo.bdag_darkgray_background .scroll-up {
	background-color: #333333;
}
.logos .logo:hover .scroll-up {
	height: 100%;
}

.logos .logo .scroll-up h3 {
	font-size: 1.4rem;
	margin-top: 1rem;
	margin-bottom: 1rem;
	color: #fff;
}

.logos .col-md-12 .logo .scroll-up p {
	margin-bottom: 0.5rem;
}
.logos .col-md-12 .logo .scroll-up p.logo-job-function-board {
	margin-top: 1.5rem;
}

.logos .logo .scroll-up a {
	/*color: #fff;*/
	color: #66c1bf;
}

.logos-texts,
.logos-images {
	/*width: 267.5px;*/
	width: 100%;
	height: 254px;
}

.logos-texts .slick-list,
.logos-images .slick-list,
.logos-texts .slick-track,
.logos-images .slick-track,
.logos-texts .slick-slide,
.logos-images .slick-slide,
.logos-texts .slick-slide > div,
.logos-images .slick-slide > div,
.logos-texts .slick-slide .logos-text-slide,
.logos-images .slick-slide .logos-image-slide {
	height: 100%;
}

.logos-texts {
	/*height: 254px;*/
	background-color: #39407a;
	color: #fff;
	text-align:center;
}
.logos-texts .logos-text-slide {
	/*height: 254px;*/
	padding: 3rem 1.8rem 0;
}
.logos-images .logos-image-slide img {
	height: 100%;
}

.logos-texts h3 {
	font-size: 1.2rem;
	margin-bottom: 0.5rem;
	color: #fff;
}

.logos-texts h4 {
	font-size: 1rem;
	font-weight: normal;
	text-transform: none;
	margin: 0.5rem 0;
	color: #fff;
}

.logos-texts sub {
	bottom: -0.5rem;
}

.logos-texts sup {
	bottom: -0.4rem;
}

.logos-images img {
	/*width: 267.5px;*/
	width: 100%;
	height: 248px;
	object-fit: cover;
}

.detail-location-button {
	cursor: pointer;
}

.detail-location {
	font-size: 1rem;
}

.detail-location img {
	width: 267.5px;
	/*height: 248px;*/
	height: 100%;
	object-fit: cover;
}

.detail-location .frame-layout-bdag_tile_big_variable {
	padding: 3.5rem 2.5rem;
}

/*.container.small-innerpadding .logos .container {
	padding-left: 2.5px;
	padding-right: 2.5px;
	padding-top: 0;
	padding-bottom: 0;
}
.container.no-padding .logos .container {
	padding-left: 2.5px;
	padding-right: 2.5px;
}*/

.container.small-innerpadding .logos .logo,
.container.small-innerpadding .logos .logo img {
	width: 100%;
	height: 20rem;
}

.logos .logo.bdag_lightblue_background .scroll-up {background-color: #e2f9f5; color: #39407a;}
.logos .logo.bdag_lightblue_background .scroll-up h3, .logos .logo.bdag_lightblue_background .scroll-up a {color: #39407a;}
.logos .logo.bdag_blue_background .scroll-up h3, .logos .logo.bdag_blue_background .scroll-up a {color: #39407a;}
.logos .logo.bdag_blue_background .scroll-up {background-color: #66c1bf; color: #39407a;}
.logos .logo.bdag_darkblue_background .scroll-up {background-color: #39407a;}
.logos .logo.bdag_magenta_background .scroll-up {background-color: #e5006d;}

.logos .logo.bdag_blue_background .scroll-up h3, .logos .logo.bdag_blue_background .scroll-up a {
	text-align: center;
}

.logos .logo.bdag_magenta_background .scroll-up h3, .logos .logo.bdag_magenta_background .scroll-up a {
	text-align: center;
}

.logos .logo.bdag_darkblue_background .scroll-up h3, .logos .logo.bdag_darkblue_background .scroll-up a {
	text-align: center;
}

.filter-button-group {
	margin-bottom: 3rem;
}

.filter-button-group button {
	background: #39407a;
	color: #fff;
	border: none;
	margin-bottom: 0.5rem;
	padding: .375rem .75rem;
}


@media only screen and (max-width: 1200px) {
	.logos-texts,
	.logos-images {
		height: 19.5rem;
	}
}

@media only screen and (max-width: 992px) {
	.detail-location img {
		width: 100%;
	}
}

@media only screen and (max-width: 768px) {
	.logos {
		padding-top: 1rem !important;
		padding-bottom: 1rem !important;
	}
	.logos .logo {
		width: 250px;
	}
	.logos .logo:nth-child(2n) {
		margin-right: 0;
	}
	.logos .logo img {
		height: 250px;
	}
}