.nbBrandsRow {padding: 3rem 0 2rem;}
.nbBrandsRow h2 {font-size: 36px;}
.nbBrandsRow__container {padding: 0 0px;}
.nbBrandsRow__title {font-size: 36px; text-transform: uppercase; text-align: center; font-weight: 300; margin-bottom: 25px;}
.nbBrandsRow__item {text-align: center;}
.nbBrandsRow__itemImg {background-position: center center;background-repeat: no-repeat; 
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	height: 0px;
	padding-top: 50%;
	background-size: cover; 
	border: 20px solid transparent;
	border-top: 0px solid transparent;
	border-bottom: 0px solid transparent;
	opacity: 0.5;
	display: block;
}
.nbBrandsRow__itemImg:hover {
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	filter: grayscale(0%);
	opacity: 1;
}

.nbBrandsRow .bx-wrapper .bx-prev {left: -35px;}
.nbBrandsRow .bx-wrapper .bx-next {right: -35px;}
.nbBrandsRow .bx-wrapper .bx-controls-direction a {color: #a4a4a4;}

.nbBrandsRow__items {height: 194px; overflow: hidden; white-space: nowrap; list-style: none; margin: 0; padding: 0;}
.nbBrandsRow__items li { position: relative; width: 18.3%; margin: 0 0.7%; display: inline-block;}
.bx-viewport .nbBrandsRow__items {height: auto; white-space: normal;}
.bx-viewport .nbBrandsRow__items li  {margin: 0px;}

.nbBrandsRow .bx-wrapper .bx-controls-direction a {
    width: 2.25rem;
    height: 2.25rem;
    font-family: FontAwesome;
    margin-top: -1.125rem;
    background: #0074ba;
    color: #fff;
    opacity: .5;
    line-height: 2.375rem;
    overflow: hidden
}

.nbBrandsRow .bx-wrapper .bx-controls-direction a:hover {
    opacity: 1;
    text-decoration: none
}

.nbBrandsRow .bx-wrapper .bx-controls-direction a:focus {
    text-decoration: none
}

.nbBrandsRow .bx-wrapper .bx-controls-direction a:before {
    display: block;
    text-align: center;
    text-indent: 0
}

.nbBrandsRow .bx-wrapper .bx-controls-direction a.disabled {
}

.nbBrandsRow .bx-wrapper .bx-next:before {
    content: "\f054"
}

.nbBrandsRow .bx-wrapper .bx-prev:before {
    content: "\f053"
}

/*desktops*/
@media (max-width: 1200px) { 

}

/*tablets*/
@media (max-width: 991px) {

}

/*phones*/
@media (max-width: 767px) { 
	.nbBrandsRow h2 {font-size: 20px;}
	.nbBrandsRow__itemImg {padding-top: 30%; width: 50%;}
	.nbBrandsRow__item {display: flex; justify-content: center;}
}