[hidden] { display: none; }

.hm-gradient {
    background-image: linear-gradient(to top, #f3e7e9 0%, #e3eeff 99%, #e3eeff 100%);
}
.navbar .dropdown-menu a:hover {
    color: #616161 !important;
}
.darken-grey-text {
    color: #2E2E2E;
}

.dropdown-toggle::after { 
    content: none !important; 
} 

/********************** DEFAULT STYLES **********************/

.clear {
	clear: both;
}

.navbar {
	background-color: rgba(25,25,25,1);
	position: absolute !important;
	z-index: 999;
}

	.upperNav {
		background-color: white;
	}

	.navbar-collapse {
		font-family: 'Barlow', sans-serif !important;
	}

	/*.navbar-nav {
		position: absolute !important;
	}*/

	.dropLink {
		color: #fff !important;
		text-transform: uppercase;
	}



/************************************************************/

@media screen and (min-width: 320px)  {

	.testContent {
		width: 98vw;
		height: 50vh;
		background-color: lightblue;
		padding: 10px;
		margin: 1%;
		text-align: center;
		color: darkgrey;
	}

	.navbar {
		width: 100% !important;
		top: 90px !important;
	}

	.navContainer {
		width: 100%;
		margin: auto;
	}

	.upperNav {
		width: 100%;
		height: 100px;
		padding: 8px;
	}

		.mainLogo {
			width: 95px;
			height: auto;
			float: left;
			position: relative;
			z-index: 1000;
			margin: 20px 0 0 0;
		}

		.navHeading {
			width: auto;
		}

		#navHead01 {
			float: left;
			font-family: 'Lato', sans-serif;
			font-weight: 300;
			text-transform: uppercase;
			margin: 45px 0 0 5px;
			padding: 0;
			font-size: 0.5em;
			letter-spacing: 0.25px;
			width: auto;
		}

		#navHead02 {
			float: left;
			font-family: 'Lato', sans-serif;
			font-weight: 300;
			text-transform: uppercase;
			margin: -60px 0 0 100px;
			padding: 0;
			font-size: 0.65em;
			letter-spacing: 0.25px;
			width: auto;
		}

		.searchBox {
			display: none !important;
		}

		.frenchBox {
			display: initial !important;
			position: relative;
			top: -100px;
			float: right;
			margin-bottom: -18px;
			font-size: 0.65em;
		}

			#frenchMOBILE {
				display: initial !important;
			}

			.frenchBox a {
				color: black;
				font-family: 'Barlow', sans-serif !important;
			}

	.navbar {
		padding: 0 !important;
		position: relative;
		top: -33px;
	}

		.searchMobile {
			margin-left: 112px !important;
			margin-top: 8px !important;
			display: inline-block;
			float: left;
		}

			.searchMobile input {
				width: 120px;
				height: 25px;
				border: 1px solid #555555 !important;
				background-color: black;
				border-radius: 0%;
				padding: 5px !important;
			}

				.searchMobile input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
				  color: #555555;
				  opacity: 1; /* Firefox */
				}
				.searchMobile input:-ms-input-placeholder { /* Internet Explorer 10-11 */
				  color: #555555;
				}
				.searchMobile input::-ms-input-placeholder { /* Microsoft Edge */
				  color: #555555;
				}

			.searchMobile button {
				padding: 0;
				margin: 0;
				background-color: rgba(225,225,225,0.0);
				border: 0px;
			}

			.searchMobile img {
				width: auto;
				height: 20px;
				float: right;
				margin: 0 0 0 5px;
			}

		.navbar-toggler {
			float: right;
			color: white !important;
			border-width: 0px !important;
			padding-top: 5px !important;
			padding-bottom: 5px !important;
			padding-left: 8px !important;
			padding-right: 8px !important;
		}

			.navbar-toggler-icon {
				color: white !important;
			}

			.navbar-collapse {
				padding: 15px 15px 15px 15px !important;
				width: 100% !important;
			}

		.nav-link {
			padding: 0 !important;
			display: block !important;
			height: 25px !important;
		}

			.dropLink {
				position: relative;
				top: -23px;
				float: left;
			}

			.dropdown-toggle {
				z-index: 200;
				background-image: url(../images/dropdownArrow.svg);
				background-repeat: no-repeat;
				background-position: 100% 100%;
				background-size: auto 80%;
			}

			.dropdown-menu {
				padding: 0 0 10px 0 !important;
				background-color: #282828 !important;
				border: 0px !important;
				border-radius: 0 !important;
				margin-top: 15px !important;
				margin-bottom: 15px !important;
			}

				.dropdown-item {
					padding: 5px 5px 5px 15px !important;
					color: #fff !important;
					font-size: 0.8em;
				}

			.dropArrow {
				display: inline-block;
				float: right;
				width: auto;
				height: 20px;
				position: relative;
				top: -20px;
				z-index: 100;
			}

}

/************************************************************/

@media screen and (min-width: 375px)  {

	.navbar {
		top: 115px !important;
	}

	.upperNav {
		height: 120px;
		padding: 15px 10px;
	}

		.mainLogo {
			width: 110px;
			margin: 20px 0 0 0;
		}

		#navHead01 {
			font-size: 0.65em;
			margin: 45px 0 0 5px;
		}

		#navHead02 {
			font-size: 0.75em;
			margin: -75px 0 0 115px;
		}

		.frenchBox {
			top: -110px;
			margin-bottom: -16px;
			font-size: 0.75em;
		}

			.frenchBox a {
			}

	.navbar {
	}

		.searchMobile {
			margin-left: 132px !important;
		}

			.searchMobile input {
				width: 140px;
			}

		.navbar-toggler {
		}

			.navbar-collapse {
				padding: 15px 25px 15px 25px !important;
			}

}

/************************************************************/

@media only screen 
    and (device-width : 375px) 
    and (device-height : 812px) 
    and (-webkit-device-pixel-ratio : 3) {

    .upperNav {
		height: 115px;
		padding: 15px 10px;
	}

		.mainLogo {
			width: 110px;
			margin: 20px 0 0 0;
		}

		#navHead01 {
			font-size: 0.65em;
			margin: 15px 0 0 10px;
		}

		#navHead02 {
			font-size: 0.8em;
			margin: -70px 0 0 10px;
		}

		.frenchBox {
			top: -110px;
			margin-bottom: -16px;
			font-size: 0.75em;
		}

			.frenchBox a {
			}

    .navbar {
	}

		.searchMobile {
			margin-left: 132px !important;
		}

			.searchMobile input {
				width: 140px;
			}

		.navbar-toggler {
		}

			.navbar-collapse {
				padding: 15px 25px 15px 25px !important;
			}
}

/************************************************************/

@media screen and (min-width: 414px)  {

	.navbar {
		top: 120px !important;
	}

	.upperNav {
		height: 120px;
		padding: 15px 10px;
	}

		.mainLogo {
			width: 125px;
			margin: 15px 0 0 0;
		}

		#navHead01 {
			font-size: 0.7em;
			margin: 40px 0 0 5px;
		}

		#navHead02 {
			font-size: 0.8em;
			margin: -5px 0 0 5px;
		}

		.frenchBox {
			top: -130px;
			margin-bottom: -18px;
			font-size: 0.75em;
		}

			.frenchBox a {
			}

	.navbar {
	}

		.searchMobile {
			margin-left: 146px !important;
			margin-top: 12px !important;
		}

			.searchMobile input {
			}

		.navbar-toggler {
			padding-top: 10px !important;
			padding-bottom: 10px !important;
		}

			.navbar-collapse {
				padding: 25px 25px 15px 25px !important;
			}

}

/************************************************************/

@media screen and (min-width: 568px) {

	.navbar {
		top: 55px !important;
	}

	.upperNav {
		height: 60px;
		padding: 15px 10px;
	}

		.mainLogo {
			width: 70px;
			margin: 0px 0 0 0;
		}

		#navHead01 {
			width: 300px;
			margin: 5px 0 0 10px;
			font-size: 0.65em;
		}

		#navHead02 {
			width: 320px;
			margin: -5px 0 0 10px;
			font-size: 0.8em;
		}

		.frenchBox {
			top: -60px;
			font-size: 0.7em;
		}

			.frenchBox a {
			}

	.navbar {
	}

		.searchMobile {
			margin-left: 91px !important;
			margin-top: 8px !important;
		}

			.searchMobile input {
			}

		.navbar-toggler {
			padding-top: 5px !important;
			padding-bottom: 5px !important;
		}

			.navbar-collapse {
				padding: 5px 25px 15px 25px !important;
			}

}

/************************************************************/

@media screen and (min-width: 667px) {

}

/************************************************************/

@media screen and (min-width: 736px)  {

	.navbar {
		top: 58px !important;
	}

	.upperNav {
		height: 60px;
		padding: 15px 10px;
	}

		.mainLogo {
			width: 70px;
			margin: 5px 0 0 0;
		}

		#navHead01 {
			width: 55%;
			margin: 10px 0 0 10px;
			font-size: 0.55em;
		}

		#navHead02 {
			width: 55%;
			margin: -7px 0 0 10px;
			font-size: 1em;
		}

	.navbar {
	}

		.searchMobile {
			margin-left: 91px !important;
		}

			.searchMobile input {
			}

		.navbar-toggler {
			padding-top: 5px !important;
			padding-bottom: 5px !important;
		}

			.navbar-collapse {
				padding: 25px 25px 15px 25px !important;
			}

}

/************************************************************/

@media screen and (min-width: 768px)  {

}

/************************************************************/

@media only screen 
    and (device-width : 812px) 
    and (device-height : 375px) 
    and (-webkit-device-pixel-ratio : 3) {


}

/************************************************************/

@media screen and (min-width: 992px)  {

	.nav-box {
		position: fixed;
		z-index: 5000;
		width: 100%;
		margin-top: -6px !important;
	}

	.navbar {
		top: 125px !important;
	}

	.upperNav {
		height: 150px;
		padding: 30px;
	}

		.mainLogo {
			width: 120px;
			margin: 5px 0 0 0;
		}

		#navHead01 {
			width: 55%;
			margin: 30px 0 0 15px;
			font-size: 1em;
		}

		#navHead02 {
			width: 55%;
			margin: -9px 0 0 15px;
			font-size: 1.75em;
		}

		.searchBox {
			display: initial !important;
			position: relative;
			float: right;
			z-index: 1000;
			height: auto;
			padding: 0;
			margin: -110px 0 0 0;
		}

			.searchBox input {
				border-radius: 0 !important;
				height: 20px;
				width: 150px !important;
				padding: 5px !important;
			}

			.searchBox img {
				height: 20px;
				width: auto;
			}

			.socialBox {
				margin: 0 20px 0 0;
				float: left;
			}

				.socialLink {
					margin: 0 2px 0 2px;
				}

			.searchBox button {
				padding: 0px;
				margin: -5px 0 0 0;
				background-color: rgba(225,225,225,0.0);
				border: 0px;
			}

			.frenchBox {
				display: initial !important;
				float: right;
				position: relative;
				top: 10px;
			}

				#frenchMOBILE {
					display: none !important;
				}

				.frenchBox a {
					color: black;
					font-size: 0.75em;
					font-family: 'Barlow', sans-serif !important;
				}

	.navbar {
	}

		.searchMobile {
			display: none !important;
		}

			.searchMobile input {
			}

		.navbar-toggler {
			padding-top: 5px !important;
			padding-bottom: 5px !important;
		}

			.navbar-collapse {
				padding: 0px 25px 0px 147px !important;
			}

				.navbar-nav {
					width: 100%;
				}

				.nav-item {
					font-size: 0.9em;
  					margin: 0 2.5% 0 2.5%;
  					line-height: 1em;
  					text-align: center;
				}

					#singleLine {
						padding-top: 16px !important;
					}

					#doubleLine {
						padding-top: 8px !important;
					}

				.dropdown-menu {
					font-size: 0.75em !important;
					margin: 0 !important;
					padding: 5px !important;
					border-radius: 0 !important;
				}

					.dropdown-item {
						padding: 5px !important;
						margin: 0 !important;
					}

		.nav-link {
			padding: 0 !important;
			display: block !important;
			height: 25px !important;
		}

			.dropLink {
				position: relative;
				top: -13px;
				float: none;
			}

			.dropdown-toggle {
				background-image: none;
			}

			.dropdown-menu {
				padding: 10px 0 10px 0 !important;
				background-color: #282828 !important;
				border: 0px !important;
				border-radius: 0 !important;
				margin-top: 0px !important;
				margin-bottom: 15px !important;
			}

				#lastDropdown {
					margin-left: -80px !important;
				}

				.dropdown-item {
					padding: 8px 15px 8px 15px !important;
					color: #fff !important;
					font-size: 1.25em;
					height: auto;
					display: inline-block !important;
				}

					#lastMenuLink {
						padding: 8px 15px 8px 15px !important;
					}

			.dropArrow {
				display: inline-block;
				float: right;
				width: auto;
				height: 20px;
				position: relative;
				top: -20px;
				z-index: 100;
			}

}

/************************************************************/

@media screen and (min-width: 1024px)  {


}

/************************************************************/

@media screen and (min-width: 1115px)  {

	#singleLine {
		padding-top: 8px !important;
	}

	#doubleLine {
		padding-top: 0px !important;
	}

}


/************************************************************/

/*@media screen and (min-width: 1024px)  {

	.upperNav {
	}

		.navHeading {
			width: 56%;
		}

		#navHead01 {
			width: auto;
			margin: 30px 0 0 15px;
			font-size: 1em;
		}

		#navHead02 {
			width: auto;
			height: auto;
			margin: -13px 0 0 15px;
			font-size: 1.75em;
		}

		.searchBox {
			margin: -110px 0 0 0;
		}

			.frenchBox {
				top: 10px;
			}

	.navbar {
	}

		.searchMobile {
		}

			.searchMobile input {
			}

		.navbar-toggler {
		}

			.navbar-collapse {
				padding: 5px 25px 5px 144px !important;
			}

				.nav-item {
					font-size: 0.85em;
  					margin: 0 4.25% 0 4.25%;
  					line-height: 1.1em;
  					text-align: center;
				}

					#singleLine {
						padding-top: 8px !important;
					}

				.dropdown-menu {
					font-size: 0.7em !important;
					margin: 0 !important;
					padding: 5px !important;
					border-radius: 0 !important;
				}

					.dropdown-item {
						padding: 5px !important;
						margin: 0 !important;
					}

	.nav-link {
			padding: 0 !important;
			display: block !important;
			height: 25px !important;
		}

			.dropLink {
				position: relative;
				top: -13px;
				float: none;
			}

			.dropdown-toggle {
				background-image: none;
			}

			.dropdown-menu {
				padding: 10px 0 10px 0 !important;
				background-color: #282828 !important;
				border: 0px !important;
				border-radius: 0 !important;
				margin-top: 0px !important;
				margin-bottom: 15px !important;
			}

				.dropdown-item {
					padding: 5px 5px 5px 15px !important;
					color: #fff !important;
					font-size: 1em;
				}

			.dropArrow {
				display: inline-block;
				float: right;
				width: auto;
				height: 20px;
				position: relative;
				top: -20px;
				z-index: 100;
			}
}*/

/************************************************************/

@media screen and (min-width: 1162px)  {

	#singleLine {
		/*padding-top: 0px !important;*/
	}
				
}

/************************************************************/

@media screen and (min-width: 1266px)  {

	.upperNav {
	}

		.navHeading {
			width: 550px;
		}

		#navHead01 {
			width: auto;
			margin: 30px 0 0 15px;
			font-size: 1em;
		}

		#navHead02 {
			width: auto;
			margin: -12px 0 0 15px;
			font-size: 1.75em;
		}

		.searchBox {
			margin: -110px 0 0 0;
		}

			.frenchBox {
				top: 10px;
			}

	.navbar-collapse {
		padding-left: 142px !important;
	}

	.nav-item {
		font-size: 1em;
		margin: auto 2.4% auto 2.4%;
	}

	#singleLine {
		padding-top: 0px !important;
	}

	
}

/************************************************************/

@media screen and (min-width: 1280px)  {

	.nav-box {
		position: fixed;
		z-index: 5000;
		width: 100%;
		margin-top: -11px !important;
	}

	.navContainer {
		width: 1220px;
		margin: auto;

	}

		.upperNav {
			width: 100%;
		}

			.navHeading {
				width: 540px;
				float: left;
			}

			#navHead01 {
				width: auto;
				margin: 25px 0 -5px 10px;
				font-size: 1em;
			}

			#navHead02 {
				width: auto;
				margin: -5px 0 0 10px;
				font-size: 1.6em;
			}

			.searchBox {
				margin: 10px 0 0 0;
			}

				.frenchBox {
					position: relative;
					top: 10px;
				}

		.navbar {
		}

			.searchMobile {
			}

				.searchMobile input {
				}

			.navbar-toggler {
			}

				.navbar-collapse {
					width: 100% !important;
					padding: 0px 0px 2px 111px !important;
				}

					.nav-item {
						font-size: 1em;
	  					margin: 0 2.4% 0 2.4%;
					}

					.dropdown-menu {
						font-size: 0.8em !important;
						margin: 0 !important;
						padding: 5px !important;
						border-radius: 0 !important;
					}

						.dropdown-item {
							padding: 5px !important;
							margin: 0 !important;
						}

						#lastDropdown {
							margin-left: -0px !important;
						}

		.nav-link {
			padding: 0 !important;
			display: block !important;
		}

			.dropLink {
				position: relative;
				top: -12px;
				float: none;
			}

			.dropdown-toggle {
				background-image: none;
			}

			.dropdown-menu {
				padding: 10px 0 10px 0 !important;
				background-color: #282828 !important;
				border: 0px !important;
				border-radius: 0 !important;
				margin-top: 0px !important;
				margin-bottom: 15px !important;
			}

				.dropdown-item {
					padding: 5px 15px 5px 15px !important;
					color: #fff !important;
					font-size: 1em;
				}

			.dropArrow {
				display: inline-block;
				float: right;
				width: auto;
				height: 20px;
				position: relative;
				top: -20px;
				z-index: 100;
			}

	#singleLine {
		padding-top: 8px !important;
	}

	#doubleLine {
		padding-top: 0px !important;
	}


}

/************************************************************/

@media screen and (min-width: 1281px)  {

	

/************************************************************/

@media screen and (min-width: 1366px)  {

}

/************************************************************/


@media screen and (min-width: 1600px)  {

}

/************************************************************/

@media screen and (min-width: 1920px)  {

}

/************************************************************/