@import url("fontawesome-free/css/fontawesome-all.min.css");

body{color:#A5A6AA; background-color:#161C21; margin: 0;}
a{outline:none; text-decoration:none;}
*, *::before, *::after{box-sizing:border-box;}
div {position:relative;}

#PAGES_TOP {
	width: 100%;
	background-color: #000000;
}

.main_container {
	max-width: 900px;
	padding: 30px 0px 60px 0px;
	display: block;
	margin: 0 auto;
	clear: both;
	text-align: center;
}

.toplogo {
	margin: 0px;
	padding: 0;
}

.grid {
	max-width: 90%;
}

.main_divisions {
    display: block;
    list-style-type: none;
	padding: 0;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0px;
	margin: auto;
}

.main_divisions_item {
    display: inline-block;
    position: relative;
    width: 44.4444%;
    margin: 0px 20px 30px 20px;
    padding: 0;
    text-align: left;
    word-wrap: break-word;
	float:none;
}

.imgover {
    display: inline-block;
    position: relative;
    max-width: 100%;
}

.floating_sm_links {
	background-color:#000000;
	border-radius: 5px;
	z-index: 999;
	display: table-cell;
	position: fixed;
	bottom: 20px;
	right: 2%;
	min-height: 48px;
	text-align: center;
	vertical-align: middle;
	padding: 6px;
	z-index:40;
	/*width: 36px;
	line-height: 36px;
	font-size: 16px;*/
}

.topbar {
	display: table;
	position: relative;
	width: 100%;
	margin: 0;
	text-align: left;
	word-wrap: break-word;
	padding: 0px 25px 0px 25px;
	background-color: rgba(0,0,0,.45);
}

img.mhvlogo {
	height: 64px;
	margin: 5px 0px 5px 0px;
	display: table-cell;
	float:none;
	min-width: 64px;
}
.mhvcredo {
	position: relative;
	font-family: "Quicksand", Georgia, "Times New Roman", Times, serif;
	font-size:12pt;
	font-weight:400;
	color:#FFFFFF;
	margin: 0px 25px 0px 25px;
	display: table-cell;
	vertical-align: middle;
	float:none;
}

.navbar {
	color:#FFFFFF;
	margin: 0px;
	display: table-cell;
	float: none;
	vertical-align: middle;
}

.topnav {
	line-height: normal;
	float: right;
	display: table;
	padding: 0;
	position: relative;
	margin: 0;
	text-align: right;
	word-wrap: break-word;
}

.topmenu {
	display: inline-block;
	float: left;
	clear: both;
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
	color: #FFFFFF;
	text-transform: uppercase;
	text-align: right;
}

.footer {
	display: block;
	position: absolute;
	bottom:0px;
	width: 100%;
	margin: 0;
	text-align: center;
	word-wrap: break-word;
	padding: 15px 25px 20px 25px;
	background-color: black;
}

.footer_inner {
	display:inline-block;
	text-align: left;
	width: 840px;
}

.copyright {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	font-weight: 500;
	color: white;
}

.contact-details {
	display: inline-block;
	line-height: 38px;
	font-family: Arial, Baskerville, monospace;
	color: #FFFFFF;
	font-size: 2rem;
	border: 0 none;
	background: rgba(0,0,0,.35);
	padding: 25px;
	border-radius: 5px;
	margin-top:20px;
}

.contact-details p {	
	line-height: 1em;
    font-family: Arial, Baskerville, monospace;
    color: #FFFFFF;
    font-size: 0.70em;
    font-weight: 400;
    padding: 0;
    margin: 0;
}

.contact-details h1 {	
	line-height: 40px;
    font-family: Arial, Baskerville, monospace;
    color: #FFFFFF;
    font-size: 1.7rem;
    font-weight: 500;
    padding: 0;
    margin: 0;
}



img{max-width:100%;height:auto;margin:0;padding:0;border:none;line-height:normal;vertical-align:middle;}
.imgl{margin:0 15px 10px 0; clear:left;}
.imgr{margin:0 0 10px 15px; clear:right;}
.imgover{display:inline-block; position:relative; max-width:100%;}
.imgover::before, .imgover::after{display:block; position:absolute; content:""; text-align:center; opacity:0;}
.imgover::before{top:0; right:0; bottom:0; left:0;}
.imgover::after{top:0; right:0; bottom:0; left:0;}
.imgover:hover::before, .imgover:hover::after{opacity:1;}

a.social_media_links_bottom img{
	 
		height: 32px;
		/*width: 50%;*/
		margin: auto 8px auto 8px ;
}
span.social_media_links_bottom {
	    display: inline-block;
		vertical-align: middle;
}

#introblocks{display:block; position:relative; margin:0 0 0 0; z-index:1; text-align:center;}
#introblocks figure{display:block; position:relative; max-width:400px; text-align:center; margin:0; }
#introblocks figure figcaption{display:block; position:absolute; top:0; width:100%; padding:0 20px; color:#FFFFFF; background-color:rgba(0,0,0,.55);  font-family: Verdana, Geneva, sans-serif;}
#introblocks figure figcaption *{margin:0; padding:0;}
#introblocks figure figcaption div{max-height:0; overflow:hidden; transition:max-height .6s cubic-bezier(0, 1, 0, 1) -.1s;}
#introblocks figure:hover figcaption div{max-height:1200px; transition-timing-function:cubic-bezier(0.5, 0, 1, 0); transition-delay:0s;}
#introblocks figure figcaption .heading{padding:20px 0; font-size:1.2rem; font-weight:700; font-family: "Ubuntu", sans-serif; line-height:1;}
#introblocks figure figcaption div p{padding:0 0 20px 0; font-size: 13px; font-weight:400;}

#mainav{}
#mainav li {display:inline-block; position:relative; margin:0 15px 0 0; padding:0;}
#mainav li a{color:inherit; font-family: "Barlow", Verdana, Geneva, sans-serif; font-size:16px}
#mainav .active a, #mainav a:hover, #mainav li:hover > a{color:#a8d9eb; background-color:inherit;}
#mainav li li a, #mainav .active li a{color:#FFFFFF; background-color:rgba(168,217,235,.5);/* #a8d9eb */ border-color:rgba(168,217,235,.5);}
#mainav li li:hover > a, #mainav .active .active > a{color:#FFFFFF; background-color:#a8d9eb;}
#mainav form select{color:#474747; background-color:#FFFFFF;}
#mainav{}
#mainav ul{text-transform:uppercase;}
#mainav ul ul{position:absolute; width:180px; text-transform:none; z-index:9999; padding: 0;}
#mainav ul ul ul{left:180px; top:0;}
#mainav li{display:inline-block; position:relative; margin:0 15px 0 0; padding:0;}
#mainav li:last-child{margin-right:0;}
#mainav li li{width:100%; margin:0;}
#mainav li a{display:block; padding:28px 0px 27px 0px;}
#mainav li li a{border:solid; border-width:0 0 1px 0;}
#mainav .drop{padding-left:15px;}
#mainav li li a, #mainav li li .drop{display:block; margin:0; padding:10px 15px;}
#mainav .drop::after, #mainav li li .drop::after{position:absolute; font-family:"Font Awesome\ 5 Free"; font-weight:900; font-size:10px; line-height:10px; content:"\f0d7";}
#mainav .drop::after{top:32px; left:5px;}
#mainav li li .drop::after{top:15px; left:5px;}
#mainav ul ul{visibility:hidden; opacity:0;}
#mainav ul li:hover > ul{visibility:visible; opacity:1;}

#mainav form{display:none; clear:both; width:100%; margin:0; padding:0; float:right; }
#mainav form select, #mainav form select option{display:block; cursor:pointer; outline:none; }
#mainav form select{width:100%; padding:5px; border:none; }
#mainav form select option{margin:5px; padding:0; border:none;}
#mainav li a img {height: 19px; margin-left: 10px; vertical-align:bottom;}

nav ul {padding-inline-start: 0px;}
nav ul li {text-align: left;}



@media screen and (max-width:1113px){
	.main_container{
		max-width: 90%;
	}
	.main_divisions_item{
		width: auto;
    }

	#mainav ul{display:none;}
	#mainav form{display:block; margin-top:10px; margin-bottom:10px;}

}

@media screen and (max-width:890px){
	.footer_inner {
		width: 90%;
	}

}



@media only screen and (hover: none) and (pointer: coarse){

.mhvcredo {
	font-size:10pt;
	margin: 0px 16px 0px 16px;
	max-width:50%;
	padding: 0px 5px 0px 5px;
	}

.copyright {
	font-size:10pt;
	font-weight: 400;
	}
a.social_media_links_bottom img{
	 
		height: 24px;
		/*width: 50%;*/
		margin: auto 6px auto 6px ;
	}

.floating_sm_links {

	min-height: 36px;
	}

.footer {

	position: relative;
	}

}


@media screen and (max-width:730px){


	/* .navbar {display:inline-block; float:right;} */
}