@charset "UTF-8";
/* CSS Document */
.sub-name-e {color:#757679;text-decoration:none; font-size:14px;width:100%; padding:0 2%}
.sub-name-e:hover {text-decoration:none; color:#757679;}
.name-e:hover {text-decoration:none; color:#757679;}
.sub-name-e a {text-decoration:none; color:#757679;}
.nav-align-pg{text-align:left; float:left;  width:100%; padding:1em 1em 1em 1.5em}	
.no-indent-e{padding:0!important;}
.img-fluid{border-radius:5px}

.ec-container {position: relative; width: 100%; margin-bottom:15px}
.ec-container:hover .ec-overlay-black, .ec-container:hover .ec-overlay-blue, .ec-container:hover .ec-overlay-yellow, .ec-container:hover .ec-overlay-prpl, .ec-container:hover .ec-overlay-blackprple, .ec-container:hover .ec-overlay-green {opacity: 0.9; border-radius:5px}	
.ec-overlay-black {position: absolute;top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; transition: .5s ease; background-color: #231F20; color:#ffffff; border-radius:5px}
.ec-overlay-blue {position: absolute;top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; transition: .5s ease; background-color: #3888cb; color:#ffffff;  border-radius:5px}
.ec-overlay-yellow {position: absolute;top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; transition: .5s ease; background-color:#eeaa44; color:#ffffff;  border-radius:5px}
.ec-overlay-prpl {position: absolute;top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; transition: .5s ease; background-color:#6041b0; color:#ffffff;  border-radius:5px}	
.padding-block-e {padding:30% 15% 15% 15%}
.ec-overlay-blackprple {position: absolute;top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; transition: .5s ease; background-color: #0d0129; color:#ffffff;  border-radius:5px}
.ec-overlay-green {position: absolute;top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; transition: .5s ease; background-color: #61893d; color:#ffffff; border-radius:5px}



.ec-overlay-button {background-color:#eee; color:#231F20; border-radius:50px; padding:12px 5px 0 5px; font-family: omnes-pro, sans-serif;font-weight: 400; font-style: italic;font-size:24px; line-height:.5em;}
.ec-overlay-button:hover, .ec-overlay-button:active {background-color:#0d0129;opacity:.9; color:#fff}



.ec-overlay-blue-bnr { height: 100%; width: 100%; ; transition: .10s ease; border-radius:5px}
.ec-overlay-green-bnr { height: 100%; width: 100%; ; transition: .10s ease;border-radius:5px}
.ec-overlay-yellow-bnr { height: 100%; width: 100%; ; transition: .10s ease;border-radius:5px}
.ec-bnr-txt-d{margin:2% 3% 3% 3%; color:#333;}
.ec-overlay-black-bnr { height: 100%; width: 100%; ; transition: .10s ease; border-radius:5px}

.ec-container:hover .ec-overlay-black-bnr {background-color: #0d0129; color:#ffffff;border-radius:5px}
.ec-container:hover .ec-overlay-blue-bnr {background-color:rgb(56, 136, 203, .9);border-radius:5px}
.ec-container:hover .ec-overlay-green-bnr {background-color:rgb(97, 137, 61,.9);border-radius:5px}
.ec-container:hover .ec-overlay-yellow-bnr {background-color:rgb(238, 170, 68, .9);border-radius:5px}
.ec-container:hover .ec-bnr-txt-d {color:#ffffff;border-radius:5px}


/* Add a black background color to the top navigation */
.mobiletnav-e { background-color: #fafafa; overflow: hidden;width:100%;}

/* Style the links inside the navigation bar */
.mobiletnav-e a {float: left; display: block;color: #757679; text-align: left; padding: 12px 14px; font-size: 14px; width:100%;text-decoration:none}
	
.find-me-e:hover {color:#0d9c57!important; font-weight: bold;background-color:#ffffff}
.places-e:hover {color:#61893d!important; font-weight: bold;background-color:#ffffff}
.assignment-e:hover {color:#eeaa44!important; font-weight: bold;background-color:#ffffff}
.corporate-e:hover {color:#3888cb!important; font-weight: bold;background-color:#ffffff;}
.monsters-e:hover {color:#231F20!important; font-weight: bold;background-color:#ffffff}
.contact-e:hover {color:#0d0129!important; font-weight: bold;background-color:#ffffff}

/* Add an active-e class to highlight the current page */
.active-e {background-color:#ffffff; text-decoration:none;}

/* Hide the link that should open and close the mobiletnav-e on small screens */
.mobiletnav-e .icon-e {display: none;}

/* dropdown-e container - needed to position the dropdown-e content */
.dropdown-e {float: left;overflow: hidden;width:100%; text-align:left; padding-left:1em}

/* Style the dropdown-e button to fit inside the mobiletnav-e */
.dropdown-e .dropbtn-e {font-size: 14px;border: none;outline: none;color: #757679;padding: 12px 14px;background-color:inherit; }

/* Style the dropdown-e content (hidden by default) */
.dropdown-e-content { display: none;position: absolute;background-color: #eee;min-width: 60%;z-index: 1; margin-left:3em}

/* Style the links inside the dropdown-e */
.dropdown-e-content a {float:left;color: #757679;padding: 12px 16px; text-decoration: none; display: block;text-align: left;}
	
/* Add a dark background on mobiletnav-e links and the dropdown-e button on hover */
.mobiletnav-e a:hover, .dropdown-e:hover .dropbtn-e {background-color: #ffffff;color:inherit;text-decoration:none; margin:0!important}

/* Add a background to dropdown-e links on hover */
.dropdown-e-content a:hover {background-color: #fff; color: #757679; text-decoration:none}

/* Show the dropdown-e menu when the user moves the mouse over the dropdown-e button */
.dropdown-e:hover .dropdown-e-content {display: block; }


/* When the screen is less than 990 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the mobiletnav-e (.icon-e) */
@media screen and (max-width: 991px) {
.nav-align-pg{margin:0 auto; text-align:center;}	
.mobiletnav-e a:not(:first-child), .dropdown-e .dropbtn-e { display: none;text-decoration:none}
.mobiletnav-e a.icon-e {float:none;display: block; margin:auto; text-align:center;font-weight:bold;font-size:22px; }
.dropdown-e .dropbtn-e {font-size: 16px; line-height:1.25em}
.mobiletnav-e a {font-size: 16px; text-decoration:none; line-height:1.25em; }


/* The "responsive" class is added to the mobiletnav-e with JavaScript when the user clicks on the icon-e. This class makes the mobiletnav-e look good on small screens (display the links vertically instead of horizontally) */

  .mobiletnav-e.responsive {position: relative;}
  .mobiletnav-e.responsive a.icon-e { position: relative;center: 0;top: 0;text-decoration:none}
  .mobiletnav-e.responsive a { float: none;display: block;text-align: left;text-decoration:none}
  .mobiletnav-e.responsive .dropdown-e {float: none;}
  .mobiletnav-e.responsive .dropdown-e-content {position: relative;}
  .mobiletnav-e.responsive .dropdown-e .dropbtn-e { display: block;width: 100%;text-align: left;}
.navbar-fixed-left-e {width: 100%;position: fixed ; z-index:100; background-color:#ffffff;}	
	.nav-space-e{clear:both; padding-top:130px}
}

	
@media screen and (min-width: 578px) {
	.nav-space-e{clear:both; padding-top:130px}	
}

@media screen and (min-width: 767px) {
.ec-box {height:800px}
}

@media screen and (min-width: 992px) {
	.navbar-fixed-left-e {max-width:23%;position: fixed;height: 100%; }
	.nav-space-e{clear:both; padding-top:0}
		
}
@media screen and (min-width: 1800px) {
	.navbar-fixed-left-e {max-width:420px;position: fixed;height: 100%; }
}