/*@charset "UTF-8" !important;*/
/*_________________________________________________
<<<<<<<<<<<<   TABLE OF CONTENTS   >>>>>>>>>>>>>>>>

(1) ZERO OUT / RESET
(2) FONT IMPORTS
(3) TYPOGRAPHY & MOST ALL THINGS TEXT
	(3a) LINKS
	(3b) SPECIAL CLASSES & FORMATTING
(4) GLOBAL COMMON ELEMENTS
(5) SPECIAL, CUSTOM CLASSES
(6) COLORBLOCKS
(7) SKELETON / RESPONSIVE BASE
(8) STRUCTURE
	(8a) LOGO
	(8b) NAVIGATION
(9) RESPONSIVE SPECIAL ELEMENTS
(10) CONTENT & PAGE PRESENTATION STYLING
	(10a) SEARCH RESULTS PAGE
(15) ERROR PAGES
(20) DEV VARIABLES
(30) CSS TESTING TRIGGERS
_________________________________________________*/

/*:::: (1) Zero Out CSS ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/*:::: http://meyerweb.com/eric/tools/css/reset/  v2.0 | 20110126 ::::::::::::::::::::: */
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, input, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, embed, 
	figure, figcaption, footer, header, hgroup, 
	menu, nav, output, ruby, section, summary,
	time, mark, audio, video,
	* {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box; }
	strong {
		font-weight: bold; }
	em {
		font-style: italic; }
	/* HTML5 display-role reset for older browsers */
	article, aside, details, figcaption, figure, 
	footer, header, hgroup, menu, nav, section, container {
		display: block;
		box-sizing: border-box; }
	body {
		line-height: 1; }
	ol, ul {
		list-style: none; }
	blockquote, q {
		quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; }
	table {
		border-collapse: collapse;
		border-spacing: 0; }

/*:::: (2) FONT IMPORTS ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
	/*
	@import url(https://fonts.googleapis.com/css?family=Raleway|Oswald|Open+Sans:400,300,600,700);
	@font-face {
		font-family: "montserrat-regular";
		font-style: normal;
		font-weight: normal;
		src: url("/templates/sea_2015/fonts/Montserrat-Regular.eot?#iefix") format("embedded-opentype"), 
			url("/templates/sea_2015/fonts/Montserrat-Regular.woff") format("woff"), 
			url("/templates/sea_2015/fonts/Montserrat-Regular.ttf") format("truetype"); }
	@font-face {
		font-family: "montserrat-bold";
		font-style: normal;
		font-weight: bold;
		src: url("/templates/sea_2015/fonts/Montserrat-Bold.eot?#iefix") format("embedded-opentype"), 
			url("/templates/sea_2015/fonts/Montserrat-Bold.woff") format("woff"), 
			url("/templates/sea_2015/fonts/Montserrat-Bold.ttf") format("truetype"); }
	*/

/*:::: (3) TYPOGRAPHY & MOST ALL THINGS TEXT ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
	/* NOTE: html is set to 62.5% so that all the REM measurements throughout Skeleton
	are based on 10px sizing. So basically 1.5rem = 15px :) */
	html {
		font-size: 62.5%; 
		text-rendering: optimizeLegibility; }
	body {
		/*font-size: 1.6em; /* currently ems cause chrome bug misinterpreting rems on body element */
		font-size: 16px; /*set this as the standard font-size, P size, and everything else in REMs plays off of it */
		line-height: 1.5rem;
		font-weight: 400;
		font-family: Helvetica, Arial, sans-serif;
		color: #525252;
		background: #fff; }
	/*:: FONT SCALING :::*/
		@media screen and (max-width: 500px){
			html, body {
				font-size: 16px; }
		}
		@media screen and (min-width: 500px){
			html, body {
				font-size: 16px; }
		}
		@media screen and (min-width: 800px){
			html, body {
				font-size: 16px; }
		}
		@media screen and (min-width: 1000px){
			html, body {
				font-size: 16px; }
		}
		.small {
			font-size: 80% !important;
			line-height: 110% !important; }
		.smaller {
			font-size: 65% !important;
			line-height: 100% !important; }

	/*:: COMMON TEXT BLOCK LEVEL ELEMENTS :::*/
		h1,h2,h3,h4,h5,h6{
			line-height: 120%;
			font-family: montserrat-regular, Helvetica, Arial, sans-serif;
			color: #65524d;
			margin: 0 0 .6rem 0; }
			h1{
				font-size: 2rem;
				line-height: 110%;
				letter-spacing: -.1rem; }
			h2{
				font-size: 1.6rem;
				line-height: 110%;
				letter-spacing: -.1rem; }
			h3{
				font-size: 1.4rem;
				line-height: 120%;
				letter-spacing: -.1rem; }
			h4{
				font-size: 1.2rem;
				line-height: 130%;
				letter-spacing: -.08rem; }
			h5{
				font-size: 1.1rem;
				line-height: 130%;
				letter-spacing: -.05rem; }
			h6{
				font-size: 1rem;
				line-height: 130%;
				letter-spacing: 0; }
		p {
			padding: 0 0;
			text-shadow: 1px 1px 2px rgba(0,0,0,.1); }
	
		li {
			font-size: 1rem; }
			li a {
				color: #006699; }
	
		hr {
			border: 1px solid #E6E6DF;
			background-color: rgba(208,207,207,1.00);
			height: 1px;
			margin-bottom: 3.5rem;
			border-width: 0;
			border-top: 1px solid #E1E1E1; }

	
		blockquote {
			background:#f9f9f9;
			border-left:1em solid #eee;
			margin:1.5em 1em;
			padding: 1em;
			quotes:"\201C""\201D"; }
		blockquote:before { 
			color:#808080;
			content:open-quote;
			font-size:4em;
			line-height:.1em;
			margin-right:.25em;
			vertical-align:-.4em; }
		blockquote :first-child, 
		blockquote :last-child {
			margin-bottom:0; }
		blockquote:first-child {
			margin-bottom:0; }
		.quoted {
			text-align:right;
			padding:0; }

	/*:::: (3a) LINKS ::::::::::::::::::::::::::::: */
		a,
		a.visited {
	        color: #006699;
    		/* color: #2b72bb;*/
            -webkit-transition: color 0.25s linear;
	        -moz-transition: color 0.25s linear;
	        -ms-transition: color 0.25s linear;
	        -o-transition: color 0.25s linear;
	        transition: color 0.25s linear; }
		a:hover {
			color: #ccd6d9; }
		a:active {
			outline: none; }
		a img,
		.nb,
		header a,
		footer a,
		.breadcrumbs a,
		.breadcrumb a {
			text-decoration: none;
			border: none; }
		.logo a {
			font-family: 'Montserrat', sans-serif;
			color: #fff;
			font-size: 1.5rem;
		}
			.logo a span {
				color: #9AA2A4;
			}
			@media screen and (min-width: 768px){ /* keeps this from happening on tablets & phones */
				.logo a {
					font-size: 1.625rem;
				}
			}
		#gotomeeting a {
			font-family: 'Montserrat', sans-serif;
			color: #fff;
			font-size: 0.875rem;
			text-transform: uppercase;
		}

	/*:::: (3b) SPECIAL CLASSES & FORMATTING ::::::::::::::::::::::::::::: */

		.shadow_black {
			text-shadow: 1px 1px 0px rgba(0, 0, 0, 1); }
		.shadow_gray {
			text-shadow: 1px 1px 0px rgba(100, 100, 100, 1); }
		.shadow_white {
			text-shadow: 1px 1px 0px rgba(255, 255, 255, 1); }

		.white {
			color: #fff !important; }
		.red {
			color: #903 !important; }
		.center, .centered {
			text-align: center; }


		/*:: DROP CAPS :::*/
			/*
			div[itemprop="articleBody"] p:first-child:first-letter { float: left; color: #903; font-size: 75px; line-height: 60px; padding-top: 4px; padding-right: 3px; padding-left: 3px; font-family: Georgia; }
			*/

		/*:: MULTI COLUMN PARAGRAPH TEXT FORMAT :::*/
			@media screen and (min-width: 800px){ /* keeps this from happening on tablets & phones */
				/* 2 column */
				.two-content-col {
				       -moz-column-count: 2;
				       -moz-column-gap: 20px;
				       -webkit-column-count: 2;
				       -webkit-column-gap: 20px;
					   vertical-align:top; }
				/* 3 column */
				.three-content-col {
				       -moz-column-count: 3;
				       -moz-column-gap: 20px;
				       -webkit-column-count: 3;
				       -webkit-column-gap: 20px;
					   vertical-align:top; }

			}

/*:::: (4) GLOBAL COMMON ELEMENTS ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

	/* Lists ::::::::::::::::::::::::::::: */
		ul {
			list-style: circle inside; }
		ol {
			list-style: decimal inside; }
		ol, ul {
			padding-left: 0;
			margin-top: 0; }
		ul ul,
		ul ol,
		ol ol,
		ol ul {
			margin: 1.5rem 0 1.5rem 3rem;
			font-size: 90%; }
		li {
			margin-bottom: 1rem; 
			list-style-position: outside;
			margin-left: 2rem; }

	/* Tables ::::::::::::::::::::::::::::: */
		th,
		td {
			padding: 12px 15px;
			text-align: left;
			border-bottom: 1px solid #E1E1E1; }
		th:first-child,
		td:first-child {
			padding-left: 0; }
		th:last-child,
		td:last-child {
			padding-right: 0; }
		tbody tr:nth-child(odd) {
			background-color: #ccc; }

	/* Spacing ::::::::::::::::::::::::::::: */
		button,
		.button {
			margin-bottom: 1rem; }
		input,
		textarea,
		select,
		fieldset {
			margin-bottom: .5rem; 
			width: 96%}
		pre,
		blockquote,
		dl,
		figure,
		table,
		p,
		ul,
		ol,
		form {
			margin-bottom: .6rem; }

	/* Code ::::::::::::::::::::::::::::: */
		code {
			padding: .2rem .5rem;
			margin: 0 .2rem;
			font-size: 90%;
			white-space: nowrap;
			background: #F1F1F1;
			border: 1px solid #E1E1E1;
			border-radius: 4px; }
		pre > code {
			display: block;
			padding: 1rem 1.5rem;
			white-space: pre; }
	
/*:::: (5) SPECIAL, CUSTOM CLASSES :::::::::::::::::::::::::::::::::::::::::::::::::: */
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
	/* PULLS & CALLOUTS ::::::::::::::::::::::::::::: */
	.left {
		float: left;
		margin: .4rem .4rem .5rem 0;
		padding: 0 2rem 1rem 0; }
	.right {
		float: right;
		margin: .4rem 0 .5rem .4rem;
		padding: 0 0 1rem 2rem; }

	.callout_right {
		float: right;
		width: 45%;
		font-size: 2.25rem;
		line-height: 2.5rem;
		padding: .25rem 0 1.5rem 1rem; }
	.callout_left {
		float: left;
		width: 45%;
		font-size: 2.25rem;
		line-height: 2.5rem;
		padding: .25rem 1rem 1.5rem 0; }

	/* JOOMLA READMORE ::::::::::::::::::::::::::::: */
		.read_more::after,
		.read_more::before {
			/*content:url(link.png); */
			content:'\25BA'; }
		.read_more::after {
			content: " Articles"; }
	
	/* Utilities ::::::::::::::::::::::::::::: */
		.u-full-width {
			width: 100%;
			box-sizing: border-box; }
		.u-max-full-width {
			max-width: 100%;
			box-sizing: border-box; }
		.u-pull-right {
			float: right; }
		.u-pull-left {
			float: left; }

	/* STICKY NOTE BOX CONTAINERS ::::::::::::::::::::::::::::: */
		ul.box-curl {
			position: relative;
			z-index: 1; /* prevent shadows falling behind containers with backgrounds */
			overflow: hidden;
			list-style: none;
			margin: 0;
			padding: 0; }
		ul.box-curl li {
			position: relative;
			float: left;
			width: auto;
			height: 150px;
			padding: 1rem;
			border: 1px solid #efefef;
			margin: 0 30px 30px 0;
			background: #fff;
			-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
			-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; 
			box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; }
		ul.box-curl li:before,
		ul.box-curl li:after {
			content: '';
			z-index: -1;
			position: absolute;
			left: 10px;
			bottom: 10px;
			width: 70%;
			max-width: 300px; /* avoid rotation causing ugly appearance at large container widths */
			max-height: 100px;
			height: 55%;
			-webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
			-moz-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
			box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
			-webkit-transform: skew(-15deg) rotate(-6deg);
			-moz-transform: skew(-15deg) rotate(-6deg);
			-ms-transform: skew(-15deg) rotate(-6deg);
			-o-transform: skew(-15deg) rotate(-6deg);
			transform: skew(-15deg) rotate(-6deg); }
		ul.box-curl li:after {
			left: auto;
			right: 10px;
			-webkit-transform: skew(15deg) rotate(6deg);
			-moz-transform: skew(15deg) rotate(6deg);
			-ms-transform: skew(15deg) rotate(6deg);
			-o-transform: skew(15deg) rotate(6deg);
			transform: skew(15deg) rotate(6deg); }



/*:::: (7) SKELETON / RESPONSIVE BASE :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
	/* IMAGES */
		.promo img {
		    width: 100%;
		    height: auto; }
	/* For desktop: */
		.col-1 {width: 8.33%; 	}
		.col-2 {width: 16.66%; 	}
		.col-3 {width: 25%;		}
		.col-4 {width: 33.33%; 	}
		.col-5 {width: 41.66%; 	}
		.col-6 {width: 50%; 	}
		.col-7 {width: 58.33%; 	}
		.col-8 {width: 66.66%; 	}
		.col-9 {width: 75%; 	}
		.col-10 {width: 83.33%; }
		.col-11 {width: 91.66%; }
		.col-12 {width: 100%; 	}
	
	@media only screen and (max-width: 768px) {
		/* For mobile phones: */
		[class*="col-"] {
			width: 100%; }
	}
	/*:::  Table of contents :::::::::::::::::::::::::::::
			- Grid
			- Base Styles
			- Buttons
			- Forms
			- Spacing
			- Clearing
			- Media Queries   */
	
	/* Grid ::::::::::::::::::::::::::::: */
		.container {
			position: relative;
			width: 100%;
			max-width: 100%;
			/*max-width: 960px;*/
			margin: 0 auto;
			/* padding: 0 20px;*/
			box-sizing: border-box; }
		.column,
		.columns {
			width: 100%;
			float: left;
			box-sizing: border-box; 
			/*background: #ccc;
			border: 1px solid #666;*/
		}
		
		/* For devices larger than 400px */
		@media (min-width: 400px) {
			.container {
				width: 92%;
				padding: 0; }
		}
		
		/* For devices larger than 550px */
		@media (min-width: 550px) {
			.container {
				width: 92%; }
			.column,
			.columns {
				margin-left: 4%; }
			.column:first-child,
			.columns:first-child {
				margin-left: 0; }
			
			.one.column,
			.one.columns                    { width: 4.66666666667%; }
			.two.columns                    { width: 13.3333333333%; }
			.three.columns                  { width: 22%;            }
			.four.columns                   { width: 30.6666666667%; }
			.five.columns                   { width: 39.3333333333%; }
			.six.columns                    { width: 48%;            }
			.seven.columns                  { width: 56.6666666667%; }
			.eight.columns                  { width: 65.3333333333%; }
			.nine.columns                   { width: 74.0%;          }
			.ten.columns                    { width: 82.6666666667%; }
			.eleven.columns                 { width: 91.3333333333%; }
			.twelve.columns                 { width: 100%; margin-left: 0; }
			
			.one-third.column               { width: 30.6666666667%; }
			.two-thirds.column              { width: 65.3333333333%; }
			
			.one-half.column                { width: 48%; }
			
			/* Offsets */
			.offset-by-one.column,
			.offset-by-one.columns          { margin-left: 8.66666666667%; }
			.offset-by-two.column,
			.offset-by-two.columns          { margin-left: 17.3333333333%; }
			.offset-by-three.column,
			.offset-by-three.columns        { margin-left: 26%;            }
			.offset-by-four.column,
			.offset-by-four.columns         { margin-left: 34.6666666667%; }
			.offset-by-five.column,
			.offset-by-five.columns         { margin-left: 43.3333333333%; }
			.offset-by-six.column,
			.offset-by-six.columns          { margin-left: 52%;            }
			.offset-by-seven.column,
			.offset-by-seven.columns        { margin-left: 60.6666666667%; }
			.offset-by-eight.column,
			.offset-by-eight.columns        { margin-left: 69.3333333333%; }
			.offset-by-nine.column,
			.offset-by-nine.columns         { margin-left: 78.0%;          }
			.offset-by-ten.column,
			.offset-by-ten.columns          { margin-left: 86.6666666667%; }
			.offset-by-eleven.column,
			.offset-by-eleven.columns       { margin-left: 95.3333333333%; }
			
			.offset-by-one-third.column,
			.offset-by-one-third.columns    { margin-left: 34.6666666667%; }
			.offset-by-two-thirds.column,
			.offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }
			
			.offset-by-one-half.column,
			.offset-by-one-half.columns     { margin-left: 52%; }
		
		}

	/* Buttons ::::::::::::::::::::::::::::: */
		.button,
		button,
		input[type="submit"],
		input[type="reset"],
		input[type="button"] {
			display: inline-block;
			height: 38px;
			padding: 0 30px;
			color: #555;
			text-align: center;
			font-size: 11px;
			font-weight: 600;
			line-height: 38px;
			letter-spacing: .1rem;
			text-transform: uppercase;
			text-decoration: none;
			white-space: nowrap;
			background-color: #B4E0B2 /*transparent*/;
			border-radius: 4px;
			border: 1px solid #bbb;
			cursor: pointer;
			box-sizing: border-box; }
		.button:hover,
		button:hover,
		input[type="submit"]:hover,
		input[type="reset"]:hover,
		input[type="button"]:hover,
		.button:focus,
		button:focus,
		input[type="submit"]:focus,
		input[type="reset"]:focus,
		input[type="button"]:focus {
			color: #333;
			border-color: #888;
			outline: 0; }
		.button.button-primary,
		button.button-primary,
		input[type="submit"].button-primary,
		input[type="reset"].button-primary,
		input[type="button"].button-primary {
			color: #FFF;
			background-color: #33C3F0;
			border-color: #33C3F0; }
		.button.button-primary:hover,
		button.button-primary:hover,
		input[type="submit"].button-primary:hover,
		input[type="reset"].button-primary:hover,
		input[type="button"].button-primary:hover,
		.button.button-primary:focus,
		button.button-primary:focus,
		input[type="submit"].button-primary:focus,
		input[type="reset"].button-primary:focus,
		input[type="button"].button-primary:focus {
			color: #FFF;
			background-color: #1EAEDB;
			border-color: #1EAEDB; }
		
	
	/* Forms ::::::::::::::::::::::::::::: */
		input[type="email"],
		input[type="number"],
		input[type="search"],
		input[type="text"],
		input[type="tel"],
		input[type="url"],
		input[type="password"],
		textarea,
		select {
			height: 38px;
			padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
			background-color: #fff;
			border: 1px solid #D1D1D1;
			border-radius: 4px;
			box-shadow: none;
			box-sizing: border-box; }
		/* Removes awkward default styles on some inputs for iOS */
		input[type="email"],
		input[type="number"],
		input[type="search"],
		input[type="text"],
		input[type="tel"],
		input[type="url"],
		input[type="password"],
		textarea {
			-webkit-appearance: none;
			-moz-appearance: none;
			appearance: none; }
		textarea {
			min-height: 85px;
			padding-top: 6px;
			padding-bottom: 6px; }
		input[type="email"]:focus,
		input[type="number"]:focus,
		input[type="search"]:focus,
		input[type="text"]:focus,
		input[type="tel"]:focus,
		input[type="url"]:focus,
		input[type="password"]:focus,
		textarea:focus,
		select:focus {
			border: 1px solid #33C3F0;
			outline: 0; }
		label,
		legend {
			display: block;
			margin-bottom: .5rem;
			font-weight: 600; }
		fieldset {
			padding: 0;
			border-width: 0; }
		input[type="checkbox"],
		input[type="radio"] {
			display: inline; }
		label > .label-body {
			display: inline-block;
			margin-left: .5rem;
			font-weight: normal; }
	
	/* Clearing ::::::::::::::::::::::::::::: */
		.container:after,
		.row:after,
		.u-cf {
			content: "";
			display: table;
			clear: both; }
		.clear:after, 
		.clearfix:after {
			content: ".";
			display: block;
			clear: both;
			visibility: hidden;
			line-height: 0;
			height: 0; }
		html[xmlns] .clearfix {
			display: block; }
		* html .clearfix {
			height: 1%; }
			
/*:::: (8) STRUCTURE :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
	body, html { overflow-x:hidden; } /* keeps the annoying horizontal scrolling left and right */

	body {
		margin-left: auto;
		margin-right: auto;
		max-width: 1260px;
		width: 92%;
		padding-left: 0;
		padding-right: 0;
		width: 100%; }

	/** drop shadow below the toolbars and above the page rendering **/
	body:before {
		content: "";
		position: fixed;
		top: -10px;
		left: 0;
		width: 100%;
		height: 10px;
		-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
		-moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
		box-shadow: 0px 0px 10px rgba(0,0,0,.8);
		z-index: 100; }

	.container {
		padding-left: 2.275%;
		padding-right: 2.275%;
	}

	header.container {
		background: #5D6B6F;
		position: fixed;
		padding: 0 2.275% 0;	 
		z-index: 100;
	}
		#gotomeeting {
			display: none;
		}
		.logo {
			position: relative;
			left: 1rem;
			top: 1rem;
		}
		.toggleMenu {
			position: absolute;
			top: .25rem;
			right: 1rem;
		}

	@media screen and (min-width: 768px) {
		#gotomeeting {
			display: block;
			position: absolute;
			top: 0;
			right: 2rem;
			background: #33454B url("http://7weight.imgix.net/images/icons/gotomeeting_icon.png") no-repeat 90% 60%;
			padding: .25rem 2rem 0rem 1rem;
			border-bottom-right-radius: 8px;
			border-bottom-left-radius: 8px;
			z-index: 110;
		}
	}


	section.container:first-of-type{
		margin-top: 4rem;
	}

	@media screen and (min-width: 768px) {
		header.container {
			position: relative;
		}
			.logo {
				position: absolute;
				top: 55%;
				left: 6%;
				transform: translateY(-50%);
			}
		section.container:first-of-type{
			margin-top: 0;
		}
	}




	/*:::: CSS TRICKS VER  ::::::::::::::::::::::::::::: */

video#bgvid { 
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: url(polina.jpg) no-repeat;
    background-size: cover; 
}

	/*:::: (8a) LOGO  ::::::::::::::::::::::::::::: */

	/*:::: (8b) NAVIGATION  ::::::::::::::::::::::::::::: */
		.toggleMenu {
		    display:  none;
		    padding: 10px 15px;
		    color: #fff;
		}
		.nav_drop {
		    list-style: none;
		     *zoom: 1;
			/*background:#ccd6d9;*/
			background: #fff;
		    margin-top: 1rem;
		    margin-bottom: 0;
		}
		.nav_drop:before,
		.nav_drop:after {
		    content: " "; 
		    display: table; 
		}
		.nav_drop:after {
		    clear: both;
		}
		.nav_drop ul {
		    list-style: none;
		    width: 9em;
		}
		.nav_drop a {
		    padding: 10px 15px;
		    color:#597985;
		    text-transform: uppercase;
		}
		.nav_drop li {
		    position: relative;
		    background: #ccd6d9;
		    margin: .25rem;
		    border-left: 5px solid #91a6ae;
		}
			.nav_drop li:hover {
			    background: #ccd6d9;
			    border-left: 5px solid #597985;
			}
		.nav_drop > li {
		    float: left;
		}
		.nav_drop > li > .parent {
		    background-image: url("/images/downArrow.png");
		    background-repeat: no-repeat;
		    background-position: right;
		}
		.nav_drop > li > a {
		    display: block;
		}
			.nav_drop > li > a:hover {
				color: #91a7ae
			}
		.nav_drop li  ul {
		    position: absolute;
		    left: -9999px;
		}
		.nav_drop > li.hover > ul {
		    left: 0;
		}
		.nav_drop li li.hover ul {
		    left: 100%;
		    top: 0;
		}
		.nav_drop li ul {
			margin: 0 0 0 1rem;
			padding: 0 0 .5rem 0;
			width: 93%;

		}
		.nav_drop li li a {
		    display: block;
		    position: relative;
		    z-index:100;
		    font-size: 80%;
		}
		.nav_drop li li li a {
		    background:#249578;
		    z-index:200;
		    border-top: 1px solid #1d7a62;
		}

		@media screen and (max-width: 768px) {
			li.divider {
				display: none;
			}
		    .active {
		        display: block;
		    }
		    .nav_drop > li {
		        float: none;
		    }
		    .nav_drop > li > .parent {
		        background-position: 95% 50%;
		    }
		    .nav_drop li li .parent {
		        background-image: url("/images/downArrow.png");
		        background-repeat: no-repeat;
		        background-position: 95% 50%;
		    }
		    .nav_drop ul {
		        display: block;
		        width: 100%;
		    }
		   .nav_drop > li.hover > ul , .nav_drop li li.hover ul {
		        position: static;
		    }

		}

		@media screen and (min-width: 768px) {
			.nav_drop {
				width: 100%;
				background: none;
				margin-top: 0;
			}
			.nav_drop > li {
				display: inline-block;
				float: left;
				background: none;
				border: none;
				margin: 0;
			}
			.nav_drop > li:hover {
				/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,0.2+100 */
				background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 100%); /* FF3.6-15 */
				background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%); /* Chrome10-25,Safari5.1-6 */
				background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#33ffffff',GradientType=0 ); /* IE6-9 */
				border: 0;

			}
			.nav_drop li a {
				font-size: .925rem;
				font-weight: 700;
			}
		    .nav_drop > li > a {
		    	padding: 2.5rem 1rem 1.5rem; 
				color: #fff;
		    }
			.nav_drop > li > .parent {
			    background-image: none;
			}
			.nav_drop > li.hover > ul {
				background-color: #fff;
				margin-left: 0;
				white-space: nowrap;
				width: 285px;
				padding: .15rem .25rem .25rem;
				box-shadow: 0 3px 6px rgba(0,0,0,.5);
			}	
			.nav_drop .divider {
				display: none;
			}		
			.nav_drop li li {
				margin: .15rem 0 0 0;
			}
			.nav_drop li li a {
 				padding: 1rem 1rem .75rem;
 			}
			.nav_drop li li a:hover {
				color: #91a7ae;
			}

		}






	
	footer {
		border-top: 4px solid #65524d;
		text-align: center; }


	/* BREADCRUMBS ::::::::::::::::::::::::::::: */
		ul.breadcrumb li {
			display: inline-block;
			list-style: none;
			margin: 0;
			padding: 0; }

	/* PAGINATION ::::::::::::::::::::::::::::: */
		.counter.pull-right,
		.counter.pull-right * {
			box-sizing:border-box; }
		.counter.pull-right {
		  clear: both;
		  float: left;
		  width: 100%;
		  text-align: center;
		  margin: 0;
		  padding: 0; }
		.pagination-list {
		  margin: 0 auto;
		  width: 100%;
		  text-align: center; }
		ul.pagination-list li {
		  list-style: none;
		  display: inline; }
		.pagenav {
		  text-decoration: none;
		  padding: 0 .3rem; }

		.active.hidden-phone > a,
		.hidden-phone > a:hover {
		  font-weight: bold; }


	/* Media Queries ::::::::::::::::::::::::::::: */
		/*
			Note: The best way to structure the use of media queries is to create the queries
			near the relevant code. For example, if you wanted to change the styles for buttons
			on small devices, paste the mobile query code up in the buttons section and style it
			there.
		*/
		
		
		/* Larger than mobile */
		@media (min-width: 400px) {}
		
		/* Larger than phablet (also point when grid becomes active) */
		@media (min-width: 550px) {}
		
		/* Larger than tablet */
		@media (min-width: 750px) {}
		
		/* Larger than desktop */
		@media (min-width: 1000px) {}
		
		/* Larger than Desktop HD */
		@media (min-width: 1200px) {}

	
	/* Media query for Mobile devices*/
	@media only screen and (min-width : 285px) and (max-width : 680px){
	}
	
	
	/* Media Query for Tablets */
	@media only screen and (min-width : 681px) and (max-width : 1024px) {
		/*  and (orientation: portrait) */
	}
	
	/* Desktops and laptops  */
	@media only screen and (min-width:1025px) and (orientation: portrait) {
	}
	
/*:::: (9) RESPONSIVE SPECIAL ELEMENTS :::::::::::::::::::::::::::::::::::::::::::::::::: */
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
	.hp_vimeo{
	}
		/* making vimeo responsive - https://www.ostraining.com/blog/coding/responsive-videos/ */
		.video-responsive{
			overflow: hidden;
			padding-bottom: 56.25%;
			position: relative;
			height: 0; }
		.video-responsive iframe{
			left: 0;
			top: 0;
			height: 100%;
			width: 100%;
			position: absolute; }	
	@media screen and (max-width: 600px){
		.hp_vimeo{
		}
	}

/*:::: (10) CONTENT & PAGE PRESENTATION STYLING :::::::::::::::::::::::::::::::::::::::::::::::: */
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
	/*:: HOMEPAGE :::*/

	/*:: Magnific popover :::*/
	div[itemprop="articleBody"] .gallery img {
		border: 6px solid #fff;
		box-shadow: 2px 2px 2px #ccc;
		height: auto;
		width: 32%;
	}

	.g2m-popup {
		position: relative;
		background: #FFF;
		padding: 20px;
		width: auto;
		max-width: 300px;
		margin: 20px auto;
	}
		.g2m_launch {
			border: 0;
			box-shadow: 0 0 4px rgba(0,0,0,.25);
			border-radius: 8px;
			width: 60%;
		}

	
	/*:: (10a) SEARCH RESULTS PAGE :::*/

		div.search {

		}
			.searchintro p {
			  font-size: 0.75rem; }

			fieldset.phrases legend,
			fieldset.only legend {
			  border-bottom: 2px solid;
			  display: block;
			  width: 100% !important; }
				.phrases-box .controls,
				fieldset.only label {
					padding-left: 30px; }

					.phrases-box .controls label, .phrases-box .controls input,
					fieldset.only label {
					  display: block;
					  width: auto; }
					.phrases-box .controls input,
					fieldset.only label input {
					  display: list-item;
					  float: left;
					  margin-left: -20px;
					  margin-top: 4px;
					  width: auto; }
					#ordering.inputbox,
					#limit.inputbox {
					  padding: .25rem 4rem .25rem 1rem;
					  line-height: 100%;
					  width: auto;
					  height: auto !important;
					  background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%) repeat scroll 0 0 padding-box; }
						#ordering.inputbox > option,
						#limit.inputbox > option {
						  padding: 0.25rem 0 0.25rem 0.5rem; }



/*:::: (15) ERROR PAGES ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
	.error-content {
		left: 50%; 
		margin-top: -250px;
		margin-left: -300px;
		position: absolute;
		top: 50%;
		text-align: center;
		width: 600px
	}
	/* Error code */
	.error-code {
		animation: offline 1.5s;
		color: #9e0b0f;
		font-family: arial;
		font-size: 200px;
	}

	/* Error message */
	.error-message h2 {
		animation: offline 1.8s;
		color: #000;
		font-weight: 300;
		font-size: 36px;
		margin-bottom: 0px;
		margin-top: 12px;
	}

	/* Error box */
	#errorboxbody {
		animation: offline 1.9s;
		color: #666;
		font-weight: 400;
	}

	#errorboxbody p {
		margin-top: 0;
		margin-bottom: 50px;
	}

	/* button home */
	#errorboxoutline .button-home {
		animation: offline 1.8s;
		display: inline-block;
		color: #9e0b0f;
		padding: 8px 20px;
		border: 2px solid #9e0b0f;
		border-radius: 20px;
		text-decoration: none;
		text-transform: uppercase;
		font-weight: bold;
	}

	#errorboxoutline .button-home:hover,
	#errorboxoutline .button-home:active,
	#errorboxoutline .button-home:focus {
		border-color: #9e0b0f;
		color: #9e0b0f;
	}

	/*Animation*/
	@keyframes offline {
		0% {transform: translateY(120px); opacity: 0;}
		100% {transform: translateY(0px); opacity: 1;}
	}

	@-webkit-keyframes offline {
		0% {transform: translateY(120px); opacity: 0;}
		100% {transform: translateY(0px); opacity: 1;}
	}

	@-o-keyframes offline {
		0% {transform: translateY(120px); opacity: 0;}
		100% {transform: translateY(0px); opacity: 1;}
	}

	@-moz-@keyframes offline {
		0% {transform: translateY(120px); opacity: 0;}
		100% {transform: translateY(0px); opacity: 1;}
	}

	/* Responsive mobile */
	@media screen and (max-width: 767px) {
		.error-code {
			font-size: 180px;
		}

		.error {
			position: relative;
			height: auto;
			left: 0;
			margin: auto;
			padding-top: 50px;
			top: 0;
			width: auto;
		}

		.error-message h2 {
			font-size: 22px;
		}
	}