a{
	color:#2B2B2B;
	text-decoration:none !important;
}

a.blackGrey{
	color:#2B2B2B !important;
}	
a.blackGrey:hover{
	color:#333333 !important;
}

a.whiteUnderline{
	color:#FFF !important;
}	
a.whiteUnderline:hover{
	text-decoration: underline !important;
}

a.blackRed{
	color:#2B2B2B !important;
}	
a.blackRed:hover{
	color:#BB2B39 !important;
}

a.whiteRed{
	color:#FFF !important;
}	
a.whiteRed:hover{
	color:#BB2B39 !important;
}


a.black{
	color:#2B2B2B !important;
}

a.red{
	color:#BB2B39 !important;
}

a.underline{
	text-decoration: underline !important;
}

/************************************************************************/
/************************************************************************/
/************************************************************************/
/************************************************************************/
/************************************************************************/

.grey{
	color:#333333 !important;
}
.greyBg{
	background:#333333 !important;
}

.greyLight{
	color:#F5F3F5 !important;
}
.greyLightBg{
	background:#F5F3F5 !important;
}

.white{
	color:#FFF !important;
}
.whiteBg{
	background-color:#FFF !important;
}

.black{
	color:#2B2B2B !important;
}
.blackBg{
	background-color:#2B2B2B !important;
}

.red{
	color:#BB2B39 !important ;
}
.redBg{
	background:#BB2B39 !important;
}

/************************************************************************/
/************************************************************************/
/************************************************************************/
/************************************************************************/
/************************************************************************/

@media(max-width:560px){
	.bigger{
		font-size:6.2vw !important;
	}
	.big{
		font-size:5.7vw !important;
	}
	.medium{
		font-size:5.2vw !important;
	}
	.small{
		font-size:4vw !important;
	}
	.tiny{
		font-size:3.5vw !important;
	}
	.micro{
		font-size:3vw !important;
		line-height:150% !important;
	}
}
@media(min-width:1080px){
	.bigger{
		font-size:2.6vw !important;
	}
	.big{
		font-size:2.5vw !important;
	}
	.medium{
		font-size:1.7vw !important;
	}
	.small{
		font-size:1.5vw !important;
	}
	.tiny{
		font-size:1.15vw !important;
	}
	.micro{
		font-size:0.95vw !important;
		line-height:150% !important;
	}
}
@media(min-width:1081px){
	.bigger{
		font-size:2.4vw !important;
		line-height:150% !important;
	}
	.big{
		font-size:2.3vw !important;
		line-height:150% !important;
	}
	.medium{
		font-size:1.3vw !important;
		line-height:150% !important;
	}
	.small{
		font-size:1.15vw !important;
		line-height:150% !important;
	}
	.tiny{
		font-size:0.95vw !important;
		line-height:150% !important;
	}
	.micro{
		font-size:0.6vw !important;
		line-height:150% !important;
	}
}

/************************************************************************/
/************************************************************************/
/************************************************************************/
/************************************************************************/
/************************************************************************/

.blackGreyBtn{
	padding:8px 16px;
	border:0px;
	outline:none;
	color:#FFF;
	background:#000;
}
.blackGreyBtn:hover{
	background:#333333;
}

/************************************************************************/
/************************************************************************/
/************************************************************************/
/************************************************************************/
/************************************************************************/

.rounded{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.roundedBig{
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.with-underline {
    border-bottom: 5px solid black; 
    padding-bottom: 10px; 
    margin-bottom: 10px;
}
.arrow-icon::after {
    content: url('static/images/triangle-right.png'); /* Replace 'path/to/arrow-image.png' with your arrow image */
    display: inline-block;
    margin-left: 10px; /* Adjust the spacing between text and arrow image */
    vertical-align: middle;
}

@media(max-width:900px){
	.topSpacerSmaller{
		margin-top:2px;
	}
	.topSpacerSmall{
		margin-top:5px;
	}
	.topSpacer{
		margin-top:10px;
	}
	.topSpacerBig{
		margin-top:25px;
	}
	.topSpacerBigger{
		margin-top:40px;
	}

	.bottomSpacerSmall{
		margin-bottom:5px;
	}
	.bottomSpacer{
		margin-bottom:10px;
	}
	.bottomSpacerBig{
		margin-bottom:20px;
	}
	.bottomSpacerBigger{
		margin-bottom:35px;
	}
		
	.rightSpacerSmall{
		margin-right:10px;
	}
	.rightSpacer{
		margin-right:15px;
	}
	.rightSpacerBig{
		margin-right:25px;
	}
	
	.leftSpacerSmall{
		margin-left:10px;
	}
	.leftSpacer{
		margin-left:15px;
	}
	.leftSpacerBig{
		margin-left:25px;
	}
	
}

@media(min-width:900px){
	.topSpacerSmaller{
		margin-top:5px;
	}
	.topSpacerSmall{
		margin-top:10px;
	}
	.topSpacer{
		margin-top:20px;
	}
	.topSpacerBig{
		margin-top:40px;
	}
	.topSpacerBigger{
		margin-top:60px;
	}

	.bottomSpacerSmall{
		margin-bottom:10px;
	}
	.bottomSpacer{
		margin-bottom:20px;
	}
	.bottomSpacerBig{
		margin-bottom:40px;
	}
	.bottomSpacerBigger{
		margin-bottom:50px;
	}

	.rightSpacerSmall{
		margin-right:10px;
	}
	.rightSpacer{
		margin-right:20px;
	}
	.rightSpacerBig{
		margin-right:40px;
	}

	.leftSpacerSmall{
		margin-left:10px;
	}
	.leftSpacer{
		margin-left:20px;
	}
	.leftSpacerBig{
		margin-left:30px;
	}
}

@media(max-width:900px){
	.onlyDesktop{
		display:none !important;
	}
	.onlyMobile{
		display:block !important;
	}
}
@media(min-width:900px){
	.onlyDesktop{
		display:block !important;
	}
	.onlyMobile{
		display:none !important;
	}
}

@media(min-width:900px){
	.row.display-flex {
		display: table !important;
	}
	.row.display-flex > [class*='col-'] {
		display: table-cell !important
	}
}

.justified{
	text-align: justify !important;
}

.noPadding{
	padding-bottom:0px !important;
}

@media(min-width:900px){
	.quarterText{
		width:30% !important;
	}
	.halfText{
		width:50%;
	}
	.threeQuarters{
		width:80% !important;
	}
}

.filterBtnActive , .filterBtn:hover{
	font-family: 'Gilroy Light' !important;
}

.filterBtnActive , .filterBtn:hover{
	font-family: 'Gilroy Medium' !important;
}