/*===================================
 *              Global
 * 
 * 
 * ================================*/

.bpTest{
	min-width: 150px;
	min-height: 150px;
	background: red;
}
html, body{
	scroll-behavior: smooth;
}
/****** flex styles ******/
.bbwdFlex{
	display: flex;
}
.bbwdCol{
	flex-flow: column;
}
.bbwdRow{
	flex-flow: row wrap;
}
.bbwdRowNW{
	flex-flow: row nowrap;
}
.bbwdGrid{
	display: grid;
}
.bbwdColTemp1{
	grid-template-columns: 1fr;
}
.bbwdColTemp2{
	grid-template-columns: 1fr 1fr;
}
.bbwdColTemp3{
	grid-template-columns: 1fr 1fr 1fr;
}
.bbwdColTemp4{
	grid-template-columns: 1fr 1fr 1fr 1fr;
}
.bbwdColCover2{
	grid-column: 1 / 3;
}
.bbwdColCover3{
	grid-column: 1 / 4;
}
.bbwdColCover4{
	grid-column: 1 / 5;
}
.bbwdStartCol2{
	grid-column-start: 2;
}
.bbwdStartCol3{
	grid-column-start: 3;
}
.bbwdStartCol4{
	grid-column-start: 4;
}
.bbwdStartCol5{
	grid-column-start: 5;
}
.bbwdStartCol1Cov3{
	grid-column: 1 / span 3;
}
.bbwdCenterFull{
	justify-content: center;
	align-items: center;
}
.bbwdJcntAstart{
	justify-content: center;
	align-items: start;
}
.bbwdAcntJstart{
	justify-content: start;
	align-items: center;
}
.bbwdCenterBttm{
	justify-content: center;
	align-items: end;
}
.bbwdCenterTp{
	justify-content: center;
	align-items: start;
}
.bbwdCenterStch{
	justify-content: center;
	align-items: stretch;
}
.bbwdSpcBtnStch{
	justify-content: space-between;
	align-items: stretch;
}
.bbwdSpcBtnCtr{
	justify-content: space-between;
	align-items: center;
}
.bbwdSpcArdStch{
	justify-content: space-around;
	align-items: stretch;
}
.bbwdAStch{
	align-items: stretch;
}
.bbwdJEnd{
	justify-content: end;
}
.bbwdJStart{
	justify-content: start;
}
.bbwdJCenter{
	justify-content: center;
}
.bbwdJSpaceB{
	justify-content: space-between;
}
.bbwdACenter{
	align-items: center;
}
.bbwdAllSelfEnd{
	justify-self: end;
	align-self: end;
}
.bbwdRowRev{
	flex-direction: row-reverse;
}
.bbwdGrow1{
	flex-grow: 1;
}
.bbwdGrow2{
	flex-grow: 2;
}
.bbwdGrow3{
	flex-grow: 3;
}
.bbwdGap10{
	gap: 10px;
}
.bbwdGap20{
	gap: 20px;
}
.bbwdGap50{
	gap: 50px;
}
.bbwdGap100{
	gap: 100px;
}

.bbwdSelfEnd{
	align-self: end;
}
.bbwdASelfCent{
	align-self: center;
}

.bbwdFlexGrow1{
	flex-grow: 1;
}



/***************** Padding Classes *****************/
.bbwdPad10px{
	padding: 10px !important;
}
.bbwdPad20px{
	padding: 20px !important;
}
.bbwdPad40px{
	padding: 40px !important;
}
.bbwdPad50px{
	padding: 40px !important;
}
/** Padding Top/Bottom Classes **/
.bbwdTBPad10px{
	padding-top: 10px;
	padding-bottom: 10px;
}
.bbwdTBPad20px{
	padding-top: 20px;
	padding-bottom: 20px;
}
.bbwdTBPad40px{
	padding-top: 40px;
	padding-bottom: 40px;
}
.bbwdTBPad50px{
	padding-top: 50px;
	padding-bottom: 50px;
}
/** Padding Right/Left Classes **/
.bbwdLRPad10px{
	padding-left: 10px;
	padding-right: 10px;
}
.bbwdLRPad20px{
	padding-left: 20px;
	padding-right: 20px;
}
.bbwdLRPad40px{
	padding-left: 40px;
	padding-right: 40px;
}
.bbwdLRPad50px{
	padding-left: 50px;
	padding-right: 50px;
}
/**** end flex styles ****/
 
/***************** Transform Classes *****************/
.bbwd180{
	transform: rotate(180deg);
}

/***************** Text Align Classes *****************/
.bbwdTxtCntr{
	text-align: center;
}
.bbwdTxtR{
	text-align: right;
}
.bbwdTxtL{
	text-align: left;
}

/***************** Margin Classes *****************/
.bbwdAutoMarg{
	margin: auto;
}
.bbwdAutoLRMarg{
	margin-left: auto;
	margin-right: auto;
}
/** Margin Top Classes **/
.bbwdMTop120{
	margin-top: 120px;
}
.bbwdMTop60{
	margin-top: 60px;
}
.bbwdMTop20{
	margin-top: 20px;
}
/** Margin Bottom Classes **/
.bbwdMBot120{
	margin-bottom: 120px;
}
.bbwdMBot60{
	margin-bottom: 60px;
}
.bbwdMBot20{
	margin-bottom: 20px;
}
.bbwdMBot0{
	margin-bottom: 0px;
}
/** No Pad/Marg Classes **/
.bbwdPnoPad p{
	padding: 0;
	margin: 0;
}

/***************** Height Classes *****************/
/** Min Height Classes **/
.bbwdMinH0{
	min-height: 0px;
}
.bbwdMinH100{
	min-height: 100px;
}
.bbwdMinH200{
	min-height: 200px;
}
.bbwdMinH250{
	min-height: 250px;
}
/** Max Height Classes **/
.bbwdMaxH0{
	max-height: 0px;
}
.bbwdMaxH100{
	max-height: 100px;
}
.bbwdMaxH200{
	max-height: 200px;
}
.bbwdMaxH250{
	max-height: 250px;
}
.bbwdMaxH500{
	max-height: 500px;
}

/***************** Width Classes *****************/
.bbwdWidth10{
	width: 10%;
}
.bbwdWidth25{
	width: 25%;
}
.bbwdWidth30{
	width: 30%;
}
.bbwdWidth33{
	width: 33%;
}
.bbwdWidth45{
	width: 45%;
}
.bbwdWidth50{
	width: 50%;
}
.bbwdWidth75{
	width: 75%;
}
.bbwdWidth100{
	width: 100%;
}

.bbwdMaxWidth48{
	max-width: 48%;
}




/***************** Image Object Classes *****************/
.bbwdObjCov{
	object-fit: cover;
}


/***************** OverFlow Classes *****************/
.bbwdHideOver{
	overflow: hidden;
}
.bbwdOverYScroll{
	overflow-y: scroll;
}

/***************** Positions Classes *****************/
.bbwdPosRel{
	position: relative;
}
.bbwdPosAbs{
	position: absolute;
}

/** Right Classes **/
.bbwdRight0{
	right: 0px;
}
.bbwdRight5{
	right: 5px;
}
.bbwdRight10{
	right: 10px;
}
.bbwdRight20{
	right: 20px;
}
.bbwdRight25{
	right: 25px;
}
.bbwdRight45{
	right: 45px;
}
.bbwdRight50{
	right: 50px;
}
.bbwdRight75{
	right: 75px;
}
.bbwdRight90{
	right: 90px;
}
.bbwdRight100{
	right: 100px;
}
.bbwdRight125{
	right: 125px;
}
/** Left Classes **/
.bbwdLeft0{
	left: 0px;
}
.bbwdLeft5{
	left: 5px;
}
.bbwdLeft10{
	left: 10px;
}
.bbwdLeft20{
	left: 20px;
}
.bbwdLeft25{
	left: 25px;
}
.bbwdLeft45{
	left: 45px;
}
.bbwdLeft50{
	left: 50px;
}
.bbwdLeft75{
	left: 75px;
}
.bbwdLeft90{
	left: 90px;
}
.bbwdLeft100{
	left: 100px;
}
.bbwdLeft125{
	left: 125px;
}
/** Top Classes **/
.bbwdTop0{
	top: 0px;
}
.bbwdTop5{
	top: 5px;
}
.bbwdTop10{
	top: 10px;
}
.bbwdTop20{
	top: 20px;
}
.bbwdTop25{
	top: 25px;
}
.bbwdTop45{
	top: 45px;
}
.bbwdTop50{
	top: 50px;
}
.bbwdTop75{
	top: 75px;
}
.bbwdTop90{
	top: 90px;
}
.bbwdTop100{
	top: 100px;
}
.bbwdTop125{
	top: 125px;
}

/***************** Z-Index Classes *****************/
.bbwdZind1{
	z-index: 1;
}
.bbwdZind2{
	z-index: 2;
}
.bbwdZind3{
	z-index: 3;
}
.bbwdZind4{
	z-index: 4;
}
.bbwdZind5{
	z-index: 5;
}
.bbwdZind10{
	z-index: 10;
}
.bbwdZind20{
	z-index: 20;
}
.bbwdZind50{
	z-index: 50;
}
/** end custom classes  **/

/****** Site Wide ******/


.bbwdOnlyMob{
	display: none;
}

/********************** Tablet Styles **************************/
@media only screen and (max-width: 1025px){
	.bbwdColTemp1_tab{
		grid-template-columns: 1fr;
	}
	.bbwdColTemp2_tab{
		grid-template-columns: 1fr 1fr;
	}
	.bbwdColTemp3_tab{
		grid-template-columns: 1fr 1fr 1fr;
	}
	.bbwdColTemp4_tab{
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
}


/********************** Mobile Styles **************************/
@media only screen and (max-width: 767px){
	
	.bbwdOnlyMob{
		display: block;
	}
	
	.bbwdFilterContainer{
		display: none;
	}
	
	.bbwdColTemp1, .bbwdColTemp2, .bbwdColTemp3{
		grid-template-columns: 1fr;
	}
	.bbwdColTemp4{
		grid-template-columns: 1fr 1fr;
	}
	
	.bbwdColTemp1_mob{
		grid-template-columns: 1fr;
	}
	.bbwdColTemp2_mob{
		grid-template-columns: 1fr 1fr;
	}
	.bbwdColTemp3_mob{
		grid-template-columns: 1fr 1fr 1fr;
	}
	.bbwdColTemp4_mob{
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
	
	.bbwdMob1{
		flex-flow: column !important;
	}
}





/**** Style Overides ****/
.bbwdHideMe{
	display: none;
}
.bbwdNoSpace{
	padding: 0 !important;
	margin: 0 !important;
}
.bbwdNoMag{
	margin: 0 !important;
}
.bbwdNoBorder{
	border: none !important;
}
.bbwdHovPointer:hover{
	cursor: pointer !important;
}
.bbwdBtnToLnk{
	padding: 0 !important;
    color: grey !important;
    background: transparent !important;
    border: none !important;
}
.bbwdTransparent{
	background: transparent !important;
}