#PortCatSelector {
	padding-right: 10px;
	padding-left: 10px;
}

.CatList, #PortCatSelectorList {
	text-align: center;
}

.PortCatSelectorListItem {
	border-bottom: 2.5px solid #FF8040;
	margin-left: -5px;
	margin-top: 5px;
	padding: 10px;
	padding-bottom: 5px;
	display: inline-block;
	cursor: pointer;
}

.PortCatSelectorListItemSelected {
	border-bottom: 2.5px solid #0A6417;
}

.CatList > a {
	text-decoration: none;
	color: #000000;
}

.PortContent, .HeadContent{
	border: 5px solid #FF8040;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	margin: 10px;
	background-color: #B6D0B9;
	min-width: 250px;
	cursor: pointer;
}

/* .PortImageCarroussel, .PortContent, .HeadContent {
	background: url(images/MockUp/BackgroundEdit3.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
} */

.PortImage, .PortImageCarroussel {
	width: 100%;
	-moz-border-top-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-right-radius: 5px;
	-moz-border-top-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	border-top-left-radius: 5px;
}


.NoPhoto {
	background: url(images/Logo.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center;
 	min-height: 100%; 
}

.PortText{
	text-align: center;
	font-weight: bold;
	margin-top: 5px;
}

.TriangleUp {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent #B0B0B0 transparent;
	margin-left: auto;
	margin-right: auto;
	margin-top: -5px;
	padding: 0;
}

.PortMore {
	/* Firefox */
	width: -moz-calc(100% - 52.5px);
	/* WebKit */
	width: -webkit-calc(100% - 52.5px);
	/* Opera */
	width: -o-calc(100% - 52.5px);
	/* Standard */
	width: calc(100% - 52.5px);
	background-color: #B0B0B0;
	margin: 27.5px;
	margin-top: 0;
	margin-bottom: 10px;
	padding-bottom: 15px;
}

.PortMore > header {
	padding-left: 15px;
	padding-right: 15px;
}

.PortMore > hr {
	margin-left: 15px;
	margin-right: 15px;
}

@media (max-width: 992px) {
	.PortMore > .row {
		padding-left: 15px;
		padding-right: 15px;
	}
}

.CloseButton {
	height: 40px;
	width: 40px;
	float: right;
	border: 3px solid #FF8040;
	cursor: pointer;
	position: relative;
	display: inline-block;
	margin-top: 10px;
	margin-right: 15px;
	text-align: center;
}

.CloseButton:before {
	position: absolute;
	left: -2px;
	top: -2px;
	content: '';
	border-top: 15px solid #FF8040;
	border-right: 15px solid transparent;
}

.CloseButton:after {
	position: absolute;
	left: -3px;
	top: -3px;
	content: '';
	border-top: 13px solid #B0B0B0;
	border-right: 13px solid transparent;
}

.CloseButton:hover {
	background-color: #A8A8A8 ;
    -webkit-transition: background-color 1000ms linear;
    -moz-transition: background-color 1000ms linear;
    -o-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;
}

.CloseButton span {
	margin-top: 7.5px;
	font-size: 20px;
	color: #FF8040;
}

.PortMoreDivider {
	margin-top: -5px;
	color: #0A6417;
	background-color: #0A6417;
	border: 2px solid #0A6417;
}

.PortMoreContentLeftColumnListHeader {
	font-weight: bold;
}

#PortMoreContentLeftColumn {
	padding-right: 15px;
}

.NoRightColumn {
	padding-left: 15px;
}

#PortMoreContentRightColumn {
	padding-left: 15px;
}

@media (max-width: 992px) {
	#PortMoreContentLeftColumn, #PortMoreContentRightColumn {
		padding-left: 0;
		padding-right: 0;
	}
}


#FilteredPortElements, #FilteredOutPortElements {
	display: none;
}