.navbar
{
	background-color : #e31010;
	color : #FFFFFF;
	font-size : 0.85rem;
}
.ff1
{
	font-family: 'Roboto', sans-serif;

}
.ff2
{
	font-family: 'Be Vietnam', sans-serif;

}
.ff3
{
	font-family: 'Big Shoulders Text', cursive;

}
.ff4
{
	font-family: 'Titillium Web', sans-serif;

}
.ff5
{
	font-family: 'Fira Sans', sans-serif;

}
.ff6
{
	font-family: 'Heebo', sans-serif;

}
.ff7
{
	font-family: 'Manjari', sans-serif;

}
.ff8
{
	font-family: 'Anton', sans-serif;

}
.centertext
{
	text-align : center;
}
.navbar  a
{
	color : #FFFFFF;
	font-weight : bold;
	padding-left : 16px !important;
	padding-right : 16PX !important;
	
}
.navbar a:hover
{
	color : #FDB928;
	font-weight : bold;
	
	transition : 0.4s ease all;
	
}
.navbar
{
	padding-top : 4px;
	padding-bottom : 0px;
}
.dropdown-menu
{
	background-color : #e31010;
	color : #FFFFFF;
}
.dropdown-menu > .dropdown-item

{
	background-color : #e31010;
	color : #FFFFFF;
}
.menuburger
{
	font-size : 1.8em;
	margin-top : 0.8rem;
	margin-left : 0.4em;
	margin-right : auto;
	color : #ff0000;
}

.decorated{
     overflow: hidden;
     text-align: center;
     color : #ff0000;
 }
.decorated > span{
    position: relative;
    display: inline-block;
}
.decorated > span:before, .decorated > span:after{
    content: '';
    position: absolute;
    top: 50%;
	
    border-bottom: 1px #ff0000 solid;
    width: 592px; /* half of limiter */
    margin: 0 20px;
}
.decorated > span:before{
    right: 100%;
}
.decorated > span:after{
    left: 100%;
}  
.imgx
{
	padding : 3px;
	border : 1px solid gray;
	border-radius : 3px;
}
.subline
{
	font-weight : bold;
	color : gray;
	margin-top : 0.3em;
	margin-bottom : 0.35em;
	display : block;
}
.fontdiv
{
	padding-bottom : 5px;
	border-bottom : 1px dotted grey;
	margin-bottom : 0.7em;
}

.commonmenu
{
    display : flex;
	flex-direction: column;
	justify-content : center;
	height : 100%;

}
.commonmenulinks
{
    display : flex;
	flex-direction: row;
	justify-content : center;
	width : 100%;
}
.commonmenuitem
{
    padding-left : 1em;
	padding-right : 1em;
    text-decoration: none;
	font-weight : bold;
	color : gray;
}
.commonmenuitem:hover
{
    padding-left : 1em;
	padding-right : 1em;
    text-decoration: none;
	font-weight : bold;
}
.commonlogin
{
	display : flex;
	flex-direction: column;
	justify-content : center;
	height : 100%;
}
.commonloginholder
{
	display : flex;
	flex-direction: row;
	justify-content : center;
	width : 100%;	
}
.commonbtn
{
	display : flex;
	flex-direction: column;
	justify-content : center;
	height : 100%;
}
.commonbtnholder
{
	display : flex;
	flex-direction: row;
	justify-content : center;
	width : 100%;	
}
.menuburger
{
	font-weight: bold;
	font-size: 1.1em;
}
.commonbanner
{
	background-image: url("../images/bannerbg2.jpg");
	background-position: center;
	background-size: cover;
	width : 100%;
	height : 420px;
	display : flex;
	flex-direction: column;
	justify-content : center;
	margin-bottom : 1.5em;
}
.commonbannerutility
{
	color : inherit;
}
.commonlogoimg
{
	width : 60%;
	height : auto;
	padding-top : 1em;
	padding-bottom : 1em;
}

@media (min-width: 768px) {  
.commonbanner
{
	height : 420px;
}
.commonlogoimg
{
	width : 60%;
	height : auto;
	padding-top : 0px;
	padding-bottom: 0px;
}
}

@media (min-width: 992px) { 
	.commonbanner
	{
		height : 350px;
	}
	.commonlogoimg
{
	width : 100%;
	height : auto;
	padding-top : 0.3em;
	padding-bottom: 0.3em;
}
}
.centertext
{
	text-align: center;
}
.commontopribbon
{
	padding-top : 0.2em;
	padding-bottom : 0.2em;
	background-color: #e5e6ec;
	font-weight: bold;
	color : gray;
}

.jumbotron2
{
	background-color : #ced0d6;
	padding : 1em;
	padding-left : 2em;
	padding-right : 2em;
	border-radius : 0.7em;
	border : 1px solid #e4d5e6; 
}
.cursor-pointer
{
	cursor : pointer;
}



.footer
{
	background-color : #edf2ee;
	color : #7a827c;
}

.footer-tile
{
	padding : 1.2em;
	
}

.footer-tile-decorator
{
	padding-bottom : 0.6em;
}
.footer-tile-content
{
	font-size : 0.85em;
}

.footer-anchor
{
	text-decoration : none;
	display : block;
	color : inherit;
}

.footer-anchor-sm
{
	font-size : 1.2rem;
	text-decoration : none;
	padding : 0.2em;	
	color : inherit;
	transition : 0.5s ease all;
	
}
.footer-anchor-sm:hover
{
	font-size : 1.2rem;
	text-decoration : none;
	padding : 0.2em;	
	color : #5f5fde;
	transition : 0.5s ease all;
}


.center-text
{
	text-align : center;
}
.footer2
{
	padding : 0.75em;
	background-color : #c8cfca;
	color : #7a827c;
	font-size : 0.85em;
}