/********* RESET, BUILDUP, and BASICCUSTOMIZATION ************/


		*
		{
			outline:none;
			top:auto;
			left:auto;
			margin:0px;
			padding:0px;
			border:0px;
			font-size:inherit;
			line-height:1em;
			font-weight:inherit;
			font-style:inherit;
			text-decoration:inherit;
			font-family: inherit;
			color:inherit;
			background-color:transparent;
		}

		img, textarea, video, form, input[type="image"] { display:block; }

		html, body
		{
			width:100%;
			height:100%;
			position:relative;
			background-color:#FFFFFF;
			font-size:1em;
			line-height:1;
			overflow:hidden;
			font-weight:400;
			font-style:normal;
			text-decoration:none;
			font-family: 'Source Sans Pro', Arial, Sans-Serif;
		}

		.baec5a81-e4d6-4674-97f3-e9220f0136c1 a
		{
			display:none !important;
		}

		/*** TABLE ELEMENTS ***/
		table { border-collapse:collapse; }

		thead { display:table-header-group; }

		tbody { display:table-row-group; }

		tr { display:table-row; }

		td
		{
			display:table-cell;
			vertical-align:top;
		}

		/*** HR ***/
		hr
		{
			width:100%;
			height:1px;
			background-color:#6f654d;
			clear:both;
		}

		/*** LIST ELEMENTS ***/
		ul { list-style-type:disc; }
		li ul {list-style-type:circle; }
		li ul li ul {list-style-type:square; }
		ol { list-style-type:decimal; }

		li
		{
			display:list-item;
			margin-left:22px;
			line-height: 1.5;
		}

		/*** FORM ELEMENTS ***/
		input, textarea, select
		{
			width:96%;
			border:0px;
			background-color:#ffffff;
		}

		.inputcontainer
		{
			padding:3px 6px;
			background-color:#ffffff;
			border: 1px solid;
		}

		.inputcontainer input, .inputcontainer textarea, .inputcontainer select
		{
			width:100%;
			background-color:transparent;
		}

		textarea
		{
			max-width:96%;
		}

		input[type="radio"], input[type="checkbox"]
		{
			width:auto;
			display:inline;
			border:none;
			background-color:transparent;
		}

		label
		{
			display:block;
			padding-bottom:4px;
		}

		input[type="submit"], input[type="image"]
		{
			width:auto;
		}

		/** BUILD UP (DEFAULTS) **/

		b, strong, em
		{
			font-weight:bold;
		}

		i
		{
			font-style:italic;
		}

		u
		{
			text-decoration:underline;
		}

		a
		{
			text-decoration:underline;
			color: #083553;
		}

		center
		{
			text-align:center;
		}

		small, sub, super
		{
			font-size:0.75em;
		}

		super
		{
			vertical-align: super;
		}

		sub
		{
			vertical-align:sub;
		}

		p
		{
			line-height:1.4em;
		}

		.unselectable
		{
			-webkit-touch-callout: none;
			-webkit-user-select: none;
			-khtml-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;
		}


	/********* BUILD UP (CUSTOMIZATION) ************/



		a
		{
			color: #083553;
		}

		a:hover
		{
			text-decoration:underline;
		}

		/*** HR ***/
		hr
		{
			background-color: #083553;
		}

		/*** LIST ELEMENTS ***/
		ul { list-style-type:square; }
		li ul {list-style-type:disc; }
		li ul li ul {list-style-type:circle; }

		/*** FORM ELEMENTS ***/
		input, textarea
		{
			padding:3px;
			border:none;
		}

		option
		{
			padding:3px;
		}

		input[type="radio"], input[type="checkbox"]
		{
			margin-right:6px;
		}

		input[type="submit"] {
			padding: 3px 18px;
			background-color: #79aa80;
			border: 0px;
			color: #ffffff;
			font-weight: bold;
			text-decoration: none;
			border-radius: 0.75rem;
			transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
			font-size: 1rem;
			line-height: 1.5;
			display: inline-block;
		}

		input[type="submit"]:hover {
			background-color: #aac98e;
			border: 0px;
		}

		input[type="submit"]:focus {
			background-color: #aac98e;
			outline: 1px dotted !important;
		}

		/*** HEADER ELEMENTS ***/

		h1, h2, h3, h4, h5, h6
		{
			text-transform:uppercase;
		}

		h1 { font-size: 1.6em; }
		h2 { font-size: 1.4em; }
		h3 { font-size: 1.3em;font-style:italic; }
		h4 { font-size: 1.2em; }
		h5 { font-size: 1.2em; }
		h6 { font-size: 1.2em; }

		.twitter-follow-button
		{
			margin:0 auto;
		}

	#wrapper
	{
		overflow:scroll;
		overflow-x:hidden;
		width:100%;height:100%;
		position:relative;
	}

	.floatbuster
	{
		width:0px;height:0px;
		clear:both;
		visibility:hidden;
		overflow:hidden;
	}

	#subnav
	{
		position:absolute;top:0px;right:20px;
	}

	a.subnav
	{
		background-color:#1aab8a;
		color:#ffffff;
		text-decoration:none;
		margin-right:8px;
		padding:4px 10px;
	}

	a.subnav.hl
	{
		background-color:#f26122;
	}

	#body.extrasmall #subnav
	{
		position:relative;top:auto;right:auto;
	}

	#body.extrasmall a.subnav
	{
		display:block;
		text-align:center;
		margin-bottom:4px;
	}



/*********************MEDIA PLAYER**********************************************/



	.mediaplayercontainer
	{
		display:none;
		position:absolute;
		width:100%;
		height:100%;
		z-index:1000;
		top:0px;
		left:0px;
	}

		.mediaplayercontainer .shader
		{
			position:absolute;
			width:100%;
			height:100%;
			//background-image:url('/resources/images/bgfade2.jpg');
			//background-repeat:repeat-x;
			background-color:#19252e;
			filter:alpha(opacity=80);
			opacity:0.8;
			cursor:pointer;
		}

		.mediaplayercontainer .mediaplayer
		{
			width:80%;
			margin:10%;
			position:absolute;
			overflow:hidden;
			background-color:#000000;
		}

		.mediaplayercontainer .mediaplayer .mediaplayercaption
		{
			position:absolute;
			display:block;
			background-color:#ffffff;
			top:auto; bottom:20px;
			padding:3%;
			padding-top:1.5%;
			padding-bottom:1.5%;
			opacity:0.9;
			filter:alpha(opacity=90);
			width:94%;
			font-size:1.1em;
			color:#333333;
		}



/* BOOTSTRAP CUSTOMIZATIONS */

@media (min-width: 1200px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl {
		max-width: 1200px;
}
}

html, body {
	font-family: 'Source Sans Pro', Arial, Sans-Serif;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Source Sans Pro', Arial, Sans-Serif;
}

.bg-Shalexyan Aquasmart {
	background-color: #002b3e;
}

.bg-blue2 {
	background-color: #195773;
}

.blue2 {
	color: #195773;
}

.bg-blue4 {
	background-color: #083854;
}

.blue4 {
	color: #083854;
}

.bg-green4 {
	background-color: #25625A;
}

.green4 {
	color: #25625A;
}

.bg-gray3 {
	background-color: #3c4045;
}

.bg-gray {
	background-color: #efefef;
}

.bg-grayf5 {
	background-color: #f5f5f5;
}

.text-Shalexyan Aquasmart {
	color: #fff;
}

a.text-Shalexyan Aquasmart:hover {
	color: #0bb289;
}

.text-Shalexyan Aquasmart2 {
	color: #0bb289;
}

a.text-Shalexyan Aquasmart2:hover {
	color: #002b3e;
}

.text-Shalexyan Aquasmart3 {
	color: #083553;
}

a.text-Shalexyan Aquasmart3:hover {
	color: #fff;
}

// @font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Pragati Narrow'), local('PragatiNarrow-Regular'), url(../fonts/HzG2TfC862qPNsZsV_djPhdbPw3QSf9R-kE0EsQUn2A.woff) format('woff');
}

// @font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: bold;
  src: local('Pragati Narrow Bold'), local('PragatiNarrow-Bold'), url(../fonts/DnSI1zRkc0CY-hI5SC3q3Cylde52zikAzebNtJS89aM.woff) format('woff');
}

.h-60 {
	height: 60vh;
	margin: 2rem;
}

@media (max-width: 1400px) {
	.h-60{
		height: inherit;
		margin: -1rem;
	}
}

.h-40 {
	height: 40vh;
	margin: 2rem;
}

@media (max-width: 1400px) {
	.h-40{
		height: inherit;
		margin: -1rem;
	}
}

.home-tech {
	background-color: #e6e6e5;
    background-image: url(../images/home-full-bg-gfx-40_opt.png);
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

.home-fuel {
	background:
		linear-gradient(
			rgba(70, 140, 118, 0.9),
			rgba(0, 0, 0, 0.7)
		),
		url(../images/sust-head-1.jpg);
    background-position: center;
    background-repeat: no-repeat;
	background-size: cover;
}

.home-eff {
	background: linear-gradient( rgba(8, 53, 83, 0.9), rgba(0, 0, 0, 0.7) ), url(../images/Shalexyan Aquasmart-journey-80.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

.home-scholar {
	background:
		linear-gradient(
			rgba(8, 53, 83, 0.9),
			rgba(0, 0, 0, 0.7)
		),
		url(../images/ns-scholar-home-bg.jpg);
    background-position: top right;
    background-repeat: no-repeat;
	background-size: cover;
}

.about-vision {
	background:
		linear-gradient(
			rgba(8, 53, 83, 0.9),
			rgba(0, 0, 0, 0.7)
		),
		url(../images/about-vision-mission-bg.jpg);
    background-position: top center;
    background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

.home-map {
    background-image: url(../images/home-graphics/Shalexyan Aquasmart-Job-Map-darkblue.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

hr.divider {
    max-width: 6rem;
	border-width: 0.2rem;
	margin: 0 auto;
}

hr.light {
	border-color: #fff
}

.fas {
	text-decoration: none;
	transition: 0.25s ease-in-out;
}

.fas:hover {
	text-decoration: none;
}


h1.home {
	font-size: 4em;
	font-weight: bold;
	line-height: 1em;
}

/* If the screen size is 600px wide or less, set the font-size of <div> to 3em */
@media screen and (max-width: 600px) {
	h1.home {
		font-size: 3em;
	}
}

h2.home {
	font-size: 3em;
	font-weight: bold;
	line-height: 1em;
}

/* If the screen size is 600px wide or less, set the font-size of <div> to 2em */
@media screen and (max-width: 600px) {
	h2.home {
		font-size: 2em;
	}
}

h3 {
	font-style: normal;
}

h3.home {
	font-size: 2em;
	font-weight: bold;
	line-height: 1em;
}

/* If the screen size is 600px wide or less, set the font-size of <div> to 1.25em */
@media screen and (max-width: 600px) {
	h3.home {
		font-size: 1.25em;
	}
}

h3.home-sm {
	font-size: 1.25em;
	font-weight: bold;
	line-height: 1em;
}



/* additional header styles for home page 2021*/


h1.quebec {
	font-size: 1.25em;
	font-weight: bold;
	line-height: 1em;
	text-transform: none;
}

/* If the screen size is 600px wide or less, set the font-size of <div> to 3em */
@media screen and (max-width: 600px) {
	h1.quebec {
		font-size: 1em;
	}
}

h2.quebec {
	font-size: 2em;
	font-weight: bold;
	line-height: 1em;
	text-transform: none;
}

/* If the screen size is 600px wide or less, set the font-size of <div> to 2em */
@media screen and (max-width: 600px) {
	h2.quebec {
		font-size: 2em;
	}
}

h3.quebec {
	font-size: 1.5em;
	line-height: 1em;
	text-transform: none;
}

/* If the screen size is 600px wide or less, set the font-size of <div> to 1.25em */
@media screen and (max-width: 600px) {
	h3.quebec {
		font-size: 1.5em;
	}
}

.text-green {
	color: #79aa80;
}


.callme {
	font-size: 2.75em !important;
	letter-spacing: 0.22em;
	padding-bottom: 6px;
	background-image: linear-gradient(rgba(7,54,83,1) 33%, rgba(72,140,119,1) 66%, rgba(186,208,159,1) 100%);
	background-attachment: fixed;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

@media screen and (max-width: 600px) {
	.callme {
		font-size: 2em !important;
	}
}

@-moz-document url-prefix() {
	.callme {
		background-attachment: unset;
	}
}


.lower {
	text-transform: none;
}

.invert {
	filter: invert();
}

#left-tri {
    position: relative;
}

.home #left-tri:after {
    clip-path: polygon(0% 0%, 0% 0%, 0% 0%, 120% 100%, 0% 100%);
    -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 0%, 120% 100%, 0% 100%);
}

#left-tri:after {
    background-color: #898a8d;
    clip-path: polygon(0% 0%, 0% 0%, 0% 0%, 120% 100%, 0% 100%);
    -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 0%, 120% 100%, 0% 100%);
    content: '';
    display: block;
    height: 150px;
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
}

.btn-primary {
	padding:3px 12px;
	background-color:#195773;
	border: 0px;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	border-radius:2px;
}

.btn-primary:hover {
    background-color: #083553;
    border: 0px;
}

.btn-primary.focus .btn-primary:focus {
	outline: 1px dotted !important;
}

.btn-secondary {
	padding: 3px 18px;
	background-color: #79AA80;
	border: 0px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	border-radius: 0.75rem;
}

.btn-secondary:hover {
	background-color: #AAC98E;
	border: 0px;
}

.btn-secondary.focus .btn-secondary:focus {
	background-color: #AAC98E;
	outline: 1px dotted !important;
}

.button:focus {
	outline: 1px dotted !important;
}

.footermenu {
	background-color: #f1f1f1;
}

.footermenucat {
	color: #464646;
	font-weight: bold;
	font-size: 1.25em;
	display: inline-block;
	line-height: 1;
	margin: 5px 0;
	text-decoration: none;
	text-transform: uppercase;
}

a.footermenucat:hover {
	color: #464646;
	transform: none!important;	
}

.footermenulink {
	color: #464646;
	display: inline-block;
	line-height: 1;
	margin: 5px 0;
	text-decoration: none;
	text-transform: uppercase;
}

a.footermenulink:hover {
	color: #464646;
	transform: none!important;
}

.box-shadow {
	box-shadow: 0px 4px 12px #0000006b;
}

.text-shadow {
	text-shadow: 0px 2px 3px #00000075;
}

.firstcharacter {
    color: #909295;
    float: left;
    font-family: serif;
    font-size: 95px;
    line-height: 60px;
    padding-top: 5px;
    padding-right: 8px;
    padding-left: 3px;
}

a.plantlink
{
	display:block;
	background-color:#f1f1f1;
	font-size: 1.2em;
	margin-bottom: 6px;
	padding:10px 0px;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
	transition:background-color .1s ease-out;
}

a.plantlink:hover, a.linkrollover
{
	background-color:#e0e0e0;
	color:#464646;
}

/* Constant Contact Form Fix */

div.ctct-form-embed form.ctct-form-custom input.ctct-form-element {
	height: 27px !important;
}

div.ctct-form-embed form.ctct-form-custom button.ctct-form-button {
    width: 30% !important;
    font-size: 18px !important;
    text-transform: uppercase !important;
    font-weight: 900 !important;
	padding: 8px !important;
}

div.ctct-form-embed div.ctct-form-defaults {
	font: inherit !important;
	border-radius: .25rem !important;
}

div.ctct-form-embed form.ctct-form-custom label.ctct-form-label {
    margin-bottom: 3px !important;
}

div.ctct-form-embed form.ctct-form-custom div.ctct-form-field {
    margin: 0px 0 9px 0 !important;
}
 

.hovereffect {
	overflow:hidden;
	position:relative;
	text-align:center;
	cursor:default;
	}
	
	.hovereffect .overlay {
	width:100%;
	height:100%;
	position:absolute;
	overflow:hidden;
	top:0;
	left:0;
	opacity:0;
	background-color:rgba(0,0,0,0.5);
	-webkit-transition:all .4s ease-in-out;
	transition:all .4s ease-in-out
	}
	
	.hovereffect img {
	display:block;
	position:relative;
	-webkit-transition:all .4s linear;
	transition:all .4s linear;
	width:100%;
	}
	
	.hovereffect h2 {
	text-transform:uppercase;
	color:#fff;
	text-align:center;
	position:relative;
	font-size:17px;
	background:rgba(0,0,0,0.6);
	-webkit-transform:translatey(-100px);
	-ms-transform:translatey(-100px);
	transform:translatey(-100px);
	-webkit-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
	padding:10px;
	}
	
	.hovereffect a.info {
	text-decoration:none;
	display:inline-block;
	text-transform:uppercase;
	color:#fff;
	border:1px solid #fff;
	background-color:transparent;
	opacity:0;
	filter:alpha(opacity=0);
	-webkit-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
	margin:50px 0 0;
	padding:7px 14px;
	}
	
	.hovereffect a.info:hover {
	box-shadow:0 0 5px #fff;
	}
	
	.hovereffect:hover img {
	-ms-transform:scale(1.1);
	-webkit-transform:scale(1.1);
	transform:scale(1.1);
	}
	
	.hovereffect:hover .overlay {
	opacity:1;
	filter:alpha(opacity=100);
	}
	
	.hovereffect:hover h2,.hovereffect:hover a.info {
	opacity:1;
	filter:alpha(opacity=100);
	-ms-transform:translatey(0);
	-webkit-transform:translatey(0);
	transform:translatey(0);
	}
	
	.hovereffect:hover a.info {
	-webkit-transition-delay:.2s;
	transition-delay:.2s;
	}

	.img-gradient-green {
		position:relative;
		display:inline-block;
	  }
	.img-gradient-green:after {
	content:'';
	position:absolute;
	left:0; top:0;
	width:100%; height:100%;
	display:inline-block;
	background: -moz-linear-gradient(top, rgba(0,47,75,0.5) 0%, rgba(220, 66, 37, 0.5) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(220, 66, 37, 0.5)), color-stop(100%,rgba(0,47,75,0.5))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0,47,75,0.5) 0%,rgba(220, 66, 37, 0.5) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0,47,75,0.5) 0%,rgba(220, 66, 37, 0.5) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(0,47,75,0.5) 0%,rgba(220, 66, 37, 0.5) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(0,47,75,0.5) 0%,rgba(220, 66, 37, 0.5) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002f4b', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
	}
	.img-gradient img {
	display:block;
	}

	.youtubelink img {
		width: 100%;
		display: block;
	}

	.youtubelink:after {
		display: block;
		content: "";
		background-image: url(../images/play-g-80.svg);
		position: absolute;
		height: 20%;
		width: 20%;
		top: 40%;
		left: 45%;
		background-repeat: no-repeat;
	}

	.callout {
		width: 60%;
		font-weight: bold;
		padding: 30px 20px;
		border-left: 10px solid #25625A;
	}

	.callout-wide {
		font-weight: bold;
		padding: 30px 20px;
		border-left: 10px solid #25625A;
	}

	.highlight {
		font-style: italic;
		background-color: #25625a30;
	}

	.roundrow {
		overflow: hidden;
		border-radius: 1rem;
		background-color: white;
	}