/*
===========================================
	Secondary Navigation
===========================================
*/
nav.secondary-navigation {
	background-color: #FAFAFA;
	border-bottom: 1px solid #ebebeb;
	padding: 5px 0;
}
nav.secondary-navigation .container-fluid {
	max-width: 1400px;
	width: 100%;
}
nav.secondary-navigation .btn {
	display: flex;
	align-items: center;
	justify-content: center;
}
nav.secondary-navigation i {
	font-size: 17px;
    color: #939395;
}
.line {
	border-right: 1px solid #e9e9e9;
	height: 20px;
	display: block;
}
.line.line-1 {
	margin: 0;
}







/*
===========================================
	Info Navigation
===========================================
*/
nav.info-navigation {
	/* padding: 15px 0 17px 0; */
	padding: 15px 0 5px 0;
}
nav.info-navigation .container-fluid {
	max-width: 1400px;
	width: 100%;
}
nav.info-navigation .nav-tel {
	display: flex;
	align-items: center;
	font-size: 21px;
	color: #939395;
	border: 0;
	font-weight: 400;
}
nav.info-navigation .nav-tel svg {
	font-size: 20px;
}
nav.info-navigation .nav-tel.mobile {
	display: none;
	padding: 0;
	margin: 10px 1px 0 0;
}
nav.info-navigation .nav-tel.mobile svg {
	font-size: 35px;
	color: #939395;
}
@media (max-width: 661px) {
	nav.info-navigation .nav-tel {
		display: none;
	}
	nav.info-navigation .nav-tel.mobile {
		display: block;
		background: transparent;
	}
}







/*
===========================================
	Primary Navigation
===========================================
*/
nav.primary-navigation {
	/* border-top: 1px solid hsla(240, 1%, 98%, 1); */
	border-bottom: 1px solid hsla(200, 3%, 96%, 1));
}
nav.primary-navigation .container-fluid {
	max-width: 1400px;
	width: 100%;
}
nav.primary-navigation .dropdown-toggle::after {
	display: none;
}
nav.primary-navigation .navbar-nav .nav-link {
	font-size: 15px;
	font-weight: 400;
	color: #808080;
}
nav.primary-navigation .navbar-nav .nav-link svg {
	margin-left: 2px;
	vertical-align: -0.225em;
}
nav.primary-navigation .nav-item.show > .nav-link {
	font-weight: 500;
}
nav.primary-navigation .mega-menu {
	padding: 37px 30px;
	position: absolute;
	top: ;
	left: 0;
	right: 0;
	max-width: 1400px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	border: 0;
	border-radius: .25rem;
	margin-top: 0;
}
nav.primary-navigation .mega-menu .bottom-links {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	padding-left: 30px;
	border-top: 1px solid #e7e8e9;
	display: flex;
	align-items: center;
	height: 35px;
}
nav.primary-navigation .mega-menu .bottom-links a {
	color: #9b9fa1;
	font-weight: 400;
	font-size: 16px;
}
nav.primary-navigation .mega-menu .bottom-links span {
	color: #e7e8e9;
}
@media (min-width: 576px) {
	.modal-dialog.modal-fullscreen {
		max-width: 500px;
		margin: 0 auto;
	}
}
nav.primary-navigation .mega-menu [class*="col-"]:not(:last-child){
	margin-bottom: 15px;
}
nav.primary-navigation .reg-menu {
	padding: 0;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	border: 0;
}
nav.primary-navigation .reg-menu .dropdown-item {
	color: #549eff;
	padding: 6px 10px;
	font-size: 0.95rem;
}
nav.primary-navigation .dropdown-item.active, nav.primary-navigation .dropdown-item:active {
	color: #549eff;
	text-decoration: none;
	background-color: #f2f2f2;
}
nav.primary-navigation .reg-menu .dropdown-item:not(:last-child) {
	border-bottom: 1px solid hsla(200, 3%, 98%, 1);
}
nav.primary-navigation .menu-header {
	font-size: 19px;
	font-weight: 400;
	margin: 0 0 7px 0;
	display: block;
	color: #404344;
}
nav.primary-navigation .menu-desc {
	display: block;
	line-height: 15px;
	color: #747476;
}
nav.primary-navigation .menu-list {
	padding-left: 0;
	list-style-type: none;
	font-size: 16px;
}
nav.primary-navigation .menu-list li {
	margin: 0;
	padding: 0;
}
nav.primary-navigation .menu-list li:not(:last-child) {
	margin: 0 0 3px 0;
}
nav.primary-navigation .menu-list li a {
	font-weight: 400;
}
nav.primary-navigation hr.menu-divider {
	margin-top: 0.7rem;
	margin-bottom: 0.8rem;
	border: 0;
	border-top: 2px solid hsla(200, 3%, 97%, 1);
	width: 10%;
	margin-left: 0;
}
nav.primary-navigation .lookup-link {
	font-size: 15px;
	font-weight: 400;
	color: #939395;
}


nav.primary-navigation .med-menu {
	position: absolute;
    padding: 20px 20px;
    float: left;
    top: auto;
    left: auto;
    right: auto;
    max-width: 650px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	border: 0;
}
nav.primary-navigation .med-menu .bottom-links {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	padding-left: 30px;
	border-top: 1px solid #e7e8e9;
	display: flex;
	align-items: center;
	height: 35px;
}
nav.primary-navigation .med-menu .bottom-links a {
	color: #9b9fa1;
	font-weight: 400;
	font-size: 16px;
}
nav.primary-navigation .med-menu .bottom-links span {
	color: #e7e8e9;
}
nav.primary-navigation .med-menu [class*="col-"]:not(:last-child){
	margin-bottom: 15px;
}
nav.primary-navigation .btn-demo {
	background-color: #549eff;
	color: #ffffff;
	padding-left: 20px;
	padding-right: 20px;
}


@media (max-width: 1199px) {
	nav.primary-navigation {
		padding-bottom: 20px;
	}
	nav.primary-navigation .navbar-nav {
		/* margin-top: 15px; */
	}
	nav.primary-navigation .nav-link {
		text-align: left;
		padding: 1rem 0.3rem;
	}
	nav.primary-navigation .mega-menu,
	nav.primary-navigation .med-menu,
	nav.primary-navigation .reg-menu {
		position: static;
		box-shadow: none;
		padding: 5px;
		top: 100%;
		z-index: 1000;
		min-width: 10rem;
		margin: .125rem 0 0;
		font-size: 1rem;
		color: #212529;
		text-align: left;
		list-style: none;
		background-color: #fff;
		background-clip: padding-box;
		border: 1px solid #ebebeb;
		padding: 10px;
	}
	nav.primary-navigation .mega-menu .bottom-links {
		position: static;
		display: none;
	}
}
@media only screen and (max-width: 990px) {
  .dropdown-menu-right-custom {
    right: auto !important;
  }
}

/* ------ Promo Boxes  ------ */
.mega-menu .promo-box.bg-1 {
	background: linear-gradient(rgba(0,0,0,0.8), rgba(0,0,0,0.6)), url(/images17/resource-spotlight-nav.jpg);
	background-size: cover;
}
.mega-menu .promo-box.style-1 {
	background-repeat: no-repeat;
	/* background-size: cover;
	background-position: center center; */
	height: 100%;
	position: relative;
	border: 1px solid #f2f2f2;
	padding: 35px 30px 35px 30px;
}
.mega-menu .promo-box.style-1 .promo-category {
	position: absolute;
	top: 0;
	left: 0;
	padding: 5px 0;
	background: rgba(0,0,0,0.3);
	color: rgba(255,255,255,0.9);
	font-size: 14px;
	width: 100%;
	padding-left: 30px;
}
.mega-menu .promo-box.style-1 .promo-title {
	font-size: 21px;
	font-weight: 400;
}
.mega-menu .promo-box.style-1 .promo-text {
	font-weight: 300;
	font-size: 15px;
	line-height: 22px;
}
.mega-menu .promo-box.style-1 img {
	max-width: 100px;
	width: 100%;
}
.mega-menu .promo-box .promo-btn {
	display: flex;
	align-items: center;
	font-weight: 400;
}
.mega-menu .promo-box .promo-btn svg {
	margin-left: 10px;
	font-size: 23px;
}
.mega-menu .promo-box.style-1 .promo-title,
.mega-menu .promo-box.style-1 .promo-text,
.mega-menu .promo-box.style-1 .promo-btn {
	color: #fff;
}
.promo-box.style-2 {
	text-align: center;
	border: 1px solid #ededf3;
	padding: 10px;
	background: hsla(200, 3%, 99%, 1);
}
.promo-box.style-2 img {
	max-width: 60px;
	width: 100%;
	margin: 0 auto 20px auto;
}
.promo-box.style-2 .promo-title {
	font-size: 19px;
	font-weight: 400;
	color: #41302a;
}
.promo-box.style-2 .promo-text {
	font-size: 15px;
	line-height: 22px;
}
.promo-box.style-2 .promo-icon {
	display: block;
	margin: 0 auto 0 auto;
	font-size: 55px;
	/* color: #ff6c39; */
}

.mega-menu .card-promo {
	padding: 30px 30px;
	/* background-color: #549eff1a; */
	background-color: #FAFAFA;
	/* background: linear-gradient(to right, rgba(0, 0, 0, 0.72), rgba(0, 0, 0, 0.4)), url(https://www.melissa.com/pre-stage/final/images/bernard-hermant-607979-unsplash.jpg); */
	border: 1px solid hsla(0, 0%, 94%, 1);
}
.mega-menu .card-promo .title {
	font-size: 24px;
	font-weight: 500;
}
.mega-menu .card-promo .text {
	font-size: 18px;
	font-weight: 400;
}
.mega-menu .card-promo .topic {
	font-size: 17px;
	font-weight: 400;
}
.mega-menu .card-promo .cta {
	font-size: 18px;
	font-weight: 400;
	color: #FFC107;
}
.mega-menu .card-promo img {
	width: 130px;
	height: 100%;
	/* -webkit-filter: drop-shadow(4px 4px 4px #d2d2d2);
	filter: drop-shadow(1px 1px 1px #d2d2d2); */
}
.mega-menu .card-promo div {
	/* margin-left: 60px; */
}

/* ------ Modal Fullscreen  ------ */
.modal-fullscreen {
	min-width: 100%;
	margin: 0;
}
.modal-fullscreen .modal-content {
	/* height: 100vh; */
	border: 0;
	border-radius: 0;
}
.modal-fullscreen .modal-body {
	display: flex;
	align-items: center;
	justify-content: center;
}
.modal-fullscreen .close svg {
	font-size: 30px;
	float: right;
	margin: 5px 7px 0 0;
}
.modal-fullscreen .close:focus {
	outline: 0;
}
.modal-fullscreen .modal-title {
	color: #54585A;
	font-weight: 400;
}
/* .modal-fullscreen .row [class*="col-"]:not(:last-child) {
	margin: 0 0 30px 0;
} */
/* .modal-open > .modal {
	padding: 0;
} */
/* ------ Modal Box - Country / Account  ------ */
.modal {
	padding-right: 0 !important;
}
#countryModal .modal-body {
	/*background-image: url(https://www.melissa.com/images17/world-map.png);*/
	background-repeat: no-repeat;
	background-size: contain;
}
.modal-box.country .top,
.modal-box.account .top {
	border-radius: 5px;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.05);
	border: 1px solid hsla(200, 3%, 92%, 1);
	padding: 10px;
	display: flex;
	align-items: center;
	background: #ffffff;
}
.modal-box.country .top img {
	height: 61px;
	border: 1px solid #f2f2f2;
	width: 100%;
	max-width: 100px;
}
.modal-box.account .top {
	width: 176px;
	height: 150px;
}
.modal-box.account .top img {
	margin: 0 auto;
	display: block;
}
.modal-box.account img {
	max-width: 100px;
	width: 100%;
}
.modal-box.account svg {
	font-size: 75px;
	display: block;
	margin: 0 auto;
	color: #54585a;
}
.modal-box.account span {
	font-weight: 400;
	color: hsla(200, 3%, 54%, 1);
}
.modal-box.site {
	height: 300px;
	margin: 0 auto;
	border-radius: 5px;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.05);
	border: 1px solid hsla(200, 3%, 92%, 1);
	padding: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.modal-box.site img {
	margin: 0 auto;
}
.modal-box.site .btn {
	display: block;
	max-width: 200px;
	width: 100%;
	margin: 0 auto;
}
.modal-box.site span {
	color: #54585a;
}
.modal-box.site .btn-global {
	background: #1BA6DF;
	color: #FFFFFF;
}
.modal-box.site .btn-direct {
	background: #A12743;
	color: #FFFFFF;
}
.modal-box.site .btn-developer {
	background: #FBAD1C;
	color: #FFFFFF;
}
.modal-box.site .btn-informatics {
	background: #00827B;
	color: #FFFFFF;
}
.modal-box.site .btn-lookups {
	background: #5C2D88;
	color: #FFFFFF;
}
.card-nav-list {
	position: relative;
	text-align: center;
	padding: 50px 45px;
	min-height: 270px;
	border: 1px solid hsla(200, 3%, 34%, 0.13);
}
.card-nav-list .title {
	font-size: 22px;
	font-weight: 500;
	color: hsla(0, 0%, 30%, 1);
}
.card-nav-list .text {
	font-size: 17px;
	font-weight: 400;
	height: 81px;
	color: hsla(0, 0%, 46%, 1);
}
.card-nav-list .support {
	font-weight: 400;
	font-size: 14px;
	color: hsla(0, 0%, 60%, 1);
}
.card-nav-list .btn {
	height: 40px;
	font-size: 17px;
}
.card-nav-list .btn-wrapper {
	height: 59px;
}
.card-nav-list .header-icon {
	font-size: 80px;
	margin-bottom: 32px;
}
.card-nav-list .custom-select {
	color: hsla(0, 0%, 60%, 1);
	border: 1px solid hsla(0, 0%, 86%, 1);
}
.card-nav-mAccount {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	padding: 30px 0;
	border: 1px solid hsla(200, 3%, 34%, 0.13);
}
.card-nav-mAccount:hover {
	text-decoration: none;
}
.card-nav-mAccount .title {
	font-size: 22px;
	font-weight: 500;
	color: hsla(0, 0%, 30%, 1);
	margin-left: 23px;
}
.card-nav-mAccount svg {
	color: hsla(0, 0%, 69%, 1);
	font-size: 30px;
}
.card-nav-mAccount img {
	max-width: 50px;
	width: 100%;
}
@media (max-width: 991px) {
 	.modal-fullscreen .modal-content {
		height: 100%;
	}
}
/* ------ Modal Box - Country / Account  ------ */
.modal-seperator {
	color: #ccc;
	max-width: 152px;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
	line-height: 1.2em;
}
.modal-seperator::after, .modal-seperator::before {
	border-bottom: 1px solid #e0e0e0;
	content: "";
	display: inline-block;
	height: .65em;
	margin: 0 -4px 0 -100%;
	vertical-align: top;
	width: 50%;
}
.modal-seperator::after {
	margin: 0 -100% 0 0;
}
.modal-seperator a, .modal-seperator svg, .modal-seperator span {
	margin: 0 20px 0 24px;
	display: inline-block;
}
/* .separator svg {
	font-size: 18px;
} */
