and the -base divs have a different appearance if co-branding is on.
The desktop menu and search have a few divs that control the horizontal size and placement.
trd-header-search-compressed sets the size and position of the closed search box
trd-header-search-expanded sets the size and position of the open search box
trd-header-search-expand contains the search box itself
trd-header-menu-compressed sets the size and position of the menu if the search is closed
trd-header-menu-canvas contains the desktop menu
*/
.btn.btn-bar {
display: block;
width: 100%;
min-height: 50px;
font-size: 18px;
}
.grecaptcha-badge {
margin-left: auto;
margin-right: auto;
margin-top: 24px;
}
.grecaptcha-badge[data-style="bottomright"] {
visibility: hidden !important;
}
.visually-hidden {
/* https://snook.ca/archives/html_and_css/hiding-content-for-accessibility */
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px 1px 1px 1px);
/* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
}
html.trd-homepage body {
max-width: initial !important;
}
.trd-eyebrow-link {
display: table-cell;
vertical-align: middle;
}
.tile-cover {
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 1;
z-index: 100;
}
/* Reset any attributes that had been set elsewhere */
.trd-eyebrow-canvas a,
.trd-footer-contact-phone-number a,
.trd-story-tileset1 a,
.trd-story-tileset2 a,
.trd-story-tileset3 a,
.trd-story-tilesetB a,
.trd-story-tileset-c-left a,
.trd-story-tileset-c-right a {
color: #fff;
text-decoration: none;
}
.trd-eyebrow-canvas a:hover,
.trd-footer-contact-phone-number a:hover,
.trd-header-canvas a:hover,
.trd-story-tileset1 a:hover,
.trd-story-tileset2 a:hover,
.trd-story-tileset3 a:hover,
.trd-story-tilesetB a:hover,
.trd-story-tileset-c-left a:hover,
.trd-story-tileset-c-right a:hover {
color: #fff;
cursor: pointer;
}
.trd-eyebrow-canvas a:focus,
.trd-footer-contact-phone-number a:focus,
.trd-header-canvas a:focus {
color: #fff;
}
.trd-eyebrow-canvas ul,
.trd-header-canvas ul,
.trd-story-tileset1 ul,
.trd-story-tileset2 ul,
.trd-story-tileset3 ul,
.trd-story-tilesetB ul,
.trd-story-tileset-c-left ul,
.trd-story-tileset-c-right ul {
padding: 0;
margin: 0;
}
#trd-header {
position: fixed;
z-index: 1001;
top: 0;
left: 0;
right: 0;
}
#trd-body-mover {
top: 247px;
}
@media screen and (max-width: 1199px) {
#trd-header {
transition: all .5s ease;
}
}
@media screen and (max-width: 926px) {
#trd-body-mover {
top: 214px;
}
}
@media screen and (max-width: 576px) {
#trd-body-mover {
top: 151px;
}
}
@media screen and (max-height: 256px) {
#trd-header {
position: relative !important;
transform: none !important;
}
}
#trd-browser-compatibility-alert {
background: #ffc0c0;
padding: 10px;
}
.onoffswitch {
position: relative;
width: 34px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
.onoffswitch-checkbox {
opacity: 0;
position: absolute;
}
.onoffswitch-label {
display: block;
overflow: hidden;
cursor: pointer;
border: 2px solid #dbd7d7;
border-radius: 30px;
}
.onoffswitch-inner {
display: block;
width: 200%;
margin-left: -100%;
-webkit-transition: margin 0.3s ease-in 0s;
transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before,
.onoffswitch-inner:after {
display: block;
float: left;
width: 50%;
height: 10px;
padding: 0;
line-height: 10px;
font-size: 0px;
color: white;
font-family: Trebuchet, Arial, sans-serif;
font-weight: bold;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.onoffswitch-inner:before {
content: "";
padding-left: 0px;
background-color: #dbd7d7;
}
.onoffswitch-inner:after {
content: "";
padding-right: 0px;
background-color: #dbd7d7;
text-align: right;
}
.onoffswitch-switch {
display: block;
width: 22px;
margin: -4px;
background: #ffffff;
position: absolute;
top: 0;
bottom: 0;
right: 17px;
border-radius: 30px;
-webkit-transition: all 0.3s ease-in 0s;
transition: all 0.3s ease-in 0s;
-webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
right: 0px;
background-color: #1c5f70;
}
.onoffswitch-checkbox:focus + .onoffswitch-label .onoffswitch-switch {
border: 2px solid #000000;
}
.trd-font-regular {
font-family: "Frutiger Regular", Arial, Helvetica, Sans-Serif;
}
.trd-font-medium {
font-family: "Frutiger Regular", Arial, Helvetica, Sans-Serif;
}
#trd-browser-info {
display: none;
}
.v-eyebrow {
font-family: "Frutiger Regular", Arial, Helvetica, Sans-Serif;
width: 100%;
background: #666666;
color: #fff;
display: none;
}
.v-eyebrow__container {
max-width: 1378px;
margin-left: auto;
margin-right: auto;
display: flex;
flex-direction: row;
min-height: 4rem;
justify-content: space-between;
padding: 0 2.4rem;
}
.v-eyebrow__products {
list-style-type: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: row;
align-items: stretch;
}
.v-eyebrow__product-link a,
.v-eyebrow__product-link a:hover,
.v-eyebrow__product-link a:visited,
.v-eyebrow__product-link a:active,
.v-eyebrow__product-link a:focus {
font-style: normal;
font-weight: bold;
font-size: 1.4rem;
line-height: 2rem;
text-transform: uppercase;
color: #fff;
padding: 0 1.6rem;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.v-eyebrow__cta,
.v-eyebrow__cta:hover,
.v-eyebrow__cta:visited,
.v-eyebrow__cta:active,
.v-eyebrow__cta:focus {
color: #fff;
font-size: 1.4rem;
line-height: 2rem;
padding: 0.9rem 0;
text-align: right;
}
.v-eyebrow__cta strong {
font-size: 1.8rem;
}
.v-eyebrow__cta .v-eyebrow__small {
font-size: 1.6rem;
}
.v-eyebrow__product-link.v-eyebrow__product-link--current a {
color: #142640;
background-color: #fff;
}
.v-eyebrow__cta-container {
display: flex;
flex-direction: row;
align-items: stretch;
justify-content: center;
}
.v-eyebrow__extended-cta {
list-style-type: none;
margin: 0;
padding: 0 2.4rem 0 0;
display: none;
flex-direction: row;
align-items: stretch;
}
.v-eyebrow__extended-link {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.v-eyebrow__extended-cta a,
.v-eyebrow__extended-cta a:hover,
.v-eyebrow__extended-cta a:visited,
.v-eyebrow__extended-cta a:active,
.v-eyebrow__extended-cta a:focus {
font-style: normal;
font-weight: normal;
font-size: 1.4rem;
line-height: 1.4rem;
color: #fff;
padding: 0 2.4rem;
border-right: 2px solid #fff;
}
.v-eyebrow__trailing-cta {
display: none;
}
@media screen and (min-width: 768px) {
.v-eyebrow {
display: block;
}
}
@media screen and (min-width: 1024px) {
.v-eyebrow__trailing-cta {
display: inline;
}
}
@media screen and (min-width: 1025px) {
.v-eyebrow__extended-cta {
display: flex;
}
}
/*#header-menu {
display: none;
}
*/
.v-menu {
font-family: "Frutiger Regular", Arial, Helvetica, Sans-Serif;
width: 100%;
background: #fff;
color: #333;
display: block;
border-bottom: 1px #666 solid;
}
.v-menu--open {
overflow: hidden;
margin: 0;
height: 100%;
}
.v-menu--open .v-menu.collapsable-hdr {
overflow: visible;
}
.v-menu__container {
max-width: 1378px;
margin-left: auto;
margin-right: auto;
display: flex;
flex-direction: row;
min-height: 4rem;
justify-content: center;
padding: 0;
position: relative;
min-height: 47px;
}
.v-menu__logo,
.v-menu__search {
display: flex;
align-items: center;
justify-content: center;
}
.v-menu__logo {
padding-bottom: 0.7rem;
}
.v-nav {
display: block;
list-style-type: none;
padding: 0;
margin: 0;
font-style: normal;
font-weight: normal;
font-size: 2rem;
line-height: 2.6rem;
color: #000000;
}
.v-nav__item--t1 {
border-bottom: 1px solid #979797;
padding: 0;
}
.v-nav__link {
font-style: normal;
font-weight: normal;
font-size: 2rem;
line-height: 2.6rem;
color: #000000;
text-decoration: none !important;
}
.v-nav__link-t1 {
display: flex;
flex-direction: row;
justify-content: space-between;
background-color: white;
border: none;
width: 100%;
padding: 1.2rem;
}
.v-nav__link-t1::after {
content: "\e600";
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 0.85em;
color: #000;
padding-top: 0.5rem;
}
.v-nav__item--open .v-nav__link-t1::after {
content: "\e601";
}
.v-nav__sub--t2 .v-nav__item--first {
margin-top: 0;
}
.v-nav__sub--multi .v-nav__item--left {
float: left;
clear: left;
max-width: calc(50% - 1rem);
}
.v-nav__sub--multi .v-nav__item--right {
margin-left: calc(50% + 1rem);
}
.v-nav__sub--t2 {
padding: 0 1.2rem 1.6rem 1.2rem;
}
.v-nav__sub--t2 > ul {
margin: 0;
padding: 0;
}
.v-nav__sub--multi > ul {
margin: 0;
padding: 0;
}
.v-nav__item--t2 {
display: block;
padding: 0;
margin: 16px 0 0 0;
}
.v-nav__sub--t2 .v-nav__item--t2:first-child {
margin-top: 0;
}
.v-nav__link--t2 {
font-size: 1.4rem;
line-height: 1.6rem;
}
.v-nav__link--t2 .text {
display: block;
}
.v-nav__sub--t2 > ul {
list-style-type: none;
}
.v-menu__nav {
flex-grow: 1;
flex-shrink: 1;
display: none;
width: 100%;
}
.v-nav__sub.v-nav__sub--t2 {
display: none;
}
.v-nav__sub.v-nav__sub--t3 {
display: none;
}
.v-menu__burger-container {
padding-right: 2.4rem;
}
.v-burger {
display: flex;
align-items: center;
justify-content: center;
width: 25px;
height: 47px;
position: absolute;
right: 1.0rem;
top: 0;
}
.v-burger__container {
width: 19px;
height: 15px;
position: relative;
pointer-events: none;
}
.v-burger__line {
display: block;
width: 100%;
height: 2px;
background: #142640;
position: absolute;
left: 0;
transition: top 0.24s 0.16s, transform 0.16s;
transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}
.v-burger__line--01 {
top: 0;
will-change: transform;
}
.v-burger__line--02 {
top: calc(50% - 1px);
transition: opacity 0.16s 0.24s;
will-change: opacity;
transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}
.v-burger__line--03 {
top: calc(100% - 1px);
will-change: transform;
}
.v-burger__name {
font-size: 10px;
position: absolute;
left: 0;
right: 0;
opacity: 0;
}
.v-menu--open .v-burger__line--01 {
transform: rotate(45deg);
}
.v-menu--open .v-burger__line--02 {
opacity: 0;
transition: opacity 0.16s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.v-menu--open .v-burger__line--03 {
transform: rotate(-45deg);
}
.v-menu--open .v-burger__line {
top: 50%;
transition: top 0.16s, transform 0.24s 0.16s;
transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}
.v-menu__product-container {
text-align: center;
width: 100%;
background-color: #FFF;
border-bottom: 1px solid #cccccc;
border-top: 1px solid #cccccc;
padding: 16px;
}
.v-menu__product-dropdown-container {
position: relative;
max-width: 235px;
padding: 0;
margin: 0 auto;
}
.v-menu__drawer::before {
content: ' ';
}
.v-menu--open .v-menu__product-container--open .v-menu__drawer::after {
content: ' ';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.4);
display: block;
}
.v-menu__products {
position: absolute;
top: 42px;
left: 0;
right: 0;
z-index: 10;
list-style-type: none;
max-width: 235px;
padding: 0;
margin: 0;
display: none;
}
.v-menu__product-item {
border-bottom: 1px solid #142640;
border-left: 1px solid #142640;
border-right: 1px solid #142640;
border-collapse: collapse;
}
.v-menu__product-item:last-child {
border-bottom: 1px solid #142640;
}
.v-menu__product-dropdown {
border: 1px solid #142640;
background-color: #142640;
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 22px;
color: #FFFFFF;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
width: 100%;
padding: 0 0 0 16px !important;
position: relative;
z-index: 10;
text-transform: uppercase;
}
.v-menu__product-link {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 10px 16px !important;
background-color: #142640;
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 22px;
background-color: #FFFFFF;
color: #142640;
text-transform: uppercase;
}
.v-menu__product-dropdown::after {
content: "\e600";
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 0.85em;
background-color: #FFF;
color: #142640;
height: 40px;
width: 28px;
display: flex;
justify-content: center;
align-items: center;
}
.v-menu__product-container--open .v-menu__product-dropdown::after {
content: "\e601";
}
.v-menu__search .ui-autocomplete {
left: 0 !important;
right: 0 !important;
}
.v-menu__search-container {
border: none;
color: #333333;
background: #FFFFFF;
border: 1px solid #333333;
border-radius: 1px;
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
margin: 0 auto;
padding: 4px 8px 4px 12px !important;
}
.v-menu__search-container .submit-spinner, .v-menu__search-container .submit-busy {
display: none !important;
}
.v-menu__search-form {
position: relative;
}
.v-menu__search-input {
padding: 0 !important;
margin: 0 4px !important;
border-style: none !important;
font-family: "Frutiger Regular", Arial, Helvetica, Sans-Serif;
font-size: 1.4rem;
color: #000 !important;
width: calc(100% - 28px);
min-width: auto !important;
outline: none;
}
.v-menu__search-input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: #000 !important;
opacity: 1; /* Firefox */
}
.v-menu__search-input::-ms-input-placeholder { /* Microsoft Edge */
color: #000 !important;
}
.v-menu__search-button {
width: 28px;
height: 28px;
vertical-align: middle;
background-size: auto;
background-repeat: no-repeat;
background-image: url(/Content/images/v3/v_icon_search_default-strong.svg);
background-position: center;
background-color: #FFF;
border: none;
}
.v_menu__search--populated .v-menu__search-button {
background: url(/Content/images/v3/v_icon_search_select.svg);
background-size: cover;
background-position: center;
cursor: pointer;
}
.logo--mobile {
display: inline-block;
}
.logo--tablet {
display: none;
}
.logo--desktop {
display: none;
}
@media screen and (max-width: 768px) {
.v-nav__sub--multi > ul::before {
content: " ";
display: table;
}
.v-nav__sub--multi > ul::after {
content: " ";
display: table;
clear: both;
}
}
@media screen and (max-width: 1023px) {
.v-menu--open::before {
content: ' ';
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.4);
z-index: 1001;
display: block;
}
.v-menu__secondary {
display: none;
position: absolute;
top: 47px;
width: 100%;
}
.v-menu__drawer {
display: flex;
flex-direction: column;
background-color: #FFF;
}
.v-menu__search {
padding: 2.8rem 1.5rem 0 1.2rem;
background-color: #fff;
}
.v-menu__search--small {
display: block;
}
.v-menu__search--large {
display: none !important;
}
.v-menu__search--large .v-menu__search-input,
.v-menu__search--large .v-menu__search-button {
display: none;
}
.v-menu__nav {
display: block;
padding: 0 1.5rem 1.5rem 1.5rem;
background-color: #fff;
overflow-y: auto;
overflow-x: hidden;
max-height: calc(100vh - 167px);
}
.v-menu__products {
background-color: #fff;
}
.v-menu {
border-bottom: 1px solid #ccc;
}
.v-nav__text--t1 {
font-style: normal;
font-weight: normal;
font-size: 2rem;
line-height: 2.6rem;
color: #000000;
text-decoration: none !important;
outline: none;
margin: 0;
text-transform: none;
}
}
@media screen and (min-width: 375px) {
.v-menu__container {
justify-content: center;
}
.v-menu__burger-container {
padding-right: 0;
}
}
@media screen and (min-width: 768px) {
.v-menu__search-container {
padding: 8px 12px !important;
width: 250px;
}
.v-menu--mobile {
display: none !important;
}
.v-burger {
right: 2.4rem;
}
.v-nav__item--t1 {
width: calc(50% - 2rem);
}
.v-nav__sub--t2 .v-nav__item--first {
margin-top: 0;
}
.v-nav__item--left {
float: left;
clear: left;
max-width: calc(50% - 2rem);
}
.v-nav__item--right {
margin-left: calc(50% + 2rem);
}
.v-nav__sub--multi .v-nav__item--left {
max-width: calc(50% - 2rem);
}
.v-nav__sub--multi .v-nav__item--right {
margin-left: calc(50% + 2rem);
}
.v-nav::after {
content: '';
width: 100%;
display: inline-block;
}
.v-menu__search {
padding: 0.9rem 1.5rem 0 1.5rem;
}
.v-menu__logo {
padding-left: 0;
}
.v-menu__burger-container {
padding-right: 0;
}
.logo--mobile {
display: none;
}
.v-menu__product-container {
display: none !important;
}
.logo--tablet {
display: inline-block;
}
.v-menu__container {
min-height: 4.7rem;
}
}
@media screen and (min-width: 1024px) {
.v-menu__search {
padding: 0;
}
.v-menu__search-container {
padding: 0 !important;
border: none;
color: #333333;
border: 1px solid #333333;
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
margin: 0 auto;
}
.v-menu__search-input {
padding: 0 !important;
color: #333333 !important;
}
.v-menu__search-input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: #333333 !important;
opacity: 1; /* Firefox */
}
.v-menu__search-input::-ms-input-placeholder { /* Microsoft Edge */
color: #333333 !important;
}
.v-menu__search-button {
width: 28px;
height: 28px;
background-size: cover;
background-image: url(/Content/images/v3/v_icon_search_default.svg);
}
.v_menu__search--populated .v-menu__search-button {
background: url(/Content/images/v3/v_icon_search_select.svg);
}
.v-menu__search--small {
display: none !important;
}
.v-menu__nav {
max-width: 680px;
width: auto;
}
.v-menu__secondary {
flex-grow: 4;
}
.v-menu__drawer {
display: flex;
flex-direction: row;
justify-content: space-between;
min-height: 80px;
}
.v-menu__container {
justify-content: space-between;
padding: 0 2.4rem;
}
.v-menu__nav,
.v-menu__search {
display: flex;
}
.logo--tablet,
.v-menu__burger-container {
display: none;
}
.logo--desktop {
display: inline-block;
}
.v-menu__search-container {
width: 159px;
margin: 0;
}
.v-nav {
margin: 0;
padding: 0;
position: relative;
list-style-type: none;
display: table;
width: 100%;
padding-top: 15px;
}
.v-nav__item--t1 {
font-family: "adobe-garamond-pro", "GaramondPro Regular", Garamond, "EB Garamond", "Times New Roman", Serif;
font-size: 21px;
line-height: 21px;
white-space: nowrap;
position: relative;
list-style-type: none;
padding: 0 10px 0 10px;
display: table-cell;
border-bottom: none;
bottom: 0;
float: none !important;
clear: none;
width: auto;
margin: 0;
}
.v-nav__link-t1 {
display: block;
color: #333;
border: 1px solid transparent;
padding: 6px 6px 0 6px;
text-transform: uppercase;
text-align: center;
margin-left: auto;
margin-right: auto;
line-height: normal;
}
.v-nav__text--t1 {
-webkit-transition: height 0.5s ease;
transition: height 0.5s ease;
font-family: "adobe-garamond-pro", "GaramondPro Regular", Garamond, "EB Garamond", "Times New Roman", Serif;
display: block;
font-size: 21px;
padding: 10px 2px 0 2px;
height: 57px;
letter-spacing: .08em;
margin: 0;
text-transform: uppercase;
}
.v-nav__item--left {
max-width: none;
}
.v-nav__link-t1::after, .v-nav::after {
content: '' !important;
display: none;
}
.v-nav__sub--t2 {
display: none;
position: absolute;
top: 64px;
left: 10px;
z-index: -1;
border: 1px solid #808080;
width: 238px;
min-width: 100%;
padding: 0;
background-color: #FFF;
}
.v-nav__sub--t2 ul {
background-color: #FFF;
position: relative;
padding-bottom: 15px;
column-count: auto;
column-gap: 0;
}
.v-nav__item--t2 {
margin: 0 !important;
padding: 0 !important;
position: relative;
float: none !important;
max-width: none !important;
}
.v-nav__link-container {
position: relative;
}
.v-nav__link--t2 {
vertical-align: middle;
text-align: left;
padding: 6px 6px 0 6px;
border: none;
display: block;
line-height: 2.0rem;
}
.v-nav__link--t2 .text, .v-nav__sub--t3 .v-nav__text {
font-family: "Frutiger Regular", Arial, Helvetica, Sans-Serif;
font-size: 14px;
padding: 5px 5px 5px 18px;
white-space: nowrap;
min-width: 170px;
display: block;
}
.v-nav__link--t2 .text.bold {
font-weight: bold;
}
.v-nav__sub--t3 {
display: none;
position: absolute;
top: -1px;
left: 235px;
z-index: -10;
border: 1px solid gray;
background-color: #fff;
padding: 6px;
}
.v-nav__sub-container {
background-color: #fff;
position: relative;
border: solid 2px #456580;
padding: 3px;
list-style-type: none;
}
.v-nav__sub-container {
padding: 4px 3px 4px 3px !important;
}
.v-nav__sub--t3 .v-nav__link {
outline: none;
outline-offset: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.v-nav__sub--t3 .text {
background-color: transparent;
color: #333;
}
.v-nav__sub--t3 .v-nav__link:hover .v-nav__text, .v-nav__sub--t3 .v-nav__link:focus .v-nav__text {
background-color: #c5dce8;
color: #333;
}
.v-nav__item--t1.selected {
margin-right: -6px;
bottom: -1px;
}
.v-nav__item--t1.selected .v-nav__link-t1 {
padding-bottom: 0;
border-top: 1px solid #808080;
border-left: 1px solid #808080;
border-right: 1px solid #808080;
border-bottom: 1px solid #FFF;
}
.v-nav__item--t1.selected .v-nav__text--t1 {
background-color: #142640;
color: #FFF;
}
.v-nav__item--t1.selected .v-nav__sub--t2 {
display: block;
}
.v-nav__item--t2.selected .text {
background-color: #456580;
color: #fff;
}
.v-nav__item--t2.v-nav__item--children .v-nav__link-container::before {
content: ' ';
position: absolute;
height: 12px;
width: 9px;
right: 12px;
top: 15px;
z-index: 10;
display: block;
background-image: url(/Content/images/v3/MenuChevRed.gif);
background-position: center center;
background-repeat: no-repeat;
padding: 0;
margin: 0;
}
.v-nav__sub--t3 .v-nav__link {
line-height: normal !important;
}
.v-nav__sub--t3 .v-nav__text {
padding-left: 5px;
}
.v-nav__item--t2.selected.v-nav__item--children .v-nav__link--t2 {
padding-right: 0;
margin-right: -6px;
}
.v-nav__item--t2.v-nav__item--children.selected .v-nav__link-container::before {
background-image: url(/Content/images/v3/MenuChevWht.gif);
}
.v-nav__item--t2.selected .v-nav__sub--t3 {
display: block;
}
.v-nav__item--t1[data-menu='cruises'] .v-nav__sub--t2 {
width: 252px;
}
.v-nav__item--t1[data-menu='videos'] .v-nav__sub--t2 {
width: 195px;
}
.v-nav__item--t2[data-menu="cruises"].selected {
margin-right: 0;
padding-right: 6px;
}
}
@media screen and (min-width: 1279px) {
.v-menu__search-container {
width: 214px;
}
.v-menu__nav {
max-width: 854px;
}
}
/*********************************************************************************/
.trd-story-tileset-container {
background-color: #eceef1;
}
.trd-body-wrapper {
position: absolute;
left: 0;
right: 0;
width: 100%;
/*max-width: 1400px;*/
max-width: 100%;
margin: 0 auto;
/*@include transition(all $transition-fast ease);*/
top: 51px;
}
.modal-open .trd-body-wrapper {
position: absolute;
padding-right: 17px;
}
@media screen and (max-width: 1180px) {
.modal-open .trd-body-wrapper {
padding-right: 0;
}
}
.trd-footer-canvas #breadcrumb {
display: none !important;
}
#cruise-canvas {
-webkit-transition: height 0.25s ease;
transition: height 0.25s ease;
height: 80px;
background: transparent;
}
@media screen and (max-width: 767px) {
#cruise-canvas {
/*height:$cruise-hdr-height-collapsed;*/
}
}
.sticky-active #cruise-canvas {
height: 59px;
}
.sticky-active .trd-body-wrapper {
margin-bottom: 51px;
}
/**********************************************************************************/
@media screen and (min-width: 1024px) {
.restrict-on-tablet {
display: none;
}
.restrict-on-desktop {
display: block;
}
}
.image-mask-1-by-1 {
background-size: cover;
background-position: center;
width: 100%;
padding-bottom: 100%;
}
@media print {
.image-mask-1-by-1 {
padding-bottom: 0;
}
}
.image-mask-2-by-1 {
background-size: cover;
background-position: center;
width: 100%;
padding-bottom: 50%;
}
@media print {
.image-mask-2-by-1 {
padding-bottom: 0;
}
}
.image-mask-custom-hs {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
width: 100%;
padding-bottom: 56%;
}
@media print {
.image-mask-custom-hs {
padding-bottom: 0;
}
}
.modal .form-modal-thank-you .section-page-message {
padding: 20px 30px;
}
.modal
.form-modal-thank-you
.section-page-message
.section-page-message-center
h2 {
margin-top: 0;
font-size: 40px;
font-weight: 500;
}
.modal
.form-modal-thank-you
.section-page-message
.section-page-message-center
p {
margin-bottom: 0;
font-size: 16px;
letter-spacing: 0.48px;
max-width: 680px;
margin-left: auto;
margin-right: auto;
}
.modal .form-modal-thank-you .section-thumbnails .thumbnail-tile {
padding-bottom: 16px;
}
.modal
.form-modal-thank-you
.section-thumbnails
.thumbnail-tile
.thumbnail-tile-caption {
background-color: whitesmoke;
color: #333333;
line-height: 1.5;
padding: 16px;
}
.modal
.form-modal-thank-you
.section-thumbnails
.thumbnail-tile
.thumbnail-tile-caption
h4 {
margin: 0;
color: inherit;
font-size: 16px;
font-weight: 600;
font-style: normal;
font-family: "Frutiger Regular", Arial, Helvetica, Sans-Serif;
line-height: 1.5;
text-transform: capitalize;
}
.modal
.form-modal-thank-you
.section-thumbnails
.thumbnail-tile
.image-mask-2-by-1 {
position: relative;
}
.modal
.form-modal-thank-you
.section-thumbnails
.thumbnail-tile
.image-mask-2-by-1
img {
position: absolute;
}
.modal
.form-modal-thank-you
.section-thumbnails
.thumbnail-tile
.image-mask-2-by-1
img.print-only-img {
display: none;
}
.page-alert {
text-align: left;
padding: 16px;
min-height: 0;
color: black;
background-color: #d9e0e7;
}
.page-alert-content {
max-width: 1322px;
margin: 0 auto;
}
.page-alert a {
color: black;
}
.group:after {
content: "";
display: table;
clear: both;
}
.desktop .trd-header-menu-canvas {
z-index: 7000;
}
.footer-container {
max-width: 1366px;
padding-left: 12px;
padding-right: 12px;
margin-left: auto;
margin-right: auto;
}
.footer-container.footer-links {
margin: 36px auto 0;
}
.footer-container.footer-links .footer-nav::after {
display: block;
content: none;
clear: none;
}
.footer-container .float-right {
padding: 0 0 0 16px;
}
.footer-container .float-left {
padding: 0 16px 0 0;
}
.trd-footer-canvas {
z-index: 4000;
background-color: #142640;
color: #fff;
margin: 18px auto 0;
clear: both;
font-size: 13px;
}
.trd-footer-canvas hr {
border-color: rgba(255, 255, 255, 0.15);
}
.trd-footer-canvas .footer-contact {
background-color: #142640;
color: #fff;
}
@media only screen and (max-width: 767px) {
.trd-footer-canvas .footer-contact {
display: none;
}
}
.trd-footer-canvas .footer-contact .footer-contact-container {
margin-left: auto;
margin-right: auto;
height: 100%;
display: table;
/*padding: 10px 10px;*/
}
.trd-footer-canvas
.footer-contact
.footer-contact-container
.footer-contact-text {
font-size: 18px;
letter-spacing: 0.05em;
vertical-align: middle;
color: #fff;
display: table-cell;
}
.trd-footer-canvas
.footer-contact
.footer-contact-container
.footer-contact-spacer {
display: table-cell;
width: 6px;
}
.trd-footer-canvas
.footer-contact
.footer-contact-container
.footer-contact-phone-number {
display: table-cell;
font-size: 24px;
}
.trd-footer-canvas .footer-links-title {
padding: 0 0 8px;
text-transform: capitalize;
font-size: 16px;
line-height: 1.1em;
letter-spacing: 0.05em;
color: #fff;
margin: 0;
}
.trd-footer-canvas a:not(.btn-red) {
color: #fff !important;
letter-spacing: 0.25px;
font-size: 13px;
padding: 3px 0;
display: block;
}
.trd-footer-canvas a:not(.btn-red):hover,
.trd-footer-canvas a:not(.btn-red):focus {
color: #fff;
}
.trd-footer-canvas button {
background-color: transparent;
border: none;
color: #fff;
letter-spacing: 0.25px;
font-size: 13px;
padding: 3px 0;
display: block;
}
.trd-footer-canvas button:hover,
.trd-footer-canvas button:focus {
color: #fff;
}
.trd-footer-canvas .social-links a {
width: 32px;
height: 32px;
padding: 5px 0;
font-size: 16px;
text-align: center;
color: #fff;
border-color: #fff;
}
.trd-footer-canvas .social-links a:hover {
color: #fff;
border-color: #b10a32;
}
.footer-social li {
padding: 0 0 0 2px !important;
}
.footer-social li:last-child {
padding-right: 0;
}
@media screen and (max-width: 767px) {
.trd-footer-canvas .footer-contact .footer-contact-spacer {
display: none;
}
.trd-footer-canvas .footer-contact .footer-contact-text {
display: block;
padding: 0;
margin: 0;
text-align: center;
font-size: 16px;
letter-spacing: 0.025em;
}
.trd-footer-canvas .footer-contact .footer-contact-phone-number {
display: block;
padding: 0;
margin: 0;
text-align: center;
}
.trd-footer-promo-container {
width: calc(100% - 20px);
}
}
@media screen and (min-width: 768px) {
.trd-footer-canvas .footer-container:not(.footer-links) {
padding-bottom: 16px;
}
.trd-footer-canvas .footer-contact {
min-height: 40px;
line-height: 40px;
}
}
@media screen and (min-width: 1024px) {
.trd-footer-canvas .footer-contact {
/*padding: 4px 0;*/
vertical-align: middle;
border-bottom: 1px solid rgba(255, 255, 255, 0.15);
/*border-top: 1px solid $gray-lighter;*/
height: 42px;
line-height: 42px;
}
.trd-footer-canvas .footer-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media screen and (min-width: 1200px) {
.trd-footer-canvas .footer-social li {
padding: 0 0 0 4px !important;
}
.trd-footer-canvas .footer-social li:last-child {
padding-right: 0;
}
}
.cro_king2_button {
cursor: default;
position: relative;
}
.cro_king2_button:hover {
cursor: pointer;
}
.cro_king2_button .star,
.cro_king2_button .knot {
font-size: 2.3rem;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 27px;
width: 27px;
overflow: visible;
}
.cro_king2_button .label {
color: #0f3055;
text-transform: uppercase;
}
body > .cro_king2_button {
-webkit-box-shadow: 2px 3px 6px 1px rgba(40, 40, 40, 0.36);
box-shadow: 2px 3px 6px 1px rgba(40, 40, 40, 0.36);
padding: 0;
text-align: center;
position: fixed;
bottom: 130px;
right: 7px;
z-index: 999;
}
body > .cro_king2_button:not(.btn-red) {
background-color: #fff;
}
body > .cro_king2_button:not(.btn-red) .label {
color: #0f3055;
}
body > .cro_king2_button .star,
body > .cro_king2_button .knot {
display: block;
font-size: 1.4em;
text-align: center;
position: relative;
left: 50%;
margin-left: -0.65em;
margin-bottom: 0.5em;
}
#persistentFooter > div {
/*& > div:nth-child( 2 ) {
//display: none !important;
}*/
}
#persistentFooter > div > .cro_king2_button .star,
#persistentFooter > div > .cro_king2_button .knot {
position: absolute;
top: 11px;
left: 30px;
}
@media (max-width: 400px) {
#persistentFooter > div > .cro_king2_button .star,
#persistentFooter > div > .cro_king2_button .knot {
left: 10px;
}
}
@media (max-width: 425px) {
#persistentFooter > div > .cro_king2_button .star,
#persistentFooter > div > .cro_king2_button .knot {
left: 15.5%;
}
}
@media (max-width: 320px) {
#persistentFooter > div > .cro_king2_button .star,
#persistentFooter > div > .cro_king2_button .knot {
left: 10%;
}
}
@media (max-width: 500px) {
#persistentFooter > div > .cro_king2_button .label {
padding-left: 35px;
}
}
#persistentFooter > div > .cro_king2_button .label > br {
display: none;
}
.mobile-footer-canvas {
background-color: #142640;
color: #FFF;
}
.mobile-footer-canvas:before,
.mobile-footer-canvas:after {
content: " ";
display: table;
}
.mobile-footer-canvas:after {
clear: both;
}
@media only screen and (max-width: 767px) {
.mobile-footer-canvas {
margin-top: 20px;
margin-bottom: 50px;
}
}
.mobile-footer-canvas::before {
content: "";
display: table;
clear: both;
}
.mobile-footer-canvas hr {
border-color: rgba(255, 255, 255, 0.15);
margin: 0 16px 16px;
}
.mobile-footer-canvas .footer-phone {
font-size: 16px;
}
.mobile-footer-canvas > .footer-mobile-share {
padding: 0 16px;
border-top: 1px rgba(255, 255, 255, 0.15) solid;
}
.mobile-footer-canvas > .footer-mobile-share .title {
margin: 0;
padding: 24px 0 8px;
font-size: 20px;
text-align: center;
color: #fff;
font-family: "Frutiger Regular", Arial, Helvetica, Sans-Serif;
font-weight: 400;
font-style: normal;
}
.mobile-footer-canvas > .footer-mobile-share .social-links li a {
color: #fff;
border-color: #fff;
}
.mobile-footer-canvas > .footer-mobile-share .social-links li a:hover {
color: #fff;
border-color: #b10a32;
}
.mobile-footer-canvas > .footer-links {
padding: 16px;
padding-bottom: 0;
}
.mobile-footer-canvas > .footer-links section {
border-top: 1px rgba(255, 255, 255, 0.15) solid;
text-align: left;
}
.mobile-footer-canvas > .footer-links section > a {
display: block;
}
.mobile-footer-canvas > .footer-links section > a .title {
margin: 0;
padding: 25px 0;
font-size: 20px;
color: #fff;
text-align: left;
font-family: "Frutiger Regular", Arial, Helvetica, Sans-Serif;
font-weight: 400;
font-style: normal;
}
.mobile-footer-canvas > .footer-links section > a .title .icon {
font-size: 14px;
margin-top: 4px;
}
.mobile-footer-canvas > .footer-links section > a.collapsed .icon {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.mobile-footer-canvas > .footer-links section ul {
-webkit-column-count: 2;
column-count: 2;
margin-bottom: 32px;
}
.mobile-footer-canvas > .footer-links section ul li {
margin-bottom: 8px;
}
.mobile-footer-canvas > .footer-links section ul li a {
display: inline-block !important;
font-size: 14px !important;
padding-right: 16px;
color: #fff !important;
}
.mobile-footer-canvas > .footer-links section ul li a:hover {
color: #fff;
}
.mobile-footer-canvas > .footer-links section ul li button {
background-color: transparent;
border: none;
color: #fff;
letter-spacing: 0.25px;
font-size: 14px;
padding: 0;
display: block;
text-align:left;
}
.mobile-footer-canvas > .footer-links section ul li button:hover,
.mobile-footer-canvas > .footer-links section ul li button:focus {
color: #fff;
}
.mobile-footer-canvas > .footer-actions {
padding: 16px;
text-align: center;
}
.mobile-footer-canvas > .footer-actions > div {
margin-bottom: 16px;
}
.mobile-footer-canvas > .footer-actions div:not(.footer-phone).col-right {
text-align: right;
}
.mobile-footer-canvas > .footer-actions div:not(.footer-phone).col-left {
text-align: left;
}
.mobile-footer-canvas > .footer-actions div:not(.footer-phone) span {
width: 100%;
display: block;
}
@media only screen and (max-width: 767px) {
.mobile-footer-canvas > .footer-actions div:not(.footer-phone).col-left,
.mobile-footer-canvas > .footer-actions div:not(.footer-phone).col-right {
text-align: center;
}
}
.mobile-footer-canvas > .footer-actions a,
.mobile-footer-canvas > .footer-actions a:hover,
.mobile-footer-canvas > .footer-actions span {
color: #fff;
}
body {
margin-bottom: 50px;
}
@media screen and (min-width: 1024px) {
body {
margin-bottom: 0;
}
}
#persistentFooter {
background: #fcfcfc;
position: fixed;
bottom: 0;
left: 0;
right: 0;
width: 100%;
z-index: 1000;
-webkit-box-shadow: 0 -3px 5px rgba(0, 0, 0, 0.25);
box-shadow: 0 -3px 5px rgba(0, 0, 0, 0.25);
-webkit-transition: bottom 200ms linear;
transition: bottom 200ms linear;
}
#persistentFooter .row div {
padding: 4px;
}
#persistentFooter .btn {
color: #555555;
border: 1px solid #44687d;
margin: auto;
height: 42px;
vertical-align: middle;
line-height: 14px;
font-size: 12px;
max-width: 100%;
width: 100%;
}
#persistentFooter .btn span:not(.icon-border) {
display: inline-block;
vertical-align: middle;
font-size: 18px;
margin-right: 2px;
margin-top: -2px;
}
#persistentFooter .btn.single-line {
line-height: 28px;
}
#persistentFooter .btn.tap-to-call {
color: #fff;
border-color: transparent;
}
#persistentFooter .btn.tap-to-call span {
margin-right: 2px;
padding: 3px;
}
@media screen and (min-width: 480px) {
#persistentFooter .row div {
padding: 4px 8px;
}
#persistentFooter .btn {
font-size: 14px;
}
#persistentFooter .btn span:not(.icon-border) {
vertical-align: top;
font-size: 23px;
margin-right: 5px;
margin-top: 2px;
}
#persistentFooter .btn.tap-to-call span {
margin-right: 5px;
padding: 4px;
}
}
.banner-disclaimer__text {
text-align: left;
font-size: 12px;
line-height: 16px;
word-wrap: break-word;
padding: 16px 16px 0 16px;
}
@media screen and (min-width: 1024px) {
.banner-disclaimer {
border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.banner-disclaimer--mobile {
border-bottom: none;
}
.banner-disclaimer__text {
font-size: 13px;
line-height: 21px;
max-width: 1366px;
margin: 0 auto;
padding: 16px 12px 16px 12px;
}
.banner-disclaimer--mobile .banner-disclaimer__text {
padding: 16px 12px 0 12px;
}
}
/*# sourceMappingURL=trd-global.css.map */
/******************************************************************************
WARNING THIS IS COMPILED SASS FILE LOCATED IN SCSS DO NOT EDIT IN THE CSS FILE
*******************************************************************************/
body.using-mouse :focus {
outline: none !important;
}
body.using-mouse .dropdown-toggle:focus {
outline: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
fieldset.form-group legend {
display: inline;
margin-bottom: inherit;
font-size: 14px;
font-weight: 400;
line-height: 1.5;
color: inherit;
border: 0;
border-bottom: none;
}
.skip-to-main-content-button {
position: absolute;
top: -40px;
left: 0;
-webkit-transition: top 1s ease-out;
transition: top 1s ease-out;
z-index: 100;
border-right: 1px solid #2b3d52;
border-bottom: 1px solid #2b3d52;
border-bottom-right-radius: 8px;
background: #2b3d52;
padding: 4px 20px;
color: #fff;
}
.skip-to-main-content-button:focus {
top: 0;
-webkit-transition: top 0.1s ease-in;
transition: top 0.1s ease-in;
outline: 0;
color: #fff;
}
.font-family-frutiger {
font-family: "Frutiger Regular", Arial, Helvetica, Sans-Serif;
font-weight: 400;
font-style: normal;
}
.font-family-frutiger-bold {
font-family: "Frutiger Regular", Arial, Helvetica, Sans-Serif;
font-weight: 600;
font-style: normal;
}
.font-family-adobe-garamond-pro,
.font-family-serif {
font-family: "adobe-garamond-pro", "GaramondPro Regular", Garamond, "EB Garamond", "Times New Roman", Serif !important;
}
/*
Z-Indexes used here:
1000 - Body Content
10000 - Browser Information, so that it stays above everything including the modals
3000 - Eyebrow Canvas, so that it stays above the body content
2000 - Header Canvas, so that it stays above the body content
7000 - Desktop Menu content (defined in TRD-Desktop-Menu.css) so that it stays above the search
6000 - Search Canvas, so that it stays above the body, header, and eyebrow
5000 - Flyout, so that it stays above the body and header and footer
4000 - Footer Canvas, so that it stays above the body content
11000 - Back To Top indicator, so that it even stays above the browser information
The top level structure is below. The _base divs are shown or hidden based on the width, and they expose either a .tablet or a .desktop class
The
and the -base divs have a different appearance if co-branding is on.
The desktop menu and search have a few divs that control the horizontal size and placement.
trd-header-search-compressed sets the size and position of the closed search box
trd-header-search-expanded sets the size and position of the open search box
trd-header-search-expand contains the search box itself
trd-header-menu-compressed sets the size and position of the menu if the search is closed
trd-header-menu-canvas contains the desktop menu
*/
.btn.btn-bar {
display: block;
width: 100%;
min-height: 50px;
font-size: 18px;
}
.grecaptcha-badge {
margin-left: auto;
margin-right: auto;
margin-top: 24px;
}
.grecaptcha-badge[data-style="bottomright"] {
visibility: hidden !important;
}
.visually-hidden {
/* https://snook.ca/archives/html_and_css/hiding-content-for-accessibility */
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px 1px 1px 1px);
/* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
}
html.trd-homepage body {
max-width: initial !important;
}
.trd-eyebrow-link {
display: table-cell;
vertical-align: middle;
}
.tile-cover {
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 1;
z-index: 100;
}
/* Reset any attributes that had been set elsewhere */
.trd-eyebrow-canvas a,
.trd-footer-contact-phone-number a,
.trd-story-tileset1 a,
.trd-story-tileset2 a,
.trd-story-tileset3 a,
.trd-story-tilesetB a,
.trd-story-tileset-c-left a,
.trd-story-tileset-c-right a {
color: #fff;
text-decoration: none;
}
.trd-eyebrow-canvas a:hover,
.trd-footer-contact-phone-number a:hover,
.trd-header-canvas a:hover,
.trd-story-tileset1 a:hover,
.trd-story-tileset2 a:hover,
.trd-story-tileset3 a:hover,
.trd-story-tilesetB a:hover,
.trd-story-tileset-c-left a:hover,
.trd-story-tileset-c-right a:hover {
color: #fff;
cursor: pointer;
}
.trd-eyebrow-canvas a:focus,
.trd-footer-contact-phone-number a:focus,
.trd-header-canvas a:focus {
color: #fff;
}
.trd-eyebrow-canvas ul,
.trd-header-canvas ul,
.trd-story-tileset1 ul,
.trd-story-tileset2 ul,
.trd-story-tileset3 ul,
.trd-story-tilesetB ul,
.trd-story-tileset-c-left ul,
.trd-story-tileset-c-right ul {
padding: 0;
margin: 0;
}
#trd-header {
position: fixed;
z-index: 1001;
top: 0;
left: 0;
right: 0;
}
#trd-body-mover {
top: 121px;
}
@media screen and (max-width: 1199px) {
#trd-header {
transition: all .5s ease;
}
}
@media screen and (max-width: 1023px) {
#trd-body-mover {
top: 88px;
}
}
@media screen and (max-width: 576px) {
#trd-body-mover {
top: 48px;
}
}
@media screen and (max-height: 256px) {
#trd-header {
position: relative !important;
transform: none !important;
}
}
#trd-browser-compatibility-alert {
background: #ffc0c0;
padding: 10px;
}
.onoffswitch {
position: relative;
width: 34px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
.onoffswitch-checkbox {
opacity: 0;
position: absolute;
}
.onoffswitch-label {
display: block;
overflow: hidden;
cursor: pointer;
border: 2px solid #dbd7d7;
border-radius: 30px;
}
.onoffswitch-inner {
display: block;
width: 200%;
margin-left: -100%;
-webkit-transition: margin 0.3s ease-in 0s;
transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before,
.onoffswitch-inner:after {
display: block;
float: left;
width: 50%;
height: 10px;
padding: 0;
line-height: 10px;
font-size: 0px;
color: white;
font-family: Trebuchet, Arial, sans-serif;
font-weight: bold;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.onoffswitch-inner:before {
content: "";
padding-left: 0px;
background-color: #dbd7d7;
}
.onoffswitch-inner:after {
content: "";
padding-right: 0px;
background-color: #dbd7d7;
text-align: right;
}
.onoffswitch-switch {
display: block;
width: 22px;
margin: -4px;
background: #ffffff;
position: absolute;
top: 0;
bottom: 0;
right: 17px;
border-radius: 30px;
-webkit-transition: all 0.3s ease-in 0s;
transition: all 0.3s ease-in 0s;
-webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
right: 0px;
background-color: #1c5f70;
}
.onoffswitch-checkbox:focus + .onoffswitch-label .onoffswitch-switch {
border: 2px solid #000000;
}
.trd-font-regular {
font-family: "Frutiger Regular", Arial, Helvetica, Sans-Serif;
}
.trd-font-medium {
font-family: "Frutiger Regular", Arial, Helvetica, Sans-Serif;
}
#trd-browser-info {
display: none;
}
.v-eyebrow {
font-family: "Frutiger Regular", Arial, Helvetica, Sans-Serif;
width: 100%;
background: #666666;
color: #fff;
display: none;
}
.v-eyebrow__container {
max-width: 1378px;
margin-left: auto;
margin-right: auto;
display: flex;
flex-direction: row;
min-height: 4rem;
justify-content: space-between;
padding: 0 2.4rem;
}
.v-eyebrow__products {
list-style-type: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: row;
align-items: stretch;
}
.v-eyebrow__product-link a,
.v-eyebrow__product-link a:hover,
.v-eyebrow__product-link a:visited,
.v-eyebrow__product-link a:active,
.v-eyebrow__product-link a:focus {
font-style: normal;
font-weight: bold;
font-size: 1.4rem;
line-height: 2rem;
text-transform: uppercase;
color: #fff;
padding: 0 1.6rem;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.v-eyebrow__cta,
.v-eyebrow__cta:hover,
.v-eyebrow__cta:visited,
.v-eyebrow__cta:active,
.v-eyebrow__cta:focus {
color: #fff;
font-size: 1.4rem;
line-height: 2rem;
padding: 0.9rem 0;
text-align: right;
}
.v-eyebrow__cta strong {
font-size: 1.8rem;
}
.v-eyebrow__cta .v-eyebrow__small {
font-size: 1.6rem;
}
.v-eyebrow__product-link.v-eyebrow__product-link--current a {
color: #142640;
background-color: #fff;
}
.v-eyebrow__cta-container {
display: flex;
flex-direction: row;
align-items: stretch;
justify-content: center;
}
.v-eyebrow__extended-cta {
list-style-type: none;
margin: 0;
padding: 0 2.4rem 0 0;
display: none;
flex-direction: row;
align-items: stretch;
}
.v-eyebrow__extended-link {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.v-eyebrow__extended-cta a,
.v-eyebrow__extended-cta a:hover,
.v-eyebrow__extended-cta a:visited,
.v-eyebrow__extended-cta a:active,
.v-eyebrow__extended-cta a:focus {
font-style: normal;
font-weight: normal;
font-size: 1.4rem;
line-height: 1.4rem;
color: #fff;
padding: 0 2.4rem;
border-right: 2px solid #fff;
}
.v-eyebrow__trailing-cta {
display: none;
}
@media screen and (min-width: 768px) {
.v-eyebrow {
display: block;
}
}
@media screen and (min-width: 1024px) {
.v-eyebrow__trailing-cta {
display: inline;
}
}
@media screen and (min-width: 1025px) {
.v-eyebrow__extended-cta {
display: flex;
}
}
#header-mega-menu {
display: block;
}
.v-mega-menu {
font-family: "Frutiger Regular", Arial, Helvetica, Sans-Serif;
width: 100%;
background: #fff;
color: #333;
display: block;
border-bottom: 1px #666 solid;
}
.v-mega-menu--open {
overflow: hidden;
margin: 0;
height: 100%;
}
.v-mega-menu--open .v-mega-menu.collapsable-hdr {
overflow: visible;
}
.v-mega-menu__container {
max-width: 1378px;
margin-left: auto;
margin-right: auto;
display: flex;
flex-direction: row;
min-height: 4rem;
justify-content: center;
padding: 0;
position: relative;
min-height: 47px;
}
.v-mega-menu__logo,
.v-mega-menu__search {
display: flex;
align-items: center;
height: 80px;
justify-content: center;
}
@media screen and (max-width: 1023px) {
.v-mega-menu__logo,
.v-mega-menu__search {
height: auto;
}
}
.v-mega-menu__logo {
padding-bottom: 0.7rem;
}
.v-mega-menu__overlay {
background: linear-gradient(180deg, rgba(0, 0, 0, 0.80) 0%, rgba(0, 0, 0, 0.25) 100%);
backdrop-filter: blur(5px);
display: none;
height: 100%;
position: absolute;
top: 0;
width: 100%;
z-index: 999;
}
.v-mega-nav {
display: block;
list-style-type: none;
padding: 0;
margin: 0;
font-style: normal;
font-weight: normal;
font-size: 2rem;
line-height: 2.6rem;
color: #000000;
}
.v-mega-nav__item--t1 {
border-bottom: 1px solid #979797;
padding: 0;
}
.v-mega-nav__link {
font-style: normal;
font-weight: normal;
font-size: 2rem;
line-height: 2.6rem;
color: #000000;
text-decoration: none !important;
}
.v-mega-nav__link--t1 {
display: flex;
flex-direction: row;
justify-content: space-between;
border: none;
width: 100%;
padding: 1.2rem;
}
.v-mega-nav__item--h2 {
margin-bottom: 0;
margin-top: 0;
}
.v-mega-nav__sub--t2 .v-mega-nav__item--first {
margin-top: 0;
}
.v-mega-nav__sub--multi .v-mega-nav__item--left {
float: left;
clear: left;
max-width: none;
}
.v-mega-nav__sub--multi .v-mega-nav__item--right {
margin-left: calc(50% + 1rem);
}
.v-mega-nav__sub--t2 {
padding: 0 1.2rem 1.6rem 1.2rem;
}
.v-mega-nav__sub--t2 > ul {
margin: 0;
padding: 0;
}
.v-mega-nav__sub--t2-col {
float: left;
position: relative;
width: 244px;
}
.v-mega-nav__sub--t2-col-bullets {
display: grid;
grid-template-columns: repeat(2,1fr);
margin-bottom: 0;
}
.v-mega-nav__sub--multi > ul {
margin: 0;
padding: 0;
}
.v-mega-nav__item--t2 {
display: block;
padding: 0;
margin: 16px 0 0 0;
}
.v-mega-nav__sub--t2 .v-mega-nav__item--t2:first-child {
margin-top: 0;
}
.v-mega-nav__link--t2 {
color: #000;
cursor: pointer;
font-family: "Frutiger Regular", Arial, Helvetica, Sans-Serif;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
}
.v-mega-nav__link--t2 .text {
display: block;
}
.v-mega-nav__sub--t2 > ul {
list-style-type: none;
width: 244px;
}
.v-mega-menu__nav {
flex-grow: 1;
flex-shrink: 1;
display: block;
width: 100%;
}
.v-mega-nav__sub.v-mega-nav__sub--t3 {
display: none;
}
.v-mega-menu__burger-container {
padding-right: 2.4rem;
}
.v-burger {
display: flex;
align-items: center;
justify-content: center;
width: 25px;
height: 47px;
position: absolute;
right: 1.0rem;
top: 0;
}
.v-burger__container {
width: 23px;
height: 18px;
position: relative;
pointer-events: none;
}
.v-burger__line {
display: block;
width: 100%;
height: 2px;
background: #142640;
position: absolute;
left: 0;
transition: top 0.24s 0.16s, transform 0.16s;
transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}
.v-burger__line--01 {
top: 0;
will-change: transform;
}
.v-burger__line--02 {
top: calc(50% - 1px);
transition: opacity 0.16s 0.24s;
will-change: opacity;
transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}
.v-burger__line--03 {
top: calc(100% - 1px);
will-change: transform;
}
.v-burger__name {
font-size: 10px;
position: absolute;
left: 0;
right: 0;
opacity: 0;
}
.v-mega-menu--open .v-burger__line--01 {
transform: rotate(45deg);
}
.v-mega-menu--open .v-burger__line--02 {
opacity: 0;
transition: opacity 0.16s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.v-mega-menu--open .v-burger__line--03 {
transform: rotate(-45deg);
}
.v-mega-menu--open .v-burger__line {
top: 50%;
transition: top 0.16s, transform 0.24s 0.16s;
transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}
.v-mega-menu__product-container {
text-align: center;
width: 100%;
background-color: #FFF;
border-top: 1px solid #cccccc;
padding: 16px 15px 0 15px;
}
.v-mega-menu__product-dropdown-container {
position: relative;
max-width: 290px;
padding: 0;
margin: 0 auto;
}
.v-mega-menu__drawer::before {
content: ' ';
}
.v-mega-menu--open .v-mega-menu__product-container--open .v-mega-menu__drawer::after {
content: ' ';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.4);
display: block;
}
.v-mega-menu__products {
position: absolute;
top: 42px;
left: 0;
right: 0;
z-index: 10;
list-style-type: none;
max-width: none;
padding: 0;
margin: 0;
display: none;
}
.v-mega-menu__product-item {
border-bottom: 1px solid #142640;
border-left: 1px solid #142640;
border-right: 1px solid #142640;
border-collapse: collapse;
}
.v-mega-menu__product-item:last-child {
border-bottom: 1px solid #142640;
}
.v-mega-menu__product-dropdown {
border: 1px solid #142640;
background-color: #142640;
font-family: "Neue Frutiger World", Arial, Helvetica, Sans-Serif;;
font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 20px;
color: #FFFFFF;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
width: 100%;
padding: 10px 12px !important;
position: relative;
z-index: 10;
text-transform: uppercase;
}
.v-mega-menu__product-link {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 10px 16px !important;
background-color: #142640;
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 22px;
background-color: #FFFFFF;
color: #142640;
text-transform: uppercase;
}
.v-mega-menu__product-dropdown::after {
content: ' ';
position: absolute;
height: 16px;
width: 16px;
right: 0px;
top: 0;
z-index: 10;
display: block;
background-image: url(/Content/images/v3/MenuChevBlackDown.svg);
background-position: center center;
background-repeat: no-repeat;
padding: 0;
margin: 0;
background-color: #FFF;
height: 40px;
width: 40px;
display: flex;
justify-content: center;
align-items: center;
}
.v-mega-menu__search .ui-autocomplete {
left: 0 !important;
right: 0 !important;
}
.v-mega-menu__search-container {
border: none;
color: #333333;
background: #FFFFFF;
border: 1px solid #000000;
border-radius: 1px;
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
margin: 0 auto;
padding: 4px 8px 4px 12px !important;
}
.v-mega-menu__search-container .submit-spinner, .v-mega-menu__search-container .submit-busy {
display: none !important;
}
.v-mega-menu__search-form {
position: relative;
}
.v-mega-menu__search-input {
border-style: none !important;
color: #000;
font-family: "Frutiger Regular", Arial, Helvetica, Sans-Serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 22px;
min-width: auto !important;
outline: none;
padding: 7px !important;
width: calc(100% - 34px);
}
.v-mega-menu__search-input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: #000 !important;
opacity: 1; /* Firefox */
}
.v-mega-menu__search-input::-ms-input-placeholder { /* Microsoft Edge */
color: #000 !important;
}
.v-mega-menu__search-button {
width: 28px;
height: 28px;
vertical-align: middle;
background-size: auto;
background-repeat: no-repeat;
background-image: url(/Content/images/v3/v_icon_search_default-strong.svg);
background-position: center;
background-color: #FFF;
border: none;
}
.v_menu__search--populated .v-mega-menu__search-button {
background: url(/Content/images/v3/v_icon_search_select.svg);
background-size: cover;
background-position: center;
cursor: pointer;
}
.logo--mobile {
display: inline-block;
}
.logo--tablet {
display: none;
}
.logo--desktop {
display: none;
}
.v-mega-menu__go-back,
.v-mega-menu__title,
.v-mega-menu__tier {
display: none;
}
@media screen and (max-width: 768px) {
.v-mega-nav__sub--multi > ul::before {
content: " ";
display: table;
}
.v-mega-nav__sub--multi > ul::after {
content: " ";
display: table;
clear: both;
}
}
@media screen and (max-width: 1023px) {
.v-mega-menu--open::before {
content: ' ';
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.4);
z-index: 1001;
display: block;
}
.v-mega-menu__secondary {
background: #ffffff;
display: none;
position: absolute;
top: 47px;
width: 320px;
right: -320px;
transition: .5s ease;
}
.v-mega-menu--open .v-mega-menu__secondary {
right: 0;
}
.v-mega-menu--scroll .v-mega-menu__drawer--overlay {
border-top: 1px solid #e6e6e6;
background-image: linear-gradient(#eeeeee, #ffffff);
height: 6px;
width: 100%;
}
.v-mega-menu__drawer {
background-color: #FFF;
display: flex;
flex-direction: column;
max-height: calc(100vh - 46px);
overflow-y: auto;
overflow-x: hidden;
}
.v-mega-menu__search {
background-color: #fff;
border-bottom: 1px solid #979797;
padding: 8px 15px 16px 15px;
}
.v-mega-menu__search-input {
padding: 0 !important;
color: #333333 !important;
}
.v-mega-menu__search--small {
display: block;
}
.v-mega-menu__search--large {
display: none !important;
}
.v-mega-menu__search--large .v-mega-menu__search-input,
.v-mega-menu__search--large .v-mega-menu__search-button {
display: none;
}
.v-mega-menu__nav {
display: block;
padding: 0;
background-color: #fff;
}
.v-mega-menu__mobile-tier {
background-color: #ffffff;
height: 100%;
overflow-y: auto;
position: absolute;
right: -320px;
transition: .5s ease;
width: 100%;
z-index: 11;
}
.v-mega-menu__mobile-tier.slide-in {
right: 0;
transition: .5s ease;
}
.v-mega-menu__mobile-tier.slide-out {
right: -320px;
transition: .5s ease;
}
.v-mega-menu__mobile-tier .v-mega-menu__tier .v-mega-nav__sub--t3 {
display: block;
}
.v-mega-menu__products {
background-color: #fff;
}
.v-mega-menu {
border-bottom: 1px solid #ccc;
}
.v-mega-menu__go-back {
border-bottom: 1px solid #979797;
border-top: 1px solid #cccccc;
color: #000;
display: none;
font-family: "Neue Frutiger World", "Times New Roman", Serif;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 20px;
padding: 14px 15px;
}
.v-mega-menu__go-back--button {
background-color: #ffffff;
border: none;
padding: 0;
}
.v-mega-menu__go-back img {
bottom: 1px;
margin-right: 16px;
position: relative;
}
.v-mega-menu__title {
border-bottom: 1px solid #979797;
color: #000;
display: none;
font-family: "Neue Frutiger World", "Times New Roman", Serif;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 24px;
margin: 0;
padding: 16px 15px;
}
.v-mega-menu__mobile-tier.slide-in .v-mega-menu__go-back,
.v-mega-menu__mobile-tier.slide-in .v-mega-menu__title,
.v-mega-menu__mobile-tier.slide-in .v-mega-menu__tier {
display: block;
}
.v-mega-nav__link--t1 {
background: #ffffff;
padding: 8px 0;
}
.v-mega-nav__button--t1 {
display: none;
}
.v-mega-nav__text--t1 {
font-family: "Neue Frutiger World", "Times New Roman", Serif;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 22px;
color: #000000;
text-decoration: none !important;
margin: 16px 0 16px 15px;
outline: none;
text-align: left;
text-transform: none;
width: 100%;
}
.v-mega-nav__item--t1-open .v-mega-nav__text--t1 {
margin: 16px 0 16px 15px;
}
.v-mega-nav__item--t1:last-child {
border-bottom: none;
}
.v-mega-nav__item--t1 .v-mega-nav__link--t1 .cart {
content: ' ';
position: relative;
height: 12px;
width: 9px;
right: 12px;
top: 22px;
z-index: 10;
display: block;
background-image: url(/Content/images/v3/MenuChevBlue2.svg);
background-position: center center;
background-repeat: no-repeat;
padding: 0;
margin: 0;
}
.v-mega-nav__item--t1.v-mega-nav__item--t1-open .v-mega-nav__link--t1 .cart {
transform: rotate(270deg);
}
.v-mega-nav__sub--t2 {
padding: 0;
}
.v-mega-nav__sub--t2 .v-mega-nav__item--t2:first-child {
margin-top: 8px;
}
.v-mega-nav__sub--t2-col:last-child .v-mega-nav__item--t2:last-child {
margin: 8px 0 24px 15px;
}
.v-mega-nav__sub--t2-col {
width: 100%;
}
.v-mega-nav__sub--t2-col ul {
margin: 0;
padding: 0;
}
.v-mega-nav__sub--t2-col-bullets {
display: block;
}
.v-mega-nav__item--t2 {
margin: 8px 0 8px 15px;
}
.v-mega-nav__item--t2 .v-mega-nav__link-container {
margin: 0 15px;
}
.v-mega-nav__item--t2.v-mega-nav__item--children .v-mega-nav__link-container .v-mega-nav__link--t2 .cart,
.v-mega-nav__item--t2.v-mega-nav__item--children.selected .v-mega-nav__link-container .v-mega-nav__link--t2 .cart {
content: ' ';
position: absolute;
height: 12px;
width: 9px;
right: 12px;
top: 4px;
z-index: 10;
display: block;
background-image: url(/Content/images/v3/MenuChevBlue2.svg);
background-position: center center;
background-repeat: no-repeat;
padding: 0;
margin: 0;
}
.v-mega-nav__link--t2 .cart {
content: ' ';
position: absolute;
height: 12px;
width: 9px;
right: 12px;
top: 4px;
z-index: 10;
display: block;
background-image: url(/Content/images/v3/MenuChevBlue2.svg);
background-position: center center;
background-repeat: no-repeat;
padding: 0;
margin: 0;
}
.v-mega-nav__sub--multi .v-mega-nav__item--left {
position: relative;
width: 100%;
}
.v-mega-nav__sub--t2 {
padding: 0;
}
.v-mega-nav__sub--t2 .v-mega-nav__item--t2:first-child {
margin-top: 0;
}
.v-mega-nav__sub--t2-col:last-child .v-mega-nav__item--t2:last-child {
margin: 8px 0 24px 0;
}
.v-mega-nav__sub--t2-col:last-child .v-mega-nav__item--t2:last-child ul {
padding: 0;
}
.v-mega-nav__sub--t2-col:nth-child(2) {
margin-bottom: 24px;
}
.v-mega-nav__sub--t2-col:not(:first-child) {
margin-bottom: 0;
width: 100%;
}
.v-mega-nav__sub--t2-col ul {
margin: 0;
padding: 0;
}
.v-mega-nav__item--t2 {
margin: 8px 0;
}
.v-mega-nav__sub.v-mega-nav__sub--t3 {
display: none;
padding: 0;
}
.v-mega-nav__sub--t3-col {
width: 100%;
}
.v-mega-nav__sub--t3-col,
.v-mega-nav__sub--t3-col .spacer {
border-bottom: 1px solid #979797;
}
.v-mega-nav__sub--t2-col .v-mega-nav__item--t2:last-child .v-mega-nav__sub--t3-col:last-child {
border-bottom: none;
}
.v-mega-nav__sub--t3-col ul {
margin: 0;
padding: 0;
}
.v-mega-nav__sub--t2-col ul li:last-child .v-mega-nav__sub--t3-col:last-child {
margin-bottom: 0;
}
.v-mega-nav__item--t3 {
margin: 8px 0 8px 15px;
}
.v-mega-nav__sub--t3-col h4 {
margin: 0;
}
.v-mega-nav__sub--t3 a.v-mega-nav__h4 {
color: #000000;
display: block;
font-size: 16px;
font-family: "Neue Frutiger World", Arial, Helvetica, Sans-Serif;
font-weight: 600;
line-height: 22px;
margin: 0;
padding: 8px 15px 8px;
text-decoration: none !important;
text-transform: capitalize;
word-wrap: break-word;
}
.v-mega-nav__sub--t3 a.v-mega-nav__h4--mt,
.v-mega-nav__sub--t3-col-mt {
margin-top: 16px;
}
.v-mega-nav__sub--t3 a.v-mega-nav__h4--mb {
margin-bottom: 16px;
}
.v-mega-nav__sub--t3-col {
float: left;
position: relative;
}
.v-mega-nav__sub--t3 .spacer {
height: 0;
}
.v-mega-nav__sub--t3 ul {
padding: 0 0 16px;
}
.v-mega-nav__sub--t3 ul li {
list-style: none;
}
.v-mega-nav__sub--t3 ul li a {
color: #000000;
display: block;
font-size: 14px;
font-family: "Neue Frutiger World", Arial, Helvetica, Sans-Serif;
font-weight: 400;
line-height: 20px;
padding: 8px 15px !important;
text-decoration: none !important;
word-wrap: break-word;
}
.v-mega-nav__sub--t2-col:last-child .v-mega-nav__item--t2:last-child ul li:last-child a {
padding-bottom: 0 !important;
}
.v-mega-nav__sub--t3-col:last-child .v-mega-nav__item--t3:last-child {
margin: 8px 0 24px 15px;
}
.v-mega-nav__sub--t3 ul li a:hover,
.v-mega-nav__sub--t3 a.v-mega-nav__h4:hover {
background: rgba(69, 101, 128, 0.1);
}
.v-mega-nav__sub--t3 ul li a:focus,
.v-mega-nav__sub--t3 a.v-mega-nav__h4:focus {
background: rgba(69, 101, 128, 0.1);
outline: none;
}
.v-mega-nav__sub--t3 .v-mega-nav__sub--t3-col-pb {
border-bottom: none;
padding-bottom: 24px;
}
.v-mega-nav__sub--t3 .v-mega-nav__sub--t3-col-none {
border-bottom: none;
}
.v-mega-nav__sub--t3 .v-mega-nav__sub--t3-col-none ul {
padding-bottom: 0;
}
}
@media only screen and (max-width: 767px) {
.v-mega-menu__secondary {
right: -100vw;
width: 100vw;
}
.v-mega-menu__drawer {
max-height: calc(100vh - 46px);
}
.v-mega-menu__product-dropdown-container {
max-width: none;
}
.v-mega-menu__nav {
margin-bottom: 116px;
}
.v-mega-menu__mobile-tier {
right: -100vw;
}
.v-mega-menu__mobile-tier.slide-in {
box-shadow: -10px 0px 12px -12px rgba(0, 0, 0, 0.16);
right: 0;
}
.v-mega-menu__mobile-tier.slide-out {
right: -100vw;
}
.v-mega-nav__sub--t3 .v-mega-nav__sub--t3-col-pb {
border-bottom: none;
padding-bottom: 74px;
}
}
@media screen and (min-width: 576px) {
.v-mega-menu__nav {
margin-bottom: 60px;
}
}
@media screen and (min-width: 375px) {
.v-mega-menu__container {
justify-content: center;
}
.v-mega-menu__burger-container {
padding-right: 0;
}
}
@media screen and (min-width: 768px) {
.v-mega-menu__search-container {
padding: 5px 12px !important;
width: 100%;
}
.v-mega-menu--mobile {
display: none !important;
}
.v-burger {
right: 2.4rem;
}
.v-mega-nav__item--t1 {
width: 100%;
}
.v-mega-nav__sub--t2 .v-mega-nav__item--first {
margin-top: 0;
}
.v-mega-nav__item--left {
float: left;
clear: left;
max-width: none;
}
.v-mega-nav__item--right {
margin-left: none;
}
.v-mega-nav__sub--multi .v-mega-nav__item--left {
max-width: none;
}
.v-mega-nav__sub--multi .v-mega-nav__item--right {
margin-left: none;
}
.v-mega-nav::after {
content: '';
width: 100%;
display: inline-block;
}
.v-mega-menu__search {
padding: 8px 15px 16px 15px;
}
.v-mega-menu__logo {
padding-left: 0;
}
.v-mega-menu__burger-container {
padding-right: 0;
}
.logo--mobile {
display: none;
}
.logo--tablet {
display: inline-block;
}
.v-mega-menu__container {
min-height: 4.7rem;
}
}
@media screen and (min-width: 1024px) {
.v-mega-menu__product-container {
display: none !important;
}
.v-mega-menu__search {
padding: 0;
}
.v-mega-menu__search-container {
padding: 0 !important;
border: none;
color: #333333;
border: 1px solid #b0b1b5;
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
margin: 0 auto;
}
.v-mega-menu__search-input {
color: #333333 !important;
}
.v-mega-menu__search-input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: #333333 !important;
opacity: 1; /* Firefox */
}
.v-mega-menu__search-input::-ms-input-placeholder { /* Microsoft Edge */
color: #333333 !important;
}
.v-mega-menu__search-button {
width: 28px;
height: 28px;
background-size: cover;
background-image: url(/Content/images/v3/v_icon_search_default.svg);
}
.v_menu__search--populated .v-mega-menu__search-button {
background: url(/Content/images/v3/v_icon_search_select.svg);
}
.v-mega-menu__search--small {
display: none !important;
}
.v-mega-menu__nav {
margin: 0 0 0 26px;
max-width: none;
width: auto;
}
.v-mega-menu__secondary {
flex-grow: 4;
}
.v-mega-menu__drawer {
display: flex;
flex-direction: row;
justify-content: space-between;
min-height: 80px;
}
.v-mega-menu__container {
justify-content: space-between;
padding: 0 2.4rem;
}
.v-mega-menu__nav,
.v-mega-menu__search {
display: flex;
}
.logo--tablet,
.v-mega-menu__burger-container {
display: none;
}
.logo--desktop {
display: inline-block;
}
.v-mega-menu__search-container {
width: 159px;
margin: 0;
}
.v-mega-nav {
margin: 0;
padding: 0;
position: relative;
list-style-type: none;
display: table;
width: 616px;
padding-top: 15px;
}
.v-mega-nav__item--t1 {
font-family: "adobe-garamond-pro", "GaramondPro Regular", Garamond, "EB Garamond", "Times New Roman", Serif;
font-size: 21px;
line-height: 21px;
position: relative;
white-space: nowrap;
list-style-type: none;
padding: 0;
display: table-cell;
border-bottom: none;
bottom: 0;
float: none !important;
clear: none;
width: auto;
margin: 0;
}
.v-mega-nav__link--t1 {
display: block;
color: #333;
background: #ffffff;
border: 1px solid transparent;
padding: 6px 6px 0 6px;
text-transform: uppercase;
text-align: center;
margin-left: auto;
margin-right: auto;
line-height: normal;
}
.v-mega-nav__link--t1:focus {
outline: 5px auto;
outline-offset: -2px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.v-mega-nav__link--t1:focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
}
.v-mega-nav__button--t1:focus {
opacity: 1;
}
.v-mega-nav__button--t1,
.v-mega-nav__button--t1:hover {
background: #ffffff;
background-image: url(/Content/images/v3/MenuChevBlue.svg);
background-position: center center;
background-repeat: no-repeat;
border: none;
content: ' ';
height: 20px;
opacity: 0;
position: absolute;
padding: 0;
margin: 0;
right: -15px;
top: 18px;
transform: rotate(90deg);
width: 20px;
z-index: 10;
}
.v-mega-nav__button--t1:focus {
opacity: 1;
right: calc(50% - 10px);
top: 40px;
}
.v-mega-nav__item--t1.selected .v-mega-nav__button--t1 {
background: #142640;
background-image: url(/Content/images/v3/MenuChevwhite.svg);
background-position: center center;
background-repeat: no-repeat;
opacity: 1;
transform: rotate(270deg);
right: calc(50% - 10px);
top: 40px;
}
.v-mega-nav__item--t1.selected .v-mega-nav__button--t1[aria-expanded="false"] {
right: -15px;
top: 18px;
}
.v-mega-nav__item--t1:hover .v-mega-nav__button--t1,
.touch .v-mega-nav__item--t1.selected .v-mega-nav__button--t1 {
opacity: 0;
}
.v-mega-nav__text--t1 {
font-family: "Neue Frutiger World", "Times New Roman", Serif;
display: block;
font-size: 18px;
font-style: normal;
font-weight: 500;
padding: 10px 2px 0 2px;
height: 57px;
line-height: 20px;
letter-spacing: 0.5px;
margin: 0;
text-transform: uppercase;
}
.v-mega-nav__item--left {
max-width: none;
}
.v-mega-nav__link--t1::after, .v-mega-nav::after {
content: '' !important;
display: none;
}
.v-mega-nav__sub--t2 {
display: none;
position: absolute;
top: 0;
left: 0;
z-index: -1;
border: none;
width: 238px;
min-width: 100%;
padding: 0;
background-color: #FFF;
}
.v-mega-nav__sub--t2 ul {
background-color: transparent;
min-height: 100%;
padding: 0;
position: relative;
column-count: auto;
column-gap: 0;
}
.v-mega-nav__item--t2 {
margin: 0 !important;
padding: 0 !important;
position: unset;
float: none !important;
max-width: none !important;
width: 244px;
}
.v-mega-nav__link-container {
position: relative;
}
.v-mega-nav__link--t2 {
cursor: pointer;
text-align: left;
padding: 0;
border: none;
display: block;
line-height: 2.0rem;
}
.v-mega-nav__link--t2 .text, .v-mega-nav__sub--t3 .v-mega-nav__text {
color: #000000;
font-family: "Neue Frutiger World", Arial, Helvetica, Sans-Serif;
font-size: 16px;
line-height: 22px;
padding: 6px 16px;
white-space: nowrap;
display: block;
}
.v-mega-nav__link--t2 .text.bold {
font-weight: bold;
}
.v-mega-nav__sub--t3 {
display: none;
height: auto;
position: absolute;
top: -32px;
left: 244px;
z-index: -10;
border: none;
background-color: #fff;
padding: 32px 0;
width: 100vw;
}
.v-mega-nav__sub--t3 a.v-mega-nav__h4 {
color: #000000;
display: block;
font-size: 16px;
font-family: "Neue Frutiger World", Arial, Helvetica, Sans-Serif;
font-weight: 600;
line-height: 22px;
margin: 0;
padding: 6px 16px;
text-decoration: none !important;
text-transform: capitalize;
word-wrap: break-word;
}
.v-mega-nav__sub--t3-col {
float: left;
position: relative;
width: 244px;
}
.v-mega-nav__sub--t3-col--w-auto {
width: auto;
}
.v-mega-nav__sub--t3-col h4 {
margin: 0;
}
.v-mega-nav__sub--t3 .spacer {
height: 16px;
}
.v-mega-nav__sub--t3 ul {
padding: 0;
}
.v-mega-nav__sub--t3 ul li {
list-style: none;
}
.v-mega-nav__sub--t3 ul li a {
color: #000000;
display: block;
font-size: 14px;
font-family: "Neue Frutiger World", Arial, Helvetica, Sans-Serif;
font-weight: 400;
line-height: 20px;
padding: 6px 16px !important;
text-decoration: none !important;
word-wrap: break-word;
}
.v-mega-nav__sub--t3 ul li a:hover,
.v-mega-nav__sub--t3 a.v-mega-nav__h4:hover {
background: rgba(69, 101, 128, 0.1);
}
.v-mega-nav__sub--t3 ul li a:focus,
.v-mega-nav__sub--t3 a.v-mega-nav__h4:focus {
background: rgba(69, 101, 128, 0.1);
outline: none;
}
.v-mega-nav__sub-container {
background-color: #fff;
position: absolute;
border: none;
padding: 3px;
top: 0;
list-style-type: none;
}
.v-mega-nav__sub-container {
padding: 4px 3px 4px 3px !important;
}
.v-mega-nav__sub--t3 .v-mega-nav__link {
outline: none;
outline-offset: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.v-mega-nav__sub--t3 .text {
background-color: transparent;
color: #333;
}
.v-mega-nav__sub--t3 .v-mega-nav__link:hover .v-mega-nav__text, .v-mega-nav__sub--t3 .v-mega-nav__link:focus .v-mega-nav__text {
background-color: #c5dce8;
color: #333;
}
.v-mega-nav__item--t1.selected {
margin-right: -6px;
bottom: -1px;
}
.v-mega-nav__item--t1.selected .v-mega-nav__link--t1 {
padding-bottom: 0;
border-top: 1px solid #808080;
border-left: 1px solid #808080;
border-right: 1px solid #808080;
border-bottom: 1px solid #FFF;
}
.v-mega-nav__item--t1.selected .v-mega-nav__text--t1 {
background-color: #142640;
color: #FFF;
}
.v-mega-menu__submenu {
display: none;
overflow: hidden;
max-height: 0;
}
.v-mega-menu__submenu.selected {
background-color: #ffffff;
display: block;
position: fixed;
top: 121px;
left: 0;
transition: max-height 0.2s ease-in;
width: 100%;
z-index: 9;
}
#header-mega-nav.open .v-mega-menu__submenu.selected {
transition: none;
}
.v-mega-menu__submenu.selected #cruises,
.v-mega-menu__submenu.selected #ships {
border-right: 1px solid #D8D8D8;
left: 131px;
min-width: auto;
padding: 32px 0;
width: 244px;
}
.v-mega-menu__submenu.selected #why-viking,
.v-mega-menu__submenu.selected #my-trip,
.v-mega-menu__submenu.selected #videos {
border-right: none;
left: 131px;
min-width: auto;
padding: 32px 0;
width: 500px;
}
.v-mega-menu__submenu #cruises,
.v-mega-menu__submenu #ships,
.v-mega-menu__submenu #why-viking,
.v-mega-menu__submenu #my-trip,
.v-mega-menu__submenu #videos {
display: block;
}
.v-mega-menu__submenu.selected #cruises.selected,
.v-mega-menu__submenu.selected #ships.selected,
.v-mega-menu__submenu.selected #why-viking.selected,
.v-mega-menu__submenu.selected #my-trip.selected,
.v-mega-menu__submenu.selected #videos.selected {
display: block;
}
.v-mega-menu__submenu--container {
width: 100%;
max-width: 1378px;
margin: 0 auto;
position: relative;
}
.v-mega-nav__item--t2.selected .text,
.v-mega-nav__item--t2 .v-mega-nav__link--t2[aria-expanded="true"] .text {
background-color: #456580;
color: #fff;
}
.v-mega-nav__item--t2.v-mega-nav__item--children .v-mega-nav__link-container::before {
content: ' ';
position: absolute;
height: 12px;
width: 9px;
right: 12px;
top: 12px;
z-index: 10;
display: block;
background-image: url(/Content/images/v3/MenuChevBlue.svg);
background-position: center center;
background-repeat: no-repeat;
padding: 0;
margin: 0;
}
.v-mega-nav__item--t2.v-mega-nav__item--children.selected .v-mega-nav__link-container::before,
.v-mega-nav__item--t2.v-mega-nav__item--children:hover .v-mega-nav__link-container::before {
background-image: url(/Content/images/v3/MenuChevWhite.svg);
}
.v-mega-nav__item--t2.v-mega-nav__item--children:not(.selected) .v-mega-nav__link-container::before {
background-image: url(/Content/images/v3/MenuChevBlue.svg);
}
.v-mega-nav__sub--t3 .v-mega-nav__link {
line-height: normal !important;
}
.v-mega-nav__sub--t3 .v-mega-nav__text {
padding-left: 5px;
}
.v-mega-nav__item--t2.selected.v-mega-nav__item--children .v-mega-nav__link--t2 {
padding-right: 0;
margin-right: 0;
}
.v-mega-nav__item--t2.selected .v-mega-nav__sub--t3,
.v-mega-nav__item--t2:hover .v-mega-nav__sub--t3 {
display: block;
}
.v-mega-nav__item--t1[data-menu='cruises'] .v-mega-nav__sub--t2 {
width: 244px;
}
.v-mega-nav__item--t1[data-menu='videos'] .v-mega-nav__sub--t2 {
width: 195px;
}
.v-mega-nav__item--t2[data-menu="cruises"].selected {
margin-right: 0;
padding-right: 0;
}
}
@media screen and (min-width: 1200px) {
.v-mega-nav__text--t1 {
font-size: 20px;
line-height: 22px;
}
.v-mega-nav__link--t2 .text, .v-mega-nav__sub--t3 .v-mega-nav__text {
font-size: 18px;
line-height: 24px;
}
.v-mega-nav__sub--t3 a.v-mega-nav__h4 {
font-size: 18px;
line-height: 24px;
}
.v-mega-nav__sub--t3 ul li a {
font-size: 16px;
line-height: 22px;
}
.v-mega-nav__sub--t2-col {
width: 264px;
}
.v-mega-nav__sub--t2 > ul {
width: 264px;
}
.v-mega-nav__item--t2 {
width: 264px;
}
.v-mega-nav__sub--t3-col {
width: 264px;
}
.v-mega-nav__sub--t3-col--w-auto {
width: auto;
}
.v-mega-nav__sub--t3 {
left: 264px;
}
.v-mega-menu__submenu.selected #cruises,
.v-mega-menu__submenu.selected #ships {
width: 264px;
}
.v-mega-nav__item--t1[data-menu='cruises'] .v-mega-nav__sub--t2 {
width: 264px;
}
.v-mega-nav__item--t2.v-mega-nav__item--children .v-mega-nav__link-container::before {
top: 14px;
}
}
@media screen and (min-width: 1279px) {
.v-mega-menu__search-container {
width: 214px;
}
.v-mega-menu__nav {
margin: 0 0 0 26px;
max-width: none;
width: auto;
}
}
/*********************************************************************************/
.trd-story-tileset-container {
background-color: #eceef1;
}
.trd-body-wrapper {
position: absolute;
left: 0;
right: 0;
width: 100%;
/*max-width: 1400px;*/
max-width: 100%;
margin: 0 auto;
/*@include transition(all $transition-fast ease);*/
top: 51px;
}
.modal-open .trd-body-wrapper {
position: absolute;
padding-right: 17px;
}
@media screen and (max-width: 1180px) {
.modal-open .trd-body-wrapper {
padding-right: 0;
}
}
.trd-footer-canvas #breadcrumb {
display: none !important;
}
#cruise-canvas {
-webkit-transition: height 0.25s ease;
transition: height 0.25s ease;
height: 80px;
background: transparent;
}
@media screen and (max-width: 767px) {
#cruise-canvas {
/*height:$cruise-hdr-height-collapsed;*/
}
}
.sticky-active #cruise-canvas {
height: 59px;
}
.sticky-active .trd-body-wrapper {
margin-bottom: 51px;
}
/**********************************************************************************/
@media screen and (min-width: 1024px) {
.restrict-on-tablet {
display: none;
}
.restrict-on-desktop {
display: block;
}
}
.image-mask-1-by-1 {
background-size: cover;
background-position: center;
width: 100%;
padding-bottom: 100%;
}
@media print {
.image-mask-1-by-1 {
padding-bottom: 0;
}
}
.image-mask-2-by-1 {
background-size: cover;
background-position: center;
width: 100%;
padding-bottom: 50%;
}
@media print {
.image-mask-2-by-1 {
padding-bottom: 0;
}
}
.image-mask-custom-hs {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
width: 100%;
padding-bottom: 56%;
}
@media print {
.image-mask-custom-hs {
padding-bottom: 0;
}
}
.modal .form-modal-thank-you .section-page-message {
padding: 20px 30px;
}
.modal
.form-modal-thank-you
.section-page-message
.section-page-message-center
h2 {
margin-top: 0;
font-size: 40px;
font-weight: 500;
}
.modal
.form-modal-thank-you
.section-page-message
.section-page-message-center
p {
margin-bottom: 0;
font-size: 16px;
letter-spacing: 0.48px;
max-width: 680px;
margin-left: auto;
margin-right: auto;
}
.modal .form-modal-thank-you .section-thumbnails .thumbnail-tile {
padding-bottom: 16px;
}
.modal
.form-modal-thank-you
.section-thumbnails
.thumbnail-tile
.thumbnail-tile-caption {
background-color: whitesmoke;
color: #333333;
line-height: 1.5;
padding: 16px;
}
.modal
.form-modal-thank-you
.section-thumbnails
.thumbnail-tile
.thumbnail-tile-caption
h4 {
margin: 0;
color: inherit;
font-size: 16px;
font-weight: 600;
font-style: normal;
font-family: "Frutiger Regular", Arial, Helvetica, Sans-Serif;
line-height: 1.5;
text-transform: capitalize;
}
.modal
.form-modal-thank-you
.section-thumbnails
.thumbnail-tile
.image-mask-2-by-1 {
position: relative;
}
.modal
.form-modal-thank-you
.section-thumbnails
.thumbnail-tile
.image-mask-2-by-1
img {
position: absolute;
}
.modal
.form-modal-thank-you
.section-thumbnails
.thumbnail-tile
.image-mask-2-by-1
img.print-only-img {
display: none;
}
.page-alert {
text-align: left;
padding: 16px;
min-height: 0;
color: black;
background-color: #d9e0e7;
}
.page-alert-content {
max-width: 1322px;
margin: 0 auto;
}
.page-alert a {
color: black;
}
.group:after {
content: "";
display: table;
clear: both;
}
.desktop .trd-header-menu-canvas {
z-index: 7000;
}
.footer-container {
max-width: 1366px;
padding-left: 12px;
padding-right: 12px;
margin-left: auto;
margin-right: auto;
}
.footer-container.footer-links {
margin: 36px auto 0;
}
.footer-container.footer-links .footer-nav::after {
display: block;
content: none;
clear: none;
}
.footer-container .float-right {
padding: 0 0 0 16px;
}
.footer-container .float-left {
padding: 0 16px 0 0;
}
.trd-footer-canvas {
z-index: 4000;
background-color: #142640;
color: #fff;
margin: 18px auto 0;
clear: both;
font-size: 13px;
}
.trd-footer-canvas hr {
border-color: rgba(255, 255, 255, 0.15);
}
.trd-footer-canvas .footer-contact {
background-color: #142640;
color: #fff;
}
@media only screen and (max-width: 767px) {
.trd-footer-canvas .footer-contact {
display: none;
}
}
.trd-footer-canvas .footer-contact .footer-contact-container {
margin-left: auto;
margin-right: auto;
height: 100%;
display: table;
/*padding: 10px 10px;*/
}
.trd-footer-canvas
.footer-contact
.footer-contact-container
.footer-contact-text {
font-size: 18px;
letter-spacing: 0.05em;
vertical-align: middle;
color: #fff;
display: table-cell;
}
.trd-footer-canvas
.footer-contact
.footer-contact-container
.footer-contact-spacer {
display: table-cell;
width: 6px;
}
.trd-footer-canvas
.footer-contact
.footer-contact-container
.footer-contact-phone-number {
display: table-cell;
font-size: 24px;
}
.trd-footer-canvas .footer-links-title {
padding: 0 0 8px;
text-transform: capitalize;
font-size: 16px;
line-height: 1.1em;
letter-spacing: 0.05em;
color: #fff;
margin: 0;
}
.trd-footer-canvas a:not(.btn-red) {
color: #fff !important;
letter-spacing: 0.25px;
font-size: 13px !important;
padding: 3px 0;
display: block;
}
.trd-footer-canvas a:not(.btn-red):hover,
.trd-footer-canvas a:not(.btn-red):focus {
color: #fff;
}
.trd-footer-canvas button {
background-color: transparent;
border: none;
color: #fff;
letter-spacing: 0.25px;
font-size: 13px;
padding: 3px 0;
display: block;
}
.trd-footer-canvas button:hover,
.trd-footer-canvas button:focus {
color: #fff;
}
.trd-footer-canvas .social-links a {
width: 32px;
height: 32px;
padding: 5px 0;
font-size: 16px;
text-align: center;
color: #fff;
border-color: #fff;
}
.trd-footer-canvas .social-links a:hover {
color: #fff;
border-color: #b10a32;
}
.footer-social li {
padding: 0 0 0 2px !important;
}
.footer-social li:last-child {
padding-right: 0;
}
@media screen and (max-width: 767px) {
.trd-footer-canvas .footer-contact .footer-contact-spacer {
display: none;
}
.trd-footer-canvas .footer-contact .footer-contact-text {
display: block;
padding: 0;
margin: 0;
text-align: center;
font-size: 16px;
letter-spacing: 0.025em;
}
.trd-footer-canvas .footer-contact .footer-contact-phone-number {
display: block;
padding: 0;
margin: 0;
text-align: center;
}
.trd-footer-promo-container {
width: calc(100% - 20px);
}
}
@media screen and (min-width: 768px) {
.trd-footer-canvas .footer-container:not(.footer-links) {
padding-bottom: 16px;
}
.trd-footer-canvas .footer-contact {
min-height: 40px;
line-height: 40px;
}
}
@media screen and (min-width: 1024px) {
.trd-footer-canvas .footer-contact {
/*padding: 4px 0;*/
vertical-align: middle;
border-bottom: 1px solid rgba(255, 255, 255, 0.15);
/*border-top: 1px solid $gray-lighter;*/
height: 42px;
line-height: 42px;
}
.trd-footer-canvas .footer-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media screen and (min-width: 1200px) {
.trd-footer-canvas .footer-social li {
padding: 0 0 0 4px !important;
}
.trd-footer-canvas .footer-social li:last-child {
padding-right: 0;
}
}
.cro_king2_button {
cursor: default;
position: relative;
}
.cro_king2_button:hover {
cursor: pointer;
}
.cro_king2_button .star,
.cro_king2_button .knot {
font-size: 2.3rem;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 27px;
width: 27px;
overflow: visible;
}
.cro_king2_button .label {
color: #0f3055;
text-transform: uppercase;
}
body > .cro_king2_button {
-webkit-box-shadow: 2px 3px 6px 1px rgba(40, 40, 40, 0.36);
box-shadow: 2px 3px 6px 1px rgba(40, 40, 40, 0.36);
padding: 0;
text-align: center;
position: fixed;
bottom: 130px;
right: 7px;
z-index: 999;
}
body > .cro_king2_button:not(.btn-red) {
background-color: #fff;
}
body > .cro_king2_button:not(.btn-red) .label {
color: #0f3055;
}
body > .cro_king2_button .star,
body > .cro_king2_button .knot {
display: block;
font-size: 1.4em;
text-align: center;
position: relative;
left: 50%;
margin-left: -0.65em;
margin-bottom: 0.5em;
}
#persistentFooter > div {
/*& > div:nth-child( 2 ) {
//display: none !important;
}*/
}
#persistentFooter > div > .cro_king2_button .star,
#persistentFooter > div > .cro_king2_button .knot {
position: absolute;
top: 11px;
left: 30px;
}
@media (max-width: 400px) {
#persistentFooter > div > .cro_king2_button .star,
#persistentFooter > div > .cro_king2_button .knot {
left: 10px;
}
}
@media (max-width: 425px) {
#persistentFooter > div > .cro_king2_button .star,
#persistentFooter > div > .cro_king2_button .knot {
left: 15.5%;
}
}
@media (max-width: 320px) {
#persistentFooter > div > .cro_king2_button .star,
#persistentFooter > div > .cro_king2_button .knot {
left: 10%;
}
}
@media (max-width: 500px) {
#persistentFooter > div > .cro_king2_button .label {
padding-left: 35px;
}
}
#persistentFooter > div > .cro_king2_button .label > br {
display: none;
}
.mobile-footer-canvas {
background-color: #142640;
color: #FFF;
}
.mobile-footer-canvas:before,
.mobile-footer-canvas:after {
content: " ";
display: table;
}
.mobile-footer-canvas:after {
clear: both;
}
@media only screen and (max-width: 767px) {
.mobile-footer-canvas {
margin-top: 20px;
margin-bottom: 50px;
}
}
.mobile-footer-canvas::before {
content: "";
display: table;
clear: both;
}
.mobile-footer-canvas hr {
border-color: rgba(255, 255, 255, 0.15);
margin: 0 16px 16px;
}
.mobile-footer-canvas .footer-phone {
font-size: 16px;
}
.mobile-footer-canvas > .footer-mobile-share {
padding: 0 16px;
border-top: 1px rgba(255, 255, 255, 0.15) solid;
}
.mobile-footer-canvas > .footer-mobile-share .title {
margin: 0;
padding: 24px 0 8px;
font-size: 20px;
text-align: center;
color: #fff;
font-family: "Frutiger Regular", Arial, Helvetica, Sans-Serif;
font-weight: 400;
font-style: normal;
}
.mobile-footer-canvas > .footer-mobile-share .social-links li a {
color: #fff;
border-color: #fff;
}
.mobile-footer-canvas > .footer-mobile-share .social-links li a:hover {
color: #fff;
border-color: #b10a32;
}
.mobile-footer-canvas > .footer-links {
padding: 16px;
padding-bottom: 0;
}
.mobile-footer-canvas > .footer-links section {
border-top: 1px rgba(255, 255, 255, 0.15) solid;
text-align: left;
}
.mobile-footer-canvas > .footer-links section > a {
display: block;
}
.mobile-footer-canvas > .footer-links section > a .title {
margin: 0;
padding: 25px 0;
font-size: 20px;
color: #fff;
text-align: left;
font-family: "Frutiger Regular", Arial, Helvetica, Sans-Serif;
font-weight: 400;
font-style: normal;
}
.mobile-footer-canvas > .footer-links section > a .title .icon {
font-size: 14px;
margin-top: 4px;
}
.mobile-footer-canvas > .footer-links section > a.collapsed .icon {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.mobile-footer-canvas > .footer-links section ul {
-webkit-column-count: 2;
column-count: 2;
margin-bottom: 32px;
}
.mobile-footer-canvas > .footer-links section ul li {
margin-bottom: 8px;
}
.mobile-footer-canvas > .footer-links section ul li a {
display: inline-block !important;
font-size: 14px !important;
padding-right: 16px;
color: #fff !important;
}
.mobile-footer-canvas > .footer-links section ul li a:hover {
color: #fff;
}
.mobile-footer-canvas > .footer-links section ul li button {
background-color: transparent;
border: none;
color: #fff;
letter-spacing: 0.25px;
font-size: 14px;
padding: 0;
display: block;
text-align:left;
}
.mobile-footer-canvas > .footer-links section ul li button:hover,
.mobile-footer-canvas > .footer-links section ul li button:focus {
color: #fff;
}
.mobile-footer-canvas > .footer-actions {
padding: 16px;
text-align: center;
}
.mobile-footer-canvas > .footer-actions > div {
margin-bottom: 16px;
}
.mobile-footer-canvas > .footer-actions div:not(.footer-phone).col-right {
text-align: right;
}
.mobile-footer-canvas > .footer-actions div:not(.footer-phone).col-left {
text-align: left;
}
.mobile-footer-canvas > .footer-actions div:not(.footer-phone) span {
width: 100%;
display: block;
}
@media only screen and (max-width: 767px) {
.mobile-footer-canvas > .footer-actions div:not(.footer-phone).col-left,
.mobile-footer-canvas > .footer-actions div:not(.footer-phone).col-right {
text-align: center;
}
}
.mobile-footer-canvas > .footer-actions a,
.mobile-footer-canvas > .footer-actions a:hover,
.mobile-footer-canvas > .footer-actions span {
color: #fff;
}
body {
margin-bottom: 50px;
}
@media screen and (min-width: 1024px) {
body {
margin-bottom: 0;
}
}
#persistentFooter {
background: #fcfcfc;
position: fixed;
bottom: 0;
left: 0;
right: 0;
width: 100%;
z-index: 1000;
-webkit-box-shadow: 0 -3px 5px rgba(0, 0, 0, 0.25);
box-shadow: 0 -3px 5px rgba(0, 0, 0, 0.25);
-webkit-transition: bottom 200ms linear;
transition: bottom 200ms linear;
}
#persistentFooter .row div {
padding: 4px;
}
#persistentFooter .btn {
color: #555555;
border: 1px solid #44687d;
margin: auto;
height: 42px;
vertical-align: middle;
line-height: 14px;
font-size: 12px;
max-width: 100%;
width: 100%;
}
#persistentFooter .btn span:not(.icon-border) {
display: inline-block;
vertical-align: middle;
font-size: 18px;
margin-right: 2px;
margin-top: -2px;
}
#persistentFooter .btn.single-line {
line-height: 28px;
}
#persistentFooter .btn.tap-to-call {
color: #fff;
border-color: transparent;
}
#persistentFooter .btn.tap-to-call span {
margin-right: 2px;
padding: 3px;
}
@media screen and (min-width: 480px) {
#persistentFooter .row div {
padding: 4px 8px;
}
#persistentFooter .btn {
font-size: 14px;
}
#persistentFooter .btn span:not(.icon-border) {
vertical-align: top;
font-size: 23px;
margin-right: 5px;
margin-top: 2px;
}
#persistentFooter .btn.tap-to-call span {
margin-right: 5px;
padding: 4px;
}
}
/*# sourceMappingURL=trd-global.css.map */
.promotion-banner {
background-color: #142640;
border-bottom: 12px solid #B10A32;
margin-bottom: 36px;
padding: 0;
}
.promotion-banner__container {
width: 100%;
max-width: 1440px;
margin: 0 auto;
padding: 40px 0;
position: relative;
}
.promotion-banner__container--image {
border-bottom: 12px solid #B10A32;
width: 100%;
max-width: 100%;
margin: 0 auto;
padding: 64px 0px 24px 0px;
position: relative;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.promotion-banner__row {
align-items: center;
display: flex;
justify-content: center;
position: relative;
z-index: 2;
}
.promotion-banner__content {
text-align: center;
}
.promotion-banner__heading {
color: #ffffff;
font-family: "adobe-garamond-pro","GaramondPro Regular",Garamond,"EB Garamond","Times New Roman",Serif;
font-size: 50px;
font-weight: 600;
line-height: 60px;
margin: 0 auto 16px auto;
text-align: center;
}
.promotion-banner__heading {
color: #ffffff;
font-family: "adobe-garamond-pro","GaramondPro Regular",Garamond,"EB Garamond","Times New Roman",Serif;
font-size: 50px;
font-weight: 600;
line-height: 58px;
margin: 0 auto 8px auto;
text-align: center;
text-transform: uppercase;
text-shadow: 0px 4px 15px #000;
}
.promotion-banner__heading em {
font-size: 50px;
font-style: italic;
font-weight: 400;
line-height: 58px;
margin: 0 auto 8px auto;
text-transform: none;
}
.promotion-banner__heading sup {
font-size: 30px;
top: -0.6em;
}
.promotion-banner__content hr {
border-top: 1px solid #ffffff;
margin: 0 auto;
width: 900px;
}
.promotion-banner__text {
color: #ffffff;
display: inline-block;
font-family: 'Neue Frutiger World Regular', Arial, Helvetica, sans-serif;
font-size: 26px;
font-weight: 400;
line-height: 30px;
margin: 12px auto 0 auto;
text-align: center;
width: 100%;
}
.promotion-banner__text.promotion-banner__text--margin-lg {
margin-top: 72px;
}
.promotion-banner__text span {
display: inline-block;
}
.promotion-banner__text {
margin-top: 8px;
}
.promotion-banner__half-pipe {
border-left: 1px solid #ffffff;
display: inline-block;
height: 9px;
margin: 0 24px;
position: relative;
bottom: 8px;
}
.text-fragment {
font-size: 26px;
font-weight: 400;
line-height: 30px;
font-family: 'Neue Frutiger World', Arial, Helvetica, sans-serif;
font-style: normal;
text-shadow: 0px 4px 15px #000;
display: inline-block;
}
.text-fragment sup {
top: -0.3em;
}
.text-fragment--upper {
text-transform: uppercase;
}
.text-fragment--sm {
font-size: 20px;
font-weight: 700;
line-height: 28px
}
.text-fragment:after {
display: inline-block;
content: "";
background: #ffffff;
border-radius: 50%;
line-height: 6px;
margin-left: 13px;
margin-right: 13px;
position: relative;
width: 6px;
height: 6px;
vertical-align: middle;
text-shadow: 0px 4px 15px #000;
}
.text-fragment:last-child:after {
display: none;
}
.promotion-banner__text--horizontal-line {
color: #ffffff;
font-family: 'Neue Frutiger World Regular', Arial, Helvetica, sans-serif;
font-size: 26px;
font-weight: 300;
line-height: 34px;
margin: 32px auto 0 auto;
text-align: center;
}
.promotion-banner__text--horizontal-line b,
.promotion-banner__text--horizontal-line strong {
font-weight: 700;
}
.promotion-banner__text--horizontal-line:before,
.promotion-banner__text--horizontal-line:after {
background-color: #ffffff;
content: "\00a0\00a0\00a0\00a0\00a0\00a0\00a0";
display: inline-block;
height: .5px;
margin: 0 12px 4px 12px;
position: relative;
vertical-align: middle;
}
.promotion-banner__text--lg {
color: #ffffff;
font-family: 'Neue Frutiger World', Arial, Helvetica, sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 28px;
margin: 32px auto 0 auto;
text-align: center;
text-transform: uppercase;
text-shadow: 0px 4px 15px #000;
}
.promotion-banner__btn {
color: #FFF;
background-color: #B10A32;
border: none;
font-family: 'Neue Frutiger World' !important;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 24px;
padding: 10px 32px;
margin-top: 16px;
margin-bottom: 0;
text-align: center;
text-transform: uppercase;
display: inline-block;
}
.promotion-banner__btn:hover {
color: #FFF;
background-color: #B10A32;
}
.promotion-banner__expiring-countdown-container {
position: relative;
width: 100%;
background-color: #B10A32;
height: 40px;
text-align: center;
z-index: 1;
margin-top: 16px;
}
.promotion-banner__expiring-countdown-image-container {
display: inline-block;
padding-right: 2px;
}
.promotion-banner__expiring-countdown-image {
height: 16px;
position: relative;
top: -2px;
}
.promotion-banner__expiring-countdown-text {
display: inline-block;
color: white;
font-size: 16px !important;
font-weight: 700;
line-height: 20px;
height: 100%;
padding-top: 10px;
margin-bottom: 0;
text-transform: uppercase;
}
.promotion-banner__text.promotion-banner__text--margin-md {
margin-top: 12px;
}
@media screen and (min-width: 768px) {
.promotion-banner__btn {
padding: 13px 72px;
margin-top: 20px;
}
.promotion-banner__text.promotion-banner__text--margin-md {
margin-top: 28px;
}
}
@media screen and (min-width: 1024px) {
.promotion-banner__expiring-countdown-image-container {
display: inline-block;
position: relative;
bottom: 4px;
padding-right: 4px;
}
.promotion-banner__expiring-countdown-image {
height: 30px;
}
.promotion-banner__expiring-countdown-container {
height: 62px;
margin-top: 24px;
}
.promotion-banner__expiring-countdown-text {
font-size: 26px !important;
margin-bottom: 0;
padding-top: 16px;
line-height: 30px;
}
.promotion-banner__btn {
font-size: 18px;
line-height: 24px;
padding: 13px 72px;
margin-top: 32px;
}
.promotion-banner__text.promotion-banner__text--margin-md {
margin-top: 52px;
}
}
@media screen and (min-width: 1360px) {
.promotion-banner__btn {
padding: 13px 72px;
}
.promotion-banner__text.promotion-banner__text--margin-md {
margin-top: 20px;
}
}
@media screen and (max-width: 1180px) {
.promotion-banner__container--image {
padding: 28px 0px 12px 0px;
background-size: cover;
}
.promotion-banner__text.promotion-banner__text--margin-lg {
margin-top: 16px;
}
}
@media screen and (max-width: 932px) {
.promotion-banner__container--image {
padding: 64px 0px 20px 0px;
background-size: cover;
}
.promotion-banner__text.promotion-banner__text--margin-lg {
margin-top: 45px;
}
.promotion-banner__heading {
font-size: 40px;
line-height: 48px;
margin: 0 auto 5px auto;
}
.promotion-banner__heading em {
font-size: 40px;
line-height: 48px;
}
.promotion-banner__heading sup {
font-size: 24px;
top: -0.6em;
}
.promotion-banner__content hr {
margin: 0 auto;
width: 700px;
}
.promotion-banner__text,
.text-fragment {
font-size: 20px;
font-weight: 400;
line-height: 28px;
}
.text-fragment--sm {
font-size: 16px;
font-weight: 700;
line-height: 24px;
}
.promotion-banner__half-pipe {
bottom: 5px;
}
}
@media screen and (max-width: 576px) {
.promotion-banner {
background-color: #142640;
border-bottom: 8px solid #B10A32;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
margin-bottom: 32px;
}
.promotion-banner__container {
padding: 32px 0;
}
.promotion-banner__container--image {
border-bottom: 8px solid #B10A32;
padding: 12px 0px 0px 0px;
background-position: bottom;
background-size: cover;
}
.promotion-banner__text.promotion-banner__text--margin-lg {
margin-top: 19px;
}
.promotion-banner__row {
display: block;
padding: 32px 0;
}
.promotion-banner__row--p0 {
padding: 0;
}
.promotion-banner__heading {
font-size: 24px;
font-weight: 600;
line-height: 28px;
margin: 0 auto 4px auto;
text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.promotion-banner__heading em {
font-size: 20px;
font-weight: 400;
line-height: 28px;
margin: 0 auto 4px auto;
text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.promotion-banner__heading sup {
font-size: 14px;
top: -0.6em;
}
.promotion-banner__content hr {
width: 288px;
}
.promotion-banner__text,
.text-fragment {
font-size: 16px;
font-weight: 400;
line-height: 18px;
}
.promotion-banner__text span {
display: block;
}
.promotion-banner__text {
display: block;
margin-top: 0;
}
.text-fragment {
display: block;
margin-top: 4px;
}
.text-fragment:after {
display: none;
}
.promotion-banner__text span {
font-size: 20px;
font-weight: 400;
line-height: 24px;
text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.text-fragment--sm {
font-size: 14px !important;
font-weight: 700 !important;
line-height: 16px !important;
}
}
#callMeNowModal .custom-modal-close-button button.close {
top: -37px;
right: 0;
}
.call-me-modal {
margin: 0 auto;
padding: 137px 0 0 0;
position: relative;
width: 100%;
max-width: 536px;
}
.call-me-header,
.call-me-body {
min-height: 0;
padding: 0;
}
.call-me__image {
width: 100%;
height: auto;
display: block;
margin: 0;
padding: 0;
}
.call-me__body {
font-family: "Frutiger Regular", Arial, Helvetica, Sans-Serif;
background-color: #FFFFFF;
padding-bottom: 24px;
}
.call-me__countdown {
font-weight: 500;
line-height: 20px;
font-size: 16px;
color: #FFFFFF;
text-transform: uppercase;
display: block;
margin: 0;
padding: 8px 4px;
text-align: center;
background-color: #b10a32;
letter-spacing: 0.04em;
}
.countdown__text {
display: inline-block;
}
.call-me__countdown:before {
content: "";
display: inline-block;
background-image: url(/Content/images/icons/clock.svg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
padding: 0;
margin: 0 8px;
height: 18px;
width: 18px;
position: relative;
top: 3px;
}
.call-me__heading {
font-family: "Frutiger Regular", Arial, Helvetica, Sans-Serif;
color: #000;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 24px;
margin: 24px 24px 0 24px;
padding: 0;
text-transform: uppercase;
}
.call-me__sub-heading {
font-family: "Open Sans", sans-serif;
color: #000;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 18px;
text-decoration-line: underline;
margin: 14px 24px 0 24px;
padding: 0;
}
.call-me__list {
padding: 0;
margin: 8px 24px 0 24px;
list-style-type: disc;
}
.call-me__list-item {
color: #000;
font-family: "Frutiger Regular", Arial, Helvetica, Sans-Serif;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 18px;
padding: 0;
margin: 4px 24px 0 24px;
}
.call-me__footnote {
color: #000;
font-family: "Frutiger Regular", Arial, Helvetica, Sans-Serif;
font-size: 14px;
font-style: italic;
font-weight: 400;
line-height: 18px;
padding: 0;
margin: 16px 24px 0 24px;
display: block;
}
.call-me__cta-button, .call-me__cta-button:link, .call-me__cta-button:hover, .call-me__cta-button:active, .call-me__cta-button:visited {
background-color: #b10a32;
display: inline-block;
color: #fff;
font-family: "Frutiger Regular", Arial, Helvetica, Sans-Serif;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 24px;
padding: 0 40px;
}
.call-me__ctas--small {
display: block;
margin: 20px 24px 0 24px;
padding: 0;
text-align: center;
}
.call-me__phone--small:before {
content: "\e907";
font-family: "icomoon" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #fff;
line-height: 18px;
font-size: 12px;
display: inline-block;
width: 22px;
height: 22px;
border-radius: 100%;
border: 2px solid;
}
.call-me__button-text {
display: inline-block;
text-transform: uppercase;
margin: 8px 0 8px 8px;
}
.call-me-phone--large {
color: #B10A32;
text-align: center;
font-family: "Frutiger Regular", Arial, Helvetica, Sans-Serif;
font-size: 26px;
font-style: normal;
font-weight: 700;
line-height: 30px;
display: block;
margin: 20px 0 0 0;
}
.call-me-link--large, .call-me-link--large:link, .call-me-link--large:hover, .call-me-link--large:active, .call-me-link--large:visited {
color: #0F3055;
text-align: center;
font-family: "Frutiger Regular", Arial, Helvetica, Sans-Serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
text-decoration-line: underline;
display: block;
margin: 12px 0 0 0;
}
.call-me__upper {
font-weight: inherit;
text-transform: uppercase;
}
.call-me__ctas--large {
border-top: 1px solid #000;
margin: 24px 24px 0 24px;
}
@@media screen and (min-width: 768px) {
.call-me__countdown {
font-size: 20px;
line-height: 24px;
}
.call-me__countdown:before {
height: 23px;
width: 23px;
}
.call-me__heading {
margin: 24px 64px 0 64px;
font-size: 26px;
line-height: 30px;
}
.call-me__sub-heading {
margin: 14px 64px 0 64px;
font-size: 16px;
line-height: 24px;
}
.call-me__list {
margin: 8px 64px 0 64px;
}
.call-me__list-item {
font-size: 16px;
line-height: 24px;
}
.call-me__footnote {
margin: 16px 64px 24px 64px;
font-size: 16px;
line-height: 24px;
}
.call-me__ctas--large {
border-top: 1px solid #000;
margin: 0 64px 0 64px;
}
.call-me__ctas--small {
margin: 20px 64px 0 64px;
}
}
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
width: 100%;
}
@media screen and (min-width: 768px) {
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
min-width: 206px;
width: 206px;
}
.bootstrap-select--region + .bootstrap-select .dropdown-menu {
min-width: 300px !important;
width: 300px !important;
}
}
@media screen and (min-width: 1024px) {
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
min-width: 248px;
width: 100%;
}
.bootstrap-select--region + .bootstrap-select .dropdown-menu {
min-width: 100% !important;
width: auto !important;
}
}
@media screen and (min-width: 1366px) {
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
min-width: 300px;
}
}
.bootstrap-select.btn-group {
height: 50px;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu {
max-width: 100%;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
margin-right: 24px;
}
.bootstrap-select.btn-group .btn {
padding: 4px 12px;
}
.bootstrap-select.btn-group .btn.disabled, .bootstrap-select.btn-group .btn[disabled], .bootstrap-select.btn-group fieldset[disabled] .btn {
background-color: #fff;
border-color: #fff;
opacity: 1;
}
.bootstrap-select.btn-group .dropdown-toggle {
color: #333;
background-color: #fff;
border-color: #ccc;
border: 1px solid #ccc;
border-radius: 3px;
height: 50px;
}
.bootstrap-select.btn-group .dropdown-toggle.bs-placeholder, .bootstrap-select.btn-group .dropdown-toggle.bs-placeholder:hover {
color: #333;
}
.bootstrap-select.btn-group .dropdown-toggle.bs-placeholder.disabled, .bootstrap-select.btn-group .dropdown-toggle.bs-placeholder:hover.disabled {
color: #ccc;
cursor: default;
}
.bootstrap-select.btn-group .dropdown-toggle .filter-option {
border-color: #fff;
text-transform: capitalize;
font-size: 17px;
line-height: 29px;
}
.bootstrap-select.btn-group.bs-selected .dropdown-toggle .filter-option {
color: #333333;
font-size: 17px;
font-weight: 700;
line-height: 22px;
position: relative;
right: 1px;
top: 7px;
}
.bootstrap-select.btn-group .dropdown-toggle .caret {
border: none;
top: auto;
right: 10px;
margin-top: 0;
color: #B10A32;
height: 24px;
line-height: 24px;
width: 14px;
}
.bootstrap-select.btn-group .dropdown-toggle .caret:before {
font-family: icomoon;
content: "\e600";
}
.bootstrap-select.btn-group .dropdown-toggle.disabled .caret {
color: #ccc;
}
.bootstrap-select.btn-group .dropdown-menu {
z-index: 1200;
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.175);
box-shadow: 0 0 0 rgba(0, 0, 0, 0.175);
padding: 0;
margin: -4px 0 0;
border: 1px solid #ccc;
border-top: none;
max-width: 100%;
}
.bootstrap-select.btn-group .dropdown-menu li {
border-top: 1px solid #ededed;
max-width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
}
.bootstrap-select.btn-group .dropdown-menu li:first-child {
border-top: none;
}
.bootstrap-select.btn-group .dropdown-menu li a, .bootstrap-select.btn-group .dropdown-menu li a:focus {
font-size: 18px;
font-family: "Frutiger Regular", Arial, Helvetica, Sans-Serif;
font-weight: 400;
font-style: normal;
text-transform: uppercase;
padding: 3px 14px;
border: 1px solid #fff;
text-decoration: none;
line-height: 22px;
text-transform: none;
}
.bootstrap-select.btn-group .dropdown-menu li a span:not(.check-mark):not(.required), .bootstrap-select.btn-group .dropdown-menu li a:focus span:not(.check-mark):not(.required) {
text-overflow: ellipsis;
display: block;
overflow: hidden;
white-space: nowrap;
max-width: 100%;
width: 100%;
}
.bootstrap-select.btn-group .dropdown-menu li a span.required, .bootstrap-select.btn-group .dropdown-menu li a:focus span.required {
display: none !important;
}
.bootstrap-select.btn-group .dropdown-menu li.selected a {
color: #fff;
border-color: #456580;
background-color: #456580;
}
.bootstrap-select.btn-group .dropdown-menu > li:not(.selected) > a:hover {
color: #262626;
border-color: #44687d;
background-color: #fff;
}
.bootstrap-select.btn-group.dropup .dropdown-menu {
border-top: 1px solid #ccc;
border-bottom: none;
}
.bootstrap-select.btn-group.dropup .dropdown-toggle .caret:before {
font-family: icomoon;
content: "\e601";
}
.bootstrap-select.btn-group.dropup .dropdown-toggle span.required {
color: #B10A32;
font-size: 14px;
float: left;
margin-right: 2px;
}
.bootstrap-select:focus,
.bootstrap-select .dropdown-toggle:focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(58, 222, 249, 0.5);
box-shadow: 0 0 0 0.2rem rgba(58, 222, 249, 0.5);
}
.bootstrap-select.open .dropdown-toggle {
-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.125);
box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.125);
}
.bootstrap-select.open .dropdown-toggle .caret:before {
content: "\e601";
}
.bootstrap-select.open.dropup .dropdown-toggle .caret:before {
content: "\e600";
}
.bootstrap-select.scrollable-list ul {
max-height: 372px !important;
overflow: hidden !important;
overflow-y: scroll !important;
scrollbar-face-color: #cccccc;
scrollbar-track-color: whitesmoke;
}
.bootstrap-select.scrollable-list ul::-webkit-scrollbar {
width: 10px;
z-index: 999;
}
.bootstrap-select.scrollable-list ul::-webkit-scrollbar-track {
background: whitesmoke;
}
.bootstrap-select.scrollable-list ul::-webkit-scrollbar-thumb {
background: #cccccc;
height: 42px;
width: 10px;
}
.bootstrap-select.scrollable-list ul::-webkit-scrollbar-thumb:hover {
background: #aaaaaa;
}
.bootstrap-select.scrollable-list ul li {
overflow: hidden;
}
div.modules {
padding-top: 0;
}
div.contentWrapper {
padding: 18px 40px 20px;
}
#starting-tooltip {
display: none;
z-index: 1000;
}
#starting-tooltip.active {
display: block;
}
.filter-bubble-top {
top: -75px;
left: 12px;
position: absolute;
width: 134px;
}
.filter-bubble-top .bubble-wrapper {
width: 134px;
margin: 0 auto;
}
.filter-bubble-top .bubble-wrapper .arrow {
width: 70px;
height: 18px;
overflow: hidden;
position: absolute;
left: 50%;
margin-left: -35px;
bottom: -18px;
}
.filter-bubble-top .bubble-wrapper .arrow:after {
background: rgba(38, 91, 121, 0.9);
content: "";
position: absolute;
left: 20px;
width: 25px;
height: 25px;
bottom: -20px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
left: 20px;
top: -20px;
-webkit-box-shadow: 6px 5px 9px -9px black, 5px 6px 9px -9px black;
box-shadow: 6px 5px 9px -9px black, 5px 6px 9px -9px black;
}
.filter-bubble-top .bubble-wrapper .tooltip {
opacity: 0;
position: absolute;
visibility: hidden;
color: #fff;
text-align: center;
text-decoration: none;
text-transform: uppercase;
width: 134px;
border-radius: 4px;
z-index: 1000;
background: rgba(38, 91, 121, 0.9);
}
.filter-bubble-top .bubble-wrapper .tooltip.active {
opacity: 1;
visibility: visible;
-webkit-transition: all .5s ease;
transition: all .5s ease;
}
.filter-bubble-top .bubble-wrapper .tooltip .bubble-content {
float: left;
padding: .5em 1em;
width: 100%;
}
.filter-bubble-top .bubble-wrapper .tooltip .bubble-content span {
width: 100%;
font-size: 12px;
line-height: 16px;
font-family: "Frutiger Regular", Arial, Helvetica, Sans-Serif;
font-weight: 400;
float: left;
}
#fac-filters-wrapper {
min-height: 78px;
width: 100%;
}
.fac-filters-container {
width: 100%;
padding: 20px 10px 15px 10px;
color: #FFF;
background-color: #142640;
display: block;
}
.fac-filters-container > .text-left {
flex-grow: 10;
flex-basis: 100%;
max-width: none;
}
@media screen and (min-width: 768px) {
.fac-filters-container {
padding: 20px 0 32px 0;
}
}
@media screen and (min-width: 1024px) {
.fac-filters-container {
padding: 15px 0;
}
}
.fac-filters-container .fac-title {
margin-top: 0;
margin-bottom: 12px;
text-transform: uppercase;
font-family: "Frutiger Regular", Arial, Helvetica, Sans-Serif;
font-weight: 500;
font-size: 18px;
letter-spacing: .05em;
margin-right: 0;
text-align: center;
}
.fac-filters-container.flex-row fieldset legend {
color: inherit;
border: none;
margin: 0;
}
@media screen and (min-width: 1024px) {
.fac-filters-container.flex-row fieldset legend {
width: auto;
color: inherit;
float: left;
}
}
@media screen and (min-width: 1024px) {
.fac-filters-container.flex-row fieldset {
display: flex;
}
}
@media screen and (min-width: 1024px) {
.fac-filters-container .fac-title {
width: auto;
text-align: left;
margin-right: 5px;
margin-bottom: 0;
}
}
@media screen and (min-width: 1180px) {
.fac-filters-container .fac-title {
width: auto;
text-align: left;
}
}
.fac-filters-container.flex-row fieldset {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media screen and (min-width: 768px) {
.fac-filters-container.flex-row fieldset {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
flex-wrap: wrap;
}
}
.fac-filters-container.flex-row > fieldset > div,
.fac-filters-container.flex-row > fieldset > ul {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0 auto;
width: 100%;
text-align: center;
}
@media screen and (min-width: 768px) {
.fac-filters-container.flex-row > fieldset > div,
.fac-filters-container.flex-row > fieldset > ul {
margin: 0;
width: auto;
max-width: auto;
}
}
.fac-filters-container.flex-row fieldset ul {
padding: 0;
}
@media screen and (min-width: 768px) {
.fac-filters-container.flex-row fieldset ul {
max-width: none;
}
}
.fac-filters-container .search-submit {
border-width: 0;
border-color: transparent;
background-color: #456580;
width: 100%;
line-height: 2;
cursor: pointer;
outline-color: red;
position: relative;
}
.fac-filters-container .search-submit[aria-label]:after {
content: attr(aria-label);
display: none;
z-index: 100;
position: absolute;
top: -30px;
left: -100px;
background-color: #FFF;
color: #B10A32;
padding: 6px 15px;
border-radius: 2px;
font-size: 12px;
border-left: 5px solid #B10A32;
-webkit-box-shadow: 5px 5px 15px -4px rgba(0, 0, 0, 0.5);
box-shadow: 5px 5px 15px -4px rgba(0, 0, 0, 0.5);
cursor: help;
}
@media screen and (max-width: 767px) {
.fac-filters-container .search-submit[aria-label]:after {
top: 40px;
left: 0;
}
}
.fac-filters-container .search-submit[aria-label]:hover:after, .fac-filters-container .search-submit[aria-label]:focus:after {
display: block;
}
@media screen and (min-width: 768px) {
.fac-filters-container .search-submit {
width: 50px;
margin-left: 8px;
margin-top: 0;
height: 100%;
display: block;
padding: 1px 6px;
}
}
.fac-filters-container .search-submit i.icon-search {
font-size: 23px;
display: block;
text-align: center;
top: 4px;
position: relative;
line-height: 27px;
}
.fac-filters-container .search-submit .submit-items {
width: 102px;
margin: auto;
}
@media screen and (min-width: 768px) {
.fac-filters-container .search-submit .submit-items {
width: 100%;
height: 100%;
display: block;
}
}
.fac-filters-container .search-submit .submit-items span {
display: inline-block;
color: #FFF;
}
.fac-filters-container .search-submit .submit-items span.search-text {
font-family: "Frutiger Regular", Arial, Helvetica, Sans-Serif;
font-weight: 400;
text-transform: uppercase;
margin-left: 10px;
}
@media screen and (min-width: 768px) {
.fac-filters-container .search-submit .submit-items span.search-text {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.fac-filters-container .search-submit .submit-items span {
display: inline-block;
color: #FFF;
}
.fac-filters-container .search-submit .submit-items span.search-icon {
width: 100%;
height: 100%;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.fac-filters-container .search-submit i.icon-search {
width: 100%;
top: 0
}
}
.fac-filters-container .fac-filters {
width: 300px;
margin: auto;
padding: 5px 0;
font-size: 0;
}
.fac-filters-container .fac-filters .placeholder {
color: #595959;
display: none;
font-size: 12px;
font-weight: 400;
left: 0;
height: auto;
line-height: 16px;
margin-bottom: 5px;
max-width: 100%;
padding: 7px 0 0 17px;
pointer-events: none;
position: absolute;
top: 0;
z-index: 99;
}
@media screen and (min-width: 480px) {
.fac-filters-container .fac-filters {
width: 420px;
}
}
@media screen and (min-width: 768px) {
.fac-filters-container .fac-filters {
width: auto;
max-width: 1000px;
}
}
@media screen and (min-width: 1024px) {
.fac-filters-container > .text-left {
flex-grow: 0;
flex-basis: auto;
display: flex;
flex-direction: row;
align-items: center;
}
}
@media screen and (min-width: 1024px) {
.fac-filters-container legend {
display: flex;
align-items: center;
}
}
@media screen and (min-width: 1180px) {
.fac-filters-container .fac-filters {
max-width: 100%;
}
}
.fac-filters-container .fac-filters > li {
height: 50px;
line-height: 50px;
vertical-align: middle;
display: block;
margin-bottom: 20px;
position: relative;
padding-left: 0;
padding-right: 0;
}
@media screen and (min-width: 768px) {
.fac-filters-container .fac-filters > li {
display: inline-block;
margin-bottom: 0px;
padding-left: 5px;
padding-right: 5px;
}
}
.fac-filters-container .fac-filters > li span.required-text {
font-size: 12px;
display: block;
line-height: 14px;
}
.fac-filters-container .fac-filters > li span.required-text .required {
color: #B10A32;
font-size: 12px;
float: left;
margin-right: 2px;
}
.fac-filters-container .dropdown-toggle {
padding-right: 35px !important;
}
@media screen and (max-width: 767px) {
.fac-filters-container .fac-filters .placeholder {
padding: 7px 0 0 12px;
}
}
/*# sourceMappingURL=dropdown-portal.css.map */
a.thumbnail-anchor:focus {
outline: 5px auto currentColor !important;
outline: 5px auto -webkit-focus-ring-color !important;
outline-offset: 1px;
}
@media screen and (max-width: 640px) and (max-height: 489px) {
#trd-header {
position: relative !important;
transform: none !important;
}
#cruise-hdr {
position: relative !important;
transform: none !important;
}
#trd-hero-video {
min-height: 256px !important;
}
.hdr-canvas {
height: 0 !important;
}
}
@media screen and (max-height: 256px) {
#trd-header {
position: relative !important;
transform: none !important;
}
#cruise-hdr {
position: relative !important;
transform: none !important;
}
.trd-body-wrapper.trd-itinerary {
top: 0 !important;
}
.why-viking .hdr-canvas.ext-canvas,
.why-viking .hdr-canvas.ext-semi-canvas {
height: 0 !important;
}
.why-viking #cruise-hdr {
top: 0 !important;
}
}
@media screen and (max-height: 256px) {
#persistentFooter {
position: relative;
}
}
@media screen and (orientation:landscape)
and (min-device-width: 320px)
and (max-device-width: 926px) {
#trd-header {
position: fixed !important;
}
#cruise-hdr {
position: fixed !important;
}
}