/*!
 * Gen Re
 * Version 1.0
 * Author: Matt Breckon
 * Copyright (c) 2013 mattbreckon.com
 */


 /* ============================== *\
    $RESET
\* ============================== */

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, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, 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;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

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;
}





/* ============================== *\
    $text
\* ============================== */

html, body {
	overflow-x: hidden;
}

body {
	font-family: 'Lato', sans-serif;
	font-size: 100%;
	line-height: 1.4;
}

p {
	margin-bottom: 10px;
}

/* headings */
h1 {
}
.extraspace{

margin-top=-70px;


}
/*this media query is for removing the whitespace between default flyout box and the toggle list for mobile view in client login page */
@media only screen and (max-width: 639px)
{
	.rmvextraspc{
	         margin-top:-100px;
	      }
	      .login-tabs .panel-active, .login-tabs .m-panel-show{
	      margin-top:50px;
	      }
}
@media only screen and (max-width: 639px) and (min-width: 767px)
{
   .moveleft{
   
             margin-left:-100px;
             }
}
@media only screen and (min-width: 770px)
{
	.fix{
		          float:right;
		         margin-top:-213px;
	    }
}


h2 {}

		/*h2*/.content__title {
			margin-bottom: 0.11em; /*5px*/
			font-size: 2em; /*32px*/
			font-weight: 300;
			line-height: 1.1;

			color: #0082ce;
		}

		@media (min-width: 47.9375em) {
			/*h2*/.content__title {
				font-size: 2.8125em; /*45px*/
			}
		}

		/*h2*/.section-title, .tabs-title {
			font-weight: 300;
			font-size: 1.25em; /*20px*/
			line-height: 1.1;
			margin-bottom: 20px; /*20px*/
		}

			@media (min-width: 30em) {
				/*h2*/.section-title {
					font-size: 3.125em; /*50px*/
				}

				/*h2*/.tabs-title {
					font-size: 1.25em; /*20px*/
				}
			}

			@media (min-width: 40em) {
				/*h2*/.tabs-title {
					font-size: 3.125em; /*50px*/
				}
			}

	.slide__aside-title {
		font-weight: 700;
	}

h3 {}

	/*h3*/.section-subtitle {
		margin-bottom: 0.3125em; /*5px*/

		font-size: 1.25em; /*20px*/
		font-weight: 300;
		line-height: 1.1;
		color: #0082ce;
	}

		@media (min-width: 30em) {
			/*h3*/.section-subtitle {
				font-size: 1.559em; /*26px*/
			}
		}

		.tabs-panel-content .section-subtitle a,
		.tabs-panel-content h6 a {
			text-decoration: none;
		}

h4 {}

h5 {
	font-size: 1.1975em; /*19px*/
}

	.recommended-heading {
		margin-top: 1.25em; /*20px*/

		font-weight: 700;
		text-transform: uppercase;
		color: #555;
	}

	@media (min-width: 47.9375em) {
		.recommended-heading {
			margin-top: 0;
		}
	}

h6 {
	font-weight: 700;
	font-size: 1.125em; /*18px*/
}

	h6, h6 a {
		color: #04477b;
	}



/* text links */
a {
	text-decoration: none;
	color: #0082ce;
}

.yellow { color: #faa61a; }
.blue { color: #0082ce; }

.link {
	display: block;
	font-weight: 700;

	text-transform: uppercase;
	text-decoration: none !important;
	color: #faa61a !important;
}

.pdf-link {
	text-decoration: underline;
}



/* text styles */
em { font-style: italic; }
strong { font-weight: 700; }



/* custom text */
.large {
	font-size: 1.125em; /*18px*/
	line-height: 1.6;
}

	.large a {
		font-weight: 700;
	}

	.large strong {
		font-weight: 500;
	}

	/* secondary page */
	.page-secondary .large {
		font-weight: 300;
		line-height: 1.2;
	}

		@media (min-width: 30em) {
			.page-secondary .large {
				font-size: 1.6875em; /*27em*/
			}
		}

.author { color: #707070; }


.containerfooter {
	width: 90%;
	/*max-width: 71.25em;*/
	/*max-width: 61.25em;*/ /*980px*/
	max-width: 75.125em; /*930px*/
	margin: 0 auto;
}

	@media (min-width: 30em) {
		.containerfooter {
			width: 95.91836734693878%;
		}
	}

.containerfooter--wide {
	width: 100%;
	max-width: 61.25em; /*980px*/
}


/* ============================== *\
    $grid
\* ============================== */

.container {
	width: 90%;
	/*max-width: 71.25em;*/
	/*max-width: 61.25em;*/ /*980px*/
	max-width: 58.125em; /*930px*/
	margin: 0 auto;
}

	@media (min-width: 30em) {
		.container {
			width: 95.91836734693878%;
		}
	}

.container--wide {
	width: 100%;
	max-width: 61.25em; /*980px*/
}

.row { width: 100%; }

.row [class*='col'] { width: 100%; }

/* modifier */
.row .col-3s { float: left; width: 48%; margin-right: 2%; }
.row .col-3s:first-child { margin-left: 0; }

	@media (min-width: 30em) {
		.row [class*='col'] {
			float: left;
			margin: 0 1%;
		}

		.row .col-1s {
			width: 23%;
		}

		.row .col-2s, .row .col-2b, .row .col-3s, .row .col-4s, .row .col-2ba, .row .col-2bb, .row .col-2bc, .row .col-2bd {
			width: 48%;
		}

		.row .col-1, .row .col-2, .row .col-3, .row .col-4, .row .col-4new,
		.row .col-5, .row .col-6, .row .col-7, .row .col-8,
		.row .col-9, .row .col-10, .row .col-11, .row .col-12,
		.row .col-3l, .row .col-3r, .row .col-3-f,
		.row .col-5b,
		.row .col-6b,
		.row .col-7l, .row .col-7r,
		.row .col-8r,
		.row .col-9l, .row .col-9r {
			float: none;
			width: 100%;
			margin: 0;
		}

		/* modifier */
		.row .col-3s { float: left; width: 23.46938775520304%; margin-left: 2.04081632653061%; margin-right: 0; }
		.row .col-3s:first-child { margin-left: 0; }
	}

	@media (min-width: 47.9375em) {
		.row [class*='col'] {
			float: left;
			margin-left: 2.04081632653061%;
			margin-right: 0;
		}

		.row [class*='col']:first-child { margin-left: 0; }

		.row .col-1 { width: 6.46258503401361%; }

		.row .col-2 { width: 14.96598639455782%; }
			.row .col-2w { width: 14.96598639455782%; }
			.row .col-2b { width: 18.36734693877551%; } /*5 columns, replaced width 18 with 28*/
			.row .col-2ba { width: 25%; }
			.row .col-2bb { width: 17%; }
			.row .col-2bc { width: 11.83673469387755%; }
			.row .col-2bd { width: 19%; }
			

		.row .col-3 { width: 23.46938775520304%; }
		.row .col-3s { width: 23.46938775520304%; }
			.row .col-3l { width: 23.46938775520304%; }
			.row .col-3r { width: 23.46938775520304%; margin-left: 4.04081632653061%; }
			.row .col-3f { width: 28.46938775520304%; }
		
		.row .col-4 { width: 31.97278911564626%; }
		.row .col-4new { width: 31.97278911564626%; }

		.row .col-5 { width: 40.81632653061225%; }
			.row .col-5r { width: 38.81632653061225%; padding-right: 2%; }
			.row .col-5b { width: 38.77551020408164%; }

		.row .col-6 { width: 48.97959183673469%; }
		.row .col-6b { width: 47.97959183673469%; margin-left: 4.04081632653061%; }
		/*the below .row .col-6bb is for the research tab in LHNA page */
		.row .col-6bb{width: 77.97959183673469%;margin-left: -4.04081632653061%;}

		.row .col-7 { width: 57.14285714285714%; }
			.row .col-7l { width: 55.14285714285714%; padding-left: 2%; }
			.row .col-7r { width: 55.14285714285714%; padding-right: 2%; }

		.row .col-8 { width: 65.98639455782313%; }
			.row .col-8r { width: 63.98639455782313%; margin-left: 4.04081632653061%; }

		.row .col-9 { width: 74.48979591826635%; }
			.row .col-9l { width: 72.48979591826635%; }
			.row .col-9r { width: 72.48979591826635%; margin-left: 4.04081632653061%; }
			.row .col-9f { width: 67.48979591826635%; margin-left: 4.04081632653061%; }

		.row .col-10 { width: 82.99319727891157%; }
		.row .col-10l { width: 80.99319727891157%; padding-left: 2%; }

		.row .col-11 { width: 91.49659863945578%; }

		.row .col-12 { width: 100%; margin: 0; }
	}

.container:after, .row:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.container, .row {
  display: inline-block;
}

* html .container, * html .row {
  height: 1%;
}

.container, .row {
  display: block;
}


.row .col-3r {
	margin-top: 30px;
}

@media (min-width: 47.9375em) {
	.row .col-3r {
		margin-top: 0;
	}	
}



/* ============================== *\
    $top structure
\* ============================== */

.page-head {}

	.page-head.page-head--home {
		background-color: #fafafa;
		height: auto;
	}

		@media (min-width: 30em) {
			.page-head.page-head--home {
				height: 535px;
				overflow: hidden;
			}
		}

	.page-contact {
		height: auto;
	}

		@media (min-width: 30em) {
			.page-contact {
				padding-bottom: 30px;
			}		
		}

		@media (min-width: 47.9375em) {
			.page-contact {
				height: 535px;
				padding-bottom: 0;
				overflow: hidden;
			}
		}

	.page-secondary {
		background: none;
		color: #fff;
	}

		@media (min-width: 30em) {
			.page-secondary {
				background: url('//media.genre.com/designimages/delete_bg2.jpg') center center no-repeat;
				background-size: 100%;
				background-size: cover;
			}
		}

	.secondary-padding {
		padding-bottom: 2.5em; /*40px*/
	}

/* background images */
.bg-solutions, .bg-solutions--sm {
	background: url('//media.genre.com/designimages/bg-solutions-sm.jpg') center center no-repeat;
	background-size: 100%;
	background-size: cover;		
}

@media (min-width: 40em) {
	.bg-solutions {
		background: url('//media.genre.com/designimages/bg-solutions.jpg') center center no-repeat;
		background-size: 100%;
		background-size: cover;		
	}
}

.bg-knowledge {
	background: url('//media.genre.com/designimages/bg-knowledge.jpg') center center no-repeat;
	background-size: 100%;
	background-size: cover;
}

	.bg-knowledge--sm {
		background: url('//media.genre.com/designimages/bg-knowledge-sm.jpg') center center no-repeat;
		background-size: 100%;
		background-size: cover;
	}

.bg-perspective--sm {
	background: url('//media.genre.com/designimages/bg-perspective-sm.jpg') center center no-repeat;
	background-size: 100%;
	background-size: cover;		
}

.bg-contact, .bg-contact--sm {
	background: url('//media.genre.com/designimages/bg-contact-sm.jpg') center center no-repeat;
	background-size: 100%;
	background-size: cover;
}

	@media (min-width: 47.9375em) {
		.bg-contact {
			background: url('//media.genre.com/designimages/bg-contact.jpg') center center no-repeat;
			background-size: 100%;
			background-size: cover;
		}
	}

.bg-careers--sm {
	background: url('//media.genre.com/designimages/bg-careers-sm.jpg') center center no-repeat;
	background-size: 100%;
	background-size: cover;		
}

.bg-about, .bg-about--sm {
	background: url('//media.genre.com/designimages/bg-about-sm.jpg') center center no-repeat;
	background-size: 100%;
	background-size: cover;		
}

	@media (min-width: 40em) {
		.bg-about {
			background: url('//media.genre.com/designimages/bg-about.jpg') center center no-repeat;
			background-size: 100%;
			background-size: cover;		
		}
	}

.bg-login--sm {
	background: url('//media.genre.com/designimages/bg-login-sm.jpg') center center no-repeat;
	background-size: 100%;
	background-size: cover;	
}



/* ============================== *\
    $head content
\* ============================== */

.head-content--full {
	position: relative;
	margin-top: 1.875em; /*30px*/
	z-index: 999;
}
.head-content {
	position: relative;
	margin-top: 0em; 
	z-index: 999;
}

	@media (min-width: 47.9375em) {
		.head-content {
			width: 90%;
		}
	}

	@media (min-width: 60em) {
		.head-content {
			width: 75%;
		}
	}

	/* modifier */
	.head-content--full {
		width: 100%;
	}

/* title */
.head-content__title {
	padding-bottom: 0.3636363636363636em; /*20px^55*/

	font-size: 2em;
	font-weight: 300;
	line-height: 1.21;
}

	@media (min-width: 47.9375em) {
		.head-content__title {
			padding-bottom: 0.3636363636363636em; /*20px^55*/

			font-size: 3.4375em; /*55*/
			font-weight: 300;
		}
	}

/* large text */
.head-content .large {
	font-weight: 300;
	line-height: 1.4;
}

	@media (min-width: 47.9375em) {
		.head-content .large {
			font-size: 1.6875em; /*27em*/
			line-height: 1.2;
		}
	}





/* ============================== *\
    $main content
\* ============================== */

.main-content {
	position: relative;
	z-index: 999;
}

	.main-content__spacer {
		padding-top: 1.25em; /*20px*/
	}

		@media (min-width: 30em) {
			.main-content__spacer {
				padding-top: 1.875em; /*30px*/
			}		
		}

/* titles */
.main-content__title {
	font-weight: 300;
	font-size: 1.6875em; /*27px*/
	line-height: 1.2;
	margin-bottom: 0.37em; /*10px*/
}

	@media (min-width: 30em) {
		.main-content__title--large {
			font-size: 2em; /*32px*/
		}
	}

/* large text */
.main-content .large {
	font-size: 1em; /*16px*/
	line-height: 1.4;
}

	@media (min-width: 30em) {
		.main-content .large {
			font-size: 1.125em; /*18px*/
			line-height: 1.6;
		}
	}

	.main-content .large strong {
		font-weight: 700;
	}

	.main-content .large a {
		font-weight: 700;
	}





/* ============================== *\
    $content
\* ============================== */

.content {
	padding-bottom: 1.25em; /*20px*/
}

	@media (min-width: 30em) {
		.content {
			padding-bottom: 2.5em; /*40px*/
		}
	}

	.content p, .content .l-bullet, .content .l-bullet-img {
		margin-bottom: 20px;
	}

.content--top {
	padding-top: 2em; /*32px*/
	/*border-top: 1px solid #ccc;*/
}


/* ============================== *\
    $header
\* ============================== */

/* $top-bar */
.top-bar {
	position: relative;
	background: url('//media.genre.com/designimages/bg-blk80.png') repeat;
	background: rgba(0,0,0,0.8);
	width: 100%;
	height: auto;
	z-index: 9002;
}

.top-bar-nav {
	float: left;
	padding-top: 0.3125em; /*5px*/

	font-size: 100% !important;
}

	@media (min-width: 40em) {
		.top-bar-nav {
			float: right;
		}
	}

	.top-bar-nav li {
		padding-bottom: 5px; /*5px*/
		margin-right: 0.625em; /*10px*/
		text-transform: uppercase;
		font-size: 0.75em; /*12px*/
	}


		@media (min-width: 47.9375em) {
			.top-bar-nav li {
				margin-right: 1.875em; /*30px*/
			}
		}

			.top-bar-nav li, .top-bar-nav a {
				color: #999;
			}

				.top-bar-nav .current a {
					color: #faa61a;
				}

			.top-bar-nav .yellow {
				color: #faa61a;
			}

			.top-bar-nav .icon {
				display: none;
			}

				@media (min-width: 40em) {
					.top-bar-nav .icon {
						display: inline-block;
					}
				}

		@media (min-width: 30em) {
			.top-bar-nav .hide-mobile {
				display: inline;
			}
		}

	.top-bar-nav__select {
		border: none;
		outline: 0;

		font-size: 12px; /*12px*/
		color: #f9a61a;
	}

		.top-bar-nav__select option {
			background: none;
		}

.top-bar-search {
	background: #4d4d4d;
	position: relative;
	float: right;
	width: 100%;
	height: 17px;
	margin-top: 0.4375em; /*7px*/
}

	@media (min-width: 32.5em) {
		.top-bar-search {
			width: 165px;
		}
	}

	.top-bar-search__field {
		background: #4d4d4d;
		float: left;
		width: 90%;
		height: 17px;
		padding: 0 5px;
		border: none;

		font-size: 0.75em; /*12px*/
		color: #ababab;
	}

		@media (min-width: 32.5em) {
			.top-bar-search__field {
				width: 143px;
			}
		}

		.top-bar-search__field:focus {
			outline: none;
		}

	.top-bar-search__submit {
		position: absolute;
		top: 2px;
		right: 5px;
	}

	.search-open {
		float: right;
	}

/* header */
header.container,
header {
	position: relative;
	background: url('//media.genre.com/designimages/bg-white90.png') repeat;
	background: rgba(255,255,255,0.9);
	width: 100%;
	max-width: 61.25em;
	margin: 0 auto;
	border-bottom: 1px solid #ddd;
	z-index: 9000;
}

	@media (min-width: 30em) {
		header.container,
		header {
			height: 60px;
			border: none;
		}
	}

	@media (min-width: 47.9375em) {
		header.container,
		header {
			width: 95.91836734693878%;
			height: 90px;
		}
	}

.main-logo {
	float: left;
	height: 1.875em; /*30px*/
	padding: 0.3125em 0 0.625em; /*5px 0 10px*/
	/*margin-left: 5%;*/
}

	@media (min-width: 30em) {
		.main-logo {
			height: 25px;
			padding: 15px 0 15px;
			/*margin-left: 0.625em;*/ /*10px*/
		}
	}

	@media (min-width: 47.9375em) {
		.main-logo {
			height: auto;
			padding: 0;
			/*margin: 10px 0 0 0.9375em;*/ /*10px 0 0 15px*/
			margin-top: 10px;
		}
	}

	@media (min-width: 60em) {
		.main-logo {
			/*margin-left: 1.875em;*/ /*30px*/
		}
	}

.main-nav {
	position: relative;
	width: 100%;
	height: auto;
	max-height: 0;
	overflow: hidden;
	clear: both;
	z-index: 9999;

	font-size: 100% !important;
	font-weight: 300;
}

	@media (min-width: 30em) {
		.main-nav {
			background: url('//media.genre.com/designimages/bg-white90.png') repeat;
			background: rgba(255,255,255,0.9);
			position: absolute;
			top: 3.75em; /*60px*/
			left: 0;
			border-bottom: 1px solid #ddd;
		}
	}

	@media (min-width: 47.9375em) {
		.main-nav {
			position: relative;
			top: 0;
			background: none;
			float: right;
			width: auto;
			height: 30px;
			max-height: 999px;
			padding: 25px 0 0;
			border: none;
			clear: none;
			overflow: visible;
		}

		.main-nav .current, .main-nav li:hover {
			border-bottom: 5px solid #0082ce;
		}
		/*Testing for menu style change on selection -- deepika*/
		.main-nav .current, .main-nav li:click {
			font-color: #0082ce;
			border-bottom: 5px solid #0082ce;
		}
		
	}

	@media (min-width: 47.9375em) {
		.main-nav {
			height: 40px;
			padding: 45px 0 0;
			/*margin-right: 0.9375em;*/ /*15px*/
		}
	}

	@media (min-width: 60em) {
		.main-nav {
			/*margin-right: 1.875em;*/ /*30px*/
		}
	}

	.main-nav li {
		/*padding: 0 5% 0.3125em;*/ /*0 5% 5px*/
		padding-bottom: 0.3125em; /*5px*/
		width: 100%;
		clear: block;
	}

		.main-nav > li:first-child {
			padding-top: 0.625em;
		}

			.main-nav > li > a:first-child {
				padding-bottom: 0.3125em;
			}

		@media (min-width: 30em) {
			.main-nav li {
				width: 95.91836734693878%;
				padding-left: 2.04081632653061%;
				padding-right: 2.04081632653061%;
			}
		}

		@media (min-width: 40em) {
			.main-nav li {
				margin-left: 0.9375em; /*15px*/
				width: auto;
				height: 100%;
				padding: 0;
			}

				.main-nav li:first-child {
					margin-left: 0;
					padding: 0;
				}
		}

		@media (min-width: 60em) {
			.main-nav li {
				margin-left: 40px;
				font-size: 1.25em; /*20px*/
			}
		}

	.main-nav a {
		display: block;
		height: 100%;
		color: #000;
	}

		.main-nav .current > a, .main-nav a:hover {
			color: #0082ce;
		}

/*#nav:target, */.main-nav-open {
	height: auto;
	max-height: 999px;

	-moz-transition: ease-out 1s;
	-ms-transition: ease-out 1s;
	-o-transition: ease-out 1s;
	-webkit-transition: ease-out 1s;
	transition: ease-out 1s;
}

	.main-nav-close {
		-moz-transition: ease 0.5s;
		-ms-transition: ease 0.5s;
		-o-transition: ease 0.5s;
		-webkit-transition: ease 0.5s;
		transition: ease 0.5s;
	}

	.nav-open, .nav-close {
		display: block;
		float: right;
		margin: 0.625em 5% 0 0; /*10px 5% 0 0*/
	}

		@media (min-width: 30em) {
			.nav-open, .nav-close {
				margin: 1.25em 0.625em 0 0; /*20px 10px 0 0*/
			}
		}

		@media (min-width: 40em) {
			.nav-open, .nav-close {
				display: none;
			}
		}

/* Arrow Image Align */
.alignArrow {

         
        margin-left: 10px;
	padding: 5px 10px 5px 5px;
	/*float: right;*/
        /* background: url('//media.genre.com/designimages/h-arrow-white.png') 100% 50% no-repeat;
         background-position: center 25%;*/
        
         /*display: block;*/
           
}

/* $mega-nav*/
.mega-nav {
	display: none;
}

	@media (min-width: 40em) {
		.mega-nav {
			display: block;
			background: #fff;
			position: absolute;
			top: 60px;
			left: 0;
			width: auto;
			border: 1px solid #ccc;

			-moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.2);
			-webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.2);
			box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.2);

			padding: 10px 0 10px 10px;
		}
	}

	@media (min-width: 47.9375em) {
		.mega-nav {
			top: 90px;
		}
	}

	@media (min-width: 40em) {
		.mega-nav li {
			width: auto;
			padding: 0;
			margin: 0;
		}

			.mega-nav li:hover {
				border: none;
			}

				.mega-nav a {
					display: block;
					padding: 5px 10px 5px 5px;
				}

		.mega-nav-main,
		.mega-nav-aside {
			float: left;
			margin-right: 10px;
		}

			/* mega nav main */
			.mega-nav-main li {
				padding-right: 15px;
			}

			.mega-nav-main li:hover , .mega-nav--active {
				background: none 95% 50% no-repeat #0083ce; 
			}
/*url('//media.genre.com/designimages/h-arrow-white.png') 95% 50% no-repeat*/

			
				.mega-nav-main li:hover a, .mega-nav-main a:hover, .mega-nav--active a {
					color: #fff; 
				}
				
				


			/* mega nav aside */
			.mega-nav-aside {
				background: #ededed;
			}

				/*.mega-nav-aside ul {
					display: none;
				}*/

					.mega-nav-aside a {
						margin-left: 10px;
						margin-right: 10px;
						border-top: 1px dotted #8d8d8d;
					}

						.mega-nav-aside li:first-child a {
							border-top: none;
						}

						.mega-nav-aside li:hover, .mega-nav-aside a:hover {
							color: #0083ce;
						}
	}

	@media (min-width: 60em) {
		.mega-nav a {
			font-size: 18px !important;
		}
	}

/* $mobile nav */
.mobile-nav {
	background: #ededed;
	height: auto;
	max-height: 0;
	overflow: hidden;
}

	@media (min-width: 40em) {
		.mobile-nav {
			display: none;
		}
	}

	.mobile-nav li {
		width: auto;
		padding: 0 0.625em 0.3125em; /*0 10px 5px*/
	}

		.mobile-nav > li:first-child {
			margin-top: 0.625em; /*10px*/
		}

			.mobile-nav a {
				padding-bottom: 0.3125em; /*5px*/
			}

			.mobile-nav ul li {
				padding: 0 5%;
			}

.mobile-nav-open {
	height: auto;
	max-height: 999px;

	-moz-transition: ease-out 1s;
	-ms-transition: ease-out 1s;
	-o-transition: ease-out 1s;
	-webkit-transition: ease-out 1s;
	transition: ease-out 1s;
}





/* ============================== *\
    $footer
\* ============================== */

footer {
	overflow: hidden;
}

	.footer-top {
		background: #f6f6f6;
		padding: 1.875em 0; /*30px*/
	}

		@media (min-width: 47.9375em) {
			.footer-top {
				padding-top: 1.25em; /*20px*/ 
				border-top: 1px solid #e3e3e3;
			}
		}

		.footer-top__links {
			font-size: 100% !important;
			margin-bottom: 10px;
		}

			@media (min-width: 30em) {
				.footer-top__links {
					margin-bottom: 5px;
				}
			}

			@media (min-width: 47.9375em) {
				.footer-top__links {
					margin-top: 1.25em;
				}
			}

			.footer-top__links li {
				display: block;
				width: 100%;
			}

				@media (min-width: 20em) {
					.footer-top__links li {
						display: inline-block;
						width: auto;
						/*margin-left: 0.625em;*/ /*10px*/
						margin-left: 0;
					}

						.footer-top__links li:first-child {
							margin-left: 0;
						}
				}

				.footer-top__copyright p, .footer-top__copyright a {
					font-size: 0.75em; /*12px*/
					color: #8e8e8e;
				}

.footer-top__connect-title, .footer-top__connect ul {
	float: left;
}

.footer-top__connect-title {
	padding-top: 6px;
	margin-right: 10px;

	text-align: right;
	font-size: 0.875em; /*14px*/
	line-height: 1;
	text-transform: uppercase;
}

	@media (min-width: 47.9375em) {
		.logo-foot {
			text-align: center;
		}

		.footer-top__connect {
			float: right;
			margin-top: 1.25em;
		}
	}

.footer-bottom {
	background: #e8e8e8;
	padding: 1.875em 0; /*30px 0*/
}

	.footer-bottom h2 {
		padding-bottom: 0.625em; /*10px*/

		font-weight: 700;
		font-size: 1.125em; /*18px*/
	}

		.footer-bottom h2, .footer-bottom h2 a {
			color: #444545;
		}

		@media (min-width: 47.9375em) {
			.footer-bottom h2 {
 				padding-bottom: 15px;
 			}
		}

	.footer-bottom h3, .footer-bottom__links {
		font-size: 0.8125em; /*13px*/
		
	}
	.footer-bottom__links {
		word-wrap:break-word;
	}	

	.footer-bottom h3 {
		padding-bottom: 2px;
		text-transform: uppercase;
	}

		.footer-bottom h3, .footer-bottom h3 a {
			color: #676767;
		}

	.footer-bottom ul {
		padding-bottom: 15px;
	}

	.footer-bottom ul li {
		padding-bottom: 2px;
	}





/* ============================== *\
    $slider
\* ============================== */

.home-slider {
	position: relative;
	width: 100%;
}

	@media (min-width: 30em) {
		.home-slider {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
		}
	}

	@media (min-width: 75em) {
		.no-js .home-slider {
			left: 50%;
			max-width: 75em;
			margin-left: -37.5em;
		}

		.home-slider {
			height: 535px;
			overflow: hidden;
		}
	}

.slider {
	position: relative;
	height: auto;
	padding-top: 1.25em; /*20px*/
	clear: both;
	z-index: 1000;
	opacity: 0;
}

	.no-js .slider {
		opacity: 1;
	}

	.no-opacity .slider {
		visibility: hidden;
	}

	@media (min-width: 30em) {
		.slider {
			position: relative;
			float: none;
			padding-top: 90px;
			margin-top: 90px;
			height: 355px;
			z-index: 1000;
		}		
	}

	@media (min-width: 47.9375em) {
		.slider {
			padding-top: 140px;
			margin-top: 120px;
			height: 275px;
			overflow: hidden;
		}
	}

	@media (min-width: 30em) {
		.slider .slider__left {
			float: left;
			width: 70.48979591826635%;
			margin: 0;
		}

		.slider .slider__right {
			position: absolute;
			bottom: 0;
			right: 0;
			float: left;
			width: 23.46938775520304%;
			margin: 0 0 0 4.04081632653061%;
		/* added z-index for fixing video arrow click issue */
			z-index: 2001;
		}
	}

.slider__bg {
	display: none;
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
}

	.no-js .slider__bg {
		display: block;
	}

	@media (min-width: 30em) {
		.slider__bg {
			background-position: center top !important;
			position: absolute;
			top: 0;
			left: 0;
			float: none;
			overflow: hidden;
		}
	}

	.slider__bg img {
		position: relative;
		float: left;
		width: 100%;
	}

		@media (min-width: 30em) {
			.slider__bg img {
				float: none;
				width: 1200px;
				margin: 0 auto;
			}
		}

/* Fix for flame display issue when Cookie Notification exist - Begins*/
.slider-cookie {
	padding-top: 1.25em; /*20px*/
}
@media (min-width: 30em) {
 .slider-cookie {
	padding-top: 120px;
 }
}
@media (min-width: 47.9375em) {
	.slider-cookie {
		padding-top: 140px;
	}
}

.slider-de-cookie {
	padding-top: 1.25em; /*20px*/
}
@media (min-width: 30em) {
 .slider-de-cookie {
	padding-top: 160px; /*130*/
 }
}
@media (min-width: 47.9375em) {
	.slider-de-cookie {
		padding-top: 140px;
	}
}

.slider__bg-cookie {

}
	@media (min-width: 30em) {
		.slider__bg-cookie {
			top: 50px;
		}	
	}

.slider__bg-de-cookie {

}
	@media (min-width: 30em) {
		.slider__bg-de-cookie {
			top: 100px;
		}
	}
/* Fix for flame display issue when Cookie Notification exist - Ends*/

/* $slider heading */
/*.slider__heading-holder {
	width: auto;
}

	@media (min-width: 30em) {
		.slider__heading-holder {
			width: 25.9375em;
		}
	}

	.slider__heading {
		display: inline;
		float: left;
		line-height: 1.8;
		margin: 0 0 10px 5px;
		clear: both;

		font-size: 1.25em;
		font-weight: 700;
		text-transform: uppercase;
		color: #fff;
	}

		@media (min-width: 30em) {
			.slider__heading {
				margin: 0 0 10px 7px;

				font-size: 2.5em;
				line-height: 1.6;
			}
		}

		.slider__heading a {
			background: #1a88c6;
			box-shadow: 0 0 0 5px #1a88c6;
			color: #fff;
		}

			@media (min-width: 30em) {
				.slider__heading a {
					background: #1a88c6;
					box-shadow: 0 0 0 7px #1a88c6;
					color: #fff;
				}
			}*/

/* box heading */
.title-block {
	width: auto;
	overflow: hidden;	
}

	@media (min-width: 30em) {
		.title-block {
			width: 25.9375em; /*415px*/
		}

		.title-block--long {
			width: auto;
		}
	}

	@media (min-width: 47.9375em) {
		.title-block--contact {
			position: absolute;
			bottom: 60px;
			left: 130px;
		}
	}

	@media (min-width: 61.25em) {
		.title-block--contact {
			left: 0;
		}
	}

	.title-block__text {
		display: inline;
		float: left;
		line-height: 1.8;
		margin: 0 0 10px 5px; /*10px*/
		clear: both;

		font-size: 1.25em; /*20px*/
		font-weight: 700;
		text-transform: uppercase;
		color: #fff;
	}
	/* Changed the font-size and line-height to fix slider__bg repeat issue in mobile */
		@media (min-width: 30em) {
			.title-block__text {
				margin: 0 0 10px 7px; /*10px*/

				font-size: 2.2em; /*2.5em 40px*/
				line-height: 1.7;/* 1.6 */
			}
		}

		.title-block span {
			background: #1a88c6;
			box-shadow: 0 0 0 5px #1a88c6;
		}

			.title-block span, .title-block span a {
				color: #fff;
			}

			@media (min-width: 30em) {
				.title-block span {
					box-shadow: 0 0 0 7px #1a88c6;
				}
			}

/* slider-aside */
.slider-aside {
	background: url('//media.genre.com/designimages/bg-blk60.png') repeat;
	background: rgba(0,0,0,0.6);
	position: relative;
	margin-top: 1.875em; /*30px*/
	overflow: hidden;
	
	color: #fff;

}

	@media (min-width: 30em) {
		.slider-aside {
			margin: 1.875em 0 0.9375em; /*30px 0 15px*/
		}	
	}

	.slider-aside__toggle {
		padding: 1.5625em 0.9375em 0.9375em; /*25px 15px 15px*/
	}

		.s-toggle-on .slider-aside__toggle {
			padding-bottom: 0.3125em; /*5px*/
			cursor: pointer;
		}

	.slider-aside__arrow {
		background: url('//media.genre.com/designimages/mini-arrow.png') left top no-repeat;
		background-position: 0 -7px;
		position: absolute;
		left: 50%;
		top: 10px;
		width: 12px;
		height: 7px;
		margin-left: -6px;
	}

		@media (min-width: 30em) {
			.slider-aside__arrow  {
				background-position: 0 0;
			}
		}	

		.s-toggle-on .slider-aside__arrow {
			background-position: 0 0;
		}

			@media (min-width: 30em) {
				.s-toggle-on .slider-aside__arrow {
					background-position: 0 -7px;
				}
			}


	.slider-aside__title {
		font-size: 1.1875em; /*19px*/
		font-weight: 700;
	}

	.slider-aside__position {
		font-size: 0.875em; /*14px*/
		color: #cacaca;
	}

	/* slider aside hidden */
	.slider-aside-content {
		padding: 0 0.9375em; /*15px*/
	}

		.s-toggle-on .slider-aside-content {
			padding-bottom: 0.9375em; /*15px*/
		}

		.slider-aside .link {
			font-size: 0.8125em;
		}


/*********** list *********/

.l-spacer li {
	margin-top: 1.25em;
}





/* ============================== *\
    $tabs/accordion
\* ============================== */

.tabs {
    position: relative;
    width: auto;
    overflow: hidden;
    clear: both;
    z-index: 2000;
}

/* tab nav */
.tab-nav,
.tab-nav.group {
    display: none;
}

	.tab-nav li {
    	background: #fff;
	}

	@media (min-width: 40em) {
		.tab-nav li {
			line-height: 1.2;

		   -moz-box-shadow: inset 0 -5px 10px #ebebeb;
		   -webkit-box-shadow: inset 0 -5px 10px #ebebeb;
		   box-shadow: inset 0 -5px 10px #ebebeb;
		}
	}


/* tab panel */
.tabs-panel {
	background-color: #fff;
	background-image: -webkit-linear-gradient(top, #fff, #f9f9f9);
	background-image: -moz-linear-gradient(top, #fff, #f9f9f9);
	background-image: -ms-linear-gradient(top, #fff, #f9f9f9);
	background-image: -o-linear-gradient(top, #fff, #f9f9f9);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f9f9f9));

	width: auto;
    padding: 1.25em 0; /*20px 0*/
    border-top: 1px solid #ccc;
}

	@media (min-width: 40em) {
		.tabs.secondary .tabs-panel {
			padding-top: 1.25em;
			border-top: none;
		}
	}

	.tabs-title {
		margin-bottom: 0;
	}

    .tabs-title a {
    	background: url('//media.genre.com/designimages/h-arrow.png') right 50% no-repeat;
        display: block;
        padding-right: 20px;
    }

    	/* on state */
    	.panel-active .tabs-title a,
    	.m-panel-show .tabs-title a {
    		background: url('//media.genre.com/designimages/v-arrow-on.png') right 50% no-repeat;    		
    	}

    	/* off state */
    	.m-panel-hide.panel-active .tabs-title a {
    		background: url('//media.genre.com/designimages/h-arrow.png') right 50% no-repeat;    		
    	}

    .tabs-panel-content a {
    	text-decoration: underline;
    }

    .panel-hide .tabs-panel-content {
        display: none;
    }

    .panel-active {
        height: auto !important;
    }

    .panel-active .tabs-panel-content,
    .m-panel-show .tabs-panel-content {
        display: block;
        margin-top: 30px;
    }

    .m-panel-hide .tabs-panel-content {
    	display: none !important;
    }

    .m-panel-show .tabs-panel-content {
    	display: block !important;
    }

    .tabs .tabs-title.m-bot-5 {
    	margin-bottom: 0;
    }


@media (min-width: 47.9375em) {
    .tabs {
        width: auto;
        margin: 0 auto;
        margin-top: -70px;
    }

    .tab-nav,
    .tab-nav.group {
        display: block;
        font-size: 100% !important;
        /*Included to fix tab issue in german in home page*/
        width: 1240Px;
    }

        .tab-nav li {
        	padding: 0 1em; /*20px^20*/
            border: 1px solid #ccc;
            /*border-left: 0;*/
            border-bottom: 0;

       		font-size: 1.25em; /*20px*/
       		font-weight: 300;

			-webkit-border-radius: 5px 5px 0 0;
			-moz-border-radius: 5px 5px 0 0;
			border-radius: 5px 5px 0 0;
        }

            /*.tab-nav li:first-child {
                border-left: 1px solid #ccc;
            }*/

        .tab-nav a {
        	background: none;
            display: block;
            padding: 10px 5px;
        }

        .tab-nav li.tab-active {
            margin-bottom: -1px;
            padding-bottom: 0;
            border-bottom: 1px solid #fff;

            -moz-box-shadow: none;
			-webkit-box-shadow: none;
			box-shadow: none;
        }

	        .tab-active a, .tab-nav a:hover {
	        	padding-bottom: 5px;
	        	border-bottom: 5px solid #0082ce;
	        }

    .tabs-panel {
    	background: #fff;
        height: auto !important;
        padding: 2.5em 0; /*40px 0*/
    }

    	.tabs-title {
			margin-bottom: 20px;
		}

	    .tabs-title a {
	    	width: 100%;
	    	padding: 0;
	        cursor: default;
	    }

	    .tabs-title a, .m-panel-hide.panel-active .tabs-title a, .panel-active .tabs-title a {
	    	background: none;
	    }

        .tabs-panel .tabs-panel-content {
            display: block !important;
            margin-top: 0;
        }

        .panel-hide {
            display: none;
        }

        .panel-active {
            display: block;
        }

    .m-panel-hide .tabs-panel-content {
    	display: block;
    }

    /* .tab-nav - modifier smaller text */
    .tab-nav.tab-nav--small li,
    .tab-nav--small li {
    	font-size: 16px;
    	text-align: center;
    	padding: 0 10px;
    }

    .tab-nav.tab-nav--small a,
    .tab-nav--small a {
    	padding-right: 0;
    	padding-left: 0;
    }

    .tabs .tabs-title.m-bot-5 {
    	margin-bottom: 5px;
    }
}

@media (min-width: 47.9375em) {
    .tab-nav a {
        display: block;
        padding: 10px 0px;
    }

        .tab-active a, .tab-nav a:hover {
            padding-bottom: 5px;
        	border-bottom: 5px solid #0082ce;
        }

    .tabs-panel-content p {
    	margin-bottom: 20px;
    }

	/* .tab-nav - modifier smaller text */
    .tab-nav.tab-nav--small li,
    .tab-nav--small li {
    	padding: 0 1em;
    }

    .tab-nav.tab-nav--small a,
    .tab-nav--small a {
    	padding-right: 10px;
    	padding-left: 10px;
    }
}

@media (min-width: 60em) {
    .tabs {
        margin-top: -100px;
    }

    .tab-nav li {
   		font-size: 1.5em; /*24px*/
   		padding: 0 1em; /*0 24px^24*/
    }

    /* .tab-nav - modifier smaller text */
	.tab-nav.tab-nav--small li,
    .tab-nav--small li {
    	font-size: 18px;
    	text-align: center;
    }

    .tab-nav.tab-nav--small a,
    .tab-nav--small a {
    	padding-right: 0px;
    	padding-left: 0px;
    }

    .tab-nav--home li {
    	font-size: 2em;
    }
}

.tabs .l-bullet {
	margin-bottom: 1.25em; /*20px*/
}

.tabs p, .tabs .l-bullet, .tabs .l-bullet-img {
	margin-bottom: 20px;
}

.tabs .author {
	margin-bottom: 10px;
}

.tabs-panel .container {
       
	opacity: 0;
}

	.no-js .tabs-panel .container {
		opacity: 1;
	}

	.no-opacity .tabs-panel .container {
		visibility: hidden;
	}





/* ============================== *\
    $login tabs
\* ============================== */

.login-intro {
	font-size: 0.875em; /*14px*/
	font-weight: 700;
	text-transform: uppercase;
}

/* main structure */
.login-tabs {
   	margin-top: 1.25em; /*20px*/
	overflow: visible;
}

	.login-tabs .container {
		width: auto;
	}


/* text */
.login-tabs, .login-tabs a { color: #fff; }


/* tabs panel */
.login-tabs .tabs-panel {
	background-color: #fff;
	background-image: -webkit-linear-gradient(top, #fff, #f9f9f9);
	background-image: -moz-linear-gradient(top, #fff, #f9f9f9);
	background-image: -ms-linear-gradient(top, #fff, #f9f9f9);
	background-image: -o-linear-gradient(top, #fff, #f9f9f9);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f9f9f9));

	padding: 1.25em 0;
}

	.login-tabs .tabs-panel > .col-12 {
		width: auto;
		padding: 0 1.25em;
	}

	.login-tabs .tabs-title {
		padding: 0 1.25em; /*20px*/
	}


/* tabs panel content */
.login-tabs .tabs-panel-content {
	padding: 1.25em; /*20px*/
}

	.login-tabs__online .tabs-panel-content { background: #428aa0; }
	.login-tabs__connect .tabs-panel-content { background: #8999a9; }
	.login-tabs__facworld .tabs-panel-content { background: #c19056; }
	.login-tabs__life-health .tabs-panel-content { background: #a6b757;}
	.login-tabs__research .tabs-panel-content { background: #41689f; }

		.login-tabs .tabs-panel-content a { text-decoration: underline; }
		.login-tabs .tabs-panel-content .btn { text-decoration: none; }

	/* active states */
	.login-tabs .panel-active,
	.login-tabs .m-panel-show {
		padding-bottom: 0;
	}

	.login-tabs .panel-active.m-panel-hide {
		padding-bottom: 1.25em;
	}

	.login-tabs .panel-active .tabs-panel-content,
	.login-tabs .m-panel-show .tabs-panel-content {
		margin-top: 1.25em; /*20px*/
	}

	/* tab titles */
	.login-tabs .tabs-title a {
		background: url('//media.genre.com/designimages/h-arrow.png') right 50% no-repeat;

		color: #0082ce;
	}

		.login-tabs .panel-active .tabs-title a,
		.login-tabs .m-panel-show .tabs-title a {
			background: url('//media.genre.com/designimages/v-arrow-on.png') right 50% no-repeat;
		}

		.login-tabs .m-panel-hide.panel-active .tabs-title a {
			background: url('//media.genre.com/designimages/h-arrow.png') right 50% no-repeat;
		}

	.login-tabs span.m-bot-5 {
		display: block;
	}

	.arrow-right {
		display: none;
	}

	@media (min-width: 47.9375em) {
		.login-tabs .login-tabs__aside,
		.login-tabs .login-tabs__main {
			float: left;
		}

		.login-tabs .login-tabs__aside {
			position: relative;
			width: 31.97278911564626%;
			z-index: 2000;
		}

		.login-tabs .login-tabs__main {
			position: relative;
			width: 65.98639455782313%;
			margin-left: 2.04081632653061%;
			z-index: 1000;
		}

		/* bg color reset */
		.login-tabs__online .tabs-panel-content,
		.login-tabs__connect .tabs-panel-content,
		.login-tabs__facworld .tabs-panel-content,
		.login-tabs__life-health .tabs-panel-content,
		.login-tabs__research .tabs-panel-content,
		.login-tabs .tabs-panel {
			background: none;
		}

		/* bg colors */
		.login-tabs .login-tabs__online { background: #428aa0; }
		.login-tabs .login-tabs__connect { background: #8999a9; }
		.login-tabs .login-tabs__facworld { background: #c19056; }
		.login-tabs .login-tabs__life-health { background: #a6b757;}
		.login-tabs .login-tabs__research { background: #41689f; }

		/* structure */
	    .login-tabs {
			padding-bottom: 3em; /*48px*/
	    	overflow: hidden;
	    }

			.login-tabs .container {
				width: 95.91836734693878%;
			}

		.login-tabs .tabs-title {
			padding: 0;
		}

	    /* tab nav */
    	.login-tabs .tab-nav li {
    		position: relative;
    		float: left;
    		margin: 0 15px 15px 0;
    		border: 1px solid #ccc;
    		border-radius: 0;

			-moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.1);
			-webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.1);
			box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.1);
		}

				.login-tabs .tab-nav a {
					color: #0082ce;
				}

				/* active state */
	            .login-tabs .tab-active {
	            	background: #0082ce;
	        		margin-bottom: 15px;
	        	}

	        		.login-tabs .tab-active a {
		        		padding-bottom: 5px;
						border-bottom:0;
						color: #fff;
					}

				.tab-active .arrow-right {
					display: block;
					position: absolute;
					top: -5%;
					right: -30px;
					width: 30px;
					height: 110%;
				}

		/* tab panel */
    	.login-tabs .tabs-panel {
    		padding: 1.25em;
    		border: none;
    	}

		.login-tabs .tabs-panel > .col-12 {
			width: 100%;
			margin: 0;
			padding: 0;
		}

	    .login-tabs .tabs-panel-content,
	    .login-tabs .panel-active .tabs-panel-content,
		.login-tabs .m-panel-show .tabs-panel-content {
	    	margin-top: 0;
	    	width: auto;
	    	padding: 0;
	    }

			.login-tabs .tabs-title {
				margin-bottom: 10px;
			}

		    .login-tabs .tabs-title a {
		    	padding-left: 0;

		    	color: #fff;
		    }

				.login-tabs .tabs-title a, .login-tabs .m-panel-hide.panel-active .tabs-title a, .login-tabs .panel-active .tabs-title a {
					background: none;
				}	

    		.login-tabs .tabs-title, .login-tabs .tabs-title a {
    			line-height: 1.1;
    		}

	/* orignally 47.9375 */
		.login-tabs {
			padding-top: 5px;
		}

		/* tab nav */
		.login-tabs .tab-nav {
    		width: auto;
			border: 1px solid #ccc;

			-moz-box-shadow: 0 0 5px 1px rgba(0,0,0,0.2);
			-webkit-box-shadow: 0 0 5px 1px rgba(0,0,0,0.2);
			box-shadow: 0 0 5px 1px rgba(0,0,0,0.2);
		}

	    	.login-tabs .tab-nav li {
	    		background-color: #fff;
				background-image: -webkit-linear-gradient(top, #fff, #f9f9f9);
				background-image: -moz-linear-gradient(top, #fff, #f9f9f9);
				background-image: -ms-linear-gradient(top, #fff, #f9f9f9);
				background-image: -o-linear-gradient(top, #fff, #f9f9f9);
				background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f9f9f9));
	    		
	    		width: 100%;
	    		padding-left: 0;
	    		padding-right: 0;
	    		margin: 0;
	    		border: none;
	    		border-top: 1px dotted #b2b2b2;
	    		box-shadow: none;

	    		font-size: 19px;
	    	}

	    		.login-tabs .tab-nav li:first-child {
	    			border-top: 0;
	    		}

	    		.login-tabs .tab-nav a {
	    			background: url('//media.genre.com/designimages/h-arrow.png') 15px 50% no-repeat;
	    			padding-left: 30px;
	    		}

	    			.login-tabs .tab-nav .tab-active a {
	    				background: url('//media.genre.com/designimages/h-arrow-on.png') 15px 50% no-repeat;
	    				color: #0082ce;
	    			}	

	    		/* tab nav - active state */
	    		.login-tabs .tab-active {
	    			background: none;
	    			margin-bottom: 0;
	    			border-bottom: 0;
	    		}

	    			.login-tabs .tab-active a, .login-tabs .tab-nav a:hover {
		        		padding-bottom: 10px;
		        		border: none;
		        	}

	    /* tab panel */
		.login-tabs .tabs-panel {
			padding: 1.25em 2.5em 2.5em; /*20px 40px 40px*/
		}
	}

.login-flame {
	display: none;
}

@media (min-width: 40em) {
	.login-tabs .tabs-panel {
		position: relative;
		opacity: 0;
	}

		.no-js .login-tabs {
			opacity: 1;
		}

		.no-opacity .login-tabs {
			visibility: hidden;
		}

	.login-flame {
		display: block;
		position: absolute;
		bottom: -80px;
		right: 20px;
	}

	.login-tabs__connect .login-flame {
		bottom: -150px;
	}

	.login-tabs__research .login-flame {
		bottom: -180px;
	}
}




/* ============================== *\
    $tab padding
\* ============================== */

.tab-padding {
	padding-bottom: 30px;
}
.cargo-padding{
	padding-bottom: 30px;
}

	@media (min-width: 40em) {
		.tab-padding {
			padding-bottom: 90px;
		}
		.cargo-padding{
			padding-bottom: 90px;
		}
	}

	@media (min-width: 60em) {
		.tab-padding {
			padding-bottom: 130px;
		}
		.cargo-padding{
			padding-bottom: 30px;
		}
	}





/* ============================== *\
    $client login
\* ============================== */

.login-box {
	background: #fff;
	margin-top: 1.25em; /*20px*/
	margin-bottom: 1.25em; /*20px*/
	padding: 1.25em; /*20px*/
	overflow: hidden;
        position: relative;
        z-index: 100;
	color: #666;

	-moz-box-shadow: 0 0 5px 1px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 5px 1px rgba(0,0,0,0.2);
	box-shadow: 0 0 5px 1px rgba(0,0,0,0.2);
}

	.login-box > span {
		display: block;
	}

	.login-box label {
		margin-bottom: 0.3125em; /*5px*/
		font-size: 0.75em; /*12px*/
		font-weight: 700;
		text-transform: uppercase;
		color: #04477b;
	}

	.login-box input {
		background: #f8f8f8;
		height: 1.875em;
		margin-bottom: 5px;
		border: 1px solid #c4c4c4;
	}

		.login-box input:focus {
			background: #fff;
			outline: 0;
		}

	.login-tabs .btn {
		margin-top: 0.9375em; /*15px*/

		font-size: 0.8125em; /*13px*/
	}

	.login-box.text-center .btn {
		float: none;
		margin-top: 0;
		clear: both;
	}

	.login-box__heading {
		margin-bottom: 0.5769230769230769em; /*15px^26*/

		font-size: 1.625em; /*26px*/
		font-weight: 300;
	}

	.login-box__heading--small {
		font-size: 1.125em; /*18px*/
	}

		.login-box__heading, .login-box__heading--small {
			line-height: 1;
			color: #0082ce;
		}





/* ============================== *\
    $breadcrumbs
\* ============================== */

.breadcrumb {
	display: block;
	margin-top: 1.25em; /*20px*/
	padding-bottom: 1.5em; /*24px*/
	overflow: hidden;
	clear: both;
}
	
	/* modifier class */
	.tabs .breadcrumb {
		background: #fff;
		margin-top: 0;
	}

		@media (min-width: 40em) {
			.tabs .breadcrumb {
				margin-bottom: -1px;
				padding-bottom: 0;	
				border-top: 1px solid #ccc;
				border-bottom: 1px solid #fff;
			}
		}

	.l-bcrumb {
		background: #ececec;
		float: left;
		padding: 0 0.3125em; /*0 5px*/

		font-size: 100% !important;
	}

		@media (min-width: 30em) {
			.tabs .l-bcrumb {
				margin-top: 1.25em;
			}
		}

		.l-bcrumb li {
			padding: 0 2px 5px;
			font-size: 0.75em; /*12px*/
		}

			.l-bcrumb li, .l-bcrumb a {
				color: #818181;
			}

			.l-bcrumb a:hover {
				color: #0082ce;
			}

			.l-bcrumb .current a, .l-bcrumb .current a:hover {
				cursor: default;
				color: #818181;
			}


/* ============================== *\
    $carousel
\* ============================== */

.carousel-mask {
	position: relative;
	padding-bottom: 1.25em; /*20px*/
	overflow: hidden;
}

	@media (min-width: 47.9375em) {
		.carousel-mask {
			width: auto;
			padding: 0 5%;
		}
	}

.carousel {
	font-size: 100% !important;
}

	.carousel li {
		width: 90%;
		padding: 0 0.3125em; /*5px*/
		height: auto;
		margin: 0;
	}

		@media (min-width: 30em) {
			.carousel li {
				float: left;
				width: 45%;
				padding: 0 1.25em; /*20px*/
				margin: 0;
			}
		}

	.carousel .img-flex {
		margin-bottom: 0.625em; /*10px*/
	}

		@media (min-width: 30em) {
			.carousel .img-flex {
				margin-bottom: 0;
			}
		}

	.carousel__thumb {
		margin-bottom: 0.625em; /*10px*/
	}





/* ============================== *\
    $carousel box
\* ============================== */

.carousel-box,
.tabs-panel .carousel-box {
	background: url('//media.genre.com/images/people-ghosted-bg.jpg') left top repeat #000;
	float: left;
	width: auto;
	padding: 1.25em 0.625em 0.625em; /*20px 10px 10px*/

	color: #fff;
}

	@media (min-width: 30em) {
		.carousel-box,
		.tabs-panel .carousel-box {
			padding: 25px;
		}
	}

/* text */
.carousel-box__name {
	font-size: 1.125em; /*18px*/
}

	@media (min-width: 40em) {
		.carousel-box__name {
			font-size: 1.5625em; /*25px*/
		}
	}

.carousel-box p {
	margin-bottom: 10px;

	font-size: 0.875em; /*14px*/
}

		@media (min-width: 40em) {
			.carousel-box p {
				font-size: 1.3125em; /*21px*/
			}
		}

.carousel-box .carousel-box__position {
	font-size: 0.75em; /*12px*/
	font-style: italic;
}
	
	@media (min-width: 30em) {
		.carousel-box .carousel-box__position {
			font-size: 1em;
		}
	}

	/* $modifiers */
	/* .carousel--careers grid modifier */
	@media (min-width: 20em) {
		.carousel--graduates .col-4, .carousel--graduates .col-4new, .carousel--graduates .col-8r {
			float: left;
		}

		.carousel--graduates .col-4 {
			width: 31.9728%;
		}
		
		.carousel--graduates .col-4new {
			width: 31.9728%;
		}

		.carousel--graduates .col-8r {
			width: 63.9864%;
			margin-left: 4.04082%;
		}
	}

	/* .carousel--careers & .carousel--graduates */
	.carousel--careers, .carousel--graduates {
		float: none;
		margin-top: 0;
	}

	.carousel--careers .carousel-box-aside__inner, .carousel--graduates .carousel-box-aside__inner {
		padding-top: 1.25em; /*20px*/
	}

	.carousel--careers, .carousel--graduates p {
		font-size: 1em;
	}

	/* .carousel--careers */
	.career-quote {
		font-size: 0.875em; /*15px*/
		font-style: italic;
	}

		@media (min-width: 30em) {
			.career-quote {
				font-size: 1.125em; /*18px*/
				color: #fff;
			}
		}

	.carousel--careers .carousel-box__name {
		font-size: 1em;
	}

	.carousel--careers p.carousel-box__position {
		font-size: 0.875em; /*14px*/
		font-weight: 300;
		font-style: italic;
	}

	.carousel--careers .carousel li img {
		padding: 3px;
	}

	.carousel--careers .carousel .current img {
		padding: 0;
		border: 3px solid #faa61a;
	}

	/* .carousel--graduates */
	@media (min-width: 30em) {
		/*.carousel--graduates .img-flex {
			width: 50%;
		}*/
	}

	@media (min-width: 47.9375em) {
		.carousel--graduates .img-flex {
			width: 100%;
		}
	}

	.carousel--graduates .carousel__title {
		margin-bottom: 0.74em; /*20px^27*/

		font-size: 1.6875em; /*27px*/
		font-weight: 700;
		color: #faa61a;
	}

		@media (min-width: 47.9375em) {
			.carousel--graduates .carousel__title {
				margin-bottom: 1.11em; /*30px^27*/
			}
		}

	.carousel--graduates .carousel-box__name {
		font-size: 1.125em; /*18px*/
	}

	.carousel--graduates p.carousel-box__position {
		font-size: 1em;
	}

/* $carousel box aside */
.carousel-aside__inner {
	background: #faa61a;
	background: rgba(250,166,26,0.85);
	padding: 1.25em 0.625em 0.625em; /*20px 10px 10px*/
	overflow: hidden;
}

	@media (min-width: 40em) {
		.carousel-aside__inner {
			padding: 1.25em; /*20px*/
		}
	}

	@media (min-width: 47.9375em) {
		.carousel-aside__inner {
			padding-top: 1.5em;
			margin-top: -2.1875em; /*35px*/
		}
	}

	.carousel-aside__title {
		margin-bottom: 5px;
		font-size: 1.875em; /*30px*/
		font-weight: 700;
		line-height: 1.1;
	}

		@media (min-width: 40em) {
			.carousel-aside__title {
				font-size: 2.3125em; /*37px*/
			}
		}

	.carousel-aside__inner em {
		font-size: 1.238095238095238em; /*26px ^21px*/
		font-weight: 300;
		line-height: 1.1;
	}

	@media (min-width: 47.9375em) {
		.carousel-aside__inner p {
			font-size: 1em;
		}

	}

	@media (min-width: 60em) {
		.carousel-aside__inner p {
			font-size: 1.3125em; /*21px*/
		}
	}

/* careers / graduates */
.carousel--careers li {
	cursor: pointer;
}

	.carousel-aside__subtitle {
		margin-bottom: 0.3125em; /*5px*/

		font-size: 1em;
		font-weight: 700;
		line-height: 1;
		text-transform: uppercase;
	}

		.carousel-aside__subtitle span {
			display: block;
		}

	.carousel-aside__form {
		display: block;
		margin-bottom: 0.625em;
	}


/* ============================== *\
    $recommended
\* ============================== */

.recommended li {
	border-top: 1px solid #ccc;
}

	.recommended li:first-child {
		border: none;
	}

	.recommended a {
		color: #000;
	}





/* ============================== *\
    $aside box
\* ============================== */

.aside-box {
	width: auto;
	margin-top: 0.3125em; /*5px*/
	padding: 1.25em; /*20px*/
	overflow: hidden;
}

	@media (min-width: 47.9375em) {
		.aside-box {
			padding: 0.9375em; /*15px*/
		}
	}

	.aside-box p {
		margin-bottom: 10px;
	}

	.aside-box a {
		text-decoration: underline;
	}

	/* mod - filter padding */
	.aside-box--filter {
		padding: 0.625em; /*10px*/
		margin-bottom: 0.625em; /*10px*/
	}

		@media (min-width: 47.9375em) {
			.aside-box--filter {
				padding: 0.9375em 0.625em 1.25em; /*20px 10px*/
				margin-bottom: 0;
			}
		}

	/* clears top margin from :first-child */
	@media (min-width: 47.9375em) {
		.col-3 .aside-box:first-child,
		.col-3r .aside-box:first-child,
		.col-3f .aside-box:first-child {
			margin-top: 0;
		}

		/* mod - negative top margin */
		.aside-box--top,
		.col-3 .aside-box--top,
		.col-3r .aside-box--top,
		.col-3 .aside-box--top:first-child,
		.col-3r .aside-box--top:first-child {
			margin-top: -0.625em;
		}
	}

/* background colors */
.aside-box,
.aside-box--filter {
	background: #e5e5e5;
	background: rgba(0,0,0,0.1);
}

.aside-box--white {
	background: none;
}

.aside-box--light {
	background: #f6f6f6;
}

.aside-box--dark {
	background: url('//media.genre.com/designimages/bg-blk60.png') repeat;
	background: rgba(0,0,0,0.65);
}

.aside-box--contact input[type="image"] {
	margin-top: 0.625em; /*10px*/
}



/* $aside box headings */
.aside-box__heading,
.aside-box__heading--med,
.aside-box__heading--small {
	margin-bottom: 5px;

	font-size: 1.25em; /*20px*/
	font-weight: 300;
	line-height: 1.1;
	color: #000;
}

.aside-box__heading--small {
	margin-bottom: 10px;
}

	.aside-box--dark .aside-box__heading,
	.aside-box--dark .aside-box__heading--med,
	.aside-box--dark .aside-box__heading--small,
	.aside-box--dark, .aside-box--dark a {
		color: #fff;
	}

	.aside-box--dark a {
		text-decoration: none;
	}

	@media (min-width: 60em) {
		.aside-box__heading {
			font-size: 1.5em; /*24px*/
		}
	}

	.aside-box__heading--med {
		font-size: 1.125em;
	}

	.aside-box__heading--small {
		font-size: 0.875em; /*14px*/
		text-transform: uppercase;
	}

		.aside-box__heading--twit {
			padding-top: 0.625em; /*10px*/
			margin-bottom: 1.25em; /*20px*/

			font-weight: 700;
			color: #0082ce;
		}

	.aside-box--filter .aside-box__heading {
		cursor: pointer;
		margin-bottom: 0;
	}

		@media (min-width: 47.9375em) {
			.aside-box--filter .aside-box__heading {
				cursor: default;
			}
		}


/* aside box content */
.content__contact-select {
	width: 100%;
	margin-top: 10px; /*10px*/
}


/* ============================== *\
    $tag cloud
\* ============================== */

.tags a {
	text-decoration: none;
}
.tags__small {
color: #0082ce;
font-size: 14px;
}

.tags__big {
font-size: 17px;
color: #04477b;
}
 
.tags__bigger {
font-size: 22px;
color: #faa61a;
}


/* ============================== *\
    $filter
\* ============================== */

.aside-box--filter .aside-box__heading {
	background: url('//media.genre.com/designimages/h-arrow.png') 98% 50% no-repeat;
}

	.aside-box--filter.s-open .aside-box__heading {
		background: url('//media.genre.com/designimages/v-arrow-on.png') 98% 50% no-repeat;
	}

	.aside-box--category .aside-box__heading,
	.aside-box--category.s-open .aside-box__heading {
		background: none;
	}

	@media (min-width: 47.9375em) {
		.aside-box--filter .aside-box__heading,
		.aside-box--filter.s-open .aside-box__heading {
			background: none;
		}
	}

.filter {
	background: #fff;
	margin-top: 0.625em; /*10px*/
	border: 1px solid #ccc;
}

	.filter a {
		text-decoration: underline;
	}

	.filter__heading {
		background: url('//media.genre.com/designimages/h-arrow.png') 95% 50% no-repeat;
		padding: 0.3125em 25px 0.3125em 0.3125em; /*5px*/

		cursor: pointer;
	}

		@media (min-width: 30em) {
			.filter__heading {
				background: url('//media.genre.com/designimages/v-arrow-on.png') 98% 50% no-repeat;
			}
		}

		@media (min-width: 47.9375em) {
			.filter__heading {
				background: url('//media.genre.com/designimages/v-arrow-on.png') 95% 50% no-repeat;
				border-bottom: 1px dotted #666;
			}
		}

		/* states */
		.s-filter-open .filter__heading {
			background: url('//media.genre.com/designimages/v-arrow-on.png') 95% 50% no-repeat;
			border-bottom: 1px dotted #666;
		}

				@media (min-width: 30em) {
					.s-filter-open .filter__heading {
						background: url('//media.genre.com/designimages/v-arrow-on.png') 98% 50% no-repeat;
					}
				}

				@media (min-width: 47.9375em) {
					.s-filter-open .filter__heading {
						background: url('//media.genre.com/designimages/v-arrow-on.png') 95% 50% no-repeat;
					}
				}

		.s-filter-close .filter__heading {
			background: url('//media.genre.com/designimages/h-arrow.png') 95% 50% no-repeat;
			border: none;
		}

				@media (min-width: 30em) {
					.s-filter-close .filter__heading {
						background: url('//media.genre.com/designimages/h-arrow.png') 98% 50% no-repeat;
					}
				}

				@media (min-width: 47.9375em) {
					.s-filter-close .filter__heading {
						background: url('//media.genre.com/designimages/h-arrow.png') 95% 50% no-repeat;
					}
				}

/* Included for knowledge management parent check box removal - begins */
.nested_filter {
	background: #fff;
	margin-top: 0.625em; /*10px*/
	/*border: 1px solid #ccc;*/
}

	.nested_filter a {
		text-decoration: underline;
	}

	.nested_filter__heading {
		background: url('//media.genre.com/designimages/h-arrow.png') 95% 50% no-repeat;
		padding: 0.3125em 25px 0.3125em 0.3125em; /*5px*/

		cursor: pointer;
	}	

		@media (min-width: 30em) {
			.nested_filter__heading {
				background: url('//media.genre.com/designimages/v-arrow-on.png') 98% 50% no-repeat;
			}
		}

		@media (min-width: 47.9375em) {
			.nested_filter__heading {
				background: url('//media.genre.com/designimages/v-arrow-on.png') 95% 50% no-repeat;
				/*border-bottom: 1px dotted #666;*/
			}
		}

		/* states */
		.s-filter-open .nested_filter__heading {
			background: url('//media.genre.com/designimages/v-arrow-on.png') 95% 50% no-repeat;
			/*border-bottom: 1px dotted #666;*/
		}

				@media (min-width: 30em) {
					.s-filter-open .filter__heading {
						background: url('//media.genre.com/designimages/v-arrow-on.png') 98% 50% no-repeat;
					}	
				}

				@media (min-width: 47.9375em) {
					.s-filter-open .filter__heading {
						background: url('//media.genre.com/designimages/v-arrow-on.png') 95% 50% no-repeat;
					}
				}

		.s-filter-close .nested_filter__heading {
			background: url('//media.genre.com/designimages/h-arrow.png') 95% 50% no-repeat;
			border: none;
		}

				@media (min-width: 30em) {
					.s-filter-close .nested_filter__heading {
						background: url('//media.genre.com/designimages/h-arrow.png') 98% 50% no-repeat;
					}
				}

				@media (min-width: 47.9375em) {
					.s-filter-close .nested_filter__heading {
						background: url('//media.genre.com/designimages/h-arrow.png') 95% 50% no-repeat;
					}
				}

/* Included for knowledge management parent check box removal -ends */

/*filter mask */
.filter-mask {
	display: none;
}

	.s-open .filter-mask {
		display: block;
	}

	@media (min-width: 47.9375em) {
		.filter-mask {
			display: block !important;
		}
	}

/* lists */
.l-filter {
	display: none;
	padding: 0 0.3125em 0.3125em; /*0 5px*/
	margin-top: 0.625em; /*10px*/
}

	@media (min-width: 47.9375em) {
		.l-filter {
			display: block;
		}
	}

	.l-filter li {
		padding-bottom: 0.3125em;
		overflow: hidden;
		clear: both;
	}

/*.l-filter li*/ .l-filter-nested {
	display: none;
	padding: 0 0.3125em 0 1.25em; /*0 5px 0 10px*/
	margin-top: 0.3125em; /*5px*/

	font-size: 0.8125em; /*13px*/
}

	/* states */
	.s-nested-open .l-filter-nested {
		display: block;
	}

	.s-nested-close .l-filter-nested {
		display: none;
	}

.l-filter input[type="checkbox"] {
	float: left;
	margin-top: 5px;
}

.l-filter span {
	float: left;
	margin-left: 5px;

	font-weight: 700;
}

	.l-filter-nested input[type="checkbox"] {
		margin-top: 3px;
	}

		.l-filter-nested span {
			font-weight: 500;
		}

/* ============================== *\
    $sorting filters
\* ============================== */

.sorting-filters {
	margin-bottom: 0.625em; /*10px*/
}

	.sorting-filters .float-right {
		float: left;
	}

	@media (min-width: 30em) {
		.sorting-filters .float-right {
			float: right;
		}
	}

/* sorting by type */
.l-type-filter,
.row .l-type-filter {
	margin: 0.625em 0; /*10px*/
}

	@media (min-width: 47.9375em) {
		.l-type-filter,
		.row .l-type-filter {
			margin-top: 0;
		}
	}

	.l-type-filter li {
	/* ## Changes of MR 116473*/
		margin-right: 0.99em;
	/* ## End of the Changes of MR 116473*/
		padding-bottom: 0.625em; /*10px*/
		font-size: 0.875em; /*14px*/
	}

		@media (min-width: 30em) {
			.l-type-filter li {
				font-size: 1em; /*18px*/
			}
		}

		@media (min-width: 60em) {
			.l-type-filter li {
				font-size: 1.125em; /*18px*/
			}
		}

		.l-type-filter li:last-child {
			margin-left: 0;
		}

			.l-type-filter a {
				padding-bottom: 8px;
				text-decoration: none;
				color: #464646;
			}

				.l-type-filter a:hover {
					color: #0082ce;
				}

			/* active state */
			.l-type-filter .current a {
				padding-bottom: 3px;
				border-bottom: 5px solid #0082ce;
				color: #0082ce;
			}

/* ============================== *\
    #POSTS
\* ============================== */

/* ============================== *\
    $feature post
\* ============================== */

/* .feature-post - grid modifier */
@media (min-width: 30em) {
	.feature-post .col-5, .feature-post .col-7 {
		float: left;
		margin: 0;
	}

	.feature-post .col-5 {
		width: 39.81632653061225%;
	}

	.feature-post .col-7 {
		width: 57.14285714285714%;
		margin-left: 3.04081632653061%;
	}
}

.feature-post {
	position: relative;
	padding: 1.25em 0.625em; /*20px 10px*/
	margin: 1.875em 0 3.125em; /*30px 0 50px*/
	border: 1px solid #c8c8c8;

	-moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.2);

	color: #444545;
}

	@media (min-width: 47.9375em) {
		.feature-post {
			padding: 1.25em; /*20px*/
		}	
	}

	.feature-post p {
		margin-bottom: 0.625em; /*10px*/
	}

	.feature-post__title {	
		margin-bottom: 0.2em; /*5px^24*/

		font-size: 1.5em; /*24px*/
		line-height: 1.1;
	}

.feature-post__badge {
	background: #0082ce;
	position: absolute;
	top: -1.25em; /*20px*/
	left: 0.9375em; /*15px*/
	padding: 0.3125em 0.625em; /*5px 10px*/

	font-size: 0.8125em; /*13px*/
	font-weight: 700;
	text-transform: uppercase;
	color: #fff;
}

	@media (min-width: 47.9375em) {
		.feature-post__badge {
			left: 1.5625em; /*25px*/
		}		
	}





/* ============================== *\
    $posts listing
\* ============================== */

/* .l-post - grid modifier */
@media (min-width: 20em) {
	/*.l-posts .col-2, .l-posts .col-10,*/
	.l-posts .col-3, .l-posts .col-9 {
		float: left;
		margin: 0;
	}

	.l-posts .col-3 {
		width: 20.46938775520304%;
	}

	.l-posts .col-9 {
		width: 76.48979591826635%;
		margin-left: 3.04081632653061%;
	}

	/*.l-posts .col-2 {
		width: 23.46938775520304%;
	}

	.l-posts .col-10 {
		width: 73.48979591826635%;
		margin-left: 3.04081632653061%;
	}*/
}

/*@media (min-width: 30em) {
	.l-posts .col-2 {
		width: 14.96598639455782%;
	}

	.l-posts .col-10 {
		width: 81.99319727891157%;
		margin-left: 3.04081632653061%;
	}
}*/

.l-posts {
	display: block;
}

	.l-posts p {
		margin-bottom: 0.625em; /*10px*/
	}

	.l-posts > li {
		padding: 1.25em 0; /*20px 0*/
		border-top: 1px dotted #8c8c8c;
		overflow: hidden;

		color: #444545;
	}

	.l-posts > li:first-child {
		padding-top: 0;
		border-top: none;
	}

		.l-posts__title {
			font-size: 1.125em; /*18px*/
		}

			.l-posts__title a {
				color: #04477b;
			}

		.l-post__details,
		.feature-post__details {
			font-size: 0.8125em; /*13px*/
			font-style: italic;
			color: #606060;
		}

		.l-post__details,
		.content .l-post__details,
		.feature-post__details,
		.feature-post .feature-post__details {
			margin-bottom: 10px;
		}

			.l-post__details a {
				text-decoration: underline;
			}

		.l-posts .divider-bar {
			color: #bdbdbd;
		}

/* contributors */
.l-posts--contributor .l-posts__title {
	font-weight: 700;
}

	.l-posts--contributor .l-posts__title a {
		text-decoration: none;	
	}


/* publication */
	.publication-badge {
		display: inline-block;
		*display: inline;
		*zoom: 1;

		background: #0082ce;
		padding: 0.3125em 0.625em; /*5px 10px*/
		margin-bottom: 0.625em;
		margin-top: 1.25em; /*20px*/

		font-size: 0.8125em; /*13px*/
		font-weight: 700;
		text-transform: uppercase;
		color: #fff;
		clear: both;
	}

	@media (min-width: 30em) {
		.publication-badge {
			margin-top: 0;
		}
	}


/* shared text elements */
	.feature-post__title a,
	.l-posts__title a {
		text-decoration: underline;
		color: #04477b;
	}


/* ============================== *\
    $posts
\* ============================== */

.post {
	padding-bottom: 2.5em; /*40px*/
}

	.post p {
		margin-bottom: 1.25em; /*20px*/
	}

	.post__title {
		margin-bottom: 0.33em; /*15px^45*/

		font-size: 2em; /*32px*/
		font-weight: 300;
		line-height: 1.1;
		color: #0082ce;
	}

		@media (min-width: 30em) {
			.post__title {
				font-size: 2.8125em; /*45px*/
			}
		}

	.post__details {
		display: block;

		font-size: 0.875em;
		font-style: italic;
		color: #606060;
	}

		@media (min-width: 30em) {
			.post__details {
				font-size: 1em;
			}
		}

		.post__details a {
			text-decoration: underline;
		}

	.post-img {
		width: 100%;
		max-width: 100%;
		margin-bottom: 20px;
	}


/* post meta */
.post__meta {
	font-style: italic;
}

.post__meta span {
	display: block;
	font-size: 0.875em; /*14px*/
}

	.post__meta a {
		text-decoration: underline;
		color: #0082ce;
	}

/* ============================== *\
    $related posts
\* ============================== */

/* .l-related-posts - grid modifier */
.l-related-posts .col-4, .l-related-posts .col-4, .l-related-posts .col-8 {
	float: left;
	margin: 0;
}

.l-related-posts .col-4 {
	width: 31.97278911564626%;
}

.l-related-posts .col-4new {
	width: 31.97278911564626%;
}

.l-related-posts .col-8 {
	width: 64.98639455782313%;
	margin-left: 3.04081632653061%;
}

@media (min-width: 30em) {
	.l-related-posts .col-4 {
		width: 14.96598639455782%;
	}
	
	.l-related-posts .col-4new {
		width: 14.96598639455782%;
	}

	.l-related-posts .col-8 {
		width: 81.99319727891157%;
	}
}

@media (min-width: 47.9375em) {
	.l-related-posts .col-4 {
		width: 31.97278911564626%;
	}
	
	.l-related-posts .col-4new {
		width: 31.97278911564626%;
	}

	.l-related-posts .col-8 {
		width: 63.98639455782313%;
		margin-left: 4.04081632653061%;
	}
}

.l-related-posts li {
	padding: 0.9375em 0;
	overflow: hidden;
}

	.l-related-posts h6 {
		margin-bottom: 0.625em;
	}

	.l-related-posts a {
		text-decoration: underline;
	}

/* callout */
.box-callout {
	background: #eaf5fb;
	float: right;
	padding: 1.25em;
	padding-bottom: 0;
	margin-bottom: 1.25em;

	font-style: italic;
}

	@media (min-width: 30em) {
		.box-callout {
			width: 300px;
			margin: 0 0 1.25em 1.25em;
		}	
	}

/* callin */
.box-callin {
	background: #eaf5fb;
	float: none;
	padding: 1.25em;
	padding-bottom: 0;
	margin-bottom: 1.25em;

	font-style: italic;
}

	@media (min-width: 30em) {
		.box-callin {
			width: 600px;
			margin: 0 0 1.25em 1.25em;
		}	
	}

/* author box */
.post__author {
	width: auto;
	margin-bottom: 1.25em; /*20px*/
	overflow: hidden;
}

	@media (min-width: 30em) {
		.post__author {
			float: right;
			width: 50%;
			margin: 0 0 1.25em 1.25em; /*0 0 20px 20px*/
		}
	}

	.post__author-details p {
		margin-bottom: 0.625em; /*10px*/
	}

@media (min-width: 20em) {
	.post__author .col-4,
	.post__author .col-4new,
	.post__author .col-8 {
		float: left;
	}

	.post__author .col-4 {
		width: 29.9728%;
	}
	.post__author .col-4new {
		width: 29.9728%;
	}

	.post__author .col-8 {
		width: 65.9864%;
		margin-left: 2.04082%;
	}
}


/* ============================== *\
    $pagination
\* ============================== */

.pagination {
	display: block;
	margin-top: 1.25em; /*20px*/
	padding-top: 1.25em; /*20px*/
	border-top: 1px solid #c7c7c7;
	clear: both;

	text-align: center;
}

.pagination li {
	padding: 0 0.3125em; /*0 5px*/

	font-size: 0.9375em; /*15px*/
}

	.pagination a {
		text-decoration: none;
	}

	.pagination .current a {
		color: #464646;
	}





/* ============================== *\
    $table list
\* ============================== */

.l-table-head {
	background: #595959;
	padding: 0.625em 0.625em; /*10px 10px*/

	font-weight: 700;
	color: #fff;
}

	@media (min-width: 47.9375em) {
		.l-table-head {
			padding: 0.625em 1.25em; /*10px 20px*/
		}
	}

.l-table {
	margin-top: 0.625em;
}

	.l-table li {
		padding: 0.625em 0.625em; /*10px 10px*/

		color: #474747;
	}

		@media (min-width: 47.9375em) {
			.l-table li {
				padding: 0.625em 1.25em; /*10px 20px*/
			}
		}

		.l-table li:nth-child(odd) {
			background: #efefef;			
		}

			/* ie */
			.l-table .odd {
				background: #efefef;
			}

	.l-table a {
		text-decoration: underline;
	}





/* ============================== *\
    $application
\* ============================== */

.job-form {
	color: #464646;
}

	@media (min-width: 20em) {
		.job-form .col-6 {
			float: left;
			width: 48.97959183673469%;
			margin-left: 2.04081632653061%;
		}

		.job-form .row .col-6:first-child {
			margin-left: 0;
		}
	}

.job-form label {
	display: block;
	margin-top: 0.625em; /*10px*/
	padding-bottom: 0.3125em; /*5px*/

	font-weight: 700;
}

.job-form__required {
	display: block;
	margin-bottom: 1.25em; /*20px*/
	font-size: 0.875em; /*14px*/
	font-style: italic;
}

.job-form__title {
	line-height: 1;
	text-transform: uppercase;
}

	.job-form__title span {
		font-size: 14px;
		font-weight: 300;
		font-style: italic;
		text-transform: none;
		color: #464646;
	}

.job-form__divider {
	margin: 1.25em 0 0.625em; /*20px 0 10px*/
	padding: 1.25em 0; /*20px 0*/
	border-top: 1px dotted #8c8c8c;	
	border-bottom: 1px dotted #8c8c8c;	
}

.job-form textarea {
	height: 4.375em; /*70px*/
}

/* terms */
.job-form__terms {
	display: block;
	margin-top: 1.875em; /*30px*/
	padding-bottom: 1.875em; /*30px;*/
}

	.job-form__terms label {
		display: block;
		margin-top: 0;
		font-weight: 500;
		clear: both;
	}

	.job-form__terms input {
		float: left;
	}

	.job-form__terms span {
		display: block;
		margin-left: 25px;

		font-size: 0.8125em; /*13px*/
	}

	.job-form__terms a {
		text-decoration: underline;
	}

/* job posting */
.job-post {
}

.job-post__btn-back {
	margin-bottom: 1.25em; /*20px*/
}

.job-post .content__title, .job-post p, .job-post ul {
	margin-bottom: 20px;
}

/* ============================== *\
    $video
\* ============================== */


.featured-videos .section-title,
.featured-videos .float-right {
	display: block;
	float: none;
}

.featured-videos .section-title {
	margin-bottom: 0;
}

	@media (min-width: 47.9375em) {
		.featured-videos .section-title {
			float: left;
			margin-bottom: 20px;
		}
	}

.featured-videos .float-right {
	margin-bottom: 20px;
}

	@media (min-width: 47.9375em) {
		.featured-videos .float-right {
			float: right;
			margin-top: 30px;
			margin-bottom: 0;
		}		
	}

.vid-holder iframe {
	width: 100%;
	margin-bottom: 0.625em; /*10px*/
}

	@media(min-width: 47.9375em) {
		.vid-holder iframe {
			height: 400px;
		}
	}

.vid-title {
	font-size: 1.625em; /*26px*/
	font-weight: 300;
	color: #0082ce;
}





/* ============================== *\
    $video thumbnails
\* ============================== */

.vid-content {
	margin-top: 2.5em; /*40px*/
}

.vid-content__thumb {
	background: #eee;
	padding: 0.9375em; /*15px*/
	margin-bottom: 0.36em; /*5px*/

	font-size: 0.875em; /*14px*/
	text-align: center;
}

	.vid-content__thumb:hover {
		background: #ddd;
	}

		.vid-content__thumb a {
			color: #000;
		}

			.vid-content__thumb:hover a {
				color: #0082ce;
			}





/* ============================== *\
    $contact us
\* ============================== */

.contact-top-bar {
	position: relative;
	background: url('//media.genre.com/designimages/bg-blk60.png') repeat;
	background: rgba(0,0,0,0.6);
	padding: 1.25em 1.25em 0.625em; /*20px 20px 10px*/
	color: #fff;
}

	@media (min-width: 30em) {
		.contact-top-bar {
			top: -0.625em;
		}
	}

	.contact-top-bar__title {
		display: block;
		font-size: 18px;
		margin-bottom: 5px;
	}

	.contact-top-bar select.input-full {
		margin-bottom: 5px;
	}

		@media (min-width: 47.9375em) {
			.contact-top-bar select.input-full {
				margin-bottom: 0;
			}
		}

	.contact-top-bar input[type="text"] {
		margin-bottom: 5px;
	}

		@media (min-width: 47.9375em) {
			.contact-top-bar input[type="text"] {
				margin-bottom: 0;
			}
		}

	.contact-top-bar__radio-title {
		width: 100%;
		padding-top: 1px;
		font-size: 0.875em; /*14px*/
	}

	.contact-top-bar__radio-title,
	.contact-top-bar input[type="radio"] {
		float: left;
	}

	.contact-top-bar input[type="radio"] {
		background: none !important;
		border: none;
		margin: 3px 0.3125em 0 0.625em; /*3px 5px 0 10px*/
	}

		.contact-top-bar__radio-title span {
			display: block;
			font-size: 13px;
			margin-left: 17px;
		}

	.contact-top-bar input[type="radio"]:first-child {
		margin-left: 0;
	}

	/* submit */
	.contact-top-bar input[type="image"] {
		margin: 10px 0;
	}

		@media (min-width: 47.9375em) {
			.contact-top-bar input[type="image"] {
				margin: 0;
			}
		}

.contact-form label {
	display: block;
	margin-top: 0.625em; /*10px*/

	font-weight: 700;
	color: #464646;
}

	@media (min-width: 47.9375em) {
		.contact-form label {
			margin-top: 1.25em; /*20px*/
		}
	}

.contact-form textarea {
	height: 100px;
}


/* ============================== *\
    $contact map
\* ============================== */

.map-holder {
	position: relative;
	width: auto;
	height: auto;
	overflow: hidden;
}

@media (min-width: 47.9375em) {
	.map-holder {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 535px;
		overflow: hidden;
	}
}

.map {
	position: relative;
	width: auto;
	height: auto;
	margin-top: 30px;
	overflow: hidden;
}

@media (min-width: 47.9375em) {
	.map {
		position: absolute;
		top: 0;
		left: 50%;
		margin-left: -490px;
		margin-top: 0;
		max-width: 980px;
	}
}



.contact-map {
	display: none;
}

	@media (min-width: 47.9375em) {
		.contact-map {
			display: block;
		}
	}

.map-box {
	display: none;
	position: absolute;
}

	/* modifiers */
	.map-box--north-america {
		top: 165px;
		left: 320px;
	}

	.map-box--latin-america {
		top: 265px;
		left: 400px;
	}

	.map-box--europe {
		top: 165px;
		left: 330px;
	}

	.map-box--africa {
		top: 165px;
		left: 310px;
	}

	.map-box--asia {
		top: 165px;
		left: 530px;
	}

	.map-box--australasia {
		top: 265px;
		left: 575px;
	}

	.map-box.s-toggle-on {
		z-index: 3000;
	}

.map-box .blue-box__title {
	padding-right: 20px;
}

.map-box .blue-box__details {
	background: #fff;
	padding: 1.25em; /*20px*/
	padding-left: 0.625em; /*10px*/
	padding-top: 0;
}
.map-box .blue-box__details_na {
	background: #fff;
	padding: 1.25em; /*20px*/
	padding-left: 0.625em; /*10px*/
	padding-top: 0;
}
.l-map {
	margin-top: 0.625em; /*10px*/
}

.btn-map {
	display: none;
	background: #0082ce;
	position: absolute;
	padding: 5px 10px;
	z-index: 2000;

	color: #fff;
}

	.no-js .btn-map {
		display: block;
	}

	.btn-map--north-america {
		top: 220px;
		left: 160px;
	}

	.btn-map--latin-america {
		top: 360px;
		left: 245px;
	}

	.btn-map--europe {
		top: 175px;
		left: 475px;
	}

	.btn-map--africa {
		top: 285px;
		left: 450px;
	}

	.btn-map--asia {
		top: 195px;
		left: 665px;
	}

	.btn-map--australasia {
		top: 420px;
		left: 735px;
	}

/* l-inquiries */
/*.l-inquiries li {
	margin-bottom: 1.5em;
}

.l-inquiries a {
	text-decoration: underline;
	color: #04477b;
}*/

/* ============================== *\
    $blue box
\* ============================== */

.blue-box {
	margin-top: 0.625em; /*10px*/
	border: 1px solid #e5e5e5;

	-o-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.1);
	-ms-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.1);
}

	.blue-box__title {
		background: #0082ce;
		padding: 0.41em; /*10px^24*/

		font-size: 1.5em; /*24px*/
		line-height: 1.1;
	}

		.blue-box__title, .blue-box__title a {
			color: #fff;
		}

		.blue-box__title a {
			display: block;
			background: url('//media.genre.com/designimages/h-arrow-white-large.png') right 50% no-repeat;
		}		

		@media (min-width: 47.9375em) {
			.blue-box__title a {
				display: block;
				background: url('//media.genre.com/designimages/h-arrow-white-large.png') 95% 50% no-repeat;
				padding-right: 15%;
			}
		}

	@media (min-width: 47.9375em) {
		.col-3r .blue-box__title {
			font-size: 1.25em; /*20px*/
		}
	}

	@media (min-width: 60em) {
		.col-3r .blue-box__title {
			font-size: 1.5em; /*24px*/
		}
	}

	.blue-box__details {
		padding: 0.625em; /*10px*/
		overflow: hidden;
	}
	.blue-box__details_na {
		padding: 0.625em; /*10px*/
		overflow: auto;
		height: 267px;
	}
	.blue-box__details p {
		margin-bottom: 10px;
	}
	.blue-box__details_na p {
		margin-bottom: 10px;
	}
		@media (min-width: 20em) {
			.blue-box__details .col-4,
			.blue-box__details .col-4new,
			.blue-box__details .col-8 ,
			.blue-box__details_na .col-4,
			.blue-box__details_na .col-4new,
			.blue-box__details_na .col-8 {
				float: left;
			}

			.blue-box__details .blue-box__details_na .col-4  {
				width: 31.97278911564626%;
			}
			.blue-box__details .blue-box__details_na .col-4new  {
				width: 31.97278911564626%;
			}

			.blue-box__details .blue-box__details_na .col-4  {
				width: 65.98639455782313%;
				margin-left: 2.04081632653061%;
			}
			
			.blue-box__details .blue-box__details_na .col-4new  {
				width: 65.98639455782313%;
				margin-left: 2.04081632653061%;
			}
		}


/* ============================== *\
    $box heading
\* ============================== */

	.box-heading__title {
		background: #0082ce;
		padding: 0.625em; /*10px*/
		margin-bottom: 0.625em; /*10px*/

		color: #fff;
	}

	.box-heading__details {
		padding-bottom: 0.625em; /*10px*/
		border-bottom: 1px dotted #ccc;
		overflow: hidden;
	}

	.box-heading__details p {
		margin-bottom: 10px;
	}






.search-result {
	margin-top: 1.25em;
}

.search-result__title {
	font-weight: 700;
	color: #04477b;
}

.search-result p {
	font-size: 0.875em; /*14px*/
}

/* ============================== *\
    $aside address
\* ============================== */

.aside-address {
	font-size: 0.875em; /*14px*/
}

.aside-address__title {
	font-weight: 700;
}

	.aside-address__title, .aside-address__title a {
		color: #04477b;
		text-decoration: none;
	}

.aside-address__map {
	margin-bottom: 1.25em; /*20px*/
}

	@media (min-width: 30em) {
		.aside-address .aside-address__map {
			width: auto;
		}
	}

	@media (min-width: 47.9375em) {
		.aside-address .aside-address__map {
			width: 100%;
		}
	}


/* ============================== *\
    $js-toggle
\* ============================== */

.js-toggle-trigger {
	cursor: pointer;
}

.js-toggle-content {
	display: none;
}

.s-toggle-on .js-toggle-content, .no-js .js-toggle-content {
	display: block;
	
}




/* ============================== *\
    $contact - department
\* ============================== */

.department {
	margin-top: 1.25em; /*20px*/
	border-top: 1px solid #d1d1d1;
}

.department__title {
	padding: 0.4761904761904762em 0; /*10px^21 0*/
	border-bottom: 1px solid #d1d1d1;

	font-size: 1.3125em; /*21px*/
	font-weight: 700;
}

	.department__title {
		display: block;
		background: url('//media.genre.com/designimages/h-arrow.png') left 50% no-repeat;
		padding-left: 20px;
	}

	.department__title {
		color: #04477b;
	}

	/* active state */
	.s-toggle-on .department__title {
		border-bottom: none;
	}

		.s-toggle-on .department__title {
			background: url('//media.genre.com/designimages/v-arrow-yellow.png') left 50% no-repeat;
		}

		.s-toggle-on .department__title {
			color: #faa61a;
		}

	.s-toggle-on .department__details {
		padding-bottom: 1.875em; /*30px*/
		border-bottom: 1px solid #d1d1d1;
	}

.department .l-contact-cards .row:first-child {
	margin-top: 0.625em; /*10px*/
}





/* ============================== *\
    $related links
\* ============================== */

.aside-links li {
	padding: 0.3125em 0;
}

	.aside-links li:first-child {
		padding-top: 0;
	}

	.aside-links a {
		text-decoration: underline;
	}






/* ============================== *\
    $twitter feed
\* ============================== */

.feed-tweets li {
	font-size: 0.8125em; /*13px*/
	margin-top: 0.625em; /*10px*/
}

	.feed-tweets a {
		display: block;
		margin-top: 3px;

		text-decoration: none;
		color: #a4a4a4;
	}

		.feed-tweets span a {
			display: inline;
			margin-top: 0;

			text-decoration: underline;
			color: #faa61a;
		}





/* ============================== *\
    $floating sidebar
\* ============================== */

.aside-fixed {
	display: block;
}

	@media (min-width: 47.9375em) {
		.aside-fixed {
			position: fixed;
			top: 20%;
			right: 0;
			z-index: 8889;
		}
	}

.aside-fixed__btn {
	background: url('//media.genre.com/designimages/bg-blk40.png') repeat;
	background: rgba(0,0,0,0.4);
	padding: 0.625em 5%; /*10px 5%*/
	border-top: 1px solid #ccc;
	overflow: hidden;
}

	@media (min-width: 30em) {
		.aside-fixed__btn {
			padding: 0.625em; /*10px*/
		}
	}

	@media (min-width: 47.9375em) {
		.aside-fixed__btn {
			display: block;
			float: right;
			clear: both;
			margin-top: 3px; /*10px*/
			padding-right: 0;
			border: none;
			-webkit-border-radius: 6px 0 0 6px;
			-moz-border-radius: 6px 0 0 6px;
			border-radius: 6px 0 0 6px;

			text-align: center;
		}
	}

	.aside-fixed__btn:first-child {
		border: none;
	}

	.aside-fixed__btn .icon {
		display: inline-block;
		*display: inline;
		*zoom: 1;
		float: left;
		margin-right: 0.625em; /*10px*/
	}

		@media (min-width: 47.9375em) {
			.aside-fixed__btn .icon {
				display: block;
				float: none;
				margin-right: auto;
			}
		}

	.aside-fixed__btn a {
		display: block;
		float: left;
		width: auto;
		padding-right: 0.625em; /*10px*/

		text-transform: uppercase;
		color: #fff;
	}

		@media (min-width: 47.9375em) {
			.aside-fixed__btn a {
				float: none;
				margin: 0 auto;
				font-size: 0.625em; /*10px*/
			}
		}

	.aside-fixed__btn span {
		float: left;
	}

		@media (min-width: 47.9375em) {

			.aside-fixed__btn span {
				float: none;
			}
		}

		.aside-fixed__btn a:first-child {
			margin-left: 0;
		}

			@media (min-width: 47.9375em) {
				.aside-fixed__btn a:first-child {
					margin-left: auto;
				}
			}

/* ============================== *\
    $floating sidebar
\* ============================== */

.aside-fixed__btn .aside-share-trigger {
	float: left;
}

.aside-fixed-share {
	float: left;
	height: auto;
	max-height: 0;
	clear: both;
	overflow: hidden;

	-moz-transition: ease 0.5s;
	-ms-transition: ease 0.5s;
	-o-transition: ease 0.5s;
	-webkit-transition: ease 0.5s;
	transition: ease 0.5s;
}

	@media (min-width: 47.9375em) {
		.aside-fixed-share {
			width: auto;
			max-width: 0;
			height: 20px;
			max-height: 99px;
			margin-top: 10px;
			clear: none;
		}
	}


	.aside-fixed-share li {
		width: 90px;
		padding-top: 10px;
	}

		@media (min-width: 47.9375em) {
			.aside-fixed-share li {
				width: 90px;
				height: 100%;
				padding-top: 0;
			}
		}

		.aside-fixed-share .aside-fixed-share__fb {
			width: 75px;
		}

		.aside-fixed-share li .fb-like {
			float: left;
		}

	@media (min-width: 47.9375em) {
		.aside-share-toggle {
			padding-left: 20px;
			padding-right: 10px;
		}
	}

.aside-share-toggle-on .aside-fixed-share {
	max-height: 110px;

	-moz-transition: ease-out 0.5s;
	-ms-transition: ease-out 0.5s;
	-o-transition: ease-out 0.5s;
	-webkit-transition: ease-out 0.5s;
	transition: ease-out 0.5s;
}

	@media (min-width: 47.9375em) {
		.aside-share-toggle-on .aside-fixed-share {
			max-width: 999px;
		}
	}


/* history */
	.history-title {
		margin-bottom: 5px;

		font-size: 36px;
		font-weight: 700;
		line-height: 1.1;
		color: #0082ce;
	}

.l-logo-history li {
	margin-top: 1.5625em; /*25px*/
}

.logo-sprite {
	display: block;
	background: url('//media.genre.com/designimages/sprite-logos.png') no-repeat;
	margin: 0 auto;
	margin-bottom: 0.625em; /*10px*/
}

.logo-1 {
	background-position: 0 0;
	width: 60px;
	height: 58px;
}

.logo-2 {
	background-position: 0 -58px;
	width: 100px;
	height: 23px;
}

.logo-3 {
	background-position: 0 -81px;
	width: 60px;
	height: 65px;
}

.logo-4 {
	background-position: 0 -146px;
	width: 105px;
	height: 52px;
}

.logo-5 {
	background-position: 0 -198px;
	width: 80px;
	height: 50px;
}

.logo-6 {
	background-position: 0 -248px;
	width: 130px;
	height: 30px;
}


.logo-7 {
	background-position: 0 -278px;
	width: 140px;
	height: 27px;
}

.logo-8 {
	background-position: 0 -305px;
	width: 60px;
	height: 31px;
}



/* ============================== *\
    $search on knowledge page
\* ============================== */

.main-search {
	clear: both;
}

	@media (min-width: 60em) {
		.main-search {
			margin-top: 20px;
		}
}

.search-bar {
	background: #f8f8f8;
	position: relative;
	width: 100%;
	height: 24px;
	border: 1px solid #c4c4c4;
	overflow: hidden;
}

	.search-bar.m-bot-30 {
		margin-bottom: 0;
	}

		@media (min-width: 47.9375em) {
			.search-bar.m-bot-30 {
				margin-bottom: 24px;
			}
		}

.search-bar input[type="text"] {
	background: #f8f8f8;
	width: 95%;
	height: 100%;
	padding: 0 1%;
	border: none;
}

	.search-bar input[type="text"]:focus {
		background: #fff;
		outline: 0;
	}

.search-bar input[type="image"] {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	border: none;
}

/* modifier */
.search-bar--large {
	float: left;
	height: 24px;
	margin-top: 10px;
}

	@media (min-width: 30em) {
		.search-bar--large {
			height: 40px;
		}
	}

	@media (min-width: 47.9375em) {
		.search-bar--large {
			max-width: 450px;
			margin-top: 0;
		}
	}

	@media (min-width: 60em) {
		.search-bar--large {
			max-width: 600px;
			margin-top: 0;
		}
	}

@media (min-width: 30em) {
	.search-bar--large input[type="text"] {
		font-size: 1em;
	}
}

.search-label {
	float: left;
	clear: both;
}

	@media (min-width: 30em) {
		.search-label {
			width: 200px;
			font-size: 1.6875em;
		}
	}

	@media (min-width: 60em) {
		.search-label {
			clear: none;
		}
	}

/* ============================== *\
    $background colors / gradients
\* ============================== */

.gradient-gray {
	background-color: #fafafa;
	background-image: -webkit-linear-gradient(top, #fafafa, #ececec);
	background-image: -moz-linear-gradient(top, #fafafa, #ececec);
	background-image: -ms-linear-gradient(top, #fafafa, #ececec);
	background-image: -o-linear-gradient(top, #fafafa, #ececec);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fafafa), to(#ececec));
}

.gradient-gray--light {
	background-color: #fafafa;
	background-image: -webkit-linear-gradient(top, #fff, #fafafa);
	background-image: -moz-linear-gradient(top, #fff, #fafafa);
	background-image: -ms-linear-gradient(top, #fff, #fafafa);
	background-image: -o-linear-gradient(top, #fff, #fafafa);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#fafafa));
}

.box-shadow {
	padding: 1.25em; /*20px*/
	border: 1px solid #e5e5e5;

	-o-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.1);
	-ms-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.1);
}

.shadow {
	border: 1px solid #e5e5e5;

	-o-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.1);
	-ms-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.1);
}

.img-flex-shadow {
	width: 99%;
	max-width: 99%;
	border: 1px solid #e5e5e5;

	-o-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.1);
	-ms-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.1);	
}

.img-half-shadow {
	display: block;
	width: 50%;
	margin: 0 auto;
	border: 1px solid #e5e5e5;
	clear: both;

	-o-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.1);
	-ms-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.1);	
}

.dark-shadow {
	border: 1px solid #999;

	-o-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.2);
	-ms-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.2);
}

.l-series .col-6b {
	margin-top: 1.25em;
}

/* ============================== *\
    $common elements
\* ============================== */

.select-padding {
	padding: 0 5px;
}

.custom-select {
	background: url('//media.genre.com/designimages/v-arrow.png') 97% 50% no-repeat #f8f8f8;
	height: 22px;
	border: 1px solid #c4c4c4;
	visibility: hidden;

	font-size: 14px;
	color: #666;
}

	select.custom-select {
		font-size: 13px !important;
		padding-left: 5px !important;
	}

	@media (min-width: 30em) {
		.custom-select {
			background: url('//media.genre.com/designimages/v-arrow.png') 98% 50% no-repeat #f8f8f8;
		}
	}

	@media (min-width: 47.9375em) {
		.custom-select {
			background: url('//media.genre.com/designimages/v-arrow.png') 97% 50% no-repeat #f8f8f8;
		}		
	}

	.no-js .custom-select {
		visibility: visible;
	}

	.aside-box .custom-select,
	.carousel-aside__inner .custom-select {
		margin-top: 4px;
	}

	.custom-select .customSelectInner {
		padding: 1px 0 0 5px;
	}

.language-select {
	background: url('//media.genre.com/designimages/v-arrow-yellow.png') right 47% no-repeat;
	margin-left: 5px;
	visibility: hidden;

	color: #f9a519;
}

	.touch .language-select {
		background: none;
	}

	.no-js .language-select {
		visibility: visible;
	}

	.language-select option {
		background: #000;
		color: #fff;
	}

.divider-bar {
	padding: 0 5px;
}

.divider-right {
	margin-right: 10px;
}

/* ============================== *\
    $contact cards
\* ============================== */

.l-contact-cards > li {
	margin-top: 1.43em; /*20px^14*/
	font-size: 0.875em; /*14px*/
}

.l-contact-card__name {
	font-weight: 700;
}

	.l-contact-card__name, .l-contact-card__name a {
		text-decoration: none;
		color: #04477b;
	}
	.l-contact-card__picname, .l-contact-card__name a { /*BR 118229 - this class is for coverages detail page*/
		text-decoration: none;
		color: #04477b;
		width:100px;
		
	}

@media (min-width: 40em) {
	.l-contact-cards__title .section-subtitle {
		margin-top: 30px;
	}
}

/* grid modifier */
.l-contact-cards .col-4 {
	margin-top: 1.25em; /*20px*/
}
.l-contact-cards .col-4new {
	margin-top: 1.25em; /*20px*/
}
.l-contact-cards .col-5 {
	margin-top: 1.25em; /*20px*/
}
.l-contact-cards .col-5a {
	margin-top: 1.25em; /*20px*/
}
	.l-contact-cards .col-4:first-child {
		margin-top: 0;
	}
	.l-contact-cards .col-4z1:first-child {/*BR 118229 - this class is for coverages detail page*/
		margin-top: 0;
		margin-right:-100px;
	}
	.l-contact-cards .col-4z2 {/*BR 118229 - this class is for coverages detail page*/
		margin-top: 0;
		margin-right:-100px;
	}
	.l-contact-cards .col-4z3 {/*BR 118229 - this class is for coverages detail page*/
		margin-top: 0;
		margin-right:-100px;
	}
	.l-contact-cards .col-4z4 {/*BR 118229 - this class is for coverages detail page*/
		margin-top: 0;
		margin-right:-100px;
	}
	.l-contact-cards .col-4z5 {/*BR 118229 - this class is for coverages detail page*/
		margin-top: 0;
		margin-right:-100px;
	}
	.l-contact-cards .col-4new:first-child {
		margin-top: 0;
	}
	
	.l-contact-cards .col-5:first-child {
		margin-top: 20px;
	}	
.l-contact-cards .col-5a:first-child {
		margin-top: 20px;
	}		

	@media (min-width: 40em) {
		.l-contact-cards .row:first-child {
			margin-top: 0;
		}

		.l-contact-cards .col-4 {
			float: left;/*
			width: 30.97278911564626%;*/
			width: 31.30%; 
			margin-top: 0;
			margin-left: 3.04081632653061%;
		}
		.l-contact-cards .col-4new {
			float: left;/*
			width: 30.97278911564626%;*/
			width: 31.30%; 
			margin-top: 0;
			margin-left: 10.04081632653061%;
		}

		.l-contact-cards .col-4:first-child {
			margin-left: 0;
		}
		.l-contact-cards .col-4new:first-child {
			margin-left: 0;
		}
		
		.l-contact-cards .col-5 {
			float: left;
			width: 30.97278911564626%;
			margin-top: 0;
			margin-left: 3.04081632653061%;
		}

		.l-contact-cards .col-5:first-child {
			margin-left: 20px;
		}	
		.l-contact-cards .col-5a {
			float: left;
			width: 30.97278911564626%; 
			margin-top: 0;
			margin-left: 3.04081632653061%;
		}
		.l-contact-cards .col-5z {/*BR 118229 - this class is for coverages detail page*/
			float: left;
			width: 44.97278911564626%; 
			margin-top: 10px;
			padding-left:10px;
			
		}

		.l-contact-cards .col-5a:first-child {
			margin-top: 20px;
			margin-left: 10px;
			margin-right: 5px;
			margin-bottom: 30px;
		}
	}

/* large modifier */
	@media (min-width: 30em) {
		.l-contact-cards--large .row:first-child {
			margin-top: 0;
		}

		.l-contact-cards--large .col-4 {
			float: left;
			width: 48.4%;
			margin-top: 0;
			margin-left: 3.04081632653061%;
		}
		.l-contact-cards--large .col-4new {
			float: left;
			width: 48.4%;
			margin-top: 0;
			margin-left: 10.04081632653061%;
		}

		.l-contact-cards--large .col-5 {
			float: left;
			width: 41.81632653061225%;
			margin-top: 0;
			margin-left: 3.04081632653061%;
			padding-right: 10px;
		}
		.l-contact-cards--large .col-5a {
			float: left;
			width: 41.81632653061225%;
			margin-top: 0;
			margin-left: 3.04081632653061%;
			padding-right: 10px;
		}		
		.l-contact-cards--large .col-4:first-child {
			margin-left: 0;
		}
		.l-contact-cards--large .col-4new:first-child {
			margin-left: 0;
		}
		
		.l-contact-cards--large .col-5:first-child {
			margin-left: 10px;
		}	
		.l-contact-cards--large .col-5a:first-child {
			margin-left: 10px;
		}
	}

/* ============================== *\
    $contact info
\* ============================== */

.l-contact-info {
	margin-bottom: 20px;
}

	.l-contact-info li {
		display: block;
	}

		.l-contact-info a {
			text-decoration: underline;
		}

/* modifier */
.l-contact-cards .l-contact-info li {
	margin-top: 5px;
}

.l-contact-cards .l-contact-info li:first-child {
	margin-top: 0;
}

/* phone */
.phone-link {
	text-decoration: none !important;
}

	@media (min-width: 47.9375em) {
		.phone-link,
		.container .phone-link {
			cursor: default;
			color: inherit;
		}
	}

/* email */
.email-link {
	display: block;

	font-size: 0.75em; /*12px*/
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none !important;
	color: #faa61a !important;
}





/* ============================== *\
    $contact location
\* ============================== */

.contact-location {
	font-size: 0.875em; /*14px*/
}

.contact-location__name {
	font-weight: 700;
}

	.contact-location__name, .contact-location__name a {
		color: #04477b;
	}





/* ============================== *\
    $search page
\* ============================== */

.search-title {
	font-size: 1.125em; /*18px*/
	font-style: italic;
	color: #464646;
}

	@media (min-width: 40em) {
		.search-title {
			margin-bottom: 1.66em; /*30px^18*/
		}

		.search-title--contact {
			margin-bottom: 1.11em; /*20px^18*/
		}
	}

	.search-title__result {
		font-style: normal;
		color: #0082ce;
	}



/* ============================== *\
    $common elements
\* ============================== */

.l-bullet-img {
	display: block;
}

	.l-bullet-img > li {
		background: url('//media.genre.com/designimages/bullet.png') left 5px no-repeat;
		padding-left: 1.25em; /*20px*/
		margin-top: 0.625em;

		font-size: 0.875em; /*14px*/
	}

	.l-bullet-img > li:first-child {
		margin-top: 0;
	}

	.l-bullet-img a {
		text-decoration: underline;
	}

.l-bullet-pdf {
	display: block;
}

	.l-bullet-pdf > li {
		/*background: url('//media.genre.com/designimages/pdf.png') left 5px no-repeat;*/
		padding: 0.3125em 0.3125em 0.3125em 1.5em; /*5px 5px 5px 20px*/
		overflow: hidden;

		font-size: 0.875em; /*14px*/
	}

	.l-bullet-pdf > li:first-child {
		margin-top: 0;
	}

	.l-bullet-pdf .current {
		background: #fff;
		padding: 0.3125em 0.3125em 0.3125em 0.625em; /*5px 0 5px 10px*/
		margin: 5px 0;
		border: 1px solid #c4c4c4;
	} 

		.l-bullet-pdf .current a {
			color: #5f5f5f;
			cursor: default;
		}

	.l-bullet-pdf a {
		text-decoration: none;
	}

.l-inline>li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

.l-stacked>li {
	display: block;
}



.l-bullet { list-style: disc; }

.l-bullet>li { margin-left: 20px; clear: both; }

.img-flex { width: 100%; max-width: 100%;}
.img-max { max-width: 100%; }
.full-width { width: 100%; }
.input-full { width: 94%; padding: 0 2%; }
	@media (min-width: 30em) {
		.input-full { width: 98%; padding: 0 1%; }
	}
	@media (min-width: 47.9375em) {
		.input-full { width: 96%; padding: 0 2%; }
	}
select.input-full { width: 100%; padding: 0; margin: 0; }
textarea.input-full { width: 98%; padding: 1%; max-width: 98%; }

.img-spacer { padding: 0.625em 0; }

.float-left { float: left; }
.float-right { float: right; }

.spacer { margin-bottom: 10px; }

.clear { clear: both; }

.no-margin { margin: 0; }

.m-top-5 { margin-top: 5px; }
.m-top-10 { margin-top: 10px; }
.m-top-15 { margin-top: 15px; }
.m-top-20 { margin-top: 20px; }
.m-top-30 { margin-top: 30px; }

.m-bot-5 { margin-bottom: 5px; }
.m-bot-10 { margin-bottom: 10px; }
.m-bot-15 { margin-bottom: 15px; }
.m-bot-20 { margin-bottom: 20px; }
.m-bot-20 { margin-bottom: 20px; }
.m-bot-30 { margin-bottom: 30px; }

.no-padding { padding: 0; }

.no-bg { background: none; }
.no-border { border: none; }

.invisible { visibility: hidden; }
.visibile { visibility: visible; }

.small p, p.small { font-size: 0.875em; /*14px*/ }

.text-em { font-style: italic; }
.text-strong { font-style: bold; }
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-caps { text-transform: uppercase; }

.hide-tablet { display: none; }
	@media (min-width: 47.9375em) {
		.hide-tablet { display: block; } 
	}

.display-tablet { display: block; }
	@media (min-width: 47.9375em) {
		.display-tablet { display: none; }
	}

.hide-mobile { display: none; }
	@media (min-width: 30em) {
		.hide-mobile { display: block; }
	}

.display-mobile { display: block; }
	@media (min-width: 30em) { 
		.display-mobile { display: none; }
	}

.hide { display: none; }
.show { display: block; }
.clear { clear: both; }





/* ============================== *\
    $thumbnail lists
\* ============================== */

/* grid modifier */
@media (min-width: 20em) {
	.l-inline-thumb .col-2,
	.l-inline-thumb .col-3,
	.l-inline-thumb .col-4,
	.l-inline-thumb .col-4new,
	.l-inline-thumb .col-5,
	.l-inline-thumb .col-7,
	.l-inline-thumb .col-8,
	.l-inline-thumb .col-9,
	.l-inline-thumb .col-10 {
		float: left;
	}

	.l-inline-thumb .col-8 {
		width: 63.98639455782313%;
		margin-left: 4.04081632653061%;
	}

	.l-inline-thumb .col-4 {
		width: 31.97278911564626%;
		margin: 0;
	}
	.l-inline-thumb .col-4new {
		width: 31.97278911564626%;
		margin: 0;
	}

	.l-inline-thumb .col-9,
	.l-inline-thumb .col-10 {
		width: 72.48979591826635%;
		margin-left: 4.04081632653061%;
	}

	.l-inline-thumb .col-3,
	.l-inline-thumb .col-2 {
		width: 23.46938775520304%;
		margin: 0;
	}

	.l-inline-thumb .col-5 {
		width: 40.81632653061225%;
		margin: 0;
	}

	.l-inline-thumb .col-7 {
		width: 55.14285714285714%;
		margin-left: 4.04081632653061%;
	}
}

.l-inline-thumb {
	overflow: hidden;
}

	.l-inline-thumb p {
		margin-bottom: 0.625em; /*10px*/
	}

.l-inline-thumb > li {
	display: block;
	padding: 1.25em 0; /*20px 0*/
	overflow: hidden;
}

	.l-inline-thumb a {
		text-decoration: none;
	}

	.small-thumbs > li {
		padding: 0.9375em 0; /*15px 0*/ 
	}

	.small-thumbs p {
		margin-bottom: 10px;
	}

/* rows */
@media (min-width: 40em) {
	.l-inline-thumb--rows > li {
		float: left;
		width: 46%;
		margin-right: 4%;
		clear: none;
	}
}





/* ============================== *\
    $contributor
\* ============================== */

.contributor {
	display: block;
	padding: 1.25em; /*20px*/
	margin-bottom: 1.25em; /*20px*/

	border: 1px solid #ccc;

	-moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.2);
}

	.contributor__name {
		font-size: 27px;
	}

		.contributor__name, .contributor__name a {
			color: #04477b;
		}

	.contributor__position {
		font-size: 1.125em; /*18px*/
		font-style: italic;
	}

	.contributor-img {
		width: 200px;
		padding-bottom: 0.625em; /*10px*/
	}

		@media (min-width: 30em) {
			.contributor-img {
				float: left;
				padding-right: 1.25em; /*20px*/
			}
		}



/* ============================== *\
    $buttons
\* ============================== */

.btn {
    float: left;
    background: url('//media.genre.com/designimages/h-arrow-white.png') 93% 50% no-repeat #f9a61a;
    padding: 0.3125em 1.25em 0.3125em 0.3125em; /*10px 20px 5px 10px*/
    border: none;

    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
}

.btn--white {
    background: #fff;
    color: #0082ce;
}





/* ============================== *\
    $icons
\* ============================== */

.icon {
	background: url('//media.genre.com/designimages/sprite.png') left top no-repeat;
}

	.ico-client-login {
		display: inline-block;
		background-position: -68px 0;
		width: 10px;
		height: 12px;
		margin-right: 3px;
	}

	.ico-meetings {
		display: inline-block;
		background-position: -78px 0;
		width: 19px;
		height: 12px;
		margin-right: 3px;
	}

	.ico-twit-feed {
		display: block;
		background-position: -30px 0;
		float: left;
		width: 38px;
		height: 32px;
		margin: -10px 0.3125em 0 0; /*5px*/
	}

	.ico-feedback {
		display: block;
		background-position: -30px -54px;
		width: 23px;
		height: 22px;
		margin: 0 auto 2px;
	}

	.ico-share {
		display: block;
		background-position: -30px -32px;
		width: 23px;
		height: 22px;
		margin: 0 auto 2px;
	}

		.aside-share-toggle-on .ico-share {
			background-position: -30px -72px;
		}

	.ico-login {
		background-position: -18px -82px;
		display: inline-block;
		*display: inline;
		*zoom: 1;
		position: relative;
		top: 1px;
		width: 9px;
		height: 13px;
		margin-left: 0.3125em; /*5px*/
	}

	.ico-h-arrow {
		background-position: -18px -82px;
		display: inline-block;
		*display: inline;
		*zoom: 1;
		position: relative;
		top: 1px;
		width: 9px;
		height: 13px;
		margin-left: 0.3125em; /*5px*/
	}

	.ico-linkedin {
		background-position: -53px -32px;
		display: inline-block;
		*display: inline;
		*zoom: 1;
		width: 38px;
		height: 39px;
	}

	.ico-twitter {
		background-position: -53px -71px;
		display: inline-block;
		*display: inline;
		*zoom: 1;	
		width: 36px;
		height: 39px;
	}

	.ico-youtube {
		background-position: -53px -111px;
		display: inline-block;
		*display: inline;
		*zoom: 1;	
		width: 37px;
		height: 39px;
	}

	.ico-v-arrow-yellow {
		background-position: -18px -119px;
		display: inline-block;
		*display: inline;
		*zoom: 1;		
		width: 14px;
		height: 9px;
		margin-left: 5px;
	}

	.ico-email {
		background-position: -68px -12px;
		display: inline-block;
		*display: inline;
		*zoom: 1;
		width: 16px;
		height: 12px;
		margin-right: 3px;
	}

	.ico-pdf {
		background-position: 0 -140px;
		display: inline-block;
		*display: inline;
		*zoom: 1;
		width: 16px;
		height: 16px;
		margin-right: 3px;
	}


/* ============================== *\
    $forms
\* ============================== */

.default input, .default select, .default textarea {
	background: #f8f8f8;
	border: 1px solid #c4c4c4;
}

.default input[type="text"], .default input[type="file"], .default select {
	height: 22px;
}

.default input[type="image"] {
	background: none;
	border: none;
	height: auto;
}

.default input[type="checkbox"], .default input[type="radio"] {
	margin-top: 2px;
}

	.default input:focus, .default select:focus, .default textarea:focus {
		background: #fff;
		outline: 0;
	}

input, select, textarea {
	border-radius: 0;
}

input[type="checkbox"] {
	border: 0;
	background: none;
}


/* ============================== *\
    $CLEARFIX
\* ============================== */

.group:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.group {
  display: inline-block;
}

* html .group {
  height: 1%;
}

.group {
  display: block;
}

/* ============================== *\
    Added by TCS
\* ============================== */

.identity-noticebar {
z-index: 9002;
background: #c6ddf1;
border-top: 1px solid #c6c6c6;
font-weight: bold;
width: 100%;
position: relative;
}

.identity-noticebar-content {
    border-top: 1px solid #c6ddf1;
    padding: 5px 10px;
}

.identity-noticebar .hide-bar {
    background: transparent url('//media.genre.com/designimages/close.png') top left no-repeat;
    cursor: pointer;
    display: block;
    height: 32px;
    overflow: hidden;
    position: absolute;
    top: 0; right: 0;
    text-indent: 100%;
    white-space: nowrap;
    width: 32px;
    margin-top: -3px;
}

.notice{
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	border-collapse: collapse;
	background-repeat: no-repeat;
	margin: 0px;
}

@media only screen and (min-device-width : 320px) and (max-device-width : 640px){
	.notice {
	font-size: 60%;
	}
}
.redText{
	color: #FF0000;
}

.cookieinfo{
	background-color: white; 
	width: 100%; 
	color: red; 
	font-style: italic;
	display: none;
}
@media only screen and (min-width : 64em) {
	.cookieinfo {
		width: 98%; 
	}
}
.confirm-div { display: none; }

/* Styles related to MR 115223- Hubspot embedded form changes */

.hs-form.stacked fieldset {
    padding: 0;
    margin-left: 0; }
    
/* Styles related to MR 115505- Hubspot embedded code issue with Limelight pages */    
    .hs-cta-wrapper img { 
max-width: 100% !important; 
}
.submit-button-en{
 background-image: url('//media.genre.com/designimages/btn-submit.jpg?c=n');
 background-repeat: no-repeat;
 width:90px;
 height:35px;
 border: none;
 cursor: pointer;
 color: transparent;
 margin-top: 65px;
 }  
 /* Added by khadar */
 .submit-button-en1{
 background-image: url('//media.genre.com/designimages/btn-submit.jpg?c=n');
 background-repeat: no-repeat;
 width:107px;
 height:35px;
 border: none;
 cursor: pointer;
 color: transparent;
 margin-top: 9px;
 }  
 
 
.submit-button-de{
 background-image: url('//media.genre.com/images/btn-absenden.jpg?c=n');
 background-repeat: no-repeat;
 width:117px;
 height:35px;
 border: none;
 cursor: pointer;
 color: transparent;
 margin-top: 65px;
 }       
.reveal-modals
{
top:0px;
visibility:visible;
opacity:1;
}
div#myModalsolutions {

   
   
    top:200px !important;
}
div#myModalclaims {

   
   
    top:200px !important;
}
div#myModalresearch {

   
   
    top:200px !important;
}
div#myModaltools {

   
   
    top:200px !important;
}
/*start point css for research page mobile view and the desktop view*/
@media (min-width:1321px)
{
	.test1{
	height:120px;
	width:135px
	}
}
@media (min-width:1321px)

@media (min-width: 30em) {
	.row .col-6bb {
			float: none;
			width: 100%;
			margin: 0;
		}
}
.l-series .col-6bb {
	margin-top: 1.25em;
}
@media only screen and (min-width: 1321px) {
    .check1{

   margin-left:30px;

}
}
/*end point css for research page mobile view and the desktop view*/
/*start of media css for BR 120192 Data privacy page*/

@media only screen and (max-width:480px){
  .bannerset{
 	margin-bottom:-90px;
 }
 .bannerset1{
            margin-top:10px;
           
 	}
 }
  @media only screen and (min-width:480px){
  .bannerset{
 	margin-bottom:-90px;
 }
 .bannerset1{
            margin-top:10px;
           
 	}
 }
/*end of media css for BR 120192 Data privacy page*/
/*(start)adding imagefixhome media class for fixing the the homepage banner*/
@media (min-width:900px){
	.imagefixhome{

		padding-top:55px;
	}
}
/*(end)adding imagefixhome media class for fixing the the homepage banner*/