body {background-color: #f4f4f4;}

#operations-listing {display: flex;}
#operations-listing .filters .hold {background-color: #ffffff; display: block; margin-top: 112px; padding: 20px 40px;}
#operations-listing .filters .hold p {font-size: 12px; text-transform: uppercase;line-height: 1.25; letter-spacing: 0.86px; color: #b1121c; font-weight: 700; margin: 2px 0px 29px 0px;}
#operations-listing .filters .hold .filter {display: flex; align-items: center; margin-bottom: 22px; cursor: pointer;}
#operations-listing .filters .hold .filter .icon {width: 25px; min-height: 25px; background-size: contain; background-position: top left; background-repeat: no-repeat; 
	background-image: url(../images/dont-check-it-out.jpg);}
#operations-listing .filters .hold .filter.active .icon {background-image: url(../images/check-it-out.jpg);}
#operations-listing .filters .hold .filter .text {width: calc(100% - 25px); padding-left: 15px; font-size: 12px; line-height: 1.42; letter-spacing: 0.86px; font-weight: 700; color: #8e8e8e;
	text-transform: uppercase;}
#operations-listing .filters .hold .filter.active .text {color: #000000;}
#operations-listing .listing-count {font-size: 12px; font-weight: 700; line-height: 1.42; letter-spacing: 0.86px; color: #8e8e8e; text-transform: uppercase; margin: 80px 0px 15px 0px;}
#operations-listing .operation-item {margin-bottom: 46px; background-color: #ffffff; display: none; box-shadow: 0 0 10px 0 rgba(105, 105, 105, 0); transition: all 0.25s ease-in-out;}
#operations-listing .operation-item.show {display: flex;}
#operations-listing .operation-item:hover {box-shadow: 0 0 10px 0 rgba(105, 105, 105, 0.5);}
#operations-listing .operation-item .image {background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative;}
#operations-listing .operation-item .image::before {content:''; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; background-color: #000000; opacity: 0; 
	transition: all 0.25s ease-in-out; z-index: 1;}
#operations-listing .operation-item .image:hover::before {opacity: 0.3;}
#operations-listing .operation-item .image a {position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 2;}
#operations-listing .operation-item .text {padding: 32px 0px 60px 0px; position: relative; min-height: 270px;}
#operations-listing .operation-item .text h3 {margin-bottom: 24px; position: relative;}
#operations-listing .operation-item .text h3::before {content: ''; position: absolute; left: -25px; top: 0px; bottom: 0px; width: 6px; background-color: #b1121c;}
#operations-listing .operation-item .text a {position: absolute; bottom: 22px; left: 0px; text-transform: uppercase; font-size: 16px; line-height: 1.69; color: #669ed5; font-weight: 900;
	transition: all 0.25s ease-in-out;}
#operations-listing .operation-item .text a:hover {color: #000000;}
#operations-listing .operation-item .details {display: block; flex-wrap: wrap; font-size: 14px; line-height: 1.42; letter-spacing: 0.86px; color:#999; text-transform: uppercase; word-wrap:break-word;
	font-weight: 700;}
#operations-listing .operation-item .details span {color: #8d8d8d;}
#operations-listing .operation-item .details .column {margin-right: 25px !important; padding: 0px 12px 12px 0px;}
#operations-listing .operation-item .details .column:nth-of-type(3n) {margin-right: 0px !important;}
#operations-listing .filters .hold select {display: none; -webkit-appearance: none; box-shadow: none !important; border: solid 1px #b1121c; font-size: 12px; line-height: 1.42; 
	letter-spacing: 0.86px; color: #000000; text-transform: uppercase; font-weight: 700; font-family: proxima-nova, sans-serif; width: 100%; padding: 17px 25px; position: relative; 
	cursor: pointer; background-color: #ffffff; -webkit-appearance: none;-webkit-border-radius:0; border-radius:0;}
#operations-listing .filters .hold::before {content: '\f078'; position: absolute; font-family: "Font Awesome\ 5 Pro"; color: #b1121c; right: 55px; bottom: 46px; z-index: 1; display: none; 
	font-size: 20px; pointer-events: none; font-weight: 900;}
#counts {display: none;}

/**** | Responsive Adjustments | ****/
@media screen and (max-width: 1899px) { 
#operations-listing .operation-item .text {min-height: 280px;}
}
@media screen and (max-width: 1023px) { 
#operations-listing {display: block;}
#operations-listing .listings {width: 100%;}
#operations-listing .operation-item {width: 100%;}
#operations-listing .operation-item .image {width: calc(((((100vw - 50px) - (11 * 25px)) / 12) * 4) + (3 * 25px));}
#operations-listing .operation-item .text {width: calc(((((100vw - 50px) - (11 * 25px)) / 12) * 8) + (7 * 25px));}
#operations-listing .operation-item .details .column {width: calc(50% - (25px / 2)); margin-right: 25px !important;}
#operations-listing .operation-item .details .column:nth-of-type(3n) {margin-right: 25px !important;}
#operations-listing .operation-item .details .column:nth-of-type(even) {margin-right: 0px !important;}
#operations-listing .filters {width: 100%;}
#operations-listing .filters .hold {margin-top: -78px; position: relative; z-index: 1; padding: 18px 20px 30px 20px;}
#operations-listing .filters .hold .filter {display: none;}
#operations-listing .filters .hold p {margin: 2px 0px 24px 0px;}
#operations-listing .filters .hold select {display: block;}
#operations-listing .filters .hold::before {display: block;}
#operations-listing .listing-count {margin: 33px 0px 15px 0px;}
}
@media screen and (max-width: 767px) { 
#operations-listing .operation-item {margin-bottom: 30px;}
#operations-listing .operation-item.show {display: block;}
#operations-listing .operation-item .image {width: 100%; height: 217px;}
#operations-listing .operation-item .text {width: 100%; min-height: initial; padding: 27px 0px 16px 0px;}
#operations-listing .operation-item .text h3 {padding-left: 20px; margin-bottom: 12px;}
#operations-listing .operation-item .text h3::before {left: 0px;}
#operations-listing .operation-item .text a {display: block; background-color: #b1121c; color: #ffffff; text-align: center; width: calc(100% - 24px); padding: 11px; 
	margin: 23px 12px 16px 12px; position: relative; bottom: initial; left: initial; transition: all 0.25s ease-in-out;}
#operations-listing .operation-item .text a:hover {color: #ffffff; background-color: #000000;}
#operations-listing .operation-item .details {display: block; padding: 0px 12px;}
#operations-listing .operation-item .details .column {width: 100%; margin: 0px !important; display: flex; border-bottom: solid 1px #f1f1f1; align-items: center; padding: 10px 0px;}
#operations-listing .operation-item .details .column div {width: 50%;}
#operations-listing .operation-item .details .column div:nth-of-type(even) {text-align: right;}

}