/*
|-----------------------------------------------------------------------------------------------------------
| Main Nav Widget 
|-----------------------------------------------------------------------------------------------------------
*/

.nav-primary {
	text-align: right;
}
.nav-primary .item{
	display: inline-block;	
	padding: 15px;
	margin-right: 5px;
	position: relative;
}
.nav-primary .item:last-child{
	margin-right: 0;
}
.nav-primary .item a{
	color: #fff;
  font-family: 'Univers LT W01_67 Bold_1476016';
  font-weight: normal;
  font-size: 25px;
  line-height: 30px;
  text-decoration: none;
	text-transform: uppercase;
}
.nav-primary .main-nav .item a{

}

.nav-primary .item:hover,
.nav-primary .item.selected {
	background-color: #69307e;
}

.nav-primary .dropdown {
    background-color: #5d2b72;
    box-shadow: 0 4px 3px rgba(0, 0, 0, 0.3);
    display: none;
    height: auto;
    left: 0;
    overflow: hidden;
    padding: 0px;
    position: absolute;
    top: 60px;
    width: 280px;
    z-index: 30;
}

.nav-primary .dropdown.last {
	right: 0;
	left: auto;
}

.nav-primary .item:hover > .dropdown {display: block;}

.nav-primary .dropdown .dropItem {
	position: relative;
	border-bottom: 1px solid #a675b5; 
	text-align: left;
}
.nav-primary .dropdown .dropItem a:hover,
.nav-primary .dropdown .dropItem .arrow:hover {
	background-color: #69307e;
}

.nav-primary .dropdown .dtopItem:first-child {border: 0 none;}

.nav-primary .dropdown .dropItem a {
	font-family:'Univers LT W01_67 Bold_1476016';
	font-size: 18px;
	padding: 10px 15px;
	color: #fff;
	text-transform: none;
	display: inline-block;
	width: 100%;
}

.nav-primary .dropdown .dropItem.has-dropdown a {width: 83%;}

.nav-primary .dropdown .dropItem .arrow {
	display: none; 
	padding: 13px 20px; 
	float: right; 
	border-left: 1px solid #6d9da2; 
	color: #39686d;
	cursor: pointer;
}
.nav-primary .dropdown .dropItem.has-dropdown .arrow {
	display: inline-block;
}

.nav-primary .dropdown .dropItem.has-dropdown .arrow.active i {
    transform: rotate(90deg);
}

.nav-primary .dropItem > .subdropdown {
  display: none;
  border-top: 1px solid #6d9da2;
}
.nav-primary .dropdown .subdropdown .dropItem a {width: 100%; padding-left: 25px;}
.nav-primary .dropItem > .subdropdown .dropItem:last-of-type {border: 0 none;}

/*
|-----------------------------------------------------------------------------------------------------------
| Interior Side Nav Widget
|-----------------------------------------------------------------------------------------------------------
*/

.interior-nav {
    background-color: rgb(127, 57, 149);
    transition: all 0.5s;
    margin-top: 15px;
    margin-bottom: 30px;
}
.maincont.timeline .interior-nav {
    margin-bottom: 0;
}
.interior-nav:hover {
    background-color: rgb(127, 57, 149);
}
.interior-nav .toggle {
    float: left;
    cursor: pointer;
    color: #fff;
    font-size: 20px;
    line-height: 40px;
    text-transform: uppercase;
    position: relative;
    padding-left: 20px;
}
.interior-nav .toggle i.fa-list {
    float: left;
    line-height: 40px;
    width: 30px;
}
.interior-nav .toggle > i.top-submenu.open {
    transform: rotate(180deg);
}
.interior-nav .toggle:after {
    content: "";
    position: absolute;
    left: 40px;
    right: 0;
    top: 100%;
    margin: auto;
    width: 0;
    height: 0;
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
    border-top: 18px solid rgb(127, 57, 149);
    transition: all 0.5s;
}
.interior-nav:hover .toggle:after {
    border-top-color: rgb(127, 57, 149);
}
.interior-nav ul {
    list-style: none;
    margin: 0;
}
.interior-nav .menu {
    position: absolute;
    background-color: rgb(127, 57, 149);
    z-index: 10;
    top: 40px;
    padding: 15px 30px;
}
.interior-nav .menu li {

}
.interior-nav .menu li a {
    display: inline-block;
    font-size: 22px;
    line-height: 30px;
    color: #fff;
    padding-bottom: 5px;
    font-weight : 400;
}
.interior-nav .menu li .open-submenu {
    position: relative;
    z-index: 1;
    cursor: pointer;
    color: #fff;
    display: inline-block;
    padding: 0 5px;
    line-height: 35px;
    transition: transform 0.5s;
}
.interior-nav .menu li .open-submenu.open {
    transform: rotate(180deg);
}
.interior-nav .menu li a.active {

}
.interior-nav .menu li a:hover:before,
.interior-nav .menu li a.active:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    height: 35px;
    width: 100%;
    background-color: #016283;
    z-index: -1;
}
.interior-nav .menu li ul {
    display: none;
    padding-left: 20px;
}
.interior-nav .menu li ul.open {
    display: block;
}
.interior-nav .addthis-container .share-cont {
  margin: 0px;
  margin-top: 4px;
}

/*Microsite*/
.microsite .nav-primary .item[data-menuid="hotels-resorts"]{display: none;}

/*
|-----------------------------------------------------------------------------------------------------------
| Industry Nav Widget 
|-----------------------------------------------------------------------------------------------------------
*/

.header-section .top-nav-cont {border-right: 1px solid rgba(255, 255, 255, 0.5); padding-right: 10px; margin: 0;}
.header-section .top-nav-cont ul {margin: 0;}
.header-section .top-nav-cont li {
  display: inline-block; 
  margin: 0 3px; 
  list-style: none;
}
.header-section .top-nav-cont li:first-child{
  border-right: 1px solid rgba(255, 255, 255, 0.5);
}
.top-nav-cont .sub-cont {display: none;}

/*
|-----------------------------------------------------------------------------------------------------------
| Interior Side Nav Widget 
|-----------------------------------------------------------------------------------------------------------
*/

.side-nav-cont {margin-bottom: 40px; padding-bottom: 20px; border-bottom: 1px solid #eec791; }
.side-nav-cont .title {
	font-family: 'Univers LT W01_67 Bold_1476016'; 
	font-size: 25px; 
	color: #636d73; 
	border-bottom: 1px solid #eec791; 
	padding-bottom: 10px;
	margin-bottom: 10px;
	text-transform: uppercase;
}
.side-nav-cont ul {margin: 0; list-style: none;}
.side-nav-cont ul li.item {list-style: none; padding: 10px 0 0 15px;}
.side-nav-cont ul li.item ul li {padding-left: 0;}
.side-nav-cont ul .item .fa { 
  display: inline-block;
  vertical-align: middle;
	margin-right: 0px;
  width: 15px;
  cursor: pointer;
}
.side-nav-cont ul li ul {margin-left: 40px;}
.side-nav-cont ul li ul,
.side-nav-cont ul .item .fa-caret-down,
.side-nav-cont ul .item.active .fa-caret-right {display: none;}

.side-nav-cont ul .item.active .fa-caret-down,
.side-nav-cont ul .item .fa-caret-right {
	color: #61b3ba;
  display: inline-block;
  font-size: 18px;
}

.side-nav-cont ul li.active ul,
.side-nav-cont ul.open li ul{display: block;}

.side-nav-cont ul .item a {
	font-family:'AvenirNextLTW01-Regular';
	font-size: 16px;
	display: inline-block;
	color: #202e36;
	padding: 0;
  width: auto;
}

.side-nav-cont ul li a.selected,
.side-nav-cont ul li a.open {
  color: #61b3ba;
}

/*
|-----------------------------------------------------------------------------------------------------------
| Footer Nav Widget 
|-----------------------------------------------------------------------------------------------------------
*/
.footer-nav-top .title {
	font-family:'Univers LT W01_63 Bold_1476034';
	font-size: 26px;
	margin-bottom: 20px;
	color: #fff;
	text-transform: uppercase;
}
.footer-nav-top nav .item{
	display: inline-block;
	margin-bottom: 14px;
	border-left: 1px solid #FFF;
	padding: 8px 15px;
	margin: 0;
}

.footer-nav-top nav .item:nth-of-type(2) {border: 0 none;}

.footer-nav-top .item a{
	font-family:'Univers LT W01_63 Bold_1476034';	
	color: #FFF;
	font-size: 16px;
	line-height: 24px;
	text-transform: uppercase;
}

.footer-nav-bottom {margin-top: 30px;}
.footer-nav-bottom .item {
	display: inline-block;
	margin-bottom: 14px;
	border-left: 1px solid #FFF;
	padding: 10px 15px;
	margin: 0;
}
.footer-nav-bottom .item a {
	font-family:'Nexa W01 Bold';	
	font-size: 16px;
	color: #FFF;
	line-height: 24px;
	text-transform: none;
}
.footer-nav-bottom nav .item:nth-of-type(1) {border: 0 none;}

/*** mobile nav ***/
.mobilenav { 
	background-color: #7e3d93;
  height: 60px;
  position: absolute;
	padding: 0;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 20002;
}
.mobilenav .mobile-top-bar {
  width: 100%;
  height: 10px;
  display: block;
}

.mobilenav .dl-menuwrapper {  
    left: 0;
    position: relative;
    /*top: 60px;*/
  height: 60px;
  line-height: 60px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
  max-width: 100%;

  -webkit-perspective: 1000px;
  perspective: 1000px;
  -webkit-perspective-origin: 50% 200%;
  perspective-origin: 50% 200%;
  z-index: 20002;
}

.homepage .mobilenav .dl-menuwrapper {box-shadow: none;}

.dl-menuwrapper button::after {display: none;}

.mobilenav .dl-menuwrapper button:hover,  
.mobilenav .dl-menuwrapper ul,
.mobilenav .dl-menuwrapper li .dl-submenu {background-color: inherit;}

.mobilenav .dl-menuwrapper button.dl-active {background-color: #69307e;}

.mobilenav .menu-icon {
	background-color: transparent;
  color: #fff;
  cursor: pointer;
  display: block;
  height: 60px;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 60px;
  text-indent: 0;
}
.mobilenav .menu-icon a {
    color: #fff;
    cursor: pointer;
    display: block;
    font-family: "Nexa W01 Book";
    font-size: 12px;
    height: 60px;
    line-height: 100%;
    margin: 0;
    padding: 10px 5px 0 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 60px;
}
.mobilenav .menu-icon a .fa-bars,
.mobilenav .menu-icon a .fa-times {display: block; font-size: 22px; margin-bottom: 5px; vertical-align: middle; width: 100%;}
.mobilenav .menu-icon a .fa-times,
.mobilenav .menu-icon.dl-active a .fa-bars {display: none;}
.mobilenav .menu-icon.dl-active a .fa-times {display: block;}

.mobilenav .dl-menuwrapper ul {
    background: #7f3995 none repeat scroll 0 0;
    margin-left: 0;
    padding-bottom: 10px;
}

.mobilenav ul.dl-menu {
    background: #7f3995;
    position: relative;
    top: 60px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.mobilenav ul.dl-menu li {
    float: none;
    overflow: hidden;
    position: relative;
    list-style-type: none;
    width: 100%;
}

/* Add arrow to parent items with children*/
.dl-menuwrapper li.dl-back::after, .dl-menuwrapper li > a:not(:only-child)::after {display: none;}

.mobilenav ul.dl-menu li .fa-caret-right,
.mobilenav ul.dl-submenu li.dl-parent .fa-caret-down {
    color: #5d2b72;
    display: none;
    height: 16px;
    position: absolute;
    right: 15px;
    top: 10px;
    width: 10px;
    font-size: 20px;
}
.mobilenav ul.dl-menu li.has-submenu .fa-caret-right,
.mobilenav ul.dl-submenu li.dl-parent .fa-caret-down {display: block;}
.mobilenav ul.dl-submenu li.dl-parent .fa-caret-down { font-size: 24px; right: 20px;}

.mobilenav .dl-menuwrapper > .dl-submenu {background-color: #7f3995; top: 60px;}

/* Industry Mobile Nav */

.mobilenav ul.dl-menu li.item-middle > a {
    color: #fff;
    display: block;
    font-family: "Nexa W01 Book";
    font-size: 14px;
    line-height: 28px;
    outline: medium none;
    padding: 8px 0 6px 18px;
    position: relative;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: middle;
}

/* Hide arrow on LI when parent is active */
.mobilenav ul.dl-menu li.has-submenu.dl-subviewopen {
  background-image: none;
}
.mobilenav ul.dl-menu li.item-main > a,
.mobilenav ul.dl-menu li ul li > a,
.mobilenav .dl-menuwrapper > .dl-submenu li a
 {
  color: #fff;
  font-family: 'AlternateGothicW01-No3_927070';
  font-size:24px;
  line-height: 28px;
  text-decoration:none;
  padding: 8px 0 6px 18px;
  text-transform: uppercase;
  position: relative;
  outline: none;
  text-align: left;
}

.mobilenav ul.dl-menu li.has-dropdown > a,
.mobilenav ul.dl-menu li ul li.has-dropdown > a {
}

.mobilenav ul.dl-menu li.has-dropdown ul li a {
  width: 98%;
  padding-right: 5px;
}

.mobilenav ul.dl-menu li:hover:not(.has-form) > a {}

.mobilenav ul li > a:hover,
.mobilenav ul.dl-menu li ul li > a:hover,
.mobilenav ul.dl-menu li:hover > a {}
.mobilenav .dl-menuwrapper .dl-menu {
  margin: 0;
  position: absolute;
  width: 320px;
  right: 0;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.mobilenav .dl-menuwrapper .dl-menu.dl-menu-toggle {
  transition: all 0.3s ease;
}

.mobilenav .dl-menuwrapper .dl-menu.dl-menuopen {
	box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
}

/* mobile weather and trip builder */
.mobilenav ul.dl-menu li.item-weather,
.mobilenav ul.dl-menu li.item-tripbuilder {
	color: #fff;
    display: block;
    font-family: "Nexa W01 Book";
    font-size: 14px;
    line-height: 28px;
    outline: medium none;
    padding: 8px 0 6px 18px;
    position: relative;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: middle;
}
.mobilenav ul.dl-menu li.item-weather img {width: 25px;}


/*
|-----------------------------------------------------------------------------------------------------------
| Mobile Nav Widget 
|-----------------------------------------------------------------------------------------------------------
*/
.mobile-nav-widget{
  font-family: "Univers LT W01_57 Condensed", sans-serif;
  color: #65646a;
  font-family: 14px;
  position: relative;
  box-shadow: 0 4px 2px -2px rgba(0,0,0,0.3);
  -webkit-user-select: none;
  display: block;
  overflow-y: hidden;
  padding: 0;
  -webkit-overflow-scrolling: touch;
  overflow-x: scroll;
}
.mobile-nav-widget .navSide-wrapper .row.collapse{line-height: 0;}
.mobile-nav-widget .slider-wrapper{
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  margin: 0;
}

.mobile-nav-widget .title a{
  color: inherit;
  line-height: 44px;
  margin: 0 20px;
}

.mobile-nav-widget .slider-wrapper .slide{
  display: inline-block;
  padding: 0;
}

.mobile-nav-widget .slider-wrapper .slide.current{
  border-bottom: 4px solid #d17544;
}
.mobile-nav-widget .slider-wrapper .slick-list{
  padding-bottom: 5px !important;
}
.mobile-nav-widget .slider-wrapper .slick-track{
  -moz-box-shadow:    3px -5px 5px 7px #ccc;
  -webkit-box-shadow: 3px -5px 5px 7px #ccc;
  box-shadow:         3px -5px 5px 7px #ccc;
}

/*
|-----------------------------------------------------------------------------------------------------------
| wo302088 - Display none to weather on header from 1025px 1115px otherwise, layout breaks.
|-----------------------------------------------------------------------------------------------------------
*/
@media only screen and (min-width: 1025px) and (max-width: 1115px){
  .header-section .weather-cont{
    display: none !important;
  }
}

/*
|-----------------------------------------------------------------------------------------------------------
| MEDIA QUERIES
|-----------------------------------------------------------------------------------------------------------
*/
/*** Mobile ***/ 
@media only screen and (max-width: 40em) {
	
	.footer-nav-top .title {font-size: 24px; margin-bottom: 10px;}
	.footer-nav-top nav .item {display: block; border: 0 none;}
	
	.footer-nav-bottom {margin-top: 20px; margin-bottom: 30px;}
	.footer-nav-bottom .item {padding: 10px 8px;}
	.footer-nav-bottom .item a {font-size: 14px;}
	
	.weather-cont {display: none;}
	.tripbuilder-cont {display: none;}	
}

/*** Tablet ***/ 
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	.homepage .mobilenav {background-color: transparent; box-shadow: none;}
	.homepage .mobilenav .logo-mobile {left: 80px; top: 0;}
	.mobilenav .menu-icon {width: 110px;}
	.mobilenav .menu-icon a {width: 120px; margin-top: 10px; padding: 10px 20px 0 0;}
  .mobilenav .menu-icon a .fa-times,
  .mobilenav .menu-icon.dl-active a .fa-bars {display: none;}
	.mobilenav .menu-icon a .fa-bars,
  .mobilenav .menu-icon.dl-active a .fa-times {display: inline-block; width: 40px; top: 20px;}
  
	.weather-cont {display: inline-block; position: absolute; top: 20px;}
	.tripbuilder-cont {display: inline-block; position: absolute;}
}

/*** Tablet and Desk***/ 
@media only screen and (min-width: 40.063em){}

/*** Desktop ***/ 
@media only screen and (min-width: 64.063em) {
  .footer-nav-top .item a {font-size: 18px;}
  .footer-nav-bottom .item a {font-size: 16px;}
}