:root {
	
	/* Color Palette */
	--blue: #0117a6;
	--darkBlue: #02093f;
	--orange: #ff6c00;
	--gray: #777;
	--darkGray: #333;
	--lightGray: #ccc;
	
	--gradient: linear-gradient(90deg, #000046 0%, #4f1c96 50%, #1cb5e0 100%);
	
	
	--mainBgColor: #fff;
	--mainColor: var(--darkBlue);
	--secondaryColor: var(--orange);
	
	--topHeaderBGcolor: #fff;
	--headerHeight: 208px;

	--menuBarBGColor: white;
	--menuItemsColor: var(--gray);
	--menuItemsHoverColor: var(--orange);
	--menuItemsHoverBGColor: transparent;
	--subMenuItemsColor: var(--gray);
	--subMenuItemsHoverColor: var(--darkBlue);
	
	--menuRightPadding: 180px;
	--hamburgerButtonColor: var(--darkBlue);
	--hamburgerButtonColorHover: var(--gray);

	--MSMenuBarBGColor: transparent;
	--MSmenuItemsColor: var(--gray);
	--MSmenuItemsHoverColor: var(--orange);
	--MSsubMenuItemsColor: var(--gray);
	--MSsubMenuItemsHoverColor: var(--orange);
	
	--SSMenuBarBGColor: transparent;
	--SSmenuItemsColor: var(--gray);
	--SSmenuItemsHoverColor: var(--orange);
	--SSsubMenuItemsColor: var(--gray);
	--SSsubMenuItemsHoverColor: var(--orange);

	--superMenuBarBGColor: var(--lightGray);
	--superMenuItemsColor: #fff;
	--superMenuItemsHoverColor: #fff;
	--superMenuItemsHoverBGColor: var(--secondaryColor);
	
	--socialItemsColor: var(--darkBlue);
	--socialItemsHoverColor: var(--gray);
	
	--sideMenuBarBGColor: var(--darkGray);
	--searchBarBGColor: var(--darkGray);
	
	--sideMenuItemsColor: #fff;
	--sideMenuItemsHoverColor: var(--orange);
	
	/*--footerBGColor: #222;*/
	--footerBGColor: #fff;
	/*--footerHeaderColor: #eee;*/
	--footerHeaderColor: var(--orange);
	--footerlinkColor: var(--orange);
	/*--footerlinkHoverColor: #fff;*/
	--footerlinkHoverColor: var(--darkBlue);
	--footerIconColor: var(--gray);
	/*--footerTextColor: #ccc;*/
	--footerTextColor: var(--gray);
	--footerMenuBulletColor: #555;
	
	--mainFont: Montserrat, 'Open Sans', sans-serif;
	--headerFont: Montserrat,'Open Sans', sans-serif;
}

/* Layout */

html {
  scroll-behavior: smooth;
}

:target {
  display: block;
  position: relative;
  top: -120px; 
  visibility: hidden;
}

.pleca.plecaColor{
	background-image: var(--gradient);
	height: 15px;
}

#topBar {
	background-color: var(--topHeaderBGcolor);
	overflow: hidden;
	position: relative;
}

#topBar video {
	position: absolute;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -100;
  object-fit: cover;
  object-position: center center;
	
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	
	background: url('assets/bg_3_2_1.1.1.jpg') no-repeat;
	background-size: cover;
	background-position: center center;
	transition: 1s opacity;
}

#topBar .containerWrapper::before {
	content: "";
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #000;

	position: absolute;
	z-index: -1;
	opacity: .5;
}

/*
.topBarLogoWrapper{
	background-color: #fff;
	border-radius: 100px;
	padding: 0 30px;
}
*/

#topBar .topBarLogo {
	width: 250px;
}

#topBar .CTA {
	display: flex;
	flex-wrap: nowrap;
}

#topBar .CTA > div {
	display: flex;
	padding: 16px;
	align-items: center;
	justify-content: center;
	flex-grow: 1;
}

.top-search {
    background-color: var(--searchBarBGColor);
}

.top-search input.form-control {
	width: calc( 100% - 50px);
	background-color: #fff;
	color: var(--gray);
}

.top-search .btn-search{
	height: 40px;
	background-color: #efefef;
	color: #373737;
	border: none;
	outline: none;
	padding: 6px 12px;
}

.searchResult{
  margin-bottom:4rem;
}

nav.navbar.bootsnav .menuBar {
	background-color: var(--menuBarBGColor);
	border-bottom: 5px solid var(--mainColor);
}

/* Logo */
nav.navbar.bootsnav .logo {
	position: absolute;
	margin-top: 5px;
	width: 180px;
	opacity: 0;
	transition: opacity .8s, visibility 1s;
	visibility: hidden;
}

nav.navbar.bootsnav.scroll .logo {
	opacity: 1;
	visibility: visible;
}

nav.navbar.bootsnav .attr-nav .social{
	display: none;
}

nav.navbar.bootsnav.scroll .attr-nav .social{
	display: block;
}

main .bkgroundColor {
	background-color: var(--mainBgColor);
	z-index: 0;
	position: relative;
}

main .bkgroundColor.orange{
	background-color: var(--orange);
	color: #fff;
}

main .bkgroundColor.blue{
	background-color: var(--darkBlue);
	color: #fff;
}

main .container.mainContainer {
	padding-top: 4rem;
	padding-bottom: 4rem;
}

footer {
	background-color: var(--footerBGColor);
	/*border-top: 5px solid var(--mainColor);*/
}

footer .footerContents {
	padding-top: 2rem;
	padding-bottom: 2rem;
	color: var(--footerTextColor);
}

/*
footer .footerContents .footerLogoWrapper {
	background-color: #fff;
	border-radius: 100px;
	width: 100%;
}
*/


footer .footerContents .footerLogo {
	width: 300px;
}

footer .footerContents hr {
	border-top: 2px solid var(--orange);
}

footer .footerContents h3 {
	color: var(--footerHeaderColor);
}

footer .footerContents i {
	color: var(--footerIconColor);
}

footer .footerContents a i {
	display: none;
}

#genexSignature a,
footer .footerContents a {
	color: var(--footerlinkColor);
}

#genexSignature a:hover,
footer .footerContents a:hover {
	color: var(--footerlinkHoverColor);
}

footer .footerContents ul.menu,
footer .footerContents ul.sub-menu {
	list-style: none;
	padding-left: 30px;
}

footer .footerContents ul.menu li::before {
	font-family: "FontAwesome";
	content: "\f105";
	color: var(--footerMenuBulletColor);
	margin-right: 10px;
	margin-left: -16px;
}

footer .footerContents .addressTable {
	max-width: 360px;
}


/* Typo */
.bodyWrapper h1,
.bodyWrapper h2,
.bodyWrapper h3,
.bodyWrapper h4,
.bodyWrapper h5,
.bodyWrapper h6 {
	font-family: var(--headerFont);
	margin-top: 0;
	color: var(--mainColor);
}

/* Colors */
span.gray {
	color: var(--gray);
}

span.blue {
	color: var(--blue);
}
span.orange {
	color: var(--orange);
}

.bodyWrapper span.listNumber{
	display: inline-block;
	background-color: var(--secondaryColor);
	color: #fff;
	padding: 1.5rem;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	text-align: center;
	font-size: 3rem;
	line-height: 3rem;
}

.bodyWrapper {
	font-family: var(--mainFont);
	font-size: 16px;
}

.bodyWrapper main ul.cl,
.bodyWrapper main ul.customList {
	list-style: none;
	padding-left: 30px;
	white-space: normal;
}

.bodyWrapper main ul.cl li:before,
.bodyWrapper main ul.customList li:before {
	font-family: "FontAwesome";
	/*content: "\f192";*/
	content: "\f105";
	color: var(--mainColor);
	margin-right: 5px;
	margin-left: -17px;
}

.bodyWrapper main ul.cl.alt li:before,
.bodyWrapper main ul.customList.alt li:before {
	color: var(--secondaryColor);
}

.bodyWrapper main ul.cl.t li:before,
.bodyWrapper main ul.cl.thick li:before,
.bodyWrapper main ul.customList.t li:before,
.bodyWrapper main ul.customList.thick li:before{
	content: "\f00c";
}

.bodyWrapper main ul.cl ul,
.bodyWrapper main ul.customList ul{
	list-style: none;
	padding-left: 30px;
	white-space: normal;
}

.bodyWrapper main ul.cl ul li:before,
.bodyWrapper main ul.customList ul li:before{
	/*content: "\f192";*/
	color: var(--secondaryColor);
}

.bodyWrapper main ul.cl.t ul li:before,
.bodyWrapper main ul.customList.t ul li:before,
.bodyWrapper main ul.cl.thick ul li:before,
.bodyWrapper main ul.customList.thick ul li:before {
	content: "\f105";
}

.bodyWrapper main ol.cl,
.bodyWrapper main ol.customList {
	list-style: none;
	padding-left: 50px;
	white-space: normal;
}

.bodyWrapper main ol.cl > li,
.bodyWrapper main ol.customList > li {
	margin-bottom: 1.5rem;
	counter-increment: ol-counter;
	position: relative;
}


.bodyWrapper main ol.cl > li::before,
.bodyWrapper main ol.customList > li::before {
  content: counter(ol-counter);
  color: #fff;
  font-size: 2rem;
  font-weight: bold;
  position: absolute;
  --size: 35px;
  left: calc(-1 * var(--size) - 10px);
  line-height: var(--size);
  width: var(--size);
  height: var(--size);
  top: 0;

  background: var(--secondaryColor);
  border-radius: 50%;
  text-align: center;
}

	/* dl Styles */
.bodyWrapper main dl.h{
	display: grid;
	grid-template-columns: max-content auto;
	
	grid-gap: 5px;
}

.bodyWrapper main dl.h:not(.icon) dt{
	text-align: right;
}

.bodyWrapper main dl.h.icon{
	grid-template-columns: 25px auto;
}

hr {
	border-top: 2px solid var(--mainColor);
	width: 80%;
}

hr.s {
	margin-top: 4rem;
	margin-bottom: 4rem;
}

blockquote {
	font-style: italic;
	border-left: 5px solid var(--mainColor);
	background-color: rgba(127, 127, 127, .2);
	padding-left: 80px;
	position: relative;
}

blockquote::before {
	font-family: "FontAwesome";
	content: "\f10d";
	color: var(--secondaryColor);
	position: absolute;
	font-size: 5rem;
	top: 0px;
	left: 10px;
}

blockquote cite {
	display: block;
	text-align: right;
}

blockquote cite.author {
	font-weight: bold;
}

table.table thead th{
	background-color: var(--secondaryColor);
	text-align: center;
	color: #fff;
}

/* Navigation */
.bodyWrapper a {
	color: var(--mainColor);
	transition: all .2s;
}

.bodyWrapper a:link {}

.bodyWrapper a:visited {}

.bodyWrapper a:focus,
.bodyWrapper a:hover {
	color: var(--secondaryColor);
	text-decoration: none;
}

.bodyWrapper a:active {}

/* Super Nav */
.superMenu {
	background-color: var(--superMenuBarBGColor);
	text-align: right;
}

.superMenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.superMenu ul li {
	display: inline-block;
	margin: 0 -3px;
	padding: 0;
}

.superMenu ul li a {
	display: inline-block;
	color: var(--superMenuItemsColor);
	font-size: .9em;
	margin: 0;
	padding: 5px 10px;
	transition: all .5s;
}

nav.navbar.bootsnav.scroll .superMenu ul li a {
	font-size: .8em;
}

.superMenu ul li a:hover,
.superMenu ul li a:focus,
.superMenu ul li.active a {
	background-color: var(--superMenuItemsHoverBGColor);
	color: var(--superMenuItemsHoverColor);
}

/* Side Menu */
.side {
	background-color: var(--sideMenuBarBGColor);
}

.side .widget ul.link{
	margin-top:24px
}

.side .widget ul.link li {
	padding: 2px 0;
}

.side .widget ul.link li a{
  color: var(--sideMenuItemsColor);
}

.side .widget ul.link li a:focus,
.side .widget ul.link li a:hover{
  color: var(--sideMenuItemsHoverColor);
}

/* Main Nav */
nav.navbar.bootsnav {
	border-bottom: none;
	background-color: transparent;
}

nav.navbar.bootsnav .dropdown-toggle:hover {
	cursor: pointer;
}


nav.navbar.bootsnav ul.nav.navbar-nav > li > a {
	font-family: var(--headerFont);
	font-size: 1.8rem;
	color: var(--menuItemsColor);
	/*text-transform: uppercase;*/
}

nav.navbar.bootsnav ul.nav.navbar-nav > li.active > a,
nav.navbar.bootsnav ul.nav.navbar-nav > li:focus > a,
nav.navbar.bootsnav ul.nav.navbar-nav > li:hover > a {
	color: var(--menuItemsHoverColor);
}

nav.navbar.bootsnav ul.nav.navbar-nav > li.dropdown li a {
	color: var(--subMenuItemsColor);
}

nav.navbar.bootsnav ul.nav.navbar-nav > li.dropdown li:focus > a,
nav.navbar.bootsnav ul.nav.navbar-nav > li.dropdown li:hover > a {
	color: var(--subMenuItemsHoverColor);
}

nav.navbar.bootsnav .navbar-toggle i {
	color: var(--hamburgerButtonColor);
	transition: all .3s;
}

nav.navbar.bootsnav .navbar-toggle i:focus,
nav.navbar.bootsnav .navbar-toggle i:hover {
	color: var(--hamburgerButtonColorHover);
}

/* Navbar Social Styles */
nav.navbar.bootsnav .attr-nav > ul > li > a {
	color: var(--socialItemsColor);
}

nav.navbar.bootsnav .attr-nav > ul > li:focus > a,
nav.navbar.bootsnav .attr-nav > ul > li:hover > a {
	color: var(--socialItemsHoverColor);
}

.btn {
	outline: none !important;
	text-transform: uppercase;
	white-space: normal;
	font-size: 1.7rem;
	font-weight: bold;
	padding: 1rem 3rem;
	background-color: var(--mainColor);
	color: #fff !important;
	transition: all .2s;
	font-family: var(--headerFont);
}

.btn:focus,
.btn:hover {
	background-color: var(--secondaryColor);
	color: var(--mainColor);
}

.btn.alt {
	background-color: var(--secondaryColor);
	color: #fff;
}

.btn.alt:focus,
.btn.alt:hover {
	background-color: var(--mainColor);
	color: var(--secondaryColor);
}

.btn.alt1 {
	/*background-color: var(--secondaryColor);*/
	/*color: #fff;*/
}

.btn.alt1:focus,
.btn.alt1:hover {
	background-color: #fff;
	color: var(--mainColor) !important;
}

.btn.alt2 {
	background-color: var(--secondaryColor);
	color: #fff;
}

.btn.alt2:focus,
.btn.alt2:hover {
	background-color: #fff;
	color: var(--secondaryColor) !important;
}

.badge{
	background-color: #ddd;
}

.badge a{
	color: var(--mainColor);
}
.badge a:hover{
	color: #fff;
}

.readMore {
	background-color: rgba(127, 127, 127, .2);
	padding: 5px 12px;
	border-radius: 20px;
	display: inline-block;
}

/* Pagination Override */
.pagination > li > span,
.pagination > li > a {
	color: var(--mainColor);
	border-radius: 0 !important;
	padding: 6px 12px !important;
	font-size: 1em !important;
	text-decoration: none!important;
	line-height: normal !important;
	border: 1px solid #ddd !important;
	margin: 2px !important;
}

.pagination > li > a:focus,
.pagination > li > a:hover {
	color: var(--mainColor);
}

.pagination > .active > span:focus,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span {
	border-color: var(--mainColor);
	background-color: var(--mainColor);
}

/* Pagination dots fix */
.pagination-dots > li > a.page-link {
	z-index: 0;
}

/* Override */
/* Cookie Notice btn override */
.cn-button.bootstrap {
    color: #fff !important;
    background: var(--mainColor) !important;
}