html {font-size: 100%}
 
.body {margin-left: 0%; margin-right: 0%; font-family:sans-serif; overflow:auto; }

div.page {width:100%; height:auto; margin-left:auto; margin-right:auto; background-color:#ffffff; overflow-x:hidden; }


/*---------- Main Navigation Menu ------------------------------------------------------------*/
.header {background-color: rgba(4,41,75,1);} 
 		
* {padding: 0;  margin: 0;}

nav {background-color: rgba(4,41,75,1); height: 50px; padding: 0 16px; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; flex-direction: row-reverse; -webkit-align-items: center; 
	align-items: center; /* fade in checked menu */}
nav .m-menu__checkbox {display: none;}
nav label.m-menu__toggle {cursor: pointer;}
nav .m-menu {position: absolute; top: 0; left: 0; max-width: 450px; width: calc(100vw - 30px); height: 100%; -moz-transform: translate3d(-450px, 0, 0); -o-transform: translate3d(-450px, 0, 0); -ms-transform: translate3d(-450px, 0, 0);
	-webkit-transform: translate3d(-450px, 0, 0); transform: translate3d(-450px, 0, 0); -moz-transition: transform 0.35s; -o-transition: transform 0.35s; -webkit-transition: transform 0.35s; transition: transform 0.35s;
	z-index: 100; overflow: hidden; background-color: #fff;}
nav .m-menu__overlay {background-color: rgba(103, 103, 103, 0.5); position: absolute; top: 0; width: 100%; bottom: 0; z-index: 100; display: none;}
nav .m-menu__header {padding: 0 16px; height: 50px; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;  -webkit-justify-content: space-around;
	justify-content: space-around; -ms-flex-pack: space-around; -webkit-align-items: center; align-items: center; border-bottom: 1px solid #e8e8e8;}
nav .m-menu__header span {font-size: 1.2rem; font-weight: bold; text-align: center; width: 100%;}
nav .m-menu .m-menu {-moz-transform: translate3d(480px, 0, 0); -o-transform: translate3d(480px, 0, 0); -ms-transform: translate3d(480px, 0, 0); -webkit-transform: translate3d(480px, 0, 0); transform: translate3d(480px, 0, 0);}
nav .m-menu ul {height: 100%; overflow-y: auto;}
nav .m-menu ul li a, nav .m-menu ul li label {display: block; text-align: left; padding: 0 15px; line-height: 47px; text-decoration: none; color: #333; cursor: pointer; font-size: 1rem; border-bottom: 1px solid #e8e8e8;
	position: relative;}
nav .m-menu ul li label.a-label__chevron::after {content: ""; position: absolute; display: inline-block; height: 10px; width: 10px; border-color: #333; border-style: solid; border-width: 1px 1px 0 0; -moz-transform: rotate(45deg);
	-o-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 50%; margin-top: -5px; right: 16px;}
nav .m-menu ul li .-invisible {border-bottom: 0;}
nav .m-menu .m-menu label.m-menu__toggle {display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; border-bottom: 0; padding: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box;
	box-sizing: content-box;}
nav .m-menu__checkbox:checked ~ .m-menu__overlay {display: block;}
nav .m-menu__checkbox:checked ~ .m-menu {-moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
/*
.wrapper {width: 100%; height: 667px; margin: 0 auto; overflow: hidden; background-color: #fff; position: relative;}*/

.pm_logo {width: 25%; height: 50px; float: left;  padding: 0; margin:0; background-color: rgba(4,41,75,1);}
/*.pm_logo img {height: 40px; margin-left: 15px; margin-top: 5px; }*/
.pm_logo img {height: 40px; position: absolute; transform: translate(5%, 15%); }

body {
  background-color: #f1f1f1;
  padding: 0;
  margin: 0;
  font-family: sans-serif;
  
}



div.main {width: 100%; padding: 0 0 0 0; float: left; margin-top: 0; border:none;}


a.PMlinks:link {color: black; text-decoration: none;}
a.PMlinks:visited {color: black; text-decoration: none;}
a.PMlinks:hover {color: blue; text-decoration: underline; }
a.PMlinks:active {color: black;}


.link_button {display: inline-block; border-radius: 40px; background-color: rgba(4,41,75,1); border: none; color: #FFFFFF; text-align: center; font-size: 16px; padding:15px; width: 150px; transition: all 0.25s;
	cursor: pointer; margin-bottom: 20px; margin: 20px;}
.link_button span {cursor: pointer; display: inline-block; position: relative; transition: 0.25s;}
.link_button span:after {content: '\00bb'; position: absolute; opacity: 0; top: 0; right: -20px; transition: 0.5s;}
.link_button:hover span {padding-right: 25px; color: rgba(237, 125, 49, 1.0);}
.link_button:hover span:after { opacity: 1; right: 0;}


.icon-section {margin: 0 0 3em;	clear: both; overflow: hidden;}
.icon-container {width: 240px; padding: .7em 0;	float: left; position: relative; text-align: left;}
.icon-container [class^="ti-"], .icon-container [class*=" ti-"] {color: #fff; position: absolute; margin-top: 3px; transition: .3s;}
.icon-container:hover [class^="ti-"],.icon-container:hover [class*=" ti-"] {font-size: 2.2em; margin-top: -5px;}
.icon-container:hover .icon-name {color: #000;}
.icon-name {color: #fff; margin-left: 35px;	font-size: .8em; transition: .3s;}
.icon-container:hover .icon-name {margin-left: 45px;}



.footer {width: 100%; float: left; background: rgba(4,41,75,1); border:none;} /*linear-gradient(rgba(2,24,45,1), rgba(6,61,113,1), rgba(4,41,75,1))*/
.footer .left {width: 10%; float: left; margin-top: 1.5%; margin-bottom: 1.5%; margin-left: 3%; margin-right: 0%; padding: 0% 0% 0% 0%; border: none;}
.footer .wrapper {width: 74%; float: left; border:none;}
.footer .wrapper .mission {width: 100%; float: left;  border:none; margin-top:20px; margin-bottom:30px;}
.footer .wrapper .mission p{font-size:1.125rem; color: rgba(237, 125, 49, 1.0); text-align: center;}
.footer .wrapper .contact {width: 38%; float: left;  color: #fff; border: none;}/*.05vw solid white;*/
.footer .wrapper .contact .title {width: 100%; float: left; font-size:1rem; font-weight: bold; margin-bottom: 1rem;}
.footer .wrapper .contact .icon-section {width: 100%; float: left; margin: 0; margin-bottom: 16px;}
.footer .wrapper .contact .icon-container {width: 4%; float: left; margin: 0; padding: 0;}
.footer .wrapper .contact .icon-container img {width: 16px; float: left; margin: 0; padding: 0;}
.footer .wrapper .contact .icon-name { float: left; font-size:.875rem; margin-left: 16px;}
.footer .wrapper .navigate {width: 40%; float: left;  color: #fff; padding: 0; border: none;}
.footer .wrapper .navigate .title {width: 100%; float: left; font-size: 1rem; font-weight: bold; margin-top: 0; padding: 0; border: none;}
.footer .wrapper .navigate ul{list-style-type: none; font-size:.875rem; padding-left: 0; line-height: 2;}
.footer .wrapper .navigate a:link{color: white; text-decoration: none;}
.footer .wrapper .navigate a:visited{color: white; text-decoration: none;}
.footer .wrapper .connect {width: 20%; float: left; font-size:1rem; color: #fff; border: none;}
.footer .wrapper .connect .title {width: 100%; float: left; font-size:1rem; font-weight: bold; margin-top: 0; margin-bottom: .5rem;}
.footer .wrapper .connect p {margin-top: 0;}
.footer .wrapper .connect .icon {float: left; display:inline-block; width:15%; height:auto; margin:.5rem .25rem; padding: 0; background: #555;}
.footer .wrapper .connect .newsletter {width:100%; float: right; border:none;}
.footer .wrapper .connect .newsletter .title {width: 100%; float: left; font-size:1rem; font-weight: bold; margin-top:16px; margin-bottom: 0; color: #fff;}
.footer .wrapper .connect .newsletter .statement {width: 100%; float: left; font-size:.875rem; margin-bottom: 0.6vw;}
.footer .wrapper .connect .newsletter input[type=text] {width: 100%; float: left; font-size:.875rem; margin: 0; padding: 0; text-indent: .25rem; line-height:1; border: none; background: #fff;}
.footer .wrapper .connect .newsletter input[type=submit] {width: 100%; float: left; font-size:.875rem; color: #fff; font-weight: bold; margin-top: .5rem; padding: 0; border: .05vw solid white; background: rgba(4,41,75,1);}
.footer .wrapper .copyright {width: 100%; float: left; padding:0; margin-top: 10px;  margin-bottom: 20px; margin-right: 0; border: none;}
.footer .wrapper .copyright p{font-size:.875rem; color: #fff; text-align: center; padding:0; margin-right:0; }
.footer .wrapper .copyright a:link{color: white; text-decoration: none;}
.footer .wrapper .copyright a:visited{color: white; text-decoration: none;}
.footer .right {width: 10%; float: left; margin-top: 1.5%; margin-bottom: 1.5%; margin-left: 2%; margin-right: 0;padding: 0% 0% 0% 0%; border: none;}





@media screen and (max-width: 1400px) {}
@media screen and (max-width: 1280px) {}
@media screen and (max-width: 1024px) {	
	.footer .left {width: 3%; float: left;}
	.footer .left {width: 3%; float: left;}
	.footer .wrapper {width: 88%; float: left;}
	.footer .wrapper .mission p{font-size:1rem;}
	.footer .wrapper .contact {width: 45%; float: left;}
	.footer .wrapper .contact .title {font-size: .875rem;}
	.footer .wrapper .contact .icon-section {margin-bottom: .875rem;}
	.footer .wrapper .contact .icon-container img {width: .875rem;}
	.footer .wrapper .contact .icon-name {font-size:.75rem; margin-left: .875rem;}
	.footer .wrapper .navigate {width: 25%; float: left;}
	.footer .wrapper .navigate .title{font-size:.875rem;}
	.footer .wrapper .navigate ul{list-style-type: none; font-size:.75rem; padding-left: 0;}
	.footer .wrapper .connect {width: 30%; float: left;}
	.footer .wrapper .connect .title {font-size:.875rem; margin-bottom: .5rem;}
	.footer .wrapper .connect .icon {margin:.25rem .25rem; }
	.footer .wrapper .connect .newsletter .title {font-size:.875rem; margin-top:.5rem;}
	.footer .wrapper .connect .newsletter .statement {font-size:.75rem; margin-bottom: .5rem;}
	.footer .wrapper .connect .newsletter input[type=text] {width: 100%; float: left; font-size:.75rem;}
	.footer .wrapper .connect .newsletter input[type=submit] {width: 100%; float: left; font-size:.75rem; margin-top: .5rem; margin-left: 0;}
	.footer .wrapper .copyright p{font-size:.75rem;}
	.footer .right {width: 3%; float: left;}
  
}

/* On screens that are 768px or less, set the background color to blue */
@media screen and (max-width: 768px) {	
	.footer .left {width: 3%; float: left;}
	.footer .left {width: 3%; float: left;}
	.footer .wrapper {width: 88%; float: left;}
	.footer .wrapper .mission p{font-size:1rem;}
	.footer .wrapper .contact {width: 45%; float: left;}
	.footer .wrapper .contact .title {font-size: .875rem;}
	.footer .wrapper .contact .icon-section {margin-bottom: .875rem;}
	.footer .wrapper .contact .icon-container img {width: .875rem;}
	.footer .wrapper .contact .icon-name {font-size:.75rem; margin-left: .875rem;}
	.footer .wrapper .navigate {width: 25%; float: left;}
	.footer .wrapper .navigate .title{font-size:.875rem;}
	.footer .wrapper .navigate ul{list-style-type: none; font-size:.75rem; padding-left: 0;}
	.footer .wrapper .connect {width: 30%; float: left;}
	.footer .wrapper .connect .title {font-size:.875rem; margin-bottom: .5rem;}
	.footer .wrapper .connect .icon {margin:.25rem .25rem; }
	.footer .wrapper .connect .newsletter .title {font-size:.875rem; margin-top:.5rem;}
	.footer .wrapper .connect .newsletter .statement {font-size:.75rem; margin-bottom: .5rem;}
	.footer .wrapper .connect .newsletter input[type=text] {width: 100%; float: left; font-size:.75rem;}
	.footer .wrapper .connect .newsletter input[type=submit] {width: 100%; float: left; font-size:.75rem; margin-top: .5rem; margin-left: 0;}
	.footer .wrapper .copyright p{font-size:.75rem;}
	.footer .right {width: 3%; float: left;}
  
}

/* On screens that are 600px or less, set the background color to olive */
@media screen and (max-width: 600px) {	
	.footer .left {width: 3%; float: left;}
	.footer .wrapper {width: 88%; float: left;}
	.footer .wrapper .contact {width: 100%; float: left; padding-top: 1rem; border-top: 1px solid white;}
	.footer .wrapper .navigate {width: 100%; float: left; padding-top: 1rem; border-top: 1px solid white;}
	.footer .wrapper .connect {width: 100%; float: left; padding-top: 1rem; border-top: 1px solid white;}
	.footer .wrapper .connect p {margin: 0;}
	.footer .wrapper .connect .icon {float: left; display:inline-block; width:10%; height:auto; margin:.2rem .2rem; padding: 0; background: #555;}
	.footer .wrapper .connect .newsletter input[type=text] {width: 100%; float: left; padding-top: .25rem; padding-bottom: .25rem;}
	.footer .wrapper .connect .newsletter input[type=submit] {width: 100%; float: left; margin-top: .5rem; margin-left: 0; padding-left: .25rem; padding-top: .25rem; padding-bottom: .25rem;}
	.footer .wrapper .copyright {border-top: 1px solid white; margin-top: 1rem;}
	.footer .wrapper .copyright p{font-size:.75rem;}
  
}


/* On screens that are 320px or less, set the background color to blue */
@media screen and (max-width: 400px) {	
	.footer .wrapper .contact {width: 100%; float: left;}
	.footer .wrapper .navigate {width: 100%; float: left;}
	.footer .wrapper .connect {width: 100%; float: left;}
  
}