/*
* 
*/

.available-colours span {
    display: inline-block;
    width: 80px;
    text-align: center;
    vertical-align: top;
    line-height: 1.2;
}
.available-colours span img {
    border: 1px solid #13284c;
    border-radius: 100%;
}
.cabinet-btn, .shell-btn {
    cursor: pointer;
}
.cabinet-btn:hover img, .shell-btn:hover img{
	box-shadow: 1px 1px 4px rgba(0,0,0,0.4);
}
.cabinet-btn.active img, .shell-btn.active img{
	box-shadow: 1px 1px 10px rgba(0,0,0,0.7);
}

.d-flex-colours {
    display: flex;
}
.d-flex-colours .col-40 {
    flex: 1 0 40%;
}
.d-flex-colours .col-50 {
    flex: 1 0 50%;
}
.color-selector-main-img{
	max-width: 500px;
	position: relative;
	margin: 0px auto;
	opacity: 1;
}
.available-colours .text-blue {
    color: #13284c;
}

.available-colours .strong {
    font-weight: 700;
}
.available-colours .p-1 {
    padding: 1em;
}
.available-colours .pb-1 {
    padding-bottom: 1em;
}
.available-colours .pt-0 {
    padding-top: 0!important;
}
@media screen and (min-width: 1280px){
	.d-flex-colours .col-50 {
		padding-right: 0!important;
	}
}

@media screen and (min-width: 992px){
	.d-flex-colours {
		flex-wrap: wrap;
		justify-content: space-between;
	}
}
@media screen and (max-width: 991px){
	.d-flex-colours {
		flex-direction: column;
	}
}

@media screen and (min-width: 992px) and (max-width: 1280px){
	.available-colours .hide-1280 {
		display: none;
	}
}
@media screen and (max-width: 1023px){
	.available-colours .mobile-pb-0 {
		padding-bottom: 0!important;
	}
	.available-colours .mobile-mb-0 {
		margin-bottom: 0!important;
	}
	.available-colours .mobile-hide {
		display: none;
	}
}