.bg-red {
  background-color: #b33d3b !important;
}

.bg-dk-blue {
  background-color: #1a74b3 !important;
}

.bg-orange {
  background-color: #ce6d40 !important;
}

.bg-green {
  background-color: #15b6b1 !important;
}

.bg-purple {
  background-color: #61395c !important;
}

.bg-goldenrod {
  background-color: #DAA520 !important;
}

.bg-lt-purple {
  background-color: #996299 !important;
}

.bg-gray {
  background-color: #848484 !important;
}

.bg-lt-gray {
  background-color: #f4f2ef !important;
}

.bg-dk-gray {
  background-color: #48484C !important;
}

.bg-lt-green {
  background-color: #a2a443 !important;
}

.bg-dk-green {
  background-color: #2F3F1D !important;
}

.bg-white {
  background-color: #fff !important;
}

HTML, BODY {
  margin: 0;
  padding: 0;
  font-size: 16px;
}

BODY {
  position: relative;
  font-family: 'Source Sans Pro', sans-serif;
  color: #000000;
  text-align:left;
}

B, STRONG {
  font-weight: 600;
}

#main-layout {
  position: relative;
  overflow: visible;

}

#page-content {
  margin-left: 55px;
  -webkit-transition: 0.15s ease-out margin;
  transition: 0.15s ease-out margin;
}
#page-content > .container {
  max-width: 960px;
  padding: 0 0 0 0;
  margin-left: 5px;
  width: 100%;
  min-width:320px;

}

#searchCollectionFilter {
	display:none;
	position: absolute;
	background-color: white;
	z-index: 5;
	border: 1px solid #ccc;
	padding: 8px 12px;
	width: 442px;
}

#searchCollectionFilterSelect_chosen {
	width: 100% !important;
}


@media (min-width: 768px) {
  #page-content > .container {

		width: 98%;
  }
}
@media (min-width: 992px) {
  #page-content > .container {
		width: 937px;

  }
}
@media (min-width: 1190px) {
  #page-content > .container {
	width: 960px;
  }
}

#main-layout.open #page-content {
  margin-left: 240px;
}

NAV#sidebar {
  position: absolute;
  top: 0;
  left: -55px;
  width: 55px;
  min-height: 100%;
  margin-right: 10px;
  -webkit-transition: 0.15s ease-out width;
  transition: 0.15s ease-out width;
}
@media (min-width: 768px) {
  NAV#sidebar {
    background: url(/signet/includes/images/intranetnav/menu_tile_2.jpg) scroll repeat right 0 transparent;
		left: 0px;
	}
}

#main-layout.open NAV#sidebar {
  left: 0px;
  width: 240px;
  background: url(/signet/includes/images/intranetnav/menu_tile_2.jpg) scroll repeat right 0 transparent;
}

NAV#sidebar #menu-controls {
  height: 45px;
  margin: 37px 0 43px 0;
  white-space: nowrap;
  overflow-x: hidden;
}
NAV#sidebar #menu-controls:last-child {
  display: none;
}
@media (min-width: 768px) {
  NAV#sidebar #menu-controls:last-child {
	display: block;
  }
}

NAV#sidebar #menu-controls > A.settings {
  vertical-align: bottom;
  display: none;
  color: #e1e1e1;
  font-size: 14px;
  line-height: 28px;
  font-weight: 300;
  background: url(/signet/includes/images/intranetnav/dashboard-arrow.png) scroll no-repeat 90% 0%;
  text-decoration: none;
  padding-right: 43px;
  float: right;
  margin-top: 7px;
}
NAV#sidebar #menu-controls > A.settings.open {
  background-position: 90% -31px;
}
NAV#sidebar #menu-controls > A.settings:hover {
  text-decoration: underline;
}

#main-layout.open NAV#sidebar #menu-controls > A.settings {
  display: inline;
}

#main-layout NAV#sidebar #sitemap-link {
  display: none;
}

#main-layout.open NAV#sidebar #sitemap-link {
  font-size: 14px;
  color: #e1e1e1;
  text-decoration: underline;
  margin-left: 62px;
  display: inline-block;
  font-weight: 300;
  margin-top: 40px;
}

A#menu-toggle {
  display: inline-block;
  height: 45px;
  width: 55px;
  background-image: url(/signet/includes/images/intranetnav/navbar_sprites_mbl.png?v=3);
  background-repeat: no-repeat;
  background-position: 4px 0;
  text-indent: -999em;
  float: left;
}

.container a#menu-toggle {
	margin-top: 5px;
	display: none;
}


@media (max-width: 768px) {
	a#menu-toggle.show-menu-button {
		display: block;
	}
}

@media (min-width: 768px) {
  A#menu-toggle {
    background-image: url(/signet/includes/images/intranetnav/navbar_sprites.png?v=6);
  }

	NAV#sidebar A#menu-toggle {
		display: inline-block;
	}

	.container  A#menu-toggle {
		display: none;
	}
}

#main-layout.open A#menu-toggle {
  background-position: -232px 0;
}

NAV#sidebar UL {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

NAV#sidebar > UL {
  display: none;
}
@media (min-width: 768px) {
  NAV#sidebar > UL {
	display: block;
  }
}

#main-layout.open NAV#sidebar > UL {
  display: block;
}

NAV#sidebar > UL > LI {
  border-bottom: 1px solid #686867;
  position: relative;
  top: 0;
  left: 0;

}

NAV#sidebar > UL > LI:first-child {
  border-top: 1px solid #686867;
}

NAV#sidebar > UL > LI > A {
  text-decoration: none;
  display: block;
  height: 45px;
  padding-left: 65px;
  color: #f5f2ee;
  background-image: url(/signet/includes/images/intranetnav/navbar_sprites.png?v=6);
  background-repeat: no-repeat;
  background-position: 4px -54px;
  line-height: 44px;
  font-weight: 400;
  font-size: 16px;
  text-transform: uppercase;
  overflow-x: hidden;
  white-space: nowrap;
  letter-spacing: 0.05em;
  font-family: 'Source Sans Pro', sans-serif;

}

NAV#sidebar UL > LI.current > A, NAV#sidebar UL > LI > A:hover, NAV#sidebar > UL > LI.open > A {
  background-position: -232px -54px;
  color: #00ccff !important;
}

NAV#sidebar > UL > LI > UL {
  margin-left: 65px;
  line-height: 1.42857;
}

NAV#sidebar > UL > LI > UL:not(.popup) > LI {
  -moz-transition: height 0.4s;
  -o-transition: height 0.4s;
  -ms-transition: height 0.4s;
  -webkit-transition: height 0.4s;
  transition: height 0.4s;
  height: 0;
  overflow: hidden;
}

#main-layout.open NAV#sidebar > UL > LI.open > UL:not(.popup) {
  margin-bottom: 1rem;
}
#main-layout.open NAV#sidebar > UL > LI.open > UL:not(.popup) > LI {
  height: 22px;
}


#searchDiv {
		width:82.5%;
}

@media (max-width: 768px) {
	#main-layout.open NAV#sidebar > UL > LI.open > UL:not(.popup) > LI {
  		height: 35px;
		padding-top: 5px;
	}


}



NAV#sidebar > UL > LI.open > UL {
  /* display: block; */
}

NAV#sidebar > UL > LI > UL > LI A {
  color: #e1e1e1;
  font-size: 0.9rem;
  text-decoration: none;
  font-weight: 400;
  font-family: 'Source Sans Pro', sans-serif;
  line-height: 1.42857;
}

NAV#sidebar > UL > LI > UL > LI > A.current {
  color: #00ccff;
  font-family: 'Source Sans Pro', sans-serif;
}

UL.popup {
  background-color: transparent;
  position: absolute;
  left: 53px;
  top: -9999px;
  margin: auto !important;
  z-index: 99;
  padding: 0 1em 1em 12px !important;
  width: 300px;
  display: none;
  background-image: url(/signet/includes/images/intranetnav/triangle.png);
  background-repeat: no-repeat;
  background-position: 5px 15px;
  font-family: 'Source Sans Pro', sans-serif;
}
@media (min-width: 768px) {
  UL.popup {
	top: 0;
  }
}

UL.popup LI {
  list-style-type: none;
  list-style-position: inside;
  background-color: #484848;
}

UL.popup LI:first-child A {
  color: #0cf !important;
  text-transform: uppercase;
  padding-top: 0.5em;
  font-size: 16px;
  letter-spacing: 0.05em;
}

UL.popup LI:last-child {
  padding-bottom: 0.5em;
}

UL.popup LI A {
  padding: 0 1em;
  display: block;
}

#main-layout.open NAV#sidebar UL.popup.show {
  left: 238px !important;
}

#main-layout.open NAV#sidebar LI.open > UL.popup.show {
  display: none !important;
}

NAV#sidebar UL > LI.communications > A {
  background-position: 4px -98px;
}

NAV#sidebar UL > LI.communications.current > A, NAV#sidebar UL > LI.communications > A:hover, NAV#sidebar > UL > LI.communications.open > A {
  background-position: -232px -98px;
}

NAV#sidebar UL > LI.offers > A {
  background-position: 4px -148px;
}

NAV#sidebar UL > LI.offers.current > A, NAV#sidebar UL > LI.offers > A:hover, NAV#sidebar > UL > LI.offers.open > A {
  background-position: -232px -148px;
}

NAV#sidebar UL > LI.suppliers > A {
  background-position: 4px -196px;
}

NAV#sidebar UL > LI.suppliers.current > A, NAV#sidebar UL > LI.suppliers > A:hover, NAV#sidebar > UL > LI.suppliers.open > A {
  background-position: -232px -196px;
}

NAV#sidebar UL > LI.hotels > A {
  background-position: 4px -239px;
}

NAV#sidebar UL > LI.hotels.current > A, NAV#sidebar UL > LI.hotels > A:hover, NAV#sidebar > UL > LI.hotels.open > A {
  background-position: -232px -239px;
}

NAV#sidebar UL > LI.destinations > A {
  background-position: 4px -285px;
}

NAV#sidebar UL > LI.destinations.current > A, NAV#sidebar UL > LI.destinations > A:hover, NAV#sidebar > UL > LI.destinations.open > A {
  background-position: -232px -285px;
}

NAV#sidebar UL > LI.marketing > A {
  background-position: 4px -329px;
}

NAV#sidebar UL > LI.marketing.current > A, NAV#sidebar UL > LI.marketing > A:hover, NAV#sidebar > UL > LI.marketing.open > A {
  background-position: -232px -329px;
}

NAV#sidebar UL > LI.training > A {
  background-position: 4px -374px;
}

NAV#sidebar UL > LI.training.current > A, NAV#sidebar UL > LI.training > A:hover, NAV#sidebar > UL > LI.training.open > A {
  background-position: -232px -374px;
}

NAV#sidebar UL > LI.agency-tools > A {
  background-position: 4px -419px;
}

NAV#sidebar UL > LI.agency-tools.current > A, NAV#sidebar UL > LI.agency-tools > A:hover, NAV#sidebar > UL > LI.agency-tools.open > A {
  background-position: -232px -419px;
}

NAV#sidebar UL > LI.cruises > A {
  background-position: 4px -459px;
}

NAV#sidebar UL > LI.cruises.current > A, NAV#sidebar UL > LI.cruises > A:hover, NAV#sidebar > UL > LI.cruises.open > A {
  background-position: -232px -459px;
}

NAV#sidebar UL > LI.mobile-app > A {
  background-position: 4px -499px;
}

NAV#sidebar UL > LI.mobile-app.current > A, NAV#sidebar UL > LI.mobile-app > A:hover, NAV#sidebar > UL > LI.mobile-app.open > A {
  background-position: -232px -499px;
}

NAV#sidebar UL > LI.land > A {
  background-position: 4px -576px;
}

NAV#sidebar UL > LI.land.current > A, NAV#sidebar UL > LI.land > A:hover, NAV#sidebar > UL > LI.land.open > A {
  background-position: -232px -576px;
}

NAV#sidebar UL > LI.travel-styles > A {
  background-position: 2px -616px;
}

NAV#sidebar UL > LI.travel-styles.current > A, NAV#sidebar UL > LI.travel-styles > A:hover, NAV#sidebar > UL > LI.travel-styles.open > A {
  background-position: -233px -615px;
}

NAV#sidebar UL > LI.travel-elevates > A {
  background-position: 2px -660px;
}

NAV#sidebar UL > LI.travel-elevates.current > A, NAV#sidebar UL > LI.travel-elevates > A:hover, NAV#sidebar > UL > LI.travel-elevates.open > A {
  background-position: -233px -660px;
}

@-moz-keyframes spin {
  from {
	-moz-transform: rotate(0deg);
  }

  to {
	-moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  from {
	-webkit-transform: rotate(0deg);
  }

  to {
	-webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
	transform: rotate(0deg);
  }

  to {
	transform: rotate(360deg);
  }
}
@font-face {
  font-family: 'icons';
  src: url("font/icons.eot?39930384&v=2");
  src: url("font/icons.eot?39930384&v=2#iefix") format("embedded-opentype"), url("font/icons.woff?39930384&v=2") format("woff"), url("font/icons.ttf?39930384&v=2") format("truetype"), url("font/icons.svg?39930384&v=2#icons") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
	font-family: 'icons';
	src: url('../font/icons.svg?39930384#icons') format('svg');
  }
}
*/
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-twitter:before {
  content: '\e800';
}

/*  */
.icon-facebook:before {
  content: '\e801';
}

/*  */
.icon-help:before {
  content: '\e803';
}

.icon-instagram:before {
  content: '\F16D';
  font-size: 22px;
}

HEADER {
  border-bottom: 1px solid #7a7a7a;
  height: auto;
  padding-bottom: 15px;
  /*overflow: hidden;*/
  padding-right: 0px;
}
HEADER > .container {

  max-width: 98%;
  margin: 0;
  padding: 0;
}
@media (min-width: 768px) {
  HEADER > .container {
	width: 100%;
	padding-right: 10px;
  }
}
@media (min-width: 992px) {
  HEADER > .container {
	 width: 98%;
  }
}
@media (min-width: 1190px) {
  HEADER > .container {
	width: 98%;
  }
}
@media (mix-width: 992px) {
  HEADER {
	height: 122px;
	padding-bottom: 0;
  }
}
HEADER > .container > a > IMG {
  margin-left: 50px;
  float: left;
}
@media (min-width: 768px) {
  HEADER > .container > a > IMG {
	margin-left: 10px;
  }
}

HEADER DIV.pull-right {
  margin-top: 25px;
  font-size: .8em;
  float: none !important;
  clear: both;
  text-align: left;
  padding: 0;
}
@media (min-width: 768px) {
  HEADER DIV.pull-right {
	text-align: right;
	padding: 0 0 0 10px;
  }
}
@media (min-width: 992px) {
  HEADER DIV.pull-right {
	float: right !important;
	clear: none;
	text-align: left;
	padding: 0;
  }
}
/*HEADER DIV.pull-right > DIV {
  display: none;
}*/
@media (min-width: 768px) {
  HEADER DIV.pull-right > DIV {
	display: block;
  }
}
HEADER DIV.pull-right A.social {
  display: inline-block;
  width: 32px;
  height: 32px;
  vertical-align: bottom;
  font-size: 16px;
  padding: 0;
  text-align: center;
  border-radius: 50%;
  color: #fff;
  background-color: #1a74b3;
  text-decoration: none;
  line-height: 32px;
}
HEADER DIV.pull-right A.social:hover {
  background-color: #15b6b1;
}
HEADER DIV.pull-right A.social.icon-twitter {
  background-color: #00ccff;
  margin-right: .5em;
}
HEADER DIV.pull-right A.social.icon-twitter:hover {
  background-color: #15b6b1;
}

/*HEADER DIV.pull-right SPAN {
  display: inline-block;
  padding: 0 .5em 0 .5em;
  border-right: 1px dotted #585858;
  color: #585858;
}*/
HEADER DIV.pull-right A.signout {
  display: inline-block;
  color: #00ccff;
  padding: 0 .5em;
}
HEADER DIV.pull-right FORM {
  /*margin-top: 1em;*/
  text-align: right;
  display: inline-block;
}
@media (min-width: 768px) {
  HEADER DIV.pull-right FORM {
	display: block;
  }
}
HEADER DIV.pull-right FORM A.social {
  background-color: #907c63;
  height: 40px;
  width: 40px;
  line-height: 40px;
}
@media (min-width: 768px) {
  HEADER DIV.pull-right FORM A.social {
	margin-right: 10px;
	height: 34px;
	width: 34px;
	line-height: 34px;
  }
}
HEADER DIV.pull-right FORM A.social:hover {
  background-color: #1a74b3;
}
HEADER DIV.pull-right FORM #search-input {
  width: 100%;
  height: 40px;
}
@media (min-width: 768px) {
  HEADER DIV.pull-right FORM #search-input {
	height: 34px;
  }
}
@media (max-width: 768px) {
  HEADER DIV.pull-right FORM #search-input {
	height: 40px;
	width: 225px;
  }
}
@media (max-width: 768px) {
  #search-input {
	padding-right:5px;
  }
}
HEADER DIV.pull-right FORM.form-inline .form-group {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0;
}
HEADER DIV.pull-right FORM BUTTON {
  width: 40px;
  height: 40px;
}
@media (min-width: 768px) {
  HEADER DIV.pull-right FORM BUTTON {
	width: auto;
	height: auto;
  }
}

#menu-settings {
  color: #e1e1e1;
  padding: 15px 0 15px 10px;
  background-color: #565656;
  border-top: 1px solid #686867;
}
#menu-settings H4 {
  font-size: 16px;
  font-weight: 600;
  color: #e1e1e1;
  font-family: 'Source Sans Pro', sans-serif
}
#menu-settings LABEL {
  display: block;
  font-weight: normal;
  margin-left: 1em;
  font-size: 14px;
  font-weight: 300;
}
#menu-settings LABEL INPUT {
  margin-right: 0.6em;
  /* Default values as to not be overwritten by loosely applied 3P style sheets */
  position: initial;
  overflow: initial;
  padding: initial;
  border: initial;
  opacity: initial;
  z-index: initial;
  vertical-align: initial;
  outline: initial;

  height: initial;
  margin: initial;
}

NAV#sidebar {
  z-index: 1000;
}

#main-layout #menu-settings {
  position: absolute;
  left: -999px;
}
#main-layout #page-content {
  margin-left: 0px;
}
@media (min-width: 768px) {
  #main-layout #page-content {
	margin-left: 55px;
  }
}
#main-layout.open #menu-settings {
  position: relative;
  left: 0;
}
#main-layout.open #page-content {
  margin-left: 240px;
}
@media (min-width: 768px) {
  #main-layout.open #page-content {
	margin-left: 240px;
  }
}

SPAN.hide-mobile {
  display: none;
}
@media (min-width: 768px) {
  SPAN.hide-mobile {
	display: inline;
  }
}

@media (min-width: 768px) {
  HTML BODY #main-layout #page-content HEADER > .container {
	-moz-transition: width 0.4s;
	-o-transition: width 0.4s;
	-ms-transition: width 0.4s;
	-webkit-transition: width 0.4s;
	transition: width 0.4s;
  }
  HTML BODY #main-layout #page-content > .container {
	-moz-transition: width 0.4s;
	-o-transition: width 0.4s;
	-ms-transition: width 0.4s;
	-webkit-transition: width 0.4s;
	transition: width 0.4s;
  }
  HTML BODY #main-layout.open #page-content HEADER > .container {
	/*width: 100%;*/
  }
  HTML BODY #main-layout.open #page-content > .container {
	/*width: 100%;*/
  }
}
@media (min-width: 992px) {
  HTML BODY #main-layout.open HEADER > .container {
	width: 98%;
  }
  HTML BODY #main-layout.open > .container {
	width: 713px;
  }
}
NAV#sidebar > UL > LI.ui-sortable-helper {
  background-color: #343434;
}
NAV#sidebar > UL > LI.ui-sortable-helper .popup {
  opacity: 0;
}

.row {
	margin-left: 0px;
	margin-right: 0px;
}

.mobile-signout{
	display:none;
	padding-top:45px;
	padding-right:5px;
}

@media (max-width: 767px) {
	.mobile-signout{
		display:inline;
	}

	HEADER DIV.pull-right FORM {
		padding-left:5px;
	}
}

@media (max-width: 368px) {
	.img-circle{
		display:none;
	}

}
@media (max-width: 768px) {
  HEADER DIV.pull-right FORM {
	text-align: left;
	width: 100%;
	margin-left:10px;
  }

  HEADER DIV.pull-right FORM #search-input {
	height: 40px;
	width: 100%;
  }
	HEADER DIV.pull-right A.social{
		display:none;
	}



}


/** -----------------------------------
 New Header Styles
 ------------------------------------ */
.utilMenu {
	background: #9a9a9a;
	text-align: left;
	position: relative;
	line-height:18px;
}

.utilMenu-list {
	list-style: none;
	margin: 0;
	padding: 5px 15px;
	font-size: 0;
}

.utilMenu-list-dropdown,
.utilMenu-list-item {
	font-size: 13px;
}

.utilMenu-list-item a {
	color: #ffffff;
	padding: 2px 8px;
	display: inline-block;
	border: 1px solid transparent;
}

.utilMenu-list-item a:hover {
	background: #797979;
	text-decoration: none;
	border: 1px solid #6c6c6c;
	border-radius: 3px;
}

.utilMenu-container {
	/*max-width: 960px;*/
	width: 100%;
}

.utilMenu-list-dropdown a {
	color: #454545;
	text-decoration: underline;
}

.utilMenu-list-dropdown {
	/*padding: 5px 8px;*/
	display: inline-block;
}

.utilMenu-list-item {
	display: inline-block;
	vertical-align: top;
}

.utilMenu-list-subMenu {
	max-height: 0;
	padding: 0;
	overflow: hidden;
	background: #9a9a9a;
	display: block;
	position: absolute;
	z-index: 1000;
	width: 100%;
	left: 0;
	top: 80%;
	-webkit-transition: max-height 0.5s ease;
	-moz-transition: max-height 0.5s ease;
	-ms-transition: max-height 0.5s ease;
	-o-transition: max-height 0.5s ease;
	transition: max-height 0.5s ease;
}

.utilMenu-list-subMenu .utilMenu-list-item {
	display: block;
	text-align: left;
	padding: 5px;
	margin: 0;
}

.utilMenu-list-subMenu_isOpen + .utilMenu-list-subMenu {
	max-height: 1000px;
}

.icon_carrot {
	-webkit-transition: transform 0.5s ease;
	-moz-transition: transform 0.5s ease;
	-ms-transition: transform 0.5s ease;
	-o-transition: transform 0.5s ease;
	transition: transform 0.5s ease;
	transform: rotate(0deg);
	position: relative;
}

.flipCarrot .icon_carrot,
.utilMenu-list-subMenu_isOpen .icon_carrot {
	transform: rotate(180deg);
}

.utilMenu-list-subMenu_isOpen {}

.utilMenu-list-itemParent {
	display: inline-block;
	vertical-align: top;
}

.utilMenu-list-itemParent {
	   width: 85%;
}

@media all and (min-width: 768px) {
	.utilMenu-list {
		font-size: 0;
	}

	.utilMenu-list-dropdown {
		margin-left: 0px;
		display: inline-block;
		padding: 2px;
	}

	.utilMenu-list-subMenu {
		padding: 0;
		max-height: 25px;
		position: relative;
		overflow: hidden;
		background: transparent;
		width: auto;
		left: auto;
		top: auto;
	}



	.utilMenu-list-subMenu .utilMenu-list-item {
		display: inline-block;
		text-align: center;
		padding: 0;
		margin: 0;
	}
}

@media all and (max-width: 1250px) {
	.utilMenu-list-itemParent {
	   width: 80%;
	}
}

@media all and (max-width: 994px) {
	.utilMenu-list-itemParent {
	   width: 75%;
	}
}

@media all and (max-width: 779px) {
	.utilMenu-list-itemParent {
	   width: 73%;
	}
}

@media all and (max-width: 769px) {
	.utilMenu-list-itemParent {
	   width: 100px;
	}
}

.icon_carrot {
	display: inline-block;
	border-top: 5px solid #454545;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	vertical-align: middle;
}

.headerList_sm > * {
	color: #585858;
	font-size: 13px;
}

.headerList_piped {
	text-align: center;
}

.headerList_piped > * + * {
	margin-left: 0;
	padding-left: 15px;
}

.headerList_piped > .headerList-noPipe {
	border-left: none;
}

.headerList {
	/*font-size: 0;*/
	width:969px;
	text-align: right;
	padding-right:10px;
}

@media all and (min-width: 768px) {
	.headerList_piped {
		text-align: left;
	}

	.headerList {
		/*font-size: 0;*/
		width:969px;
		text-align: right;
	}

	.headerList > * {
		font-size: 16px;
		display: inline-block;
		vertical-align: top;
		box-sizing: border-box;
	}

	.headerList > * + * {
		margin-left: 15px;
	}

	.headerList_piped > * + * {
		margin-left: 8px;
		padding-left: 8px;
		border-left: 1px dotted #585858;
	}

	.headerList_sm > * {
		font-size: 13px;
	}
}

@media all and (max-width: 1250px) {
	.headerList {
	   width:969px;
	}
	#searchCollectionFilter {
		width: 442px;
	}
}

@media all and (max-width: 1151px) {
	.headerList {
	   width:600px;
	}
	#searchCollectionFilter {
		width: 379px;
	}
}

@media all and (max-width: 994px) {
	.headerList {
	   width:100%;
	}
	#searchCollectionFilter {
		position: static;
		width: 100%;
	}
}


.searchForm {
	width: 80%;
	display: inline-block;
	vertical-align: top;
}

@media all and (min-width: 768px) {
	.searchForm {
		width: 64%;
	}
}

.searchBox-help {
	position: absolute;
	top: 10px;
	left: 10px;
}

.searchBox {
	border: 1px solid #ccc;
	padding: 8px 12px;
	position: relative;
}

.searchBox-textInput {
	border: none;
	background: transparent;
	font-size: 14px;
	width: 100%;
	padding: 0 65px 0 35px;
	height: 34px;
}

.searchBox-btn {
	background: transparent;
	border: none;
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	top: 14px;
	right: 10px;
}

.searchBoxFilter-btn {
	background: transparent;
	border: none;
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	top: 14px;
	right: 40px;
}

.socialIcons {
	position: relative;
	font-size: 0;
	margin-bottom: 10px;
}

.socialIcons-item {
	height: 50px;
	width: 100%;
	display: inline-block;
	font-size: 16px;
	text-align: center;
}

@media all and (min-width: 768px) {
	.socialIcons-item {
		width: 60px;
	}
}

.socialIcons-item > i {
	display: inline-block;
	color: #ffffff;
	line-height: 55px;
}

.socialIcons-subMenu {
	position: absolute;
	/* top: 100%; */
	background: #ffffff;
	/* left: 0; */
	right: 0;
	font-size: 13px;
	padding: 10px 5px;
	z-index: 500;
	border: 1px solid #dcd6ce;
	box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
	display: none;
	width:240px;
}

.socialIcons-item:hover .socialIcons-subMenu {
	display: block;
}

.socialIcons-subMenu a {
	display: block;
	text-align: left;
	color: #00ccff;
	text-decoration: underline;
}

.socialIcons-item_twitter {
	background: #25aae1;
}

.socialIcons-item.socialIcons-item_kipsu {
	width: 140px;
	height: 100%;
	text-align: center;
	vertical-align: baseline;
}

.socialIcons-item_kipsu img {
	height: 35px;
}

.socialIcons-item_instagram {
	background: #C13584;
}

@media all and (max-width: 768px) {
	.socialIcons-item.socialIcons-item_kipsu {
		width: 100%;
	}
}

@media all and (max-width: 768px) {
	.signet-logo-container {
		width: 100%;
	}
}

.socialIcons-item_facebook {
	background: #3d5a99;
}

.icon-smHelp:before {
	content: '\e803';
	font-size: 12px;
	display: inline-block;
	vertical-align: middle;
	border-radius: 22px;
	height: 22px;
	width: 22px;
	background: #dbd5cd;
	color: #938068;
	line-height: 22px;
}

.icon_print {
	background: url(/SigNet/includes/images/IntranetNav/icon-print.jpg) no-repeat;
	height: 21px;
	width: 23px;
	overflow: hidden;
	display: inline-block;
	text-align: -1999px;
	vertical-align: middle;
}

.vr {
	padding: 10px 0;
}

@media all and (min-width: 768px) {
	.util-alignRight {
		float: right;
		text-align:right;
	}

	.blocks {
		font-size: 0;
	}

	.blocks > * {
		font-size: 16px;
		/*display: inline-block;*/
		vertical-align: top;
		box-sizing: border-box;
	}

	.blocks_2up {
		margin-left: -10px;
	}

	.blocks_2up > * {
		width: 50%;
		padding-left: 10px;
		margin-bottom: 10px;
	}
}

.bookmarks {
	background: #ffffff;
	color: #484848;
	position: absolute;
	max-height: 0;
	overflow: hidden;
	z-index: 100;
	-webkit-transition: max-height .5s;
	-moz-transition: max-height .5s;
	transition: max-height .5s;
}

.bookmarks_isActive {
	max-height: 1000px;
}

.bookmarks-container {
	/*max-width: 960px;*/
	padding: 30px;
}

.bookmarks-hd {
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	margin: 0 0 5px;
	color: #484848;
}

.bookmarks-txt {
	font-size: 13px;
	color: #696969;
}

.bookmarks-list,
.bookmarks-list label {
	font-size: 16px;
	font-weight: normal;
}

@media all and (min-width: 768px) {
	.bookmarks {
		font-size: 0;
	}

	.bookmarks-list,
	.bookmarks-bd {
		display: inline-block;
		font-size: 16px;
		vertical-align: top;
	}

	.bookmarks-list {
		width: 46%;
	}

	.bookmarks-bd {
		width: 54%;
		padding-right: 10%;
	}
}

.header-agentProfilePhoto {
	width: 18%;
	display: inline-block;
	vertical-align: top;
	text-align: right;
}

@media all and (min-width: 768px) {
	.header-agentProfilePhoto {
		width: 50px;
	}
}

.breadcrumbs {
	background: #f4f2ef;
	padding: 10px 20px;
}

.breadcrumbs-container {
	max-width: 960px;
}

.breadcrumbs-list {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 0;
}

/*.breadcrumbs-list > * {
	font-size: 14px;
	display: inline-block;
	color: #747372;
}*/

.breadcrumbs-list > * + * {
	margin-left: 5px;
	padding-left: 15px;
	background: url(../img/right-arrow.png) no-repeat 0 50%;
}

.breadcrumbs-list a {
	color: #747372;
	font-weight: 600;
	text-decoration: underline;
}

.isHiddenOnDesktop {
	display: inline-block;
}

.isHiddenOnMobile {
	display: none;
}

@media all and (min-width: 767px) {
	.isHiddenOnDesktop {
		display: none;
	}

	.isHiddenOnMobile {
		display: inline-block;
	}
}

span.header-icon {
	font-size: 18px;
	cursor:pointer;
}

input.searchBox-textInput:focus {
	outline-width: 0;
}

/* override CHOSEN settings from chosen-offer-search-overrides.css */

#searchCollectionFilterSelect_chosen {
	border: 1px solid #ccc;
	border-radius: 4px;
}

#searchCollectionFilterSelect_chosen .search-choice {
	background-color: #e4e4e4 !important;
}

#searchCollectionFilterSelect_chosen li.highlighted {
	background-color: #e4e4e4 !important;
}

/* Causes source view to wrap in CKEditor */
.cke_source {
    white-space: pre-wrap !important;
}

/* Add .scroll to modal-body element to limit height and allow scroll */
.modal-body.scroll {
  max-height: 600px;
  overflow-y: auto;
}

.deckplan-image {
  width: 200px;
}

.stateroom-image-column {
  width: 200px;
}

.shipbuilder-stateroom-image, .shipbuilder-stateroom-diagram  {
  width: 100%;
}


/* Carousel Navigation Shadow */

.carousel-control.left { /* Unset Bootstrap's default */
	background-image: unset;
}

.carousel-control.right { /* Unset Bootstrap's default */
	background-image: unset;
}

.carousel-control.left:hover {
	background-image: -webkit-linear-gradient(
			left,
			rgba(0,0,0,.5) 0%
			,rgba(0,0,0,.0001) 100%
		);
    background-image: -o-linear-gradient(
			left,
			rgba(0,0,0,.5) 0,
			rgba(0,0,0,.0001)
			100%
		);
    background-image: -webkit-gradient(
			linear,
			left top,
			right top,
			from(rgba(0,0,0,.5)),
			to(rgba(0,0,0,.0001))
		);
}

.carousel-control.right:hover {
	background-image: unset;

	background-image: -webkit-linear-gradient(
			right,
			rgba(0,0,0,.5) 0%
			,rgba(0,0,0,.0001) 100%
		);
    background-image: -o-linear-gradient(
			right,
			rgba(0,0,0,.5) 0,
			rgba(0,0,0,.0001)
			100%
		);
    background-image: -webkit-gradient(
			linear,
			right top,
			left top,
			from(rgba(0,0,0,.5)),
			to(rgba(0,0,0,.0001))
		);
}

.carousel-control {
	width: 5%;
	text-shadow: 0px 1px 8px rgba(0,0,0,.6);
}

#keycontactstitle {
	color: red;
	text-transform: none;
}

.center-content {
	display: flex;
	justify-content: center;
}

/* Margin bottom Styles */
.margin-bottom-xs {
	margin-bottom: .5rem;
}

.margin-bottom-sm {
	margin-bottom: 1rem;
}

.margin-bottom-md {
	margin-bottom: 2rem;
}

.margin-bottom-lg {
	margin-bottom: 3rem;
}

.margin-bottom-xl {
	margin-bottom: 4rem;
}

.margin-bottom-unset {
	margin-bottom: unset;
}

.cursor-pointer {
	cursor: pointer;
}

/* Training Button */
.training-button-link {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem; /* Space between icon and label */
    padding: 0rem; /* Padding inside the button */
    background-color: #2d597d; /* Button background color */
    color: white !important; /* Text color */
    text-decoration: none; /* Remove underline */
    border: none; /* No border */
    border-radius: 5px; /* Rounded corners */
    font-size: 1rem; /* Font size for the label */
    cursor: pointer; /* Pointer cursor on hover */
    transition: background-color 0.3s; /* Smooth hover transition */
	margin: 0.5rem;
}

.training-button-link:hover {
    background-color: #2d597d; /* Darker background on hover */
	text-decoration: none;
	color: white !important;
}

.training-button-link:focus {
	text-decoration: none;
	color: white !important;
}

.training-button-link:visited {
	text-decoration: none;
	color: white !important;
}

.training-button-icon {
    height: 30px; /* Icon size */
    width: auto; /* Maintain aspect ratio */
}

.training-button-label {
    margin: 0; /* Remove any default margin from the text */
	padding-right: .7rem;
}
